@charset "utf-8";

body{margin: 0; padding:0; background:url(../images/layout/background.jpg) 6px 0px repeat-x; font: 11px Arial, Helvetica, sans-serif; color:#742416}

a,a:visited{color: #742416; text-decoration:none}
a:hover{text-decoration:underline; color:#900}
a:active{color:#f00}

img{border:0}

h1{display: block; width:932px; height:273px; background:url(../images/layout/header.jpg) top left no-repeat; margin:0; padding:0}
h1 a{display: block; width:100%; height:135px; text-indent:-9999px; margin:0; padding:0}
#main{display: block; min-height:675px; height:auto !important; height:675px; width:955px; background:url(../images/layout/body.jpg) bottom left no-repeat}
#container{margin: 0 0 0 242px; height:auto; width:615px; font:16px Georgia, "Times New Roman", Times, serif; color:#000}
/*#container div.contents{width: 100%; min-height:430px; height:auto; height:430px; background-repeat:no-repeat; background-position:top left;}*/
#container div.contents{width: 100%; height:auto; background-repeat:no-repeat; background-position:top left;min-height:450px; height:auto !important; height:450px;}
#container p{margin:0 0 0 75px; line-height:20px;padding:50% 0 0 0}
#container p:first-letter{font-size: 76px; color:#742416; padding:0; margin:0 0 0 -55px}
#footer{display: block; height:97px; width:955px; background:url(../images/layout/footer.jpg) top left no-repeat}
#footer p{margin: 0; padding:5px 0 0 210px; color:#fff}
#footer a{color:#FFF}
#footer a{text-decoration:underline}
#credits{width:100px;height:30px;background:url(../images/endesia_sign_color.png) no-repeat;text-indent:-1000em;display:block; position:relative;top:-20px}
#nav{width: 242px; height:295px; background:url(../images/layout/bg-menu.jpg) top left no-repeat; position:absolute; top:273px; left:0px; margin:0; padding:0; list-style:none;}
#nav li{font-size:15px; padding:0 0 6px 15px; display:block; clear:both}
/*ita*/
#nav li object{margin:0; padding:0; position:relative; top:-12px; left:150px}
#nav li.cuore object{position:relative;top:-25px; left:140px}
#nav li.intorno object{position:relative;top:-46px; left:112px}
#nav li.vini object{position:relative;top:-58px; left:150px}
#nav li.eventi object{position:relative;top:-82px; left:78px}
#nav li.prodotti object{position:relative;top:-108px; left:52px}
#nav li.menu object{position:relative;top:-130px; left:72px}
#nav li.guestbook object{position:relative;top:-152px; left:80px}
#nav li.gallery object{position:relative;top:-177px; left:60px}
#nav li.dovesiamo object{position:relative;top:-196px; left:78px}
#nav li.links object{position:relative;top:-217px; left:64px}
#nav li.ricetta object{position:relative;top:-220px; left:44px}
#nav li.contatti object{position:relative;top:-230px; left:96px}
/*eng*/
#nav li.heart object{position:relative;top:-29px; left:127px}
#nav li.around object{position:relative;top:-48px; left:111px}
#nav li.wine object{position:relative;top:-62px; left:139px}
#nav li.events object{position:relative;top:-86px; left:76px}
#nav li.products object{position:relative;top:-116px; left:30px}
#nav li.ourmenu object{position:relative;top:-132px; left:101px}
#nav li.talking object{position:relative;top:-154px; left:74px}
#nav li.album object{position:relative;top:-174px; left:86px}
#nav li.reach object{position:relative;top:-196px; left:65px}
#nav li.friends object{position:relative;top:-214px; left:72px}
#nav li.recipe object{position:relative;top:-219px; left:52px}
#nav li.contact object{position:relative;top:-236px; left:70px}

#lang{margin:0; padding:0; position:absolute; top:188px; left:172px}
#lang li{display: inline; float:left; margin:0; padding:0;}
#lang li a{display: block; height:32px; width:32px; text-indent:-9999px; opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
#lang li a:hover,#lang li a.selected{opacity: 1;filter: alpha(opacity=100);-moz-opacity:1;}
#lang li.ita a{background:url(../images/layout/flag_ita.jpg) 0px 0px no-repeat}
#lang li.eng a{background:url(../images/layout/flag_eng.jpg) 0px 4px no-repeat}

.clear{display: block; clear:both; float:none; height:1px}

/* pages */
#container div.home{background-image:url(../images/contents/home_buco.jpg); position:relative}
#container div.home p{text-indent:6px}
#container div.home a.vineria{display: block; background:url(../images/contents/home_vineria.jpg) 0px 0px no-repeat; display:block; height:276px; width:266px; position:absolute; top:0px; right:0px; text-indent:-9999px}
#container div.home a.vineria.eng{background-image:url(../images/contents/home_vineria_eng.jpg)}
#container div.error p{text-indent:12px; padding:5% 0 0 0}
#container div.cuore{background-image:url(../images/contents/cuore.jpg);}
#container div.cuore p{padding: 60% 0 0 0; text-indent:25px}
#container div.intorno-a-te{background-image:url(../images/contents/intorno-a-te.jpg);}
#container div.intorno-a-te p{text-indent:10px; padding:67% 0 0 0}
#container div.i-vini{background-image:url(../images/contents/i-vini.jpg);min-height:505px; height:auto; height:505px;}
#container div.i-vini p{ padding:15% 0 0 52%}
#container div.prodotti-territorio{background-image:url(../images/contents/prodotti-territorio.jpg);}
#container div.prodotti-territorio p{text-indent:-7px}
#container div.eventi p{padding:0}
#container div.links p{padding:0}
#container div.dove-siamo p{padding:5% 0 0 0; text-indent:8px}
#container div.vineria p{padding:25px 0 0 0}
#container div.error p{padding:0}

/* vineria */
#container div.vineria{margin-bottom: 35px; margin-top:25px}

/* dove siamo */
#container div.dove-siamo{margin-bottom: 35px; margin-top:15px}

/* eventi */
#container div.eventi {font-size:12px}
#container div.eventi strong.title {font-size:14px; color:#742416; display:block; float:none}
#container div.eventi .events p{padding:5px 0; margin:0; display:block; text-indent:normal}
#container div.eventi .events p:first-letter{padding:0; margin:0; display:block; text-indent:normal; font-size:12px; color:#000;}
ul.events{margin:15px 0 50px 5px; padding:0; list-style:none}
ul.events li{margin: 0 0 15px 0; background:url(../images/layout/bg-dot.gif) bottom left repeat-x; height:auto !important; height:80px; min-height:80px}
ul.events img{float: left; border:1px solid #ccc; padding:1px; margin:5px 10px 0 0;}
.eventsImages{width:90%; margin:2em 0 0 6em;}
.eventsImages img{padding:1px; border:1px solid ; color:#742416; margin:0.15em}

/* links */
#container div.links ul{margin:25px 0 0 0; padding:0; list-style:none}
#container div.links li{margin:0 0 10px 0; padding:0}
#container div.links .links p:first-letter{padding:0; margin:0; display:block; text-indent:normal; font-size:12px;}
#container div.links .links p{font-size:11px; margin:0; line-height:14px}
#container div.links .links img{max-width: 65px;}
#container div.links .links div.img-box{ float:left; display: block; width:120px; text-align: center}
#container div.links .links li{display: block; clear:both;}
#container div.links .links strong{display:block}

/* recipe */
#recipeName{text-align:center; font-size:160%; width:100%; margin:0 auto; display:block; font-style:italic;}
#recipe{text-align:center; font-size:120%; color:#611}
#recipe .type{text-align:center; margin:1em 0 0 0; padding:0; font-weight:bolder;}
#recipe .description{text-align:center; margin:0; padding:0}

/* guestbook */
#container div.guestbook p:first-letter{padding:0; margin:0; display:block; text-indent:normal; font-size:18px;}
#container div.guestbook p{padding:0; margin:0}
#container div.guestbook .guest-messages{margin:0 0 15px 0; padding:0 0 5px 0; background:url(../images/layout/bg-dot.gif) bottom left repeat-x}
#container div.guestbook form{margin-bottom:25px}
#container div.guestbook p:first-letter{font-size:11px; color:#000}
#container div.guestbook p.privacy{display:block; float:none; clear:both; margin:0 0 25px 0; font-size:11px}

/* menu */
#container div.menu{margin:0; padding:0}
#container div.menu p{padding:0}
#container div.menu a.menu{display: block; text-indent:-9999px; width:300px; height:400px; margin:0 auto; background:url(../images/contents/menu.jpg) center center no-repeat}

/* modulo */
#container div.modulo p{padding:0}
#container div.modulo form p,#container div.modulo form p:first-letter{padding:0; font-size:11px; color:#000}
#container div.modulo div p,#container div.modulo div p:first-letter{padding:0; font-size:11px; color:#000}

/* form */
#container form{padding:0; width:350px; margin:25px auto 0 auto}
#container form fieldset{margin:0; padding:0; border:0}
#container form p{clear:both; float:none; width:100%; margin:0; line-height:14px; display:block; min-height:26px}
#container form label{display: block; width:150px; float:left; color:#742416}
#container form p input,#container form p select,#container form p textarea{display: block; width:175px; border:1px solid #000; font:11px Arial, Helvetica, sans-serif;}
#container form input.checkbox{border:0; width: auto}
#container form input.captcha{width: 60px; float:left}
#container form input.button{clear:both; float:none; margin:0 auto; width:100px; background:#FFF url(../images/layout/bg_button.gif) bottom right repeat-x; color:#222; text-transform:uppercase; padding:2px 5px; cursor:pointer; border-color: #333}
#container form #captcha{margin:0 5px}
#container form p.captcha{margin:7px 0 0 0;}
#container p.privacy{padding:0; margin:15px 0 0 35px; text-align:center; line-height:14px}
#container a.privacy{margin:0 0 0 -40px}

/**/
#sOverlay{background: #131313; display:block; float:none; clear:both; position:absolute; top:0px; left:0px; width: 100%; height:100%; z-index:10}
#sClose{background: url(../images/contents/close.png) top left; width: 36px; height: 36px; display:block; float:none; clear:both; position:absolute; top:0px; right:0px; margin:10px; cursor:pointer; z-index:11}
#sCenter{width: 960px; height: 720px; display:block; float:none; clear:both; position:absolute; top:50%; left: 50%; margin:-380px 0 0 -480px; z-index:12;}

/* pages */
div#pages{ width: 100%; margin:25px 0; text-align:right; display:block; color:#666}
div#pages a{color:#999; border:1px solid #d4d4d4; padding:2px 4px;}
div#pages a:hover,div#pages a.selected{color:#999; background:#EEE; text-decoration:none}

/* messages */
div.message{border: 1px solid #666666; display:block; width:96%; padding:5px 15px 0 15px !important; padding:2px 7px 0 7px; margin:5px 0 10px 0; overflow:hidden}
div.message.ok{border-color: #00FF00; color:#00CC00; background:#C8FFC8}
div.message.ko,div.message.kko{border-color: #FF0000; color:#CC0000; background:#FFC8C8}
div.message.ok strong{color: #00CC00; font-size: 12px; padding:1px 0 5px 0;width:100%; text-align:center; display:block}
div.message.ko strong,div.message.kko strong{color: #CC0000; font-size: 12px;position: relative; top:10px; width:100%; text-align:center; display:block}
div.message.kko strong{top:0px; padding:0;}

/* myGallery */
.myGallery {position:relative}
.myGallery div.container{display:block; width:475px; overflow:hidden; position:relative; margin:0 auto}
.myGallery div.wrapper{display: block; width:1000%;}
.myGallery div.wrapper a{padding:0; margin:0}
.myGallery div.wrapper img{float: left; width:80px; display:block} /*width & block -> webkit bug width reflection*/
.myGallery div.wrapper img.current{border-bottom: 2px solid #0066CC}
.myGallery div.image{text-align:center; display:block; width:100%; height:375px; margin:20px 0 0 -10px; background:url(../images/loading.gif) center center no-repeat}
.myGallery div.image img{margin: 0 auto; display:block; border:1px solid #cccccc; padding:1px}
.myGallery a.prev{position: absolute; left: 1px; margin:-88px 0 0 105px; text-indent:-9999px; background:url(../images/prev.png) center center no-repeat; display:block; width:16px; height:60px; cursor:pointer}
.myGallery a.next{position:absolute; right:1px; margin:-88px 105px 0 0; text-indent:-9999px; background:url(../images/next.png) center center no-repeat; display:block; width:16px; height:60px; cursor:pointer}
.myGallery a div{float: left; cursor: pointer; margin: 0 1px 0 1px; width:80px; display:block} /*width & block -> webkit bug width reflection*/

/* map */
#gmap{border: 1px solid #ccc; padding:1px; font-size:11px; color:#333; width:580px; height:380px}

/* google wm */
#goog-wm{margin: 0 0 0 12%; color:#742416}
#goog-wm h3{margin:25px 0 -10px 0; padding:0}
#goog-wm li{font-size:12px; color:#000}

#webcam{position:absolute;top:575px;left:0px; display:block;}

@media print{
	h1,h1 a{text-indent:0px; height:auto; margin:0; padding:0}
}