@charset "utf-8";

body{margin: 0; padding:0; font:12px Georgia, "Times New Roman", Times, serif; color:#333333; background:#E5D7BA}

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

img{border: 0; display:inline}
img.border{padding: 1px; border: 1px solid #B4A992}
h1,h2,h3,p{margin:0; padding:0}

#header{margin: 0; padding:0; width:100%; height:196px; display:block; clear:both; float:none; background:url(../images/layout/bg_header.jpg) top center no-repeat}
#home #header{height:306px;}
#main{margin: 0; padding:0; width:100%; min-height:175px; display:block; clear:both; float:none; background:url(../images/layout/bg_body.gif) top center repeat-y;}
#container{margin: -2px auto 0 auto; width:759px; min-height:137px; display:block; background: #ffffff url(../images/layout/bg_contents.gif) top left repeat-x;}
#home #container{margin-top: 0}
#contents{display: block; float:left; width:460px; padding:5px 20px 15px 25px !important; padding:2px 20px 7px 20px; text-align:left; position:relative; overflow:hidden}
#contents h2{font-size:16px; color:#806B3C; margin:20px 0 10px 0;}
#contents h3{font-size:14px; color:#806B3C; margin:20px 0 10px 0; display:block; width:99%; border-bottom: 1px solid #806b3c; padding-bottom: 2px}
#sidebar{display: block; float:left; width:251px; padding:3px 0 0 0; overflow:hidden}
#home #sidebar{padding: 2px 0 0 0}
#footer{margin: 0; padding:0; width:100%; height:175px; display:block; clear:both; float:none; background:url(../images/layout/bg_footer.jpg) top center no-repeat}
#footer div{width: 759px; display:block; margin:0 auto; text-align:center; padding: 15px; color:#FFFFFF}
#footer div a{color: #FFFFFF;}
#footer div.info p{font-size: 10px}
#footer div.info a{color: #806B3C; text-decoration:underline}
#footer div.info a:hover{color: #996600}
#footer div p{color: #8C7648; font-size:11px}
#footer div.info .credits{font-size: 11px;padding:5px 0}
#footer .credits{width:100px;height:30px;background:url(/images/endesia_sign_color.png) no-repeat;text-indent:-1000em;display:block;float:right;clear:both;margin-left:-100px}
h1{margin: 0; padding:0; margin:0 auto; width:759px; height:156px; background:url(../images/layout/top.jpg) top center no-repeat; text-indent:-9999px}
h1 a{display: block; width:100%; height:100%}
div.dot-separator{border:0; display:block; clear:both; float:none; width:96%; background:url(../images/layout/spacer-dot.gif) center left repeat-x; height:2px; margin:10px 0; padding:10px}
div.pulizia{clear:both;display:block;float:none;}
.left{float: left}
.right{float: right}

/* sidebar*/
#sidebar div.box{border: 1px solid #B4A992; background: #E0D4BA url(../images/layout/bg_box.gif) top left no-repeat; width:100%; margin:0 0 1px 0; position:relative; top:-3px}
#sidebar div h3.matrimoni{background: url(../images/layout/title_prenotazioni.gif) top left no-repeat; height:55px; text-indent:-9999px}
#sidebar div h3.weddings{background: url(../images/layout/title_weddings.gif) top left no-repeat; height:55px; text-indent:-9999px}
#sidebar div h3.marier{background: url(../images/layout/title_marier.gif) top left no-repeat; height:55px; text-indent:-9999px}
#sidebar div h3.hochzeite{background: url(../images/layout/title_hochzeit.gif) top left no-repeat; height:55px; text-indent:-9999px}
#sidebar div h3.booking-ita{background: url(../images/layout/title_booking_hotel.gif) top left no-repeat; height:55px; text-indent:-9999px}
#sidebar div h3.booking-eng{background: url(../images/layout/title_booking_hotel_eng.gif) top left no-repeat; height:55px; text-indent:-9999px}
#sidebar div h3.guestbook{background: url(../images/layout/title_guestbook.gif) top left no-repeat; height:55px; text-indent:-9999px}
#sidebar div h3.agenzie{background: url(../images/layout/title_agenzie.gif) top left no-repeat; height:55px; text-indent:-9999px}
#sidebar div h3.agency{background: url(../images/layout/title_agency.gif) top left no-repeat; height:55px; text-indent:-9999px}
#sidebar div em{margin:0 7px 7px 7px; display:block}
#sidebar div textarea{width: 100% !important; width:75%; font-size:11px; font-family: Georgia, "Times New Roman", Times, serif;}
#sidebar div strong{display: block; clear:both; margin:5px 0; border-bottom: 1px solid #B4A992; padding:2px}
#sidebar form{margin: 0; padding:0; font-size: 10px; margin: 0 10px 5px 10px}
#sidebar form fieldset{margin: 0; padding:0; border:0}
#sidebar form p{width: 115px; float:left; margin:0 0 3px 0}
#sidebar form p.nl{width: 100%}
#sidebar form p.button{width: 100%; text-align:center}
#sidebar form label{display: block; float:none;}
#sidebar form label{margin: 0 0 0 -5px}
#sidebar form select{float: left; font-size:10px}
#sidebar form p input.button{background:#FEE92E url(../images/layout/bg_button.gif) top right no-repeat; height:20px; width:70px; border:1px solid #7E6C03}
#sidebar p.guestbook{padding:10px; padding-top: 0}
#sidebar p.guestbook strong,#sidebar p.guestbook em{color:#806B3C;}
#sidebar p.guestbook em{float: right}
#sidebar a{color:#806B3C; margin:10px; text-decoration:underline}
#sidebar a:hover{color:#993300}
#sidebar p.login{padding: 10px; display:block; clear:both; float:none; margin:10px 0 0 0}
#sidebar p.login a{display: block; margin:10px 0 0 0; padding:0}
#sidebar input.captcha{border: 1px solid #cccccc; background: #f4f4f4; height:16px; font-size:11px; color:#333333; display:block; width:50px; font-size:12px; float:left; margin:0 5px 0 0}
#sidebar p.captcha{margin: 5px 0 5px 0;width:100%}
#sidebar img#captcha{border: 1px solid #cccccc; margin:0 5px 0 0}

p.error{font-size: 11px}

/* menu */
#nav{display: block; width:760px; text-align:center; position:absolute; top:159px; left:50%; margin:0 0 0 -380px; padding:10px 0 0 8px; height:21px;}
#menu{list-style:none; margin:0; padding:0; display:inline; font-size:14px; color:#917944;}
#menu li{width: 106px; text-align:center; float:left;}
#menu img,#menu object{display: none; margin:9px 0 0 0}
#home #menu img,#home #menu object{display: block}

/* form */
form.modulo fieldset{border:0; padding:0; margin:0}
form.modulo p label{float: none; display:block; width:auto; font-size:11px}
form.modulo p input,form.contacts textarea{border: 1px solid #cccccc; background: #f4f4f4; height:16px; font-size:11px; color:#333333; display:block; width:225px}
form.modulo p input.button{background:#FEE92E url(../images/layout/bg_button.gif) top right no-repeat; width:100px; height:20px; text-align:center; border:1px solid #7E6C03}

/* languages*/
#quickmenu{position: absolute; top:-3px; left:50%; margin: 0 0 0 -365px; padding:0; border:1px solid #ffffff; background:#EADBBE}
#quickmenu ul{margin:0; padding:3px}
#quickmenu li{display: inline; float:left; margin:3px; padding:0}
#quickmenu li a{text-indent:-9999px; display:block; width:22px; height:33px; opacity:.55;filter: alpha(opacity=55); -moz-opacity: 0.55; padding:1px}
#quickmenu li a:hover,#quickmenu li a.current{ opacity:1.0;filter: alpha(opacity=100); -moz-opacity: 1.0;}
#quickmenu .home{background:url(../images/layout/home.gif) center center no-repeat; width:33px;}
#quickmenu .cam{background:url(../images/layout/webcam.gif) center center no-repeat; width:51px;}
#quickmenu .ita{background:url(../images/layout/flag_ita.gif) center center no-repeat}
#quickmenu .eng{background:url(../images/layout/flag_eng.gif) center center no-repeat}
#quickmenu .fra{background:url(../images/layout/flag_fra.gif) center center no-repeat}
#quickmenu .deu{background:url(../images/layout/flag_deu.gif) center center no-repeat}

/* home */
p.home img{margin: 0 5px 5px 17px}
p.photo img{margin: 25px  0 10px 40px}
p.photo a{display: block; clear:both; float:right; margin:0 20px 0 0;}

/* location */
p.transport{margin: 10px 0 15px; font-size:11px}
p.transport img{margin:0 10px 15px 0;}
#gmap{border: 1px solid #cccccc; padding:1px}
#gmap img.site_logo{display: block; clear: both; float:none; margin:0 auto}
#gmap em{text-align:center; position:relative; top:-10px}

/* meetings */
div.meetings-photo{ text-align:center}
div.meetings-photo img{ margin: 15px 5px 0 5px;}

/* services */
strong.services{color: #806B3C; font-size:14px; margin:0 0 5px 0}
p.services span{text-align:center}
p.services img{margin:0 5px 0 15px}
p.services a:hover {text-decoration:none; color:#CC9900}
p.services.bar{margin-top:10px}
p.services.bar span{text-align:center;float:left;}
p.services.bar span img{margin:5px;}

/* form */
form p input{border: 1px solid #cccccc; height:16px; font-size: 11px; padding:0; color:#444444; width:100px}
form p select{border: 1px solid #cccccc; height:17px; font-size: 11px; padding:0; color:#444444}

/* contacts */
div.contacts{margin: 25px 0 0 10px;}
div.contacts img{margin: 10px 0 0 0;}
form{border:0; padding:0; margin:0}
form.contacts p{display:block; margin:5px 0}
form.contacts fieldset{border:0; padding:0; margin:0}
form.contacts p label{float: none; display:block; width:auto; font-size:11px}
form.contacts p input,form.contacts textarea{border: 1px solid #cccccc; background: #f4f4f4; height:16px; font-size:11px; color:#333333; display:block; width:225px}
form.contacts p input.captcha{border: 1px solid #cccccc; background: #f4f4f4; height:16px; font-size:11px; color:#333333; display:block; width:50px; font-size:12px; float:left; margin:0 5px 0 0}
form.contacts textarea{height:60px}
form.contacts p.captcha{margin: 5px 0 5px 0}
form.contacts p img#captcha{border: 1px solid #cccccc; margin:0 5px 0 0}
form p input.checkbox{background:none; border:0; width:20px;}
form.contacts p input.button{width: 125px; margin:0 0 0 30px}
form.contacts p img{position: relative; top:-6px}
div.contacts.info{padding: 10px 0 0 0; line-height:15px}

/* guestbook */
h3.guestbook{color: #806B3C; font-size:14px; margin:0 0 5px 0}
form.guestbook{margin: 20px 35px}
form.guestbook p img{position: relative; top:0}

/* events */
#events {margin: 10px 0 0 0}
#events img{float: left; margin:2px 15px 15px 15px; border:1px solid #d4d4d4; padding:1px}
#events img.nophoto{border:0; padding:6px 23px}

/* login */
form.login {margin: 20px 0 30px 0}
form.login p{margin: 5px 0 0 0}

/* private */
p.private strong{font-size: 11px}
p.private strong{font-size: 16px; font-weight:bold}
div.private{text-align: center}
div.private img{display: inline; text-align:center; margin:10px}
div.private a.download{display: block; background: url(../images/contents/private_download.jpg) top left no-repeat; width:263px; height:82px; float:none; padding: 36px 0 0 32px; color:#333333; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; margin: 35px auto 0 auto; position:relative; left: 10px}
div.private a.album{cursor: pointer}
span.logout{position: absolute; top:10px; left:90%; font-size:10px}

/**/
#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:15px 0; text-align:right}
div#pages a {border: 1px solid #cccccc; display:inline-block; margin:1px; padding:1px 3px; color:#676767}
div#pages a.selected{background:#cccccc; color:#333333}

/* messages */
#main #contents div.message{border: 1px solid #666666; display:block; width:425px; padding:5px 15px 0 15px; margin:5px 0 10px 0}
#main #contents div.message.ok{border-color: #00FF00; color:#00CC00}
#main #contents div.message.kko{border-color: #FF0000; color:#CC0000}
#main #contents div.message.ko{border-color: #FF0000; color:#CC0000}
#main #contents div.message.ok strong{color: #00CC00; font-size: 12px; padding:1px 0 5px 0;width:100%; text-align:center; display:block}
#main #contents div.message.kko strong{color: #CC0000; font-size: 12px; padding:1px 0 5px 0;width:100%; text-align:center; display:block}
#main #contents div.message.ko strong{color: #CC0000; font-size: 12px;position: relative; top:10px; width:100%; text-align:center; display:block}

/* menu */
#restaurant-menu dl{margin:0 0 60px 0; padding:0 0 0 20px}
#restaurant-menu dt{font-weight:bold; margin:15px 0 1px 0}
#restaurant-menu dd{margin:0 0 0 10px; padding:0}
#restaurant-menu p{margin:0; padding:0}

/*restaurant*/
p.restaurant img{margin: -10px 5px 0 10px}
p.restaurant span.image-container{display: block; width:164px; float: right; text-align:right}
p.restaurant span.image-container img{margin: 0 0 5px 0}

/*agency login*/
p.login-info {margin: 15px 0 0 0}
p.login-info strong{display: block; text-align:right}
p.login-info span{display: block; padding:0; font-size:10px; text-align:right}

/* weddings */
#wedding.special-menu{background:url(../images/layout/bg_wedding_menu.jpg) top right repeat-x; display:block; width:505px; height:160px; margin:-5px 0 0 -26px}
#wedding.special-menu p {display:block; float:left; margin:0; padding:0; width:33%; text-align:center}
#wedding.special-menu p strong{font-size:14px; color:#FFF; font-weight:normal; display:block; height:40px; line-height:50px; position:relative; top:3px; width:90%}
#wedding.special-menu p strong.multiline{line-height:normal}
#wedding.special-menu p a{display: block; clear:both; font-size:12px; color:#583814}
/*#gallery-weddings{margin:20px 0;text-align:center;background:url(../images/layout/spacer-dot.gif) top left repeat-x}*/
#gallery-weddings{background:url(../images/layout/spacer-dot.gif) top left repeat-x;margin: 0 0 -60px;position: relative;text-align: center;top: -90px;}
#gallery-weddings .wrapper{padding:15px 0;background:url(../images/layout/spacer-dot.gif) bottom left repeat-x}
#gallery-weddings img{border:1px solid #B4A992;padding:1px;margin:0 2px}

/* correlated */
div.correlated{display: block; clear:both; float:none; margin:0 0 15px 0}
div.correlated img{margin: 0 20px 0 0}
div.correlated strong{display: block; padding:10px 0; font-size: 14px; font-weight:normal; color:#806B3C}
div.correlated p{paddign: 10px;display: block; }
div.correlated a{display: block}

/* 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 45px; 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 45px 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*/