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

body{margin:0; padding:0;border-top:15px solid #333333;font-family: 'Lato', sans-serif;}
a > img{border:0;}
.clear{display:block; clear:both;}
.wrapper{width:1160px; margin-left:auto; margin-right:auto; position:relative; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
@media screen and (max-width: 1220px) {.wrapper{width:980px;}}

#top{border-top:5px solid #555555; height:38px; background:#f0f2f4; border-bottom:1px solid #eaeaea; text-align:right;}
#top > div > a{display:inline-block; margin-top:6px; margin-left:5px;}
#logo{float:left; margin:0 !important; background:url(/images/logo.png) no-repeat; width:308px; height:49px; margin-top:12px !important;}
#menu{float:right; height:72px; margin:0; padding:0; margin-top:3px;}
#menu > li{list-style:none; display:inline-block; margin-left:25px; height:100%;}
#menu > li > a{border-top:2px solid #fff; color:#42494c; text-transform:uppercase; font-size:13px; text-decoration:none; line-height:70px; height:70px; display:inline-block;}
#menu > li > a.active, #menu > li > a:hover{border-top:2px solid #4095d5;}

div.fasciabi{background:#3d3c3f; height:76px; color:#fff; font-size:23px; line-height:95px; position:relative;}
div.fasciabi > span{padding-left:390px;}
div.fasciabi > span > span > span.blu{ color:#4095d5;}
div.fasciabi > div.blu{height:100px; background:#4095d5; width:51%; margin-left:-225px; position:absolute; text-align:right; -ms-transform: skew(-30deg); -webkit-transform: skew(-30deg); transform: skew(-30deg); z-index:9}
@media screen and (max-width: 1220px) {div.fasciabi > div.blu{margin-left:-140px;}}

div.fasciabi > div.blu > .contattaci{
	font-style: normal;
	text-transform: uppercase;
	transform: skew(30deg);
	display: inline-block;
	font-size: 14px;
	width: 318px;
	height: 34px;
	background: url("/images/infobg.png") no-repeat scroll center center transparent;
	line-height: 32px;
	cursor: pointer;
	box-sizing: border-box;
	text-align: left;
	padding-left: 50px;
	position: absolute;
	top: 53px;
	right: 45px;
}

@media screen and (max-width: 1220px) {div.fasciabi > div.blu > span{right:45px;}}
div.fasciabi > div.wrapper{margin-top:5px; z-index:9;}
div.fasciabi > div.wrapper > div{background:#fff; width:315px; margin-left:30px; color:#000; line-height:normal; display:none;}
@media screen and (max-width: 1220px) {div.fasciabi > div.wrapper > div{width:302px;}}

#frm-info{padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:13px; border-bottom:22px solid #186ba8; font-size:11px; color:#9d9e9e;font-family: 'PT Sans', sans-serif; position:relative;}
#frm-info > a{color:#3f95d4; text-decoration:none;}
#frm-info > input[type="text"]{color:#3d3c3f; font-size:12px; background:#f0f2f4; border:0; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; height:25px; line-height:25px; padding-left:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:47%; margin-right:3%; display:inline; margin-bottom:15px;font-family: 'PT Sans', sans-serif; }
#frm-info > input[type="text"]:nth-child(2){margin-right:0;}
#frm-info > input[type="text"]:nth-child(4){ margin-right:0;}
#frm-info > textarea{color:#3d3c3f; font-size:12px; background:#f0f2f4; border:0; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; height:60px; line-height:auto; padding-left:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:99%; display:inline; margin-bottom:15px;font-family: 'PT Sans', sans-serif; padding-top:5px;}
#frm-info > input[type="submit"]{margin-top:20px; font-size:15px; text-transform:uppercase; color:#fff;font-family: 'PT Sans', sans-serif; border:0; cursor:pointer; background:#2e83c0; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px;border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; position:absolute; right:20px; }


#content{font-family: 'PT Sans', sans-serif; line-height:20px; font-size:15px; color:#9d9e9e;text-align: justify;}
#content > img.wide{width:100%; margin-bottom:30px;}
#content h1.title{display:block; font-size:23px; color:#3d3c3f; font-weight:700; font-family: 'Lato', sans-serif; margin-bottom:30px;}
#content h2{margin: 20px 0;color:#4095d5;font-size: 20px;}
#content a{text-decoration: none; color: #2a63a1; }

#content > .left{float: left; width: 57%;}
#content > .right{float: right;width: 34%;margin-top:40px;}
.contatti#content > .left {width: 48%;}
.contatti#content > .right {width: 45%;}

#content h4 {font-size: 17px;margin-bottom: 30px;margin-top: 40px;}

#content > .right > .image{margin-top:20px;display: inline-block;margin-right:20px;}
#content > .right > .image.first, #content > .right > .image.last{margin-right: 0;}
#content > .right > .copyright{font-size: 13px;line-height: normal;text-align: right;}
#content > .right > .copyright h5{color: #444;font-size: 17px;font-weight: normal;margin: 20px 0 10px;}

#content > div.homeboxes > div.homebox{display:inline-block; width:31%; float:left; margin-right:3.5%; border:1px solid #e7eaef; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:35px; position:relative; padding-left:18px; padding-right:18px; height:300px; font-size:14px; color:#ababab; line-height:17px;}
#content > div.homeboxes > div.homebox > a > img{width:100%; margin-bottom:20px;}
#content > div.homeboxes > div.homebox > a.title{text-decoration:none; font-size:20px; color:#3f95d4; height:42px; line-height:42px; border-bottom:1px solid #e7eaef; display:block; width:100%; margin-left:-18px; padding-left:18px; padding-right:18px; margin-bottom:18px; font-family: 'Lato', sans-serif; }
#content > div.homeboxes > div.homebox:nth-child(3n){margin-right:0;}
#content > div.homeboxes > div.homebox > a.arr{width:20px; height:20px; display:inline-block; position:absolute; background:url(/images/prod/boxarrow.png) no-repeat center center; right:10px; bottom:10px;}
#content > div.homeboxes > div.homebox > a.single-news{font-size:14px; color:#ababab; text-decoration:none;margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #ababab; display:inline-block;}
#content > div.homeboxes > div.homebox > a.single-news:last-child{margin-bottom:0; padding-bottom:0; border:0;}
#content > div.homeboxes > div.homebox > a.single-news > span.title{color:#3f95d4; font-size:16px; line-height:30px;}
#content > div.homeboxes > div.homebox > a.single-news > span.date{font-size:12px; font-style:italic; line-height:21px; }

#footer{width:100%; background:#42484c; border-top:75px solid #34393d; }
#footer > div.wrapper { padding: 40px 0 10px }
#footer > div.wrapper > div.third{
	border-right: 1px solid #52585b;
	color: #9d9e9e;
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
	min-height: 210px;
	padding: 0 2%;
	vertical-align: top;
	width: 20%;
}
#footer > div.wrapper > div.third a{text-decoration:none; color:#9d9e9e;}
#footer > div.wrapper > div.third > .title { font-size: 17px; color: #e7eaef; display: block; margin-bottom: 25px; }

#footer > div.wrapper > div.third.middle{ width: 30%; }
#footer > div.wrapper > div.third.middle > a{ display: block; }
#footer > div.wrapper > div.third.middle > a:hover{color: #4095D5;}

#footer > div.wrapper > div.third.last{ border: 0; margin: 0;}
#footer > div.wrapper > div.third.last > blockquote{ padding: 0;margin:0;font-style: italic; }

#footer > div.wrapper > div.bottom{ clear: both; font-size:13px; color:#767778; line-height:20px; padding-top: 25px; border-top: 1px solid #52585b; margin-top: 25px;font-size: 12px;}
#footer > div.wrapper > div.bottom > div{display: inline-block;vertical-align: top;}
#footer > div.wrapper > div.bottom a{text-decoration:none; color:#767778;}
#footer > div.wrapper > div.bottom > div.copyright{width: 60%;}
#footer > div.wrapper > div.bottom > div.privacy{width: 30%; float:right; text-align:right;}
#footer > div.wrapper > div.bottom > div.social{width: 9%; text-align: right;}
#footer > div.wrapper > div.bottom > div.social > a{margin-left: 5px;}

#area-riservata{display: none;clear: both;height: 94px;margin-bottom: -75px;overflow: hidden;position: relative;z-index: 10;}
#area-riservata > div.container{height:95px; background:#4095d5; width:60%; margin-right:-225px; position:absolute; text-align:left; right:0; -ms-transform: skew(-30deg); -webkit-transform: skew(-30deg); transform: skew(-30deg); z-index:9}
#area-riservata > div.container > div{background: url("../images/lucchetto.png") no-repeat scroll 65px 59% rgba(0, 0, 0, 0); transform: skew(30deg); padding: 17px 20px 20px 125px;}
#area-riservata > div.container > div > .title{font-size: 20px; color: #fff;margin-bottom: 10px;}
#area-riservata > div.container > div > .form-wrapper input{color: #fff;background: #176ba7;border:0;padding: 5px 9px; width: 15.5%;}
#area-riservata > div.container > div > .form-wrapper input.form-submit{background: none repeat scroll 0 0 #2d82c0;width: auto;display: inline-block;font-size: 10px;margin-left: 5px;padding-left: 13px;padding-right: 13px;position: relative;text-transform: uppercase;top: -2px;}

.box-arredamento.elenco {display: block;overflow: hidden;clear: both;margin-bottom: 30px;}
.box-arredamento.elenco > .title-wrapper {background: #f8f7f7; }
.box-arredamento.elenco > .title-wrapper > a {display: block;padding: 12px;text-decoration: none;}
.box-arredamento.elenco > .title-wrapper > a > .icona {background: url("../images/box-arrow-elenco.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display: inline-block;float: right;height: 20px;width: 20px;}
.box-arredamento.elenco > .title-wrapper > a > .testo {color: #4095d5; font-size: 20px;}
.box-arredamento.elenco > .title-wrapper > a:hover > .testo {color: #34393D;}
.box-arredamento.elenco > .testo{padding: 9px 12px;border-top: 2px dotted #ccc;margin-top: 2px;font-size: 14px;line-height: normal;}

.contatti-form{clear: both; }
.contatti-form .form-item {display: block;float: left;margin-bottom: 10px;margin-right: 10%; text-align: left;width: 45%; }
.contatti-form .form-item:nth-child(2n+2){margin-right: 0;}
.contatti-form .form-item.messaggio, .contatti-form .form-item.privacy{display: block;width:100%;}
.contatti-form .form-item > label{display: block;margin-bottom: 5px;}
.contatti-form .form-item > input, .contatti-form .form-item > textarea{font-size: 14px; color: #666;background: none repeat scroll 0 0 #f0f2f4;border: 0 none;border-radius: 5px;padding: 10px;width: 100%;}
.contatti-form .form-item > textarea{font-family: "PT Sans",sans-serif}
.contatti-form .form-item > input.checkbox{width:auto;display: inline;}
.contatti-form .form-item.privacy{font-size: 13px;}

.contatti-form .actions {text-align: right;margin-top: 20px;}
.contatti-form .actions > input.form-submit{cursor: pointer;background: none repeat scroll 0 0 #2e83c0;border: 0 none;border-radius: 3px;color: #fff;font-size: 15px;line-height: normal;padding: 3px 15px 1px;text-transform: uppercase;vertical-align: middle;}

.slogan{color: #fff;padding-left: 10%;}

.fancybox-desktop{max-width: 980px;}
.fancybox-inner{max-width: 940px !important;}
.fancybox-close{background: none repeat scroll 0 0 transparent;color: #555;font-family: times new roman;font-size: 40px;font-weight: 100;right: 0;text-decoration: none;top: 0;}

.soluzione{clear: both;}
.soluzione > h3{font-weight: normal;text-transform: uppercase;margin-bottom: -15px;font-size: 15px;}

.apri-gallery{background: none repeat scroll 0 0 #4095d5;color: #fff !important;display: block;font-size: 15px;padding: 5px 10px;text-transform: uppercase;}
.apri-gallery > .icon{background: none repeat scroll 0 0 #fff;border-radius: 50%;color: #4095d5;float: right;font-size: 26px;font-weight: normal;height: 20px;line-height: 19px;text-align: center;text-indent: 1px;width: 20px;}

.gallery-arredamento .image{width: 30%;margin-right: 1%;display: inline-block;}
.gallery-arredamento .image:nth-child(3n+3){ margin-right: 0; }
.gallery-arredamento .image img{width:100%;height: auto;margin-bottom: 15px;display: inline-block;}
.gallery-arredamento .image.big{width:100%;display: block;margin-right: 0;}
#top > .wrapper{
	margin-top: 36px;
}
.telefono-top{
	-ms-transform: skew(30deg); 
	-webkit-transform: skew(30deg); 
    transform: skew(30deg);
    position: absolute;
    top: -16px;
    right: 149px;
    background: url("../images/infotel.png") no-repeat scroll left center transparent;
    padding-left: 50px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.telefono-top > span{
	font-size: 16px;
}

div.error{
	text-align: center;
	border: 1px solid #F00;
	background: none repeat scroll 0% 0% #FEF5F1;
	padding: 10px;
	margin-bottom: 20px;
	color: #444;
	width: 100%;
}

.link-home{
	margin-top:20px; 
	font-size:15px; 
	text-transform:uppercase; 
	color:#fff !important;
	font-family: 'PT Sans', sans-serif; 
	border:0; 
	cursor:pointer; 
	background:#2e83c0; 
	padding: 2px 20px;
	border-radius:3px; 
	-moz-border-radius:6px; 
	-webkit-border-radius:6px; 
}

.breadcrumb{
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}

.breadcrumb ul{
	padding: 0;
	margin: 0;
}

.breadcrumb ul li{
	list-style: none;
	display: inline-block;
	vertical-align: top;
}

.breadcrumb a{
	text-transform: uppercase;
	font-size: 12px;
	color: #111 !important;
}

.breadcrumb .current{
	text-transform: uppercase;
	font-size: 12px;
	color: #3f95d5;
}