body {background-color:#f2f2f2; font-family:Verdana, Geneva, sans-serif; font-size:14px}

/*html, body {height: 100%;}*/

#container {width:1006px; margin:0 auto;}
#header, #main {margin:0 12px; border:0; border-left:1px solid #b4b4b4; border-right:1px solid #b4b4b4; background-color:#fff; width:980px}

/*#container {min-height: 100%; height: auto !important; height: 100%; margin-bottom:-136px; position:relative; z-index:1}
.clear {clear:both; height:136px}*/
.clear {clear:both;}

/* -------------------- */
/* HEADER */

#headerCont {height:300px;}

.fadein {width:980px; height:300px; overflow:hidden; position:relative}
.fadein img { position:absolute; left:0; top:0;}

#headerLayer {position:absolute; top:0; width:980px; height:300px; background:url(/images/layout/head.png) top no-repeat;}
* html div#headerLayer{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/head.png');} 

#headerLayer a.logo {width:320px; height:120px; position:absolute; top:20px; left:20px}
#headerLayer #lang  {width:172px; position:absolute; top:6px; right:13px; text-align:center;}

#lang img {height:23px; border:0; filter:alpha(opacity=25); -moz-opacity:.25; opacity:.25}
#lang a:hover img, #lang img.here {filter:alpha(opacity=100); -moz-opacity:1; opacity:1}


#headerCont {position:relative; z-index:10}
#headerLayer, #headerLayer a.logo {z-index:20}
#lang { z-index:20;}

/* -------------------- */
/* FOOTER */

#footer {background:url(/images/layout/foot.jpg) top center no-repeat;	padding:30px 12px 10px 12px; font-size:13px; line-height:16px; text-align:center;}

/* -------------------- */
/* CONTENT */

#content {width:630px; float:left; padding:0 15px 25px 15px}

/* -------------------- */
/* SIDEBAR */

#sidebar {width:320px; float:right; padding-top:20px}
#sidebar .social {text-align:center; margin:0 auto; display:block}
#sidebar .social a img {padding:0 4px 4px 0; filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8}
#sidebar .social a:hover img {filter:alpha(opacity=100); -moz-opacity:1; opacity:1}

#sidebar #booking {background-color:#dae9f6; border:4px solid #ff0000; margin:0 auto 15px; padding:15px 10px;
	-moz-border-radius:11px; border-radius:11px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; width:85%;}	
#sidebar #booking h1 {margin:0 0 10px 0; font-size:20px; font-style:normal; color:#003580; text-align:left}
#sidebar #booking button, #bookingdate button {font-size:14px; font-weight:bold; padding:4px; margin:6px 0 0 6px}

#bookingdate {background-color:#fff;}
#bookingdate table {margin:0 auto; margin-bottom:10px}
#booking input, #bookingdate input {font-size:14px; width:100px; margin-left:6px}
#booking p.small {font-size:12px; line-height:16px; padding-top:6px}

#sidebar #WUdel input {width:180px}

/* -------------------- */
/* MENU */

#menu {width:100%; height:63px; background:url(/images/layout/menu.jpg)}
#menu ul {margin-left:25px; font-size:18px; list-style:none; padding:0}
#menu ul li {float:left; line-height:39px; padding-right:25px; padding-top:1px}
#menu ul li a {text-decoration:none; color:#000; border-top:4px solid #dae9f6;; border-bottom:4px solid #dae9f6; display:block}
#menu ul li a.here, #menu ul li a:hover.here {font-weight:bold; border-bottom-color:#1963a0;}
#menu ul li a:hover {border-bottom-color:#60a9e6;}

/* -------------------- */

h1 {font-size:24px; text-align:center; margin:20px; font-weight:bold;}
h1.left {text-align:left; margin-left:0}

h2 {font-size:20px; font-weight:bold; margin-bottom:15px}
h3 {font-size:18px; font-weight:bold; margin:15px 0 15px 0}

p {padding:0 0 8px 0; line-height:24px; text-align:left}

a, a:visited {color:#0000FF}
a:hover {color:#FF8000; text-decoration:none}
a:active {color:#00FF00}

small {font-size:0.8em}

strong, b {font-weight:bolder}

em {font-style:italic}

ul {list-style:circle; padding-left:35px}
ul li {padding-bottom:10px}

.left {text-align:left}
.right {text-align:right}

td[valign=top] {vertical-align:top}
td[valign=middle] {vertical-align:middle}

/* -------------------- */
/* MAPPA  */

.mapIndex {text-align:center; margin:-14px 0 18px 0; font-family:Comic Sans MS; font-size:14px}

#Gmap {width:100%; height:500px; border:1px solid #BBBBBB}

.mapText, .map_leggenda, .map_itinerari {font-size:13px; text-align:left;}
.mapText, .map_itinerari {margin:0 10px}

.map_leggenda img {padding:0 10px 2px 15px}

.map_itinerari a { text-decoration:none;}
.map_itinerari a:hover {border:0}
.map_itinerari dt {font-weight:bold; font-size:12px; text-align:left; clear:both}
.map_itinerari dd {text-align:justify; padding-bottom:14px; margin-left:40px; font-size:12px; line-height:18px}
.map_itinerari img { float:left; border:0}
.no_float img { margin-top:10px}

/* -------------------- */

.descrizione {font-size:13px}

table#gallery {margin:0 auto}
table#gallery td {padding:2px}

.foto, .foto a {border:1px solid #B0B0B0; padding:3px; background:url(lightbox/loading.gif) no-repeat center;
	filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8}
	
.foto:hover, a:hover .foto {border-color: #0066FF; cursor:url(images/zoomin.cur),pointer;
	filter:alpha(opacity=100); -moz-opacity:1; opacity:1}
a:active .foto { border-color:#00FF00}

#tablePrezzi {width:400px; margin:30px auto; font-size:16px}
#tablePrezzi td {padding-bottom:6px}
#tablePrezzi td.min, #tablePrezzi td.max {width:85px; text-align:right}
#tablePrezzi td.mid {width:20px; text-align:right}

ul.prezzi {list-style:circle; padding-left:35px}
ul.prezzi li {padding-bottom:10px}

table.webcam {width:100%}
table.webcam td {vertical-align:bottom}

#contatti td {padding:4px}
#contatti button {font-size:18px; padding:8px; font-weight:bold; margin-top:10px}

table.contactinfo {margin:40px auto 20px; font-size:16px}
table.contactinfo td {padding:4px; margin-bottom:4px}
table.contactinfo td.width {width:10px}

/* -------------------- */
/* TRIESTE  */

.fotots {padding-left:8px;padding-right:4px;text-align:left}
.fotots p {font-size:12px; line-height:16px}

.fotots table {margin:0 auto}
.fotots table td {padding:2px}

.fototrieste{font-size:18px; color:#FF0000; font-weight:bold; font-style:oblique}

.fototriesteElenco{ font-size:11px; font-family:"comic Sans MS"}
.fototriesteElenco em{font-size:13px; font-style:normal}
.fototriesteElenco tt{color:#999999}
.fototriesteElenco i{color:#999; font-weight:normal; font-style:normal; float:right}

.fototriesteMappa{font-size:13px; font-family:"comic Sans MS"}

.frecciatornasu {float:right}
.frecciatornasu img {border:0; width:16px; height:16px}

.triesteCommento1 {background-image:url(images/maximize.gif)}
.triesteCommento2 {background-image:url(images/minimize.gif)}
.triesteCommento1 a:hover {background-image:url(images/maximize2.gif)}
.triesteCommento2 a:hover {background-image:url(images/minimize2.gif)}
.triesteCommento1 a:active {background-image:url(images/maximize3.gif)}
.triesteCommento2 a:active {background-image:url(images/minimize3.gif)}
.triesteCommento1,.triesteCommento2{ padding:4px; margin-top:2px; font-size:12px; background-repeat:no-repeat; background-position:4px 6px}

.triesteCommento1 a, .triesteCommento2 a{padding-left:16px; background-repeat:no-repeat; background-position:0px 2px}

.triesteCommento2{background-color:#DCDCDC; border:1px solid #B0B0B0}