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

body{font-family:Helvetica, Arial, sans-serif !important;background:#fafafa;font-size:12px;}
.container{max-width:940px;}
.ombra{float:left;-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2);}
.parte2{margin-top:30px;}
.img{width:100%;float:left;}
.loghi{width:96%;background:#e10f2b;padding:0.3% 2%;min-height:26px;margin-bottom:20px;}
.sinistra{width:600px;float:left;}
.destra{width:340px;float:left;position:relative;}

.arrow{background:url(images/arrow.png);width:17px;height:37px;display:block;position:absolute;left:-17px;top:19px;}

.testi{width:100%;background:#FFF;float:left;}

.testi .descrizione h4{font-size:16px;color:#e10f2b;padding:0;font-weight:bold;text-transform:uppercase;}
.testi .descrizione{background:url(images/bg-grigio.png) repeat-x left bottom;float:left;position:relative;width:100%;}
.testi .descrizione .left{padding:50px 0px 50px 50px;max-width:340px;}
.testi .descrizione .right{padding:90px 50px 50px 0;max-width:340px;}
.testi .descrizione img{float:right;position:absolute;margin-top:-27px;right:40px;}
.testi .descrizione p{font-size:15px;line-height:1.5;}

ul.servizi{list-style-type:none;padding:0;margin:0;border-top:1px solid #dddddd;float:left;}
ul.servizi li{width:25%;float:left;display:block;text-align:center;}
ul.servizi li .bordo{border-right:1px solid #dddddd;padding:30px 10px;min-height:160px;}
ul.servizi li .bordo h4{font-size:15px;}
ul.servizi li:last-child .bordo{border:none;}

.footer{width:96%;float:left;margin:2%;}
.footer .loghi-telecom{width:80%;float:left;}
.footer .credits{width:20%;float:left;text-align:right;}

.visita{width:96%;background:#e10f2b;padding:1% 2%;text-align:center;float:left;}
.visita h5{font-size:20px;}
.visita h5 a{color:#fff;}
.visita h5 a:hover{color:#fff;text-decoration:none;border-bottom:1px dotted #fff;}

.form{background:#e10f2b;padding:20px 30px;min-height:422px;max-height:422px;}
.form h2{color:#fff;font-size:18px;margin:0;background:url(images/ico-compila-form.png) no-repeat top left;padding-left:40px;margin-top:0;line-height:17px;min-height:35px;}
.form h2 span{font-weight:normal;font-size:15px;}
.form ul{list-style-type:none;margin:30px 0 0 0;padding:0;color:#fff;}
.form ul li{width:100%;margin-bottom:5px;}
.form input[type=text], .form input[type=email], .form textarea, .form input[type=tel]{border:0;-webkit-border-radius: 0px;border-radius: 0px;width:95%;margin-bottom:0;-webkit-box-shadow:1px 1px 0px 1px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 0px 1px rgba(0, 0, 0, 0.2);} 
.form textarea{height:40px;}
.form input[type=submit]{-webkit-border-radius: 0px;border-radius: 0px;font-size:18px;font-weight:bold;background:#7a0313;padding:5px 20px;color:#fff;float:right;text-shadow:none;filter:none;}
.form ul li label{font-size:11px;margin-bottom:0;}
.form ul li.privacy{font-size:9px;}
h3{color:#e10f2b;font-size:16px;line-height:22px;margin:0;}
.box{padding:30px;background:#fafafa;min-height:275px;}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok{border:0;color:#fff;font-size:11px;padding:0;margin:18px 0;}
div.wpcf7-mail-sent-ok{background:#e10f2b;padding:10px;font-size: 13px;width: 164px;margin-top:-25px;}


/* Portrait tablet to landscape and desktop */
@media (min-width: 840px) and (max-width: 980px) {
	.container{max-width:840px !important;}
	.sinistra{width:550px;}
	.destra{width:290px;}
	.form{min-height: 335px;}
	.form h2{font-size:15px;}
	.altri{width:100%;}
	.left, .right{width:100%;float:left;}
	.img img, .altri .img{width:100%;height:auto;}
	.box{min-height: 290px;}
	ul.servizi li .bordo{min-height:160px;}
	ul.servizi li .bordo h4{font-size:13px;}
	
	.testi .descrizione .left, .testi .descrizione .right{max-width:310px;}
}
@media (min-width: 840px) and (max-width: 979px) {
	.container{max-width:840px !important;width:840px;}
	.form ul{margin-top:11px;}
	.form ul li{margin-bottom:3px;}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 320px) and (max-width: 839px) {
	body{padding:0;}
	.container{margin-top:0;}
	.container, .sinistra, .destra, .img, .testo, .altri{width:100%;float:left;}
	.left, .right{width:100%;float:left;}
	.img img, .altri .img{width:100%;height:auto;}
	.box{min-height:inherit;}
	.box{float:left;}
	.testo{margin-bottom:20px;}
	
	.testi .descrizione .left img{width:45%;float:right;position:relative;right:0;margin-top:40px;margin-left:10px;}
	.testi .descrizione p{font-size:12px;line-height:1.4;}
	.testi .descrizione .left{width:100%;padding:30px 30px 0 30px;max-width:none;}
	.testi .descrizione .right{width:100%;padding:0 30px 30px;margin-left:0;max-width:none;}
	
	.form{min-height:inherit;max-height:inherit;padding:10%;}
	.form h2{font-size:15px;}
	.testo span{display:block;margin-left:5%;margin-right:5%;margin-bottom:5px;}
	.testi h3{font-size:16px;padding:30px;}
	ul.servizi{border-top:0;}
	ul.servizi li{width:50%;}
	ul.servizi li .bordo{min-height:190px;}
	ul.servizi li .bordo, ul.servizi li .bordo.no{border-top:1px solid #dddddd;}
	.loghi{margin-bottom:0;}
	.footer img{width:auto;height:20px;margin-left:0 !important;margin-bottom:5px;}
}