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

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

.clear{clear:both;}

hr{height:2px; width:100px; position:relative; background:#e3001b; margin:0 auto; margin-bottom:50px; border:0;}

a{text-decoration:none; color:#444;}
a:hover{text-decoration:underline;}

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

p{line-height:1.6em;}

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

.bloccoSpazioTop{width:100%;}

/*.fixed{z-index:9999; position:fixed; top:0; width:100%; border-bottom:#666 1px solid;}*/

#header{width:100%; background:#fff; overflow:hidden; position:fixed; top:0; border-bottom:#666 1px solid; z-index:999;}
	#header .logo{float:left;}
	#header .logo img{width:100%;}
	
#visualTop{float:left; margin:0; padding:0; position:relative; overflow:hidden; width:100%;}
	#visualTop img{float:left; margin:0; padding:0; background:#fff; border:none; width:100%;}
	#visualTop span{float:left; margin:0; padding:10px; width:100%; color:#fff; background:#222; opacity:0.7;  position:absolute; left:0; bottom:0;
		text-align:center; text-transform:uppercase; font-family:"Oswald", Arial, Helvetica, sans-serif; font-weight:400;}

#prodotti{background:#fff; padding:100px 0 50px 0; clear:both;}
	.blElenco{overflow:hidden; text-align:center; vertical-align:top;}
	.blElenco .blElemento{vertical-align:top;}
	.blElenco .immagine{border:#ddd 1px solid; padding:0;}
	.blElenco .immagine img{width:100%; border:0; margin:0;}
	.blElenco .titolo{text-align:center; text-transform:uppercase; font-family:"Oswald"; padding-top:10px; font-weight:400; height:62px;}
	.blElenco .file{padding-top:10px;}
	.blElenco .file a{color:#e3001b; text-decoration:none; font-size:1em;}
	.blElenco .file a:hover{text-decoration:underline;}

#contatti{background:#ededed; padding:100px 0 50px 0; clear:both;}

#contatti h3{color:#666; text-align:center;}
	
	.contForm{text-align:center; width:90%; margin:0 auto;}
	.contForm form{padding:0; margin:0;}
	
	.contForm .divCParea{width:90%; margin:10px auto;}
	.contForm .divCPcode{text-align:center;}
	.contForm .divCPprivacy{text-align:center; margin:15px auto;}
	
	.contForm .campoText{font-family:"Raleway", sans-serif; font-weight:300; padding:8px; width:90%; font-size:18px;}
	.contForm .campoCode{font-size:24px; color:#444; border:#ccc 3px solid; padding:3px; width:86px;}

	.contForm .divCPbutton{width:100%; text-align:center; margin:15px 0;}
		.contForm .campoSubmit{border:#e3001b 1px solid; background:#e3001b; color:#FFF; font-size:18px; padding:8px 15px;}
		.contForm .campoSubmit:hover{cursor:pointer; background:#FFF; color:#e3001b;}
	
		
	.cmpValid{border:#ddd 2px solid;}
	.cmpInvalid{border:#F00 2px solid;}
	
#footer{background:#e3001b;}
	#footer .container{text-align:center;}
	#footer .blFooter{color:#fff;}
	#footer h3{color:#000;}
	#footer a{color:#fff; text-decoration:none;}
	#footer a:hover{text-decoration:underline;}

#copyR{text-align:center; padding:15px; background:#aa0014; color:#FFF;}

#pagArticolo{background:#fff; padding:100px 0 50px 0; clear:both;}
	
/* 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;}

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

@media only screen and (max-width: 399px) {

	.bloccoSpazioTop{height:60px;}
	
	#header .logo{max-width:200px;}
	
	#visualTop span{font-size:18px;}

	.container{width:100%; padding:0; margin:0;}
	
	.menu{margin:0 25px 0 25px;}
	.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:#ddd; display:none; width:100%; float:right;}
	.menu .drop-down ul{list-style:none; padding:0; margin:0;}
	.menu .drop-down ul li{border-bottom:1px solid #999; padding:0; margin:0; text-align:center;}
	.menu .drop-down ul a{font-size:1.2em; color:#444; font-weight:500; padding:6px 15px; margin:0; display:block; text-decoration:none;}

	.blElenco .blElemento{display:inline-block; width:45%; margin:20px 8px;}
	.blElenco .titolo{font-size:0.8em;}
	
	.contForm .divCPtext{width:90%; margin:10px auto;}
	
	#footer .blFooter{width:100%; padding:10px;}

}

/* SMARTPHONE PORTRAIT AND LANDSCAPE */
@media only screen and (min-width: 400px) and (max-width: 799px) {
	
	.bloccoSpazioTop{height:70px;}
	
	#header .logo{max-width:250px;}
	
	#visualTop span{font-size:20px;}

	.container{width:100%; padding:0; margin:0;}
	
	.menu{margin:0 25px 0 25px;}
	.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:#ddd; display:none; width:100%; float:right;}
	.menu .drop-down ul{list-style:none; padding:0; margin:0;}
	.menu .drop-down ul li{border-bottom:1px solid #999; padding:0; margin:0; text-align:center;}
	.menu .drop-down ul a{font-size:1.2em; color:#444; font-weight:500; padding:6px 15px; margin:0; display:block; text-decoration:none;}

	.blElenco .blElemento{display:inline-block; width:45%; margin:20px 8px;}
	.blElenco .titolo{font-size:1em;}
	
	.contForm .divCPtext{width:90%; margin:10px auto;}
	
	#footer .blFooter{display:inline-block; width:40%; margin:15px; vertical-align:top;}
	
}

/* PAD PORTRAIT + NOTEBOOK + DESKTOP */
@media only screen and (min-width: 800px) and (max-width: 1000px) {
	
	.bloccoSpazioTop{height:85px;}
	
	#header .logo{max-width:300px;}
	
	#visualTop span{font-size:35px;}
	
	.container{width:100%; padding:0; margin:0;}
	
	.menu .drop-down{display:none;}
	.menu .menu-icon{display:none;}
	.menu .navi{}
	.navi ul{margin:0; padding:0; list-style-type:none; float:right;}
	.navi ul li{float:left;}
	.navi li a{padding:30px 15px; color:#444; text-transform:uppercase; text-decoration:none; display:block; font-weight:300; font-size:24px;}
	.navi li a:hover, .navi li a.active{text-decoration:underline;}
	
	.blElenco .blElemento{display:inline-block; width:28%; margin:20px 18px;}
	.blElenco .titolo{font-size:1.1em;}
	
	.contForm .divCPtext{display:inline-block; width:40%; margin:10px;}
	
	#footer .blFooter{display:inline-block; width:40%; margin:15px; vertical-align:top;}

}

@media only screen and (min-width: 1001px){ /* menu */

	.bloccoSpazioTop{height:85px;}
	
	#header .logo{max-width:300px;}
	
	#visualTop span{font-size:35px;}
	
	.container{max-width:1000px; padding:0 10px; margin:0 auto;}
	
	.menu .drop-down{display:none;}
	.menu .menu-icon{display:none;}
	.menu .navi{}
	.navi ul{margin:0; padding:0; list-style-type:none; float:right;}
	.navi ul li{float:left;}
	.navi li a{padding:30px 15px; color:#444; text-transform:uppercase; text-decoration:none; display:block; font-weight:300; font-size:24px;}
	.navi li a:hover, .navi li a.active{text-decoration:underline;}
	
	.blElenco .blElemento{display:inline-block; width:21%; margin:30px 18px;}
	.blElenco .titolo{font-size:1.2em;}
	
	.contForm .divCPtext{display:inline-block; width:40%; margin:10px;}
	
	#footer .blFooter{display:inline-block; width:40%; margin:15px; vertical-align:top;}

}