/* @group TAGS    ############################# */
body {margin:0;padding:0;font-family: Arial, Verdana, sans-serif;font-size: 12px;color: #434342; line-height:18px; background: url(../images/bg-body.gif) repeat 0 0}
* { margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, p {font-size: 12px;}
p{}
a img, map {border:none;}
a {color: #00a091;text-decoration: none;}
a:hover {color:#00a091;text-decoration:underline;}
ul, ol, li {}
ul{ list-style:inside;}
ul li{ list-style-type:square; padding:5px 0 5px 10px;}
ol{ list-style:inside;}
ol li{ padding:5px 0 5px 10px;}
table {width:100%;border-collapse: collapse;}
form {}
fieldset {border: none;}
input, textarea, select {font-family: Arial, Verdana, sans-serif;font-size: 11px;border: 1px solid #d2d2d2;padding: 4px ;color: #333;background: #fff url(../images/bg-input.gif) no-repeat 0 0; width:165px; }
select {padding: 1px 2px;}
input:focus, textarea:focus, select:focus {border-color: #00a091;}
option {}
textarea { height:100px;}
button {font-size: 100%;font-family: inherit;cursor:pointer;color: #fff; text-transform:uppercase;background: #00a091;padding: 3px 10px;border: none;margin: 0px 10px 0 0;font-size:16px;font-family: 'Oswald', sans-serif;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
button.reset {color: #629aa9;} 
button:hover {background: #00c4b2;}
input[type="checkbox"]{ background:#fff; border:none;  width:25px !important;}
/* @end */

/* @group TYPOGRAPHY    ############################ */
.summary{ font-size:18px;font-family: 'Oswald', sans-serif; color:#3b271c; text-transform:uppercase; padding:0 0 10px 0; display:block;}
.summary span{ color:#00a091;}
.midsummary{ font-size:14px;font-family: 'Oswald', sans-serif; color:#3b271c; text-transform:uppercase; padding:0 0 3px 0; display:block;}
.miniSummary{color:#00a091; text-transform:uppercase; font-weight:bold; display:block;}
.buttons { margin: 0 0 20px 0; display:inline-block;color: #fff; text-transform:uppercase;background: #00a091;padding:7px 15px;font-size:18px;font-family: 'Oswald', sans-serif;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
/* a:hover.buttons {background: #00c4b2; text-decoration:none;} */
/* @end */

/* @group CLASSI GENERICHE    ############################ */
.jst {text-align:justify;}
.aLeft {float:left;margin:0 10px 2px 0;}
.aRight {float:right;margin:0 0 5px 10px;}
.noBrd {border: none;}
.close {clear:both;}
.cnt{ text-align:center;}
ul.generic { padding:0; margin:5px 0 0 0; list-style:none;}
ul.generic li{ padding:2px 0 2px 12px; margin:0; list-style-type:none; background:url(../images/square.jpg) no-repeat 0 10px}
ul.generic li.typeRegioni{ background:none; font-weight:bold; padding:7px 0 2px 0px;text-transform:uppercase; }
ul.generic li em{ color:#888;}
/* @end */


/* @group MEDIA QUERIES    ############################ */
/*		Default Layout: 992px. */
#container{ width:975px; margin:0 auto;}
#logo{ text-align:center; padding:28px 0 20px 0;}
#navigator{ text-align:center;font-family: 'Oswald', sans-serif; font-size:12px;}
#navigator ul li{ display:inline; margin:0px; padding:0px;}
#navigator ul li a{ padding:7px 12px; margin:0 2px 7px 2px; background:#3b271c; display:inline-block; color:#fff; text-transform:uppercase;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#navigator ul li a:hover,#navigator ul li.selected a{ text-decoration:none; color:#00a091;}

#main{ padding:5px 0; overflow:visible !important;}
#main .box{ width:310px; float:left; margin:0 15px 15px 0; background:#FFF url(../images/bg-box.jpg) repeat-x 0 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);box-shadow: 0px 0px 5px rgba(0,0,0,0.7); }
#main .boxLarge{ margin:0 15px 15px 0; background:#FFF url(../images/bg-box.jpg) repeat-x 0 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);box-shadow: 0px 0px 5px rgba(0,0,0,0.7); }
#main .boxLarge .inner{ padding:20px; overflow:hidden;  }
img.imgElastic{ float:right; margin:0 0 10px 25px; width:300px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
img.imgLarge{ margin:0 0 10px 0; width:auto; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

#main .box.evidence{ background:#fdf9bb; background-image:none;}
#main .box .inner{ padding:20px; overflow:hidden;  }
.wine #main .box .inner3{ padding:20px 0 20px 20px; overflow:hidden;  }
.wine #main .box .sectionWine{ padding-bottom:20px  }
#main .box .inner2{ padding:20px 20px 5px 20px; overflow:hidden;  }
#main .box#MDG p{ padding:20px;}
#main .box#MDG span.iconMDG{ width:110px; height:197px; display:block; overflow:hidden; text-indent:-9999px; background: url(../images/menu-del-giorno.png) no-repeat 0 0; float:right; margin:-8px 10px 0 0;}

.elastic{ width:310px; -webkit-border-radius: 5px ;-moz-border-radius: 5px;border-radius: 5px;}
.events .elastic{-webkit-border-radius: 5px 5px 0 0 ;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}

#mappa{ height:340px;}
#mappamini{display:none}
#mappamini a{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;display:block; height:300px; text-indent:-9999px; overflow:hidden;}

.logoMini{ text-align:right; padding-top:15px;}

.icoContacts li{ height:33px; line-height:33px; background:url(../images/icone.png) no-repeat 0 0; padding:0 0 0 45px; margin:5px 0 0px 0; list-style-type:none;font-size:14px;font-family: 'Oswald', sans-serif; color:#3b271c; }
.icoContacts li.phone{}
.icoContacts li.mail{ background-position: 0 -33px}
.icoContacts li.fb{ background-position: 0 -66px}
.icoContacts li.pi{ background-position: 0 -99px}
.icoContacts li.ig{ background-position: 0 -132px}

.photoslider{overflow:hidden; position:relative;}
.photoslider .photoscroller{width:10000px;}
.photoslider .photoscroller .photosection{ float:left; }
.photoslider .photoscroller .photosection a{ display:block;}
.photoslider .photoscroller .photosection img{width:310px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.photoslider .arrow{ display:block; width:38px; height:38px; position:absolute; overflow:hidden; background:url(../images/arrow.png) no-repeat 0 0; text-indent:-9999px; top:95px; cursor:pointer;}
.photoslider .arrow.prev{ }
.photoslider .arrow.next{ right:0;background-position:-38px 0;}
.photoslider .photoTitle {font-family: 'Oswald', sans-serif; position:absolute; bottom:0; background: url(../images/black-80.png) repeat 0 0;  color:#fff; text-transform:uppercase; width:310px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.photoslider .photoTitle a {color:#fff;padding:5px 10px; display:block; font-size:14px;}

#social{ margin-top:20px;}

#scrollerWine{ overflow:hidden;}
#scrollerWine #innerscrollerWine{ width:10000px;}
.sectionWine{ float:left; width:270px;}
.sectionWine img{ float:left; margin-right:5px;}
.sectionWine p{ float:right; width:175px;}
.controller{ text-align:center; padding:10px 20px 15px 20px;}
.controller li{ display:inline; margin:0; padding:0 2px;}
.controller li a{ cursor:pointer; display:inline-block; width:10px; height:10px; overflow:hidden; background:url(../images/circle.jpg) no-repeat 0 0; text-indent:-9999px;}
.controller li a:hover{ background-position:0 -10px}
.controller li.active a{ background-position:0 -10px}

.privacy{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#434342; text-transform:none; line-height:16px;}

#popup{ background: url(../images/bg-black.png) repeat 0 0; position:fixed; z-index:998; width:100%; top:0; left:0; display:none;}
#outside{width:100%;top:0; left:0; z-index:999; position:absolute; display:none;}
#outside a.chiudi{ float:right;}
#outside .inside{ margin:10px auto; width:500px; padding:20px;background:#FFF url(../images/bg-box.jpg) repeat-x 0 0; overflow:hidden;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);box-shadow: 0px 0px 5px rgba(0,0,0,0.7);}
#outside .inside img{ max-width:210px; max-height:300px;}

.booking{}
.booking th{ padding:10px 0 7px 0; border-bottom:1px dotted #9b9b9b; text-align:left;font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:14px; color:#00a091;}
.booking td{ padding:3px 0; border-bottom:1px dotted #ccc;}
.booking select{ width:60px; float:right;}

/*		Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
#container{ width:730px;}
#main .box{ width:350px;}
.elastic{ width:350px; }
.sectionWine {width:310px;}
.sectionWine p{width:210px;}
.photoslider .photoscroller .photosection img{width:350px;}
.photoslider .photoTitle {width:350px;}
#outside .inside{ width:310px;}
#outside .inside img{ max-width:150px; max-height:220px;}
img.imgLarge{max-width:100%;}
}

/*		Mobile Layout: 320px. */
@media only screen and (max-width: 480px) {
body{ background-position:0 -50px; background-repeat:repeat;}
#container{ width:300px;}
#main .box{ width:300px; margin:0 0 15px 0;}
#logo{ padding-top:15px;}
#logo img{ width:300px;}
#navigator ul li a{ padding:7px 7px;}
.elastic{ width:300px;}
#mappa{display:none;}
#mappamini { display:block; }
#mappamini a{  background:url(../images/mappa300.gif) no-repeat 0 0 !important}
.sectionWine {width:260px;}
.sectionWine p{width:160px;}
.photoslider .photoscroller .photosection img{width:300px;}
.photoslider .photoTitle {width:300px;}
#outside .inside{ width:260px;}
#outside .inside img{ float:none; margin:0 auto 5px auto; display:block;}
img.imgElastic{ float:none; margin:0 0 15px 0px; width:245px; height:auto;}
img.imgLarge{max-width:100%;}
}


/*		Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#container{ width:450px;}
#main .box{ width:450px; margin:0 0 15px 0;}
.elastic{ width:450px;}
#mappa{display:none;}
#mappamini{ display:block;}
#mappamini a{  background:url(../images/mappa450.gif) no-repeat 0 0 !important;}
.sectionWine {width:415px;}
.sectionWine p{width:325px;}
.photoslider .photoscroller .photosection img{width:450px;}
.photoslider .photoTitle {width:450px;}
#outside .inside{ width:410px;}
#outside .inside img{ max-width:150px; max-height:220px;}
img.imgElastic{ float:none; margin:0 0 15px 0px; width:395px; height:auto;}
img.imgLarge{max-width:100%;}
}
	
	/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */
@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {	
}
/* @end */

/*		Eccezzione per sfondo superiore a 992. */
@media only screen and (min-width: 992px) {body{ background-attachment:fixed;}}

/* @group FORM   ############################ */
.fTuned{font-size:14px;font-family: 'Oswald', sans-serif; text-transform:uppercase; color:#3b271c;}
.fTuned td{ padding:5px 0;}
/* @end */


label.error{color:red; font-weight:bold;}