/* CSS Document */

body{ background-color: #FFFFFF;
margin:0;
text-align: center;
padding:0;

}

a{
color:#000000;}

#wrapper{width:930px;
text-align:left;
margin:auto;
}

#container{padding:10px 40px 0 40px;
margin:auto;
background:url(../immagini/sfondo.jpg) repeat-y;
float:left; 
width:900px;
}

#header{
padding-top:10px;
width:820px;
float:left;

}

#banner{
width:820px;
height:270px;
float:left;}

#logo{
width:190px;
height:230px;
float:left;}


#menu{
width:820px;
height:25px;
padding-bottom:15px;
float:left;
text-align:center;
}

#menu ul{
margin:0;
padding:0;
height:25px;
list-style-image:none;
}
#menu ul li{
margin:0;
padding:0;}


#menu li.menu-vp{
margin-left:1px;
display: block;
float: left;
width:88px;
height:25px;
font-family:Arial, HelveticaNeue-Light, Tahoma, Verdana;
font-size:12px;
color:#2D7853;

}

#menu li.menu-vp a{padding:7px 0 0 0;
text-align:center;
display: block;
text-decoration:none;
height:25px;
width:88px;
color:#2D7853;
border-right:1px solid #2D7853;
}

#menu li.menu-vp-cont{
margin-left:1px;
display: block;
float: left;
width:88px;
height:25px;
font-family:Arial, HelveticaNeue-Light, Tahoma, Verdana;
font-size:12px;
color:#2D7853;

}

#menu li.menu-vp-cont a{padding:7px 0 0 0;
text-align:center;
display: block;
text-decoration:none;
height:25px;
width:88px;
color:#2D7853;


}
#menu li.menu-vp-cont a:hover{padding:7px 0 0 0;
text-align:center;
display: block;
text-decoration:none;
height:25px;
width:88px;
color:#666666;
}

#menu li.menu-vp-cont-c{
margin-left:1px;
display: block;
float: left;
width:88px;
height:25px;
font-family:Arial, HelveticaNeue-Light, Tahoma, Verdana;
font-size:12px;
color:#94233E;
font-weight:bold;
}

#menu li.menu-vp-cont-c{
margin-left:1px;
display: block;
float: left;
width:89px;
height:25px;
font-family:Arial, HelveticaNeue-Light, Tahoma, Verdana;
font-size:12px;
color:#94233E;
font-weight:bold;
}

#menu li.menu-vp-cont-c a{padding:7px 0 0 0;
text-decoration:none;
text-align:center;
display: block;
color:#94233E;
display: block;
width:89px;
height:25px;
}

#menu li.menu-vp a:hover{padding:7px 0 0 0;
display: block;
height:25px;
width:88px;
color:#666666;
}

#menu li.menu-vp a:focus{padding:7px 0 0 0;
display: block;
height:25px;
width:88px;
color:#666666;
}

#menu li.menu-vp-c{
margin-left:1px;
display: block;
float: left;
width:89px;
height:25px;
font-family:Arial, HelveticaNeue-Light, Tahoma, Verdana;
font-size:12px;
color:#94233E;
font-weight:bold;
}

#menu li.menu-vp-c a{padding:7px 0 0 0;
text-decoration:none;
text-align:center;
display: block;
color:#94233E;
display: block;
width:89px;
height:25px;
border-right:1px solid #2D7853;
}

#menu li.menu-vp-c a:hover{padding:7px 0 0 0;
color:#666666;
}

ul{
	margin:0;
	padding:0;}
	
	li{
	margin:0;
	padding:0;
	list-style-type:none;}
	

#contenuto{width:820px;
float:left;
margin:0;
padding:0;
border-top:1px solid #2D7853;
border-bottom:1px solid #2D7853;
}

#colonna-1{
width:287px;
float:left;}

#colonna-1 ul{
margin:0;
padding:0;}

#colonna-1 ul li{
list-style-type:none;
margin:0;
padding:0;}

.news-elenco{
background:url(../immagini/sfondo-news.jpg) repeat-y;
float:left;
margin-top:3px;
height:170px;
border-bottom:3px solid #FFFFFF;
}

#colonna-1 ul.news-img{
width:80px;
height:80px;
float:left;
padding:5px;}

#colonna-1 ul.news-testo{
width:185px;
float:left;
padding:5px;
font-family:Arial, Trebuchet MS, Verdana, Tahoma;
font-size:12px;
font-weight:normal;}

#colonna-1 ul.news-testo li{
margin:0;
padding:0;}

.titoli-news{font-size:12px;font-weight:bold;
text-transform:uppercase;
color:#94233E;}
.segue{
font-family:Arial, Trebuchet MS, Verdana, Tahoma;
font-size:11px;
color:#666666;
font-weight:bold;}

#colonna-2{
width:500px;
float:left;
margin-left:3px;
padding:10px;
padding-left:20px;}

#colonna-2 ul{
margin:0;
padding:0;
list-style-type:none;}

#colonna-2 ul li{
list-style-type:none;
margin:0;
padding:0;
}

.testa{
font-family:Arial, Trebuchet MS, Verdana, Tahoma;
font-size:12px;
font-weight:normal;
}



#colonna-2 ul.vipamarchi{
height:130px;
float:left;
border-top:1px solid #999999;}

#colonna-2 li.vipa{
width:150px;
float:left;
padding:5px;}

#colonna-2 li.vipa2{
width:320px;
float:left;
padding:10px;}

#testo{
width:780px;
padding:20px;
float:left;
}
#testo ul.testina{
padding-left:9px;
width:750px;
height:30px;

}
.linea{
clear:both;
border-bottom:1px solid #999999;
height:10px;}
.titolo{
float:left;
width:60px;
font-family:Arial, HelveticaNeue-Light, Tahoma, Verdana;
font-size:16px;
font-weight:bold;
color:#636466;
}
.titolo2{
width:180px;
float:left;
font-family:Arial, HelveticaNeue-Light, Tahoma, Verdana;
font-size:16px;
font-weight:bold;
color:#2D7853;
}
.contenuti{
padding:10px;}

#testo ul{
margin:0;
padding:0;}

#testo li{
list-style-type:none;}

.foto-azienda{
background:url(../immagini/sfondo-foto.jpg) no-repeat;
width:770px;
height:108px;}

.foto-azienda li{
float:left;
width:130px;
padding:10px;}

.foto-azienda li img{
border:3px solid #FFFFFF;}

.foto-fiere{
	background:url(../immagini/sfondo-foto-fiere.jpg) repeat-y;
	width:770px;
	height:130px;
	float:left;
}

.foto-fiere li{
float:left;
width:150px;
padding:20px;}

.foto-fiere li img{
border:3px solid #FFFFFF;}


.contact-testo{
width:325px;
float:left;}

.maps-vipa{
width:450px;
float:left;
}

.contact-contenuti{
padding:10px;}

#news-box{
float:left;
margin:0;
padding:10px;
border-bottom:1px solid #CCCCCC;
}
#news-box ul{margin:0;
padding:0;
float:left;}

#news-box li{
list-style-type:none;
float:left;
font-family:Arial, HelveticaNeue-Light, Tahoma, Verdana;
font-size:12px;
color:#000000;
}

.foto-news{
width:230px;
padding:10px;
}
.testo-news{
width:500px;
font-family:Arial, HelveticaNeue-Light, Tahoma, Verdana;
font-size:12px;
color:#000000;
padding:5px;}

.contenuti-contatti{
float:left;
width:780px;}

#contatti-form{
width:780px;
float:left;
border-top:1px solid #CCCCCC;}

.contact{
margin-left:8px;
margin-right:15px;
float:left;
width:170px;
height:255px;
line-height:18px;
border-top:1px solid #CCCCCC;}

.contact ul{
float:left;
padding:5px;}

.contatti{
padding:5px 10px 10px 10px;}

#pvc-plastificato{
width:800px;
float:left;
margin-bottom:20px;padding:10px;}

.polietilene{
width:800px;
float:left;
padding:10px;}

.prodotti-pvc{
float:left;
width:250px;margin-right:15px;
}

.prodotti-pvc li{
list-style-type:none;
}


.prodotti-pvc-st{
float:left;
width:500px;margin-right:15px;
}

.prodotti-pvc-st li{
list-style-type:none;
}

#pvc-rigido{
width:800px;
float:left;padding:10px;}

.testi-pvc{
height:80px;}

.titoli-prodotti{
font-size:16px;
color:#94233E;}

#footer{
padding-top:10px;
width:820px;
height:50px;
float:left;
text-align:center;
font-family:Arial, HelveticaNeue-Light, Tahoma, Verdana;
font-size:12px;
color:#999999;}

h1{
font-family:Arial, Trebuchet MS, Verdana, Tahoma;
font-size:12px;
font-weight:normal;
}

h2{
font-family:Arial, Trebuchet MS, Verdana, Tahoma;
font-size:12px;
font-weight:normal;}

h3{
font-family:Arial, Trebuchet MS, Verdana, Tahoma;
font-size:13px;
font-weight:bold;
padding-left:35px;}

.torna{
font-family:Arial, Trebuchet MS, Verdana, Tahoma;
font-size:10px;
font-weight:normal;
text-align:right;
padding:10px;
float:right;}

.titoli-interni{font-family:Arial, Trebuchet MS, Verdana, Tahoma;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
color:#94233E;
}

.verde{
color:#2D7853;}

.fiere{
padding-left:10px;
padding-bottom:40px;
float:left;}

.titoli-pvc{
color:#0099CC;}
/*-------*/
	#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:immagini/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../immagini/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../immagini/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../immagini/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../immagini/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../immagini/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../immagini/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}



  			
		/*
			Horizontal Accordion
		*/
						.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			display: block;
			height: 226px;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active{
		}
		.home{}
		.home-act{}
				.qualita {

			background: url(../immagini/qualita.jpg) no-repeat top right;

		}
		
		.qualita-act {
			background: url(../immagini/qualita.jpg) no-repeat top right;
		}

				.prodotti {

			background: url(../immagini/prodotti.jpg) no-repeat top right;

		}
		
		.prodotti-act {
			background: url(../immagini/prodotti.jpg) no-repeat top right;
		
		}
				.news {

			background: url(../immagini/news-.jpg) no-repeat top right;

		}
		
		.news-act {
			background: url(../immagini/news-.jpg) no-repeat top right;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 226px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 480px;
				margin:0 0 0 -140px;
				padding:0;
			}
						.horizontal_accordion_content p.home-p {
				width: 480px;
				margin:0;
				padding:0;
			}
			
									.horizontal_accordion_content p.qualita-p {
				width: 480px;
				margin:0 0 0 -65px;
				padding:0;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin:2px 0 2px 0;
      width: 630px;   
      height: 226px; 
	  float:left;   
    }