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

/* amaranto: 922b26*/

html{font-size:100%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body{margin:0; background:#eee; font-family:"Raleway", sans-serif; line-height:1.6em; font-size:16px; color:#222;}
html, body{text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; font-weight:300;}

.content{max-width:1150px; margin:0 auto;}
.clear{clear:both;}

hr{height:2px; width:70px; text-align:center; position:relative; background:#922b26; margin:0; margin-bottom:40px; border:0;}

a{color:#922b26; font-weight:bold; text-decoration:none; font-size:16px;}
a:hover{text-decoration:underline;}

h2, h3{font-weight:500; text-transform:uppercase; line-height:1.2em;}
h2{font-size:32px; margin-top:0;}
h3, h4, h3 a{font-size:20px;}
h4{margin:0;}

p{line-height:1.6em;}

.contMapCanvas{border:#999 1px solid;}
.contMapCanvas .map_canvas{width:100%; height:300px;}

/* share buttons */
div.shareButtons{margin:40px 0; overflow:hidden; display:block; position:relative; clear:both;}
div.shareButtons .button{display:inline-block; margin:0 10px 0 0; padding:0;}
div.shareButtons .btnFB iframe{padding:0; margin-top:-8px;}
div.shareButtons .btnFB,div.shareButtons .btnTW,div.shareButtons .btnGP,div.shareButtons .btnIN{}

/* ----------------------- */

#menu{position:fixed; z-index:999; width:100%; transition: 0.3s;}
#menu .container{background:#222; padding:0px 12px; height:100px; transition: 0.3s;}
#menu.smaller .container{background:#222; padding:0px 12px; height:70px;}

#menu h1#logo{font-family:"Times New Roman"; color:#DDD; margin:0; padding:15px 0 0 0; font-weight:lighter; float:left; text-align:center;}
#menu h1#logo span{font-size:26px; text-transform:uppercase; transition: 0.3s;}
#menu h1#logo hr{margin-top:7px; margin-bottom:5px; margin-left:auto; margin-right:auto;}

#menu.smaller h1#logo{padding:0;}
#menu.smaller h1#logo span{font-size:18px; text-transform:uppercase;}
#menu.smaller h1#logo hr{margin-top:3px; margin-bottom:1px; margin-left:auto; margin-right:auto;}

#header{}
#header .container{padding-top:230px; padding-bottom:125px;  /*background:url(../images/visual_1920x500.jpg) top center no-repeat;*/}
#header .introText{padding:10px; color:#ddd; line-height:3em; background:url(../images/bg-intro-text.png) repeat;}
#header .introText p{margin:0; padding:0;}

#footer{text-align:center;}
#footer .Hcontainer{background:#b68d6f; padding:30px 0;}
#footer h3{color:#922b26;}
#footer a{color:#eee; font-weight:400;}
#footer .mezzaPag{text-align:center; width:30%; display:inline-block; color:#FFF;}
#footer .lingueLink{margin-top:10px;}
#footer .lingueLink img{width:25px; margin:0 5px;}
#footer .socialLink{margin-top:20px;}
#footer .socialLink img{width:40px; margin:0 5px;}
#copyR{text-align:center; padding:20px; background:#922b26; color:#FFF;}

#contact{}
#contact .Hcontainer{background:#eee; padding:80px 0;}
#contact h2, #contact h3{text-align:center;}
#contact h3{color:#666;}
#contact hr{text-align:center; margin-left:auto; margin-right:auto;}
#contact .contForm{margin:30px auto;}
	.contForm form{padding:0; margin:0;}
	.contForm .campoText{width:100%; font-size:16px; color:#888; padding:8px; font-family:"Raleway", sans-serif; font-weight:200;}
	.contForm .formCPtext{padding:0 16px; margin:8px 0; float:left;}
		.formCPtext .campoText{height:30px;}
	.contForm .formCParea{padding:0 18px; margin:12px 0;}
		.formCParea .campoText{height:70px;}
	.contForm .formCPcode{text-align:center;}
		.formCPcode .campoCode{font-size:24px; color:#444; border:#ccc 3px solid; padding:3px; width:86px;}
	.contForm .formCPbutton{width:100%; text-align:center; margin:15px 0;}
		.formCPbutton .campoSubmit{border:#922b26 1px solid; background:#922b26; color:#FFF; font-size:18px; padding:8px 15px;}
		.formCPbutton .campoSubmit:hover{cursor:pointer; background:#FFF; color:#922b26;}
	.contForm .formCPprivacy{text-align:center; margin:10px auto;}
		
	.cmpValid{border:#ddd 2px solid;}
	.cmpInvalid{border:#F00 2px solid;}
	
/* msg ERRORI */ 
div.contErrMsg{background:#eee; padding:20px 10px 0 10px;} 
div.msgOK,div.msgWA,div.msgNO{text-align:center; padding:30px 0;}
div.msgOK{border:#090 1px solid; background:#dcffdc;}
div.msgWA{border:#FC0 1px solid; background:#FFC;}
div.msgNO{border:#C00 1px solid; background:#fed8d8;}

/* ------------------------ */

#Hstudio{}
#Hcontenuti{}

.Hcontainer{padding:100px 0; overflow:hidden;}
.HcontainerBLACK{background:none;}
	.HcontainerBLACK h2,
	.HcontainerBLACK h3,
	.HcontainerBLACK p,
	.HcontainerBLACK a{color:#eee;}
.HcontainerWHITE{background:#eee;}
	.HcontainerWHITE h2,
	.HcontainerWHITE h3,
	.HcontainerWHITE p,
	.HcontainerWHITE a{color:#444;}
.HcontainerCENTER{text-align:center;}
	.HcontainerCENTER hr{text-align:center; margin-left:auto; margin-right:auto;}

.Hblbox{overflow:hidden; text-align:center;}
.Hblbox h3{margin-top:0; padding-top:0;}
.Hblbox .HboxElemento{display:inline-block; vertical-align:top;}

.Hbl2box{}

.HblboxImg{width:100%; overflow:hidden; margin-bottom:15px; max-height:215px;}
.HblboxImg img{height:215px;}
.HblboxLnk{}
.HblboxLnk a{}
.HblboxLnk a:hover{}

/* ------------------------------- */

img.imgIco64{width:64px;}
.pagContainer{padding:120px 20px 50px 20px; margin:0px auto; background:#eee; overflow:hidden; min-height:600px;}

.provenienza{padding:5px 0; margin-bottom:15px; border-bottom:#ccc 1px solid; color:#666; font-size:10px; text-transform:uppercase;}
.provenienza a{color:#999;}

.contElencoBox{}
	.boxProduttore{padding:15px 0; border-bottom:#ccc 1px solid;}
	.boxProduttore a{font-weight:500;}

/* Google Maps Css */

.gmapContainer{overflow:hidden;height:400px;width:100%; border:#999 1px solid;}
#gmap_canvas{height:400px;width:100%;}
#gmap_canvas img{max-width:none!important;background:none!important}

/* elenchi / dettaglio */

.eleContenuti{margin-bottom:15px; border-bottom:#ccc 1px solid; overflow:hidden; background:#eee;}
	.eleContenuti .immagine{width:150px; height:100%; float:left; margin-right:20px; overflow:hidden;}
	.eleContenuti .immagine img{width:150px;}
	.eleContenuti .titolo{margin:3px 0;}
	.eleContenuti .titolo a{font-size:18px;}
	.eleContenuti .testo{font-size:14px;}
	.eleContenuti .testo a{text-decoration:underline; font-size:14px; color:#000;}

.autore-data-clic{font-size:14px; color:#666; margin-top:5px;}

.mail{margin-bottom:10px; font-size:11px;}
	.mail a{color:#666;}

p.dettaglio{font-size:16px; line-height:1.5em; margin-top:25px;}
	p.dettaglio a{text-decoration:underline;}
	.fotografia{width:120px; margin:15px 0;}

/* links */
.contLink{}
	.contLink ul{list-style-type:none; padding-left:10px;}
	.contLink ul li{padding:0 0 10px 40px; background:url(../images/ico_link.png) left center no-repeat; margin-bottom:10px; border-bottom:#ccc 1px solid;}

/* gallery */
.videoDettaglio{margin-bottom:30px;}

.gallery{width:165px; float:left; margin:10px 20px;}
	.gallery .thumb{width:100%; height:110px; border:#666 1px solid; overflow:hidden;}
	.gallery .thumb img{width:100%;}
	.gallery .titolo{text-align:center; margin:5px 0; font-size:16px; line-height:1.2em;}
	.gallery .testo{font-size:12px; color:#666; text-align:center; margin-top:10px; line-height:1.2em;}

/* consulenza online */
.contConsulenza{margin-top:20px;}
	.contConsulenza .testoConsulenza{font-size:14px; line-height:1.3em; overflow:hidden;}
	.contConsulenza p{margin:0;}
	.contConsulenza .boxPrivacy{width:95%; height:190px; overflow:scroll; border:#999 1px solid; padding:3px; margin:5px auto;}
	.contConsulenza .boxPrivacy p{font-size:12px;}
	
	.contConsulenza .formConsulenza{border:#CCC 1px solid; background:#eee; overflow:hidden;}
		.formConsulenza .tdLabel{color:#666; font-size:12px; padding-right:15px; border-bottom:#ddd 1px dotted;}
		.formConsulenza .tdCampo{border-bottom:#ddd 1px dotted;}
		.formConsulenza .campotestoCS, div.contFormConsulenza .selectCS{border:#ccc 1px solid; padding:3px; font-size:12px;}
	
	
	

/* SMARTPHONE PORTRAIT AND LANDSCAPE */
@media only screen and (max-width: 767px) {
	
	#menu h1#logo span{font-size:18px; text-transform:uppercase; transition: 0.3s;}
	
	/* footer */
	#footer .mezzaPag{width:100%; margin-bottom:20px;}
	
	/* box */
	.Hblbox .HboxElemento{width:40%; margin:10px;}
			
	/* contatto */
	#contact .contForm{width:100%;}
	.contForm .formCPtext{width:90%;}
	
	.pagContainer{width:90%;}
	
	.contConsulenza .testoConsulenza{width:100%;}
	.contConsulenza .formConsulenza{width:100%; margin-top:20px;}
}

/* PAD PORTRAIT + NOTEBOOK + DESKTOP */
@media only screen and (min-width: 768px) {

	/* box */
	.Hblbox .HboxElemento{width:20%; margin:10px;}
	
	/* contatto */
	#contact .contForm{width:70%;}
	.contForm .formCPtext{width:46%;}
	
	.pagContainer{max-width:1150px;}
	
	.contConsulenza .testoConsulenza{width:48%; float:left;}
	.contConsulenza .formConsulenza{width:48%; float:right;}

}

@media only screen and (max-width: 1000px) { /* menu */
	
	#menu .navi{display:none;}

	#menu .menu-icon{padding:5px 7px 9px 5px; cursor:pointer; display:inline-block; width:40px; height:30px; float:right; border:#666 1px solid; margin-top:10px;}
	#menu .menu-icon .bar{background:#666; width:40px; height:3px; margin:7px 0;}

	#menu .drop-down{background-color:#222; display:none; width:50%; float:right;}
	#menu .drop-down ul{list-style:none; padding:0; margin:0;}
	#menu .drop-down ul li{border-bottom:1px solid #666; padding:0; margin:0; text-align:center;}
	#menu .drop-down ul a{font-size:1.2em; color:#fff; font-weight:300; padding:6px 15px; margin:0; display:block;}
}

@media only screen and (min-width: 1001px) { /* menu */
	
	#menu .drop-down{display:none;}
	#menu .menu-icon{display:none;}

	#menu .navi{}
	#menu .navi ul{margin:0; padding:0; list-style-type:none; float:right;}
	#menu .navi ul li{float:left;}
	#menu .navi li a{height:20px; padding:40px 10px; color:#FFF; text-decoration:none; display:block; font-weight:300; /*text-transform:uppercase;*/}
	#menu .navi li a:hover, .navi li a.active{color:#FFF; background:#922b26;}
	
	#menu.smaller .navi li a{height:20px; padding:25px 10px; color:#FFF; text-decoration:none; display:block; font-weight:300; /*text-transform:uppercase;*/}
}