@charset "utf-8";
/* CSS Document */

body {background-color:#a6ce39; margin:0 auto; padding:0; width:850px}
body#contatti {background:#ffffff url(imgs/contatti.gif) no-repeat; margin:0; padding:183px 0 0 125px;}
p {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif}
.alternativo {position:absolute;}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Nasconde da IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fine dell'hack per IE-mac */

#footer {
	clear:both; 
	z-index:3; 
	width:850px; 
	height:49px; 
	background-image:url(imgs/footer_back.gif); 
	background-repeat:repeat-x;
	margin-top:-1px; padding:50px 0 10px; 
	font-family:arial; 
	color:#FFFFFF;}
#footer	.bkg_foo{
	background:#91BB1E;
	float: left;
    width: 850px;}

#footer .mail {background-color:#91bb1e; padding:4px 10px; float:left; font-size:11px;}
#footer .mail a {text-decoration:none; color:#FFFFFF;}
#footer .mail a:hover {text-decoration:underline;}
#footer .mail img {padding:0 20px 0 0;}
#footer .iva {background-color:#91bb1e;  padding:4px 10px; float:right; font-size:11px;}

#index #pag {position:relative; margin-top:-561px; width:850px; height:561px; z-index:2}
#index #content {float:left; margin-right:300px;}
#index #content img#logo {padding:21px 0 0 15px;}
#index h1 {margin:120px 0 0 30px; width:260px; padding:15px; background-color:#FFFFFF; border:1px solid #666666;font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#000000; line-height:24px; }
#index h1 strong {color:#da0000;}
#index #navi {float:left; margin-top:127px;}
#index #navi img {border:0;}
#index #navi #blog {margin:145px 0 0 40px;}

/* Corpo delle pagine */
/* Qui selezioniamo i diversi sfondi e diversifichiamo le gabbie */

#chisiamo #corpo {width:740px; height:345px; padding:45px 55px; background:#ffffff url(imgs/chisiamo.jpg) no-repeat;}
.chisiamo_news #corpo {width:740px; height: inherit !important; padding-top:20px !important; background:#ffffff !important;}
#comelavoriamo #corpo {width:740px; height:345px; padding:45px 55px; background:#ffffff url(imgs/comelavoriamo.jpg) no-repeat ;}
#comelavoriamo .nopadding {width:830px !important; height: inherit !important; padding:10px !important; background:#ffffff !important;}
#lavori #corpo {width:780px; /**/height:100%; padding:45px 35px; background:#ffffff;}
#lavoridet #corpo {width:800px; /*height:345px;*/ padding:45px 25px; background:#ffffff;}

/* HEADER */

#header {width:850px; height:266px; background:url(imgs/header_sfondo.gif);}
#header #logo {padding:21px 0 0 15px; float:left;}
#header #logo img {border:0;}
#header #navi {float:left; width:216px; padding:100px 0 0 430px;/**/}
#header #navi img {border:0;}

/* CHI SIAMO */
#chisiamo p#descrizione {margin-left:430px; font:11px regular Arial, Helvetica, sans-serif; line-height:15px}
.chisiamo_news p#descrizione {margin-left:15px !important; font:13px regular Arial, Helvetica, sans-serif !important;}
#chisiamo h1 {margin:0 0 5px 430px; padding:0; font:16px Arial, Helvetica, sans-serif; font-weight:bold;}
.chisiamo_news h1 {margin:25px 0 0 15px !important; padding:0; font:14px Arial, Helvetica, sans-serif !important;  color:#ed1c24; text-transform:uppercase; font-weight:bold !important}
#chisiamo p#descrizione strong {font-weight:bold; color:#da0000;}
#chisiamo .nome {float:left; width:148px; margin-top:230px; text-align:center; font:11px regular Arial, Helvetica, sans-serif; }
#chisiamo .nome strong {color:#da0000;}
#chisiamo .nome a {text-decoration:none; color:#000000; font-style:italic;}
#chisiamo .nome a:hover {color:#ffffff; background-color:#da0000;}

.chisiamo_news .blocchi{
	padding:0 15px}
.chisiamo_news .blocchi .blocco_chisiamo{
	padding:15px 0}	
.chisiamo_news .blocchi .img_cont{
	float:left;
	width:190px}
.chisiamo_news .blocchi .img_cont img{
	border: solid 7px #a6ce39}	
.chisiamo_news .blocchi .testo_cont{
	float:right;
	width:625px}
.chisiamo_news .blocchi .testo_cont h2{
	padding:0;
	margin:0;
	padding-bottom:10px;
	color:#91bb1e;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif}			
.chisiamo_news .blocchi .testo_cont h2 span{
	padding:0;
	margin:0;
	color:#ef383f;
	font-size:14px;
	font-weight:bold;
	text-transform:none;
	font-family:Arial, Helvetica, sans-serif}
.chisiamo_news .blocchi .testo_cont p{
	padding:0;
	margin:0;
	color:#000000;
	font-size:13px;
	font-weight: normal;
	text-transform:none;
	font-family:Arial, Helvetica, sans-serif}	


/* COME LAVORIAMO */
#comelavoriamo .colonna_sinistra{
	float:left;
	width:523px}
#comelavoriamo .colonna_sinistra .blocco{
	border-bottom:solid 1px #A6CE39;
	margin:5px;
	padding:25px 0}	
#comelavoriamo .colonna_sinistra .pesanti{
	background:url(imgs/Trasporti_pesanti.jpg) no-repeat 0 0;}	
#comelavoriamo .colonna_sinistra .alternativi{
	background:url(imgs/Trasporti_alternativi.jpg) no-repeat 0 0}	
#comelavoriamo .colonna_sinistra .emotivi{
	background:url(imgs/Trasporti_emotivi.jpg) no-repeat 0 0}	
#comelavoriamo .colonna_sinistra .eccezionali{
	background:url(imgs/Trasporti_eccezionali.jpg) no-repeat 0 0}
#comelavoriamo .colonna_sinistra .blocco .right{
	padding-top:10px;
	padding-bottom:50px;
	padding-left:276px
	}
	
#comelavoriamo .colonna_sinistra .blocco .right p{
	color:#ed1c24;
	font-size:16px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	}	
#comelavoriamo .colonna_sinistra .blocco .right a{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	background:#a6ce39;
	padding:1px 2px;
	text-decoration:none
	}
#comelavoriamo .colonna_sinistra .blocco .right a:hover, #comelavoriamo .colonna_sinistra .blocco .right a:focus{
	background:#ed1c24
	}					
#comelavoriamo .colonna_destra{
	float:right;
	width:280px;
}
#comelavoriamo .blocco_d{
	padding:10px 15px;
	background:#A6CE39;
	margin-bottom:15px}	
#comelavoriamo .blocco_d a.blog{
	float:left;
	background:url(imgs/blog_ico.gif) no-repeat 10px 10px #ffffff;
	width:250px;
	text-decoration:none;
	color:#060606;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px
	}
#comelavoriamo .blocco_d a.blog:hover, #comelavoriamo .blocco_d a.blog:focus{
	text-decoration:underline
	}	
#comelavoriamo .blocco_d a.blog p{
	padding:10px 0 10px 120px;
    width: 120px;
	line-height:16px
	}			
#comelavoriamo .colonna_destra h2.titolo{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:18px;
	padding:0;
	margin:0;
	padding-bottom:5px
	}
#comelavoriamo .colonna_destra .testo{
	background:#ffffff;
	padding:10px 15px;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px}
#comelavoriamo .colonna_destra .testo h3{
	color:#ed1c24;
	font-size:14px;
	text-transform:uppercase
	}
#comelavoriamo .colonna_destra .testo h4{
	color:#ed1c24;
	font-size:14px;
	text-transform:uppercase;
	padding:0;
	margin:0
	}		
			
#comelavoriamo p#descrizione {width:100%; font:13px regular Arial, Helvetica, sans-serif;}
#comelavoriamo p{
	font-size:13px;
	padding-top:15px}
#comelavoriamo .emotivi p{
	padding-top:30px}	
#comelavoriamo .eccezionali p{
	padding-top:25px}	
#comelavoriamo h1 {margin:0 0 5px 0; padding:0; font:16px Arial, Helvetica, sans-serif; font-weight:bold;}
#comelavoriamo p#descrizione strong {font-weight:bold; color:#da0000;}
#comelavoriamo .nome {float:left; width:185px; margin-top:230px; text-align:center; font:11px regular Arial, Helvetica, sans-serif; font-style:italic;}
#comelavoriamo .nome strong {color:#da0000; font-style:normal;}
#comelavoriamo .nome a {text-decoration:none; color:#ffffff; background-color:#da0000; font-style:normal; font-weight:bold;}
#comelavoriamo .nome a:hover {color:#da0000; background-color:#ffffff;}


/* CONTATTI */
#contatti p {font:11px Arial, Helvetica, sans-serif; line-height:18px;}
#contatti #n20 {display:block; font:bold 16px Arial, Helvetica, sans-serif; margin-bottom:25px;}
#contatti #gmaps {margin-left:25px;}
#contatti a {background-color:#da0000; color:#ffffff; text-decoration:none; font-weight:bold;}
#contatti a img {border:0;}

/* LAVORI */
#lavori .cliente {float:left; width:260px; text-align:center; margin-bottom:40px;}
#lavori .cliente a img {border:1px solid #c0c1c3;}
#lavori .cliente .dida {display:block; margin-top:2px; font:bold 11px Arial, Helvetica, sans-serif;}
#lavori .cliente .dida a {text-decoration:none; color:#000000;}
#lavori .cliente .dida a:hover {text-decoration:none; color:#da0000;}

/* LAVORI DETTAGLIO */
#lavoridet #col1 {float:left; width:240px; margin-right:22px;}
#lavoridet h1 {width:240px; height:150px; margin:0; padding:0; font:bold 16px Arial, Helvetica, sans-serif;}
#lavoridet #navi2 {height:245px;}
#lavoridet #navi2 span {display:block; height:19px; margin-bottom:3px; line-height:19px; background-color:#f0f0f0; color:#616161; font:bold 14px Arial, Helvetica, sans-serif; padding:0 5px;}
#lavoridet #navi2 span.selected {background-color:#92bb1f; color:#ffffff;}
#lavoridet #navi2 span a {text-decoration:none; color:#616161;}
#lavoridet #navi2 span.selected a {text-decoration:none; color:#ffffff;}
#lavoridet #navi2 span a:hover {color:#da0000;}
#lavoridet #navi2 span.selected a:hover {color:#616161;}

#lavoridet #col2 {float:left; width:538px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px;}
#lavoridet #col2 h2 { float:left; margin:25px 0 10px 0; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#da0000;}
#lavoridet #col2 p {clear:both;}
#lavoridet #col2 .navi {margin:25px 0 10px 35px; float:left; font-weight:bold;}
#lavoridet #col2 .navi a img {border:0; padding:0 10px;}
#lavoridet #back {clear:both;}
#lavoridet #back a img {border:0;}



/* modifiche alessia*/
#chisiamo p#descrizione{color:#000}
#chisiamo #corpo {padding: 45px 0;width: 850px;position:relative;}
#chisiamo #corpo .nome{position:absolute;top:120px;z-index:9999;text-align: left}
#chisiamo #corpo #a-name{left:15px;top:108px;}
#chisiamo #corpo #b-name{left:145px;}
#chisiamo #corpo #c-name{left:265px;}
#chisiamo #corpo #d-name{left:410px;}
#chisiamo #corpo #f-name{left:565px;}
#chisiamo #corpo #g-name{left:715px;}

/*Box Sotto HP*/
.cb{
	clear:both}
.box_hp_sotto_cont{
	padding-top:25px}
.box_hp_sotto_cont .box{
	margin-left:40px; width:405px; border-bottom:solid 4px #ededee;
	background:#ffffff; float:left; height:185px; font-size:12px; font-family:Arial, Helvetica, sans-serif}	
.box_hp_sotto_cont .nomargin{
	margin:0}
.box_hp_sotto_cont .testatina{
	background:#91bb1e;
	height:33px}
.box_hp_sotto_cont .ultimilav{
	background:url(imgs/ultimolav.gif) no-repeat 0 0 #91BB1E }	
.box_hp_sotto_cont .cosafacciamo{
	background: url(imgs/cosafacciamo.gif) no-repeat 0 0 #91BB1E }
.box_hp_sotto_cont .testatina a.freccia, .box_hp_sotto_cont .testatina a.freccia:link, .box_hp_sotto_cont .testatina a.freccia:active, .box_hp_sotto_cont .testatina a.freccia:visited, .box_hp_sotto_cont .testatina a.freccia:focus, .box_hp_sotto_cont .testatina a.freccia:hover{
	background:url(imgs/freccia_box_hp_bot.png) no-repeat top right;
	float:right;
	width:58px;
	height:33px
	}
.box_hp_sotto_cont .testatina a.freccia:focus, .box_hp_sotto_cont .testatina a.freccia:hover{
	background:url(imgs/freccia_box_hp_bot.png) no-repeat bottom right
	}
.box_hp_sotto_cont .box .corpo{
	padding:14px 7px;
	}
.box_hp_sotto_cont .box .corpo img{
	float:left;
	margin-right:7px}
span.red{
	color:#ed1c24
	}