/*
Zerotheme.com | Free Html5 Responsive Templates
Zerogrid - A Single Grid System for Responsive Design
Author: Kimmy
Version : 2.0
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
body, html { background:#FFFFFF; margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; color:#333; font-weight: 300; font-size: 19px; line-height: 35px; }

.mainpg { font-family: 'Open Sans', sans-serif; color:#333; font-weight: 300; font-size: 19px; line-height: 35px; }

.ombrasotto { background:#fff; margin-bottom:8px;  }
.ombrasotto2 { background:#1A187D; padding:10px 0px; color: #000; line-height:170% }
.ombrasottocar { /* -webkit-box-shadow: 0px 0px 10px 0px #D7C3AF; -moz-box-shadow: 0px 0px 10px 0px #D7C3AF; box-shadow: 0px 0px 10px 0px #D7C3AF; */
}

div.ombrasotto2.footer { font-size:14px; color:#fff; }
div.ombrasotto2.footer a { color:yellow; }
div.ombrasotto2 #lingue a { color:yellow; }
div.ombrasotto2.footer a:hover { color:#fff; }
.titol0 { font-weight: bold; font-size: 14px; display:block; color:#ffffff }
.foo { font-size:12px; letter-spacing:0.5px }

.tondo { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.top { font-size:14px }
.top a { background: #F7F2EE; color:#C39A5D; text-decoration:none; display:inline; padding:10px 5px; margin-left:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.top a:hover { background:#DBC29D; color:#FFFFFF; }
.top input { font-size:12px; margin-right:5px; padding:6px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:none; color:#C39A5D }
.top select { font-size:12px; margin-right:5px; padding:6px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:none; color:#C39A5D }
.top input:focus { background:#FFF; color:#C39A5D }
.top select:focus { background:#FFF; color:#C39A5D }

.mille { width:95% }

#main-menu { position:relative; z-index:9999; width:auto; border-right:1px solid #F7F2EE }

a {outline : none;}
a img {outline : none;}
img {border : 0;}

h1 { font-family: 'Open Sans Condensed', sans-serif; font-size:50px; line-height:55px; padding:0px; margin:0px; margin-bottom:5px; text-align:center }
hr { border:none; color:silver; background:silver; height:1px }

.cubes { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; margin: 30px 0 0 0; }

.cube { border:1px solid #dedede; background:#ffffff; text-align:center; margin:0 0 15px 0; vertical-align: top; display: inline-block; *display: inline; zoom: 1; width:30%; min-height:120px }
.cube:hover { }
.cube a { display:block; padding:10px; color:#000000; text-decoration:none; margin:0px; padding:0px; }
.cube img  { position: relative; margin: 0px auto; transform: scale(0.8); transition: all 0.3s ease-in-out 0s; height: auto; }
.cube a:hover img { transform: scale(1); -webkit-transform: scale(1);  -moz-transform:    scale(1);  -ms-transform:     scale(1);  -o-transform:      scale(1);  transform:         scale(1);  }

.cube .titolo { font-size: 30px; font-weight: lighter; letter-spacing:1px }
.cube .titoletto { font-size: 18px; font-weight: bold;  }
.cube a div.titolo { color:#000 } 
.cube a div.titoletto { color:#000 } 
.cube a:hover div.titolo { color:#C01C30; opacity:1 } 
.cube a:hover div.titoletto { color:#C01C30; opacity:1}

.stretch { width: 100%;display: inline-block;font-size: 0;line-height: 0 }

.cube2 { border:1px solid #E6E9EC; background:#ffffff; text-align:center; margin:0 0px 15px 0; vertical-align: top; display: inline-block; *display: inline; zoom: 1; width:30%; min-height:120px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.cube2:hover { }
.cube2 a { display:block; padding:15px; color:#000000; text-decoration:none; margin:0px; padding:0px; }
.cube2 img  { position: relative; margin: 5px auto 0px auto; height: auto; }
.cube2 a:hover img { }

.cube2 .titolo { font-size: 30px; font-weight: lighter; letter-spacing:1px }
.cube2 .titoletto { font-size: 18px; font-weight: bold;  }
.cube2 .titoletto2 { font-size: 18px; font-weight: bold; background:#999; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.cube2 a div.titolo { color:#000 } 
.cube2 a div.titoletto { color:#000; } 
.cube2 a div.titoletto2 { color:#fff; } 
.cube2 a:hover div.titolo { color:#C01C30; opacity:1 } 
.cube2 a:hover div.titoletto { color:#C01C30; opacity:1}
.cube2 a:hover div.titoletto2 { background:#000; } 

.phone { font-size:28px; font-weight:lighter }
.green { color: #669C41 }

.social img { width:40px; height:40px; margin-left:6px; border:1px solid #F9F9F9 }
.social img:hover { -webkit-box-shadow: 0px 0px 10px 0px #9BD7FF; -moz-box-shadow: 0px 0px 10px 0px #9BD7FF; box-shadow: 0px 0px 10px 0px #9BD7FF; } 

.footer input { font-size:14px; margin-left:15px; padding:8px 4px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 250px; border:none }
.footer input:focus { background:#FFF; color:#C39A5D; border:none }

.footer .button { background:#C39A5D; font-size:14px; margin-left:15px; padding:8px 4px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 250px; color:#ffffff }
.footer .button:hover { background:#7C664E; color:#ffffff }

.Gothic { font-family: 'Pathway Gothic One', sans-serif; }
.Gothic18 { font-family: 'Pathway Gothic One', sans-serif; font-size:28px }

.buttongreen { min-height:30px; margin-top:20px; float:right }
.buttongreen a{ font-family: 'Pathway Gothic One', sans-serif; background:#51ACE4; font-size:20px; margin-left:15px; padding:12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#ffffff; text-decoration:none; -webkit-box-shadow: 0px -1px 2px 0px rgba(255, 255, 255, 0.75);
-moz-box-shadow:    0px -1px 2px 0px rgba(255, 255, 255, 0.75);
box-shadow:         0px -1px 2px 0px rgba(255, 255, 255, 0.75); }
.buttongreen a:hover { background:#339DDF;}

.footer { font-size:17px; font-weight:lighter }
.footer a{ color: #ff0000; text-decoration:none; font-weight:lighter }
.footer a:hover{ color: #000; }

.ricerca form { margin:0px; padding:0px; }
.ricerca input { color:#C39A5D; font-size:20px; line-height:17px; letter-spacing:1px;font-family: 'Pathway Gothic One', sans-serif; margin-left:-10px; padding:8px 4px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 180px; border:none; background:#FFFFFF; margin-top:-10px; margin-bottom:-10px;  }
.ricerca input:focus { background:#FFFFFF; border:none }
.ricerca .button { background:#C39A5D; font-size:14px; margin-left:15px; padding:8px 4px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 250px; color:#ffffff }
.ricerca .button:hover { background:#7C664E; color:#ffffff }
.ricercaimg { width:20px; height:20px;  }

.ricercain { text-align:center; }

#cookiepolicy { position:fixed; bottom:0px; padding:10px 0px 20px 0px; left: 0; right: 0; margin:0px; background: rgba(81, 172, 228, 0.9); font-size:14px; color:#fff; z-index:99999; display:none border: 1px solid #000; }
#cookiepolicy a { color:#FFFFFF; }
#cookiepolicy a:hover { color:#172A6F; }

#buttoncoo a { background:#FFF; color:#51ACE4; display:block; float:right; padding:5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

#buttoncoo a:hover { background:#172A6F; color:#FFF; }

/* ------------------Grid System--------------- */ 
.zerogrid{ width: 100%; position: relative; margin: 0 auto; padding: 0px; font-size:1em; word-spacing:0.2em }
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.zerogrid .dx{ float:right }

.zerogrid .row{}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}

.zerogrid .wrap-col{}

.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block;}

.zerogrid .col-full{width:100%;}

.zerogrid .col-1-2{width:50%;}

.zerogrid .col-1-3{width:33.33%;}
.zerogrid .col-2-3{width:66.66%;}

.zerogrid .col-1-4{width:25%;}
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:75%;}

.zerogrid .col-1-5{width:20%;}
.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:80%;}

.zerogrid .col-1-6{width:16.66%;}
.zerogrid .col-2-6{width:33.33%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:66.66%;}
.zerogrid .col-5-6{width:83.33%;}

.bread { font-size:11px; text-transform:uppercase; color:#CCCCCC; }
.bread a { color:#CCCCCC; text-decoration:none }
.bread a:hover { color: #999999; }


.mail {  display:inline-block; width:50px; height:40px; 
	background:url('../img/mail.png') no-repeat bottom;
	-moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; vertical-align: middle;
}
.mail:hover { background:url('../img/mail.png') no-repeat top; }

.userlogin {  display:inline-block; width:50px; height:40px; 
	background:url('../img/user.png') no-repeat bottom;
	-moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; vertical-align: middle;
}
.userlogin:hover { background:url('../img/user.png') no-repeat top; }

.cartx {  display:inline-block; width:180px; height:40px; 
	background:url('../img/bag_white.png') no-repeat left bottom;
	-moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; vertical-align: middle;
}
.cartx > span { margin-top:8px; display:block; }
.cartx:hover { background:url('../img/bag_white.png') no-repeat left top; }


.buttonx { margin:0px; padding:0px; } 
.buttonx a { display:block; float:right; margin-left:-10px; margin-top:0px }
.buttonx a span { height:40px; width:40px; display: table-cell; background:#666; vertical-align:middle; color:#A07F5E; text-align:center }
.buttonx a:hover span { color:#ffffff }

#men1 { margin:20px 0px; border:1px solid #fff; border-top:3px solid #fff; letter-spacing:0.5px; font-size:20px; }
#men1 a { color:#666 }
#men1 ul{ margin:0px; padding:0px; list-style:none; display:block; text-align:left }
#men1 ul li{ margin:0px; padding:0px; list-style:none; display:block; background:#fff }
#men1 ul li a { display:block; border-bottom:1px solid #dedede; text-decoration:none; }
#men1 ul li a div { padding:2px 4px; display:block }
#men1 ul li:hover { background:#dedede; }
#men1 ul li ul { }
#men1 ul li ul li { }
#men1 ul li a span { display:block; margin-right:20px; padding:7px 10px; display:block; }

#men1 li.closedns a { background:#FFF url(../img/minus.png) right no-repeat; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; display:block; border-right:1px solid #fff; margin-right:-2px; color:#666;}
#men1 li.closedns a:hover { color: #666; background: #fff url(../img/minus.png) right no-repeat}
#men1 .closedns ul li a { font-weight: normal; background:#fff; display:block; }
#men1 li.closeds a { background:#FFF url(../img/minus-s.png) right no-repeat; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; display:block; border-right:1px solid #fff; margin-right:-2px; color:#000; }
#men1 .closeds ul li a { font-weight: normal; background:#fff; display:block; }

#men1 li.openns a { background:#fff url(../img/plus.png) right no-repeat; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; display:block; border-right:1px solid #fff; margin-right:-2px; color:#000; }
#men1 .openns ul li a { font-weight: normal; background:#dedede; display:block; color:#ff0000; }
#men1 li.opens a { background:#fff url(../img/plus.png) right no-repeat; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; display:block; border-right:1px solid #fff; margin-right:-2px; color:#000; }
#men1 .opens ul li a { font-weight: normal; background:#fff; display:block; color:#ff0000; }

#men1 ul li ul li a  { background:#fff; display:block; }
#men1 ul li ul li a div { padding-left:15px }
#men1 ul li ul li a:hover  { color:#000; background:#dedede }

.wrap{padding:20px 0px;background:#FFFFFF;}
.site-header-wrap{margin-bottom:0px;border-bottom:1px solid #E6E9EC;}
.tabs{width:100%;display:inline-block; }
.tab-links:after{display:block;clear:both;content:'';}
.tab-links {padding-left:0px; padding-bottom:9px }
.tab-links li{margin:0px 5px 0px 0px;float:left;list-style:none;}
.tab-links a{padding:9px 15px;display:inline-block;border-radius:3px 3px 0px 0px;background:#E6E9EC;font-size:16px;font-weight:600;color:#4c4c4c;transition:all linear 0.15s; margin-bottom:-15px; border-radius: 2px 2px 0px 0px; font-weight:normal; letter-spacing:1px; text-decoration:none; border-left:1px solid #dedede; border-right:1px solid #dedede; border-top: 4px solid #dedede; color:#000} 
.tab-links a:hover{background:#FFFFFF;text-decoration:none;} li.active a,li.active a:hover{background:#ffffff;color:#000;border-top: 4px solid #dedede; } .tab-content{padding:10px;border-radius:3px;background:#FFFFFF;margin-top:-6px; text-align:justify} .tab{display:none;} .tab.active{display:block;}

.z1 { text-align:left } .z2 { text-align:center } .z3 { text-align:right }
.blo { margin:20px 10px 20px 30px }

.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
{
	background: url(/img/b21.png) no-repeat;
	overflow:hidden; cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
{
	position: absolute; cursor: pointer; display: block;
	background: url(/img/a21.png) center center no-repeat;
	overflow: hidden;
}
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }

@media only screen and (min-width: 950px) and (max-width: 1199px) {
	.zerogrid{width:100%;}
	.mille {width:100%;}
	.ricerca input { width: 120px; font-size:14px; }
	img { max-width: 100% }
	.zerogrid img { max-width: 100% }	
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.zerogrid{width:100%;}
	.mille {width:100%;}
	.ricerca input { width: 50px; font-size:14px; }
	img { max-width: 100% }
	.zerogrid img { max-width: 100% }	
}

@media only screen and (max-width: 767px) {
	.zerogrid{width:100%;}
	.mille {width:100%;}
	.ricerca input { width: 50px; font-size:14px; }
	.cube { width:100%; margin:0 0 15px 0; }
	img { max-width: 100% }
	.zerogrid img { max-width: 100% }
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	.zerogrid{width:100%;}
	.mille {width:100%;}
	.ricerca input { width: 50px; font-size:14px; }
	img { max-width: 100% }
	.zerogrid img { max-width: 100% }	
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	.zerogrid, .cube, .cube2{width:100%;}
	.zerogrid .col-1-3, .zerogrid .col-2-3{width:100%;}
	.zerogrid .col-1-4{width:50%;}
	.zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
	.mille {width:100%;}
	img { max-width: 100% }
	.zerogrid img { max-width: 100% }	
}

@media only screen and (max-width: 479px) {
	.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6, .cube, .cube2{width:100%;}
	.mille {width:100%;}
	img { max-width: 100% }
	.zerogrid img { max-width: 100% }	
	#slider1_container { display:none }
	.mainpg, .m10px { margin:0px 10px }
	.z1, .z2 { text-align:center }
	.blo { margin:20px 10px }
}