@charset "utf-8";
/* CSS Document */
* {padding:0px; margin:0px; border:none;}
@import url("http://fonts.googleapis.com/css?family=Gudea");
body {font-family: 'Gudea', sans-serif;}
#wrapper {width:1200px; margin:auto;}
#header { height: 80px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; }
#content { position:relative; width:1200px; min-height:600px; top:50px;  z-index:80;}
#footer { position:relative; z-index:9999;}
#footer .logo_ponsi {float:right;}
#footer .logo_bcf {float:left;}
#logo {float:left; margin-top:24px;}
#concept {width:500px; text-align:justify; float:left;}
#concept_img {width:550px;  float:right; }
#boxvideo {width:640px; height:356px; overflow:hidden;  float:right; }
#keys {position:relative;width:1280px; margin:auto; text-align:left;}
#back {float:right; height:30px; line-height:30px; padding-bottom:10px;}
#back img {float:left; padding-right:10px;}

#contatti_sx {padding:30px;width:300px; text-align:center; float:left; margin-left:200px;border: 1px dotted #D6D6D6;}
#contatti_dx { padding: 30px; width: 300px; text-align: center; float: right; margin-right: 200px; border: 1px dotted #D6D6D6; }

#tipologia {position:relative; width:500px; line-height:30px;}
#tipologia p { color:#6CF; font-weight:bold;}

#premessa {width:550px; text-align:justify; float:left;}
#soluzioni {width:550px;  float:right; }
#dettaglio_installazione {width:550px;  float:right; }

/* STILI VARI */
.page-title { font-size: 50px; margin-top: 20px; font-weight: bold; text-transform: uppercase; color: #9FE0FF; font-style: italic; }
.documento {float:right; position:relative;top:-230px;}

/* NAV */

#nav { height:110px; }
#nav li{position:relative; top:10px;   float: left; text-align: center; list-style-type: none; padding-left:50px;}
#nav li a,
#nav li a:visited,
#nav li a:link{ font-size: 14px; color: #666; text-decoration: none; text-align: center; }
#nav li a:hover{ color: #000; text-decoration: none; }

/*NAV submenu */
#nav li ul { display: none; position: absolute;	width:100px; height:280px;  z-index: 1000;}
#nav li li {display: block; width:100px; height:40px; float: none; margin: 0px;	padding: 0px;	list-style-type: none;}		
#nav li:hover ul{	display: block;	position:absolute;	margin: 0px;	z-index: 100;	}
#nav li ul a,
#nav li ul a:link,
#nav li ul a:visited{display: block;	margin: 0px;	color:#4A4541;	text-align: center;}
#nav li ul a:hover{	display: block;	margin: 0px;	color:#417E9C;	text-align: center;}



/* PANNELLI */

#tipo-top {width:100%; background-color:#6CF; line-height:30px;}
#tipo-top p { color:#FFF; margin-left:10px;}

.pannello img {float:left;}
.modello {padding-top:20px; margin-left:500px;}

.btn-dettagli {	display: inline-block; margin-top:20px; outline: none;	cursor: pointer;	text-align: center;	text-decoration: none;
	padding: .5em 2em .55em;
border:1px solid #ffad41; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px; color: #000;
 background-color: #ffc579; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23));
 background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
 background-image: linear-gradient(to bottom, #ffc579, #fb9d23);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc579, endColorstr=#fb9d23);
}

.btn-dettagli:hover {	text-decoration: none; border:1px solid #ff9913;
 background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
 background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}
.btn-dettagli:active {	position: relative;	top: 1px;}

.btn-render {display: inline-block; margin-top:20px; margin-left:500px; outline: none;	cursor: pointer;	text-align: center;	text-decoration: none;		padding: .5em 2em .55em;
border:1px solid #ffad41; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px; color: #000;
 background-color: #ffc579; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23));
 background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
 background-image: linear-gradient(to bottom, #ffc579, #fb9d23);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc579, endColorstr=#fb9d23);
}

.btn-render:hover {	text-decoration: none;border:1px solid #ff9913;
 background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
 background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}
.btn-render:active {	position: relative;	top: 1px;}


/*
#maschera { position: absolute; left: 0px; top: 0px; width: 600px; height: 1000px; background-color: #ececec; z-index: 20;}
#left, #right { position: relative; float: left; width: 600px; height: 2000px; overflow: hidden; }
div.panel { position: absolute; height: 100%; width: 100%;  display: none; }
#target1 {display: none;} 
#target2 {display: none;} 
#target3 {display: none;}
*/

/* LIGHTBOX */
#lightbox{	background-color:#eee;	padding: 10px;	}
#lightboxDetails{	font-size: 0.8em;	padding-top: 0.4em;	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(../comuni/overlay.png); }
* html #overlay{	background-color: #333;	back\ground-color: transparent;	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../comuni/overlay.png", sizingMethod="scale");
}

/* 360 */
#360-wrapper { position: absolute; ; width: 100%; }
.threesixty {width:1280px;margin:auto; border: 10px solid #FFF;}
#closer {position:relative;width:1280px; margin:auto; text-align:center;}
#closer a:link { color: #FFF; width:50px; height:30px; line-height:30px; text-decoration: none; padding: 10px; background-color:#666; }
#closer a:visited { color: #FFF; width:50px; height:30px; line-height:30px; text-decoration: none; padding: 10px; background-color:#666; }
#closer a:hover { color: #000; width: 50px; height: 30px; line-height: 30px; text-decoration: none; padding: 10px; background-color: #F90; }

/* Preloader */

#preloader { line-height:20px;  position:absolute; top: 100px; padding:10px;width:100%; margin:auto; text-align:center; background-color:#fff;   z-index:99;}


/*gallery*/	
#fotogallery {width:100%; text-align:justify; float:left;}
.myPic {	margin:10px;	border-radius:10px;	border:1px solid #ccc;}