/* CSS Document */
.wrapper {width:80%; margin: 0 auto}
.wrapper2 {width:70%; margin: 0 auto}
.row:before, .row:after {content:" "; display:block; clear:both}
.left {float:left} .right{float:right}
img {max-width:100%; height:auto}

#r1{background-color:#fff; height:150px;}
#r2{background-color:#fff;}
#r3{background-color:#fff}
#logovero {display:none}
h1 { font-family: Friz_Quadrata; font-size:3em; color:#014a99; height:120px; line-height:80px;}
.logo img {width:150px; height:auto; margin-top:15px;}
#pc {position: absolute; top:45px; display:block}
#pc ul li {float:left;}
#pc ul li a {display:block; color:#666; font-family:"Comic Sans MS", cursive; font-size:0.9em; text-decoration:none; width:110px; text-align:center; margin-top:50px; height:50px; line-height:50px; background-color:#fff; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
#phone{display:none; position:fixed;}
label {display:none}
#mencell{width:150px; height:100%; background-color:#EAEAEA; position:fixed;top:47px; left:-150px; opacity:0.9; z-index:100; display:none}

.sx {width:31%; margin: 3%; background-color:#EAEAEA; padding-bottom:40px;}
.dx {width:57%; margin: 3%;}
h3{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold  ;font-size:1.2em; text-align:center; height:50px; line-height:50px;width:95%; margin:0 auto;}
h4 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.1em; text-align:center; height:25px; line-height:25px; margin:1% 2% 5% 2%}
.dotted {height:2px; border-top:1px dotted #666; width:94%; margin: 0 auto}

.sx p {width:95%; margin:2px auto; text-align:justify; font-size:1em}
.date {color:#AE5700}
.titoli {width:300px; margin:10px 0 10px -12px; background-color:#ccc;}
.titoli h2 {font-family:"Comic Sans MS", cursive; font-size:1.5em; color:#FFF; height:50px; line-height:50px; text-align:center}
.dx p {font-family:"Comic Sans MS", cursive; font-size:0.75em; margin: 10px; text-align:justify; font-weight:lighter; line-height:19px;}
.conlogo{width:21%; height:auto; margin:27px 35px  0 35px} .leggi{cursor:pointer;}

.schede li a{font-family:"Comic Sans MS", cursive; font-size:0.8em; margin: 10px; text-align:justify; font-weight:lighter; height:30px; line-height:30px; list-style-type:disc; color:#000; text-decoration:underline; cursor:pointer}
/*.schede {position:relative;}
.schede #alert {position:absolute; top:20px;  background-color:white; opacity:0.9; display:none; left:-20px;}
.schede #alert li { font-size:2em;line-height:50px; list-style-type:none; text-decoration:none;}
#chiudi{width:32px; height:auto; cursor:pointer;}*/



.marchi {margin:2% 10% 2% 10%;}
.marchi li{float:left; width:17%; height:auto; margin:0 4% 0 4%;}
.miniature {width:96%; margin:0 2%;}
.miniature li {float:left; width:21%; margin:3% 2% 0 2%;cursor:pointer;}
.galleria {background-color:grey; width:100%; position:fixed; top:0px; bottom:0px; opacity:0.7; z-index:1200; display:none;}
.slide {position:absolute; width:60%; height:auto; z-index:10000; top:6%; left:20%; display:none;}
.scorriimmagine img {width:80%; height:auto; margin:0 10% 0 10%;}
#bottonechiusura {width:30px; height:auto; cursor:pointer;}
#left{position:absolute; top:50%; left:5%; cursor:pointer; width:26px; height:auto;}
#right{position:absolute; top:50%; right:5%; cursor:pointer; width:26px; height:auto;}
.pallini ul {margin:10px auto 0 auto;}
.pallini ul li {float:left}
#nomefoto{ font-size:1em; color:white; font-weight:bold;width:70%; height:20px; line-height:20px; margin:0 15% 0 15%; }
.sx .distributori {width:60%; margin:2% auto;}
.sx .distributori li {float:left; cursor:pointer; width:30%; height:auto; margin:0 10% 0 10%;}
.riga{ height:50px; border-bottom:1px solid #666;}
footer { min-height:50px;}
footer p {font-family:"Comic Sans MS", cursive; font-size:0.9em; margin: 10px; text-align:justify; font-weight:lighter; line-height:19px;}
.dx .aziendeedocumentazione {width:50%; margin:10px 0 0 15%;}
.dx .aziendeedocumentazione li {float:left; width:40%; heignt:auto; margin:1% 4%;}
.leggi a p{color:#000}
.l{float:left} .r{float:right}
#y {position:absolute; top:114px; display:none; color:#666; font-family:"Comic Sans MS", cursive; font-size:0.9em; width:110px; text-align:center; height:50px; line-height:50px; background-color:#fff; border-radius:5px; border-bottom:5px solid #666; cursor:pointer;}
#y2 {position:absolute; top:169px; display:none; color:#666; font-family:"Comic Sans MS", cursive; font-size:0.9em; width:110px; text-align:center; height:50px; line-height:50px; background-color:#fff; border-radius:5px; border-bottom:5px solid #666; cursor:pointer;}



@media screen and (max-width: 1440px){
	.wrapper2 {width:70%; margin: 0 auto
	.dx p {font-size:0.8em; line-height:18px;}
	}
	
@media screen and (max-width: 1200px){
	.wrapper {width:98%;}
	.wrapper2 {width:90%; margin: 0 auto}
	.dx p {font-size:0.8em; line-height:18px;}
	.slide {width:80%;left:10%;}
	.pallini ul li img {width:60%; height:auto;}
	#nomefoto{ font-size:0.8em;}
	}
	
@media screen and (max-width: 1024px)
{
	.wrapper{width:98%}
	.wrapper2{width:95%}
	h3 { font-size:0.9em;}
	h4{ font-size:0.9em;}
	.sx p{font-size:0.8em;}
	.titoli h2 { font-size:1.2em;}
	.dx p { font-size:0.7em;}
	}