@charset "UTF-8";
/* CSS Document */

body {margin:0;padding:0;background-color:#342c28;font:11px Verdana, Arial, Helvetica, sans-serif;color:#342c28;}

h1{font-size:20px;color:#342c28;font-weight:normal;margin-top:0px;margin-bottom:20px;font-family: Georgia, "Times New Roman", Times, serif;}
h2{font-size:12px;color:#1d5caa;font-weight:bold;margin-top:0px;margin-bottom:5px;font-family: Georgia, "Times New Roman", Times, serif;}
h3{font-size:13px;color:#342c28;font-family: Georgia, "Times New Roman", Times, serif;font-weight:bold;margin-top:20px;margin-bottom:0px;}
h4{font-size:12px;color:#342c28;font-family: Georgia, "Times New Roman", Times, serif;font-weight:bold;margin-top:20px;margin-bottom:0px;}
h5{font-size:12px;color:#342c28;font-family: Georgia, "Times New Roman", Times, serif;font-weight:bold;margin:8px 0px 5px 15px;line-height:16px}

a{color:#7b766c;text-decoration:none;}
a:hover{color:#1d5caa;text-decoration:none;}

div#container{width:100%;margin:0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
text-align:left;height:auto}
div#maincontainer{width:100%;min-height:570px;background-color:#ffffff;background-image:url(images/fondino.jpg);}
div#main{width:720px;min-height:550px;position:absolute;top:0px;margin-top:0;left:50%;margin-left:-360px;text-align:left;background-image:url(images/sfondo.jpg);background-position:top right;background-repeat:no-repeat;}

div#sidebar{width:180px;position:absolute;top:0px;left:0px;}
div#logo{position:absolute;top:0px;left:0px;}
div#flags{width:180px;position:absolute;top:160px;left:3px;}
#flags ul{margin:0px;padding:0px;}
#flags li{margin:0px;padding-left:0px;padding-right:7px;list-style:none;display:inline;}

div#navigation{width:180px;height:318px;position:absolute;top:220px;left:0px;background-image:url(images/gabbiaSx.jpg);background-repeat:no-repeat;}
div#navigation ul{margin:85px 15px 5px 15px;padding:0;font-size:13px;font-variant: small-caps;font-weight:bold;color:#7b766c;}
div#navigation li{line-height:16px;padding:0px 0px 0px 0px;list-style:none;background-image:url(images/180.gif);background-repeat:no-repeat;display:block;}
div#navigation li a{border-bottom:1px dotted #7b766c;padding:5px 0px 5px 17px;color:#7b766c;text-decoration:none;display:block;background-image:url(images/180.gif);background-repeat:no-repeat;}
div#navigation li a:hover{border-bottom: 1px solid #f3f0d8;padding-left:30px;background-image:url(images/180.gif);background-repeat:no-repeat;background-color:#dcd9c5;color:#1d5caa}
div#navigation li a#current{padding:5px 0px 5px 30px;border-bottom: 1px solid #f3f0d8;padding-left:30px;background-image:url(images/180.gif);background-repeat:no-repeat;background-color:#dcd9c5;color:#1d5caa}


#prenota{width:156px;height:49px;padding:0px;position:relative;top:13px;left:12px;}
.booking{width:136px;position:absolute;top:15px;left:20px;text-align:left;font-size:13px;font-variant:small-caps;font-weight:bold;color:#dad6b9;text-decoration:none}
#fb{width:156px;padding:0px;position:absolute;bottom:12px;left:32px;font-size:9px;color:#7b766c;}

div#content{width:520px;min-height:270px;position:absolute;top:245px;left:200px;text-align:justify}
div#content01{width:315px;min-height:270px;position:absolute;top:245px;left:200px;text-align:justify}

ul#multi,ul#multi li{margin:0;padding:0;list-style:none}
ul#multi{width: 100%;overflow: hidden;  /*  simple clearing of floats */
padding:0 1em 0 0;margin:0 0 1em 0;line-height:1.7;}
ul#multi li{float:left;width:32%;margin-left: 1%;display:inline;   /* per evitare il float double margin bug di IE*/
border-bottom:1px dotted #7b766c}

div#boxDx{width:185px;height:230px;position:absolute;top:308px;left:535px;background-image:url(images/galleria.jpg);background-repeat:no-repeat;padding-top:5px;font-size:9px}
#boxDx ul{margin:0;padding:5px 0px 0px 10px;}
#boxDx li{margin:0;padding:0px 4px 0px 0px;display:inline;list-style:none;}
div#boxDx01{width:185px;height:230px;position:absolute;top:308px;left:535px;background-image:url(images/galleria.jpg);background-repeat:no-repeat;padding:5px 0px 0px 5px;font-size:9px}

div#boxDx02{width:185px;height:230px;position:absolute;top:308px;left:535px;background-image:url(images/galleria.jpg);background-repeat:no-repeat;padding-top:5px;font-size:11px;}
div#boxDx02 ul{margin:0px 15px 0px 15px;padding:0;}
div#boxDx02 li{line-height:16px;padding:0px 0px 0px 0px;list-style:none;background-image:url(images/185.gif);background-repeat:no-repeat;display:block;}
div#boxDx02 li a{border-bottom:1px dotted #7b766c;padding:5px 0px 5px 0px;color:#7b766c;text-decoration:none;display:block;background-image:url(images/185.gif);background-repeat:no-repeat;}
div#boxDx02 li a:hover{border-bottom: 1px solid #f3f0d8;padding-left:12px;background-image:url(images/185.gif);background-repeat:no-repeat;background-color:#dcd9c5;color:#1d5caa}


div#footer{width:720px;position:relative;top:15px;margin-top:0;left:50%;margin-left:-360px;text-align:left;height:40px;color:#9d9481}
div#footer a{color:#7b766c;text-decoration:none}
div#footer a:hover{color:#cac6a7;text-decoration:none}
div#add{position:absolute;top:0px;left:0px;}
div#credits{position:absolute;top:6px;left:200px;text-align:left;font-size:10px}
div#design{position:absolute;top:6px;right:0px;text-align:right;font-size:10px}


/*stili della lightbox*/
#lightbox{	position: absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox img{width:auto;height:auto;}
#lightbox a img{border:none;}

#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}

#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0; }
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer#hoverNav{left:0;}
#hoverNav a{outline:none;}

#prevLink, #nextLink{ width:49%;height:100%;background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block;}
#prevLink {left:0;float:left;}
#nextLink {right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(images/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width: 100%;}

#imageData{padding:0 10px;color:#666;}
#imageData #imageDetails{width: 70%;float:left;text-align:left;}	
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{width 66px;float:right;padding-bottom:0.7em;outline:none;}

#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}