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


h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #000; font-family:Arial, Helvetica, sans-serif; }

h1 { font-size: 2.8em; margin:0; padding:0; line-height:0.8em; }
h2 { font-size: 2em; margin-bottom: 0.8em; }
h3 { font-size: 1.7em; line-height: 1.3em; margin-bottom: 0.5em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1.3em; font-weight: bold; margin-bottom: 1.0em; color:#fa7a2b; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin:0; }
p { font-size:1.1em; line-height:1.2em; color:#666; }
input, select, textarea { padding:2px 3px; font-size:1em; }
button { cursor:pointer; }
fieldset { margin-bottom:10px; }
legend { padding:0.1em 0.6em; margin-left:0.5em; font-weight:bold; }

table  { /*margin-bottom: 1.4em;*/  }
th { font-weight: bold; }
thead th { background: #fff; font-weight:bold; color:#fa7a2b; }
th,td,caption { padding: 0px 5px 0px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-size:0.9em; }
caption { display:none; }
ul { list-style-type:none; }

.alignLeft { text-align:left; }
.alignCenter { text-align:center; }
.alignRight { text-align:right; }
.valignMiddle { vertical-align:middle; }
.imgAlign_left { float:left; margin:0 20px 10px 0; }
.imgAlign_right { float:right; margin:0 0 10px 20px; }


.separatore { font-size:1px; height:1px; clear:both; } 
.separatore_riga { font-size:1px; height:15px; clear:both; background-image:url(../images/bg_block_big.png); background-position:left bottom; background-repeat:no-repeat; padding:15px 0 0 0; }
.separatore_riga2 { font-size:1px; height:15px; clear:both; background-image:url(../images/bg_block_small2.png); background-position:left bottom; background-repeat:no-repeat; padding:15px 0 0 0; }

/*##############################################################################################################*/


body { background-image:url(../images/bg_body.png); background-position:left top; background-repeat:repeat-x; background-color:#727272; font-size:11px; font-family:Tahoma, Geneva, sans-serif; }


#box { width:980px; margin:0px auto; }
	#header { height:141px; background-image:url(../images/bg_header.png); background-position:left top; background-repeat:repeat-x; }
		#logo { width:330px; float:left; }
		#mainMenu { position:absolute; right:0; top:60px; margin-right:300px; z-index:10000; width:500px; /*border-top:1px solid red;*/ }

	
	#banner { background-color:#000; margin:2px 0 0 0; height:231px; background-image:url(../images/bg_container.png); background-position:center bottom; background-repeat:no-repeat; }
	
	#container { background-color:#878787; }
		#mainContent { background-image:url(../images/bg_mainContent.png); background-position:left top; background-repeat:repeat-y; padding:20px 60px 30px 60px; }
		
		h1 span { padding:0 0 0 55px; color:#fa7a2b; font-weight:bold; font-size:1.2em; }
		p a { color:#666; text-decoration:underline; }
		p a:hover { text-decoration:none; }		
		.title { background-image:url(../images/pallino.png); background-position:left center; background-repeat:no-repeat; height:36px; margin:0 0 10px 0; }
			.title h2 { padding:2px 0 0 11px; }
			.title h2 strong { color:#FFF; }
			.subtitle {  }
			.subtitle h3 { color:#fa7a2b; font-style:italic; }
		
		.serviceBlock { width:280px; float:left; margin:0 5px 0 0; }
			.serviceBlock img { width:82px; float:left; margin:0 7px 0 0; }
			.serviceBlock p { width:190px; float:left; font-size:1em; line-height:1.2em; }
			.serviceBlock p strong { font-size:1.2em; color:#fa7a2b; }
			
		.serviceBlock2 { width:330px; float:left; margin:0 5px 0 0; }
			.serviceBlock2 img { width:82px; float:left; margin:0 7px 0 0; }
			.serviceBlock2 p { width:241px; float:left; font-size:1em; line-height:1.2em; }
			.serviceBlock2 p strong { font-size:1.2em; color:#fa7a2b; }			
			
		#largeCol { width:58%; float:left; margin:0 10px 0 0; /*border-top:1px solid red;*/ }
		#smallCol { width:40%; float:left; /*border-top:1px solid green;*/ }
		
		#dynloadarea { width:300px; height:180px; float:left; margin:10px 15px 0 0; }
		ul {  }
			ul li a { padding:0px; margin:0px; color:#666; text-decoration:underline; }
			ul li a:hover { padding:0px; margin:0px; color:#fa7a2b; text-decoration:none; }		
		
		#tipologie {  }
			#tipologie.copertura-y { background-image:url(/tipologie/copertura-y/vista3d.jpg); background-position:right top; background-repeat:no-repeat; }
			#tipologie.copertura-duefalde{ background-image:url(/tipologie/copertura-duefalde/vista3d.jpg); background-position:right top; background-repeat:no-repeat; }
			#tipologie.copertura-planar { background-image:url(/tipologie/copertura-planar/vista3d.jpg); background-position:right top; background-repeat:no-repeat; height:402px;  }
			#tipologie.copertura-tt { background-image:url(/tipologie/copertura-tt/vista3d.jpg); background-position:right top; background-repeat:no-repeat; }
			#tipologie.copertura-vsystem-macroshed { background-image:url(/tipologie/copertura-vsystem-macroshed/vista3d.jpg); background-position:right top; background-repeat:no-repeat; }
			#tipologie.copertura-vsystem-microshed { background-image:url(/tipologie/copertura-vsystem-microshed/vista3d.jpg); background-position:right top; background-repeat:no-repeat; height:402px; }			
			#tipologie.copertura-alar-macroshed { background-image:url(/tipologie/copertura-alar-macroshed/vista3d.jpg); background-position:right top; background-repeat:no-repeat; }
			#tipologie.copertura-alar-microshed { background-image:url(/tipologie/copertura-alar-microshed/vista3d.jpg); background-position:right top; background-repeat:no-repeat; height:402px; }
			#tipologie.copertura-planet { background-image:url(/tipologie/copertura-planet/vista3d.jpg); background-position:right top; background-repeat:no-repeat; }
			#tipologie.impalcato-tt { background-image:url(/tipologie/impalcato-tt/vista3d.jpg); background-position:right top; background-repeat:no-repeat; }
			#tipologie.impalcato-slim { background-image:url(/tipologie/impalcato-slim/vista3d.jpg); background-position:right top; background-repeat:no-repeat; }			



			#tipologie ul { margin:10px 0; }
			#tipologie ul li { padding:1px 0 1px 23px; color:#333; }
			#tipologie p { color:#666; margin:0 0 20px 0; font-size:1em; line-height:1.2em; }
			#tipologie p strong { font-size:1.2em; color:#fa7a2b; }
			.p1 { background-image:url(../images/p1.png); background-position:left top; background-repeat:no-repeat; }
			.p2 { background-image:url(../images/p2.png); background-position:left top; background-repeat:no-repeat; }
			.p3 { background-image:url(../images/p3.png); background-position:left top; background-repeat:no-repeat; }
			.p4 { background-image:url(../images/p4.png); background-position:left top; background-repeat:no-repeat; }
			.p5 { background-image:url(../images/p5.png); background-position:left top; background-repeat:no-repeat; }
			.p6 { background-image:url(../images/p6.png); background-position:left top; background-repeat:no-repeat; }
			.p7 { background-image:url(../images/p7.png); background-position:left top; background-repeat:no-repeat; }
			.p8 { background-image:url(../images/p8.png); background-position:left top; background-repeat:no-repeat; }
			.p9 { background-image:url(../images/p9.png); background-position:left top; background-repeat:no-repeat; }
			.p10 { background-image:url(../images/p10.png); background-position:left top; background-repeat:no-repeat; }
			.p11 { background-image:url(../images/p11.png); background-position:left top; background-repeat:no-repeat; }
			.p12 { background-image:url(../images/p12.png); background-position:left top; background-repeat:no-repeat; }
			.p13 { background-image:url(../images/p13.png); background-position:left top; background-repeat:no-repeat; }
			.p14 { background-image:url(../images/p14.png); background-position:left top; background-repeat:no-repeat; }
			.p15 { background-image:url(../images/p15.png); background-position:left top; background-repeat:no-repeat; }
			.p16 { background-image:url(../images/p16.png); background-position:left top; background-repeat:no-repeat; }
			.p17 { background-image:url(../images/p17.png); background-position:left top; background-repeat:no-repeat; }
			.p18 { background-image:url(../images/p18.png); background-position:left top; background-repeat:no-repeat; }
			.p19 { background-image:url(../images/p19.png); background-position:left top; background-repeat:no-repeat; }
			.p20 { background-image:url(../images/p20.png); background-position:left top; background-repeat:no-repeat; }
			.p21 { background-image:url(../images/p21.png); background-position:left top; background-repeat:no-repeat; }
			.p22 { background-image:url(../images/p22.png); background-position:left top; background-repeat:no-repeat; }
			.p23 { background-image:url(../images/p23.png); background-position:left top; background-repeat:no-repeat; }
			.p24 { background-image:url(../images/p24.png); background-position:left top; background-repeat:no-repeat; }
			.p25 { background-image:url(../images/p25.png); background-position:left top; background-repeat:no-repeat; }
			.p26 { background-image:url(../images/p26.png); background-position:left top; background-repeat:no-repeat; }
			.p27 { background-image:url(../images/p27.png); background-position:left top; background-repeat:no-repeat; }
			.p28 { background-image:url(../images/p28.png); background-position:left top; background-repeat:no-repeat; }
			.p29 { background-image:url(../images/p29.png); background-position:left top; background-repeat:no-repeat; }
			.p30 { background-image:url(../images/p30.png); background-position:left top; background-repeat:no-repeat; }


		.imageBlock { margin:0 0 10px 0; }
			.imageBlock img { float:left; margin:0 9px 9px 0; }
		.imageDetails {  }
			.imageDetails strong { color:#fa7a2b; }
		
		table { border:1px solid #CCC; }
			table thead td { background-color:#f3cf99; padding:2px; border:2px solid #FFF; font-weight:bold; }
			table tbody td { padding:2px; border:2px solid #FFF; }
			table tfoot td { padding:2px; border:2px solid #FFF; background-color:#CCC; }
				.odd { background-color:#f9e7cc; } 
		
		.sediBlock { margin:0 0 10px 20px; }
		.sediBlock a { color:#fa7a2b; text-decoration:underline; }
		.sediBlock a:hover { text-decoration:none; }
/*		.sediBlock p { font-size:normal; }
		.sediBlock strong { color:#fa7a2b; }
		*/		

		
		
		/* ######### CSS navigazione schede ######### */
			#navMenu-tabs { list-style-type:none; text-align:left; padding-left:0; margin:0; /*set to left, center, or right to align the menu as desired*/ /*border:1px solid green;*/  }
			.tabs {  }
				.tabs li { display:inline; margin:0 5px 0 0; float:left; width:127px; height:16px; }
				.tabs li a { display:block; text-decoration:none; position:relative; z-index:1; padding:0; background-image:url(../images/bg_scheda_off.png); background-position:center top; background-repeat:no-repeat; color:#7d7d7d; text-align:center; font-size:1em; }
				.tabs li a:hover{ text-decoration:none; color:#000; }
				.tabs li a.selected{ /*selected main tab style */ position:relative; top:0px;  background-image:url(../images/bg_scheda_on.png); background-position:center top; background-repeat:no-repeat;  border-bottom:none; color:#000;  }
				.tabs li a.selected { /*selected main tab style */  }
				.tabs li a.selected:hover{ /*selected main tab style */ text-decoration:none; }
			
			#navMenu-container { clear:both; margin:0; /*padding:0.5%;*/ overflow:auto; border-top:2px solid #fa7a2b; padding:10px; }
			
		/* ######### CSS navigazione schede ######### */	
		
		
	#footer { background-image:url(../images/bg_footer.png); background-position:left top; background-repeat:repeat-x; height:107px; font-size:0.9em; }
		.footerLeft { width:700px; float:left; }
			.footerLeft p { color:#a0a0a0; padding:15px 0 10px 40px; }
			.footerLeft p a { color:#a0a0a0; text-decoration:underline; }
			.footerLeft p a:hover { color:#fff; text-decoration:none; }			
		.footerRight { width:240px; float:left; text-align:right; padding:20px 40px 0 0; }