html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-style:normal;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
body, html { background-color: #FFFFFF; color: #555555; font-size: 12px; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; text-align: justify; min-height: 570px; height: 100% !important; height: 570px; }
.clear { height: 1px; overflow: hidden; clear: both; }
p { margin-bottom: 2px; }
a { font-weight: bold; text-decoration: none; color: #888888; }
a:hover { color: #555555; }
h1 , h2 , h3 , h4 , h5 , h6 { font-weight: normal; margin-bottom: 10px; text-align: left; }
h1 { font-size: 20px; }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 14px; }
h4 { font-size: 13px; margin: 10px 0px 5px 0px; font-weight: bold; }
hr { border: none; border-top: 1px dotted #555555; margin: 15px 0px 15px 0px; border-bottom: 1px solid #FFFFFF; }

/* LAYOUT */
#logo { display: block; height: 80px; }
#logo img { margin-top: 20px; }
#header { height: 362px; overflow: hidden; position: relative; }
#image { height: 362px; position: absolute; width: 100%; top: 0px; z-index: 1; }
div.center { width: 980px; overflow: hidden; margin: 0px auto; }
#menu1 , #menu2 { position: absolute; font-size: 16px; height: 26px; border: 1px solid #555555; border-left: none; border-right: none; z-index: 100; width: 100%; top: 0px; }
#menu1 div.center , #menu2 div.center { border: 1px solid #555555; border-top: none; border-bottom: none; height: 26px; }
#menu2 { top: 334px; }
#menu1 a , #menu2 a { color: #555555; font-weight: normal; display: block; float: left; line-height: 26px; border-right: 1px solid #555555; padding: 0px 10px; }
#menu1 div.dxMenu a , #menu2 div.dxMenu a {  float: right; border-left: 1px solid #555555; border-right: none; }
#menu1 a:hover , #menu2 a:hover , #menu1 a.current , #menu2 a.current { background-color: #AAAAAA; color: #FFFFFF; }
#content { color: #888888; margin: 20px 0px; }
#sxCol { float: left; width: 634px; }
#dxCol { float: right; width: 326px; overflow: hidden; }
#footer { font-size: 12px; text-align: right; padding: 20px 0px; border-top: 1px solid #AAAAAA; }
#footer a#link_fassa { background-image: url(../img/val_di_fassa.gif); background-position: top; width: 44px; height: 50px; overflow: hidden; float: left; margin-top: 10px; }
#footer a#link_dolomiti { background-image: url(../img/dolomiti_unesco.gif); background-position: top; width: 86px; height: 50px; overflow: hidden; float: left; margin-left: 20px; margin-top: 5px; }
#footer a#link_video { background-image: url(../img/val_di_fassa_video.gif); background-position: top; width: 59px; height: 50px; overflow: hidden; float: left; margin-left: 20px; }
#footer a#link_facebook { background-image: url(../img/facebook.gif); background-position: top; width: 39px; height: 39px; overflow: hidden; float: left; margin-left: 20px; }
#footer a:hover#link_fassa , #footer a:hover#link_facebook , #footer a:hover#link_dolomiti , #footer a:hover#link_video { background-position: bottom; }
#footer a#link_fassa span , #footer a#link_facebook span , #footer a#link_dolomiti span , #footer a#link_video span { display: none; }
#footer #footer_text { float: right; width: 680px; }
#mb_impressum { display: none; }

/* GALLERY */
div.gallery a { display: block; float: left; margin: 0px 10px 10px 0px; border: 1px solid #555555; }
#dxCol div.gallery { width: 342px; }

/* PREZZI */
table td { padding: 2px; }
table.listino { border-left: 1px solid #AAAAAA; width: 100%; margin-bottom: 10px; }
table.listino td { border: 1px solid #AAAAAA; padding: 4px; text-align: center; }
table.listino tr:hover td { font-weight: bold; background-color: #EEEEEE; }
table.listino tr.row_header td { background-color: #AAAAAA; color: #FFFFFF; font-weight: bold; }
table.listino tr td.col_header { color: #888888; font-weight: bold; text-align: left; }
table.listino tr.row_header td.col_header { color: #FFFFFF; font-weight: bold; background-color: #888888; }

/* OFFERTE */
div.offerta { width: 304px; padding: 10px; background-color: #EEEEEE; border: 1px solid #AAAAAA; margin-bottom: 10px; }
a.offerte { display: block; padding: 10px; background-color: #EEEEEE; border: 1px solid #AAAAAA; text-align: right; font-size: 16px; color: #555555; }
a:hover.offerte { background-color: #AAAAAA; color: #FFFFFF; }
div.offerta h2 { font-size: 15px; color: #555555; margin: 5px 0px 5px 0px; }
div.offerta a.visualizza { display: block; text-align: right; font-size: 14px; color: #555555; margin: 3px 0px 0px 0px; padding: 2px; }
div.offerta a:hover.visualizza { color: #FFFFFF; background-color: #888888; }
div#offerte {	width: 1050px; }
div#offerte div.offerta { width: 300px; padding: 8px; background-color: #EEEEEE; border: 1px solid #AAAAAA; margin: 0px 5px 5px 0px; float: left; }
div#offerta img { display: block; float: left; }
div#offerta div.testo { display: block; float: right; width: 660px; }

/* FORM */
fieldset { border: 1px solid #AAAAAA; padding: 5px; margin-bottom: 10px; }
legend { padding: 2px 10px; font-size: 15px; color: #555555; }
label { float: left; width: 220px; margin-right: 5px; padding-top: 2px; text-align: right; color: #555555; }
input { border: 1px solid #AAAAAA; width: 220px; }
input.checkbox { width: auto; vertical-align: middle; }
input.button { width: auto; padding: 2px 20px; }
textarea { border: 1px solid #AAAAAA; width: 390px; height: 150px; }
input.error { background-color: #AAAAAA; color: #FFFFFF; }
span.error span { background-color: #AAAAAA; padding: 2px; color: #FFFFFF; }
div.message { margin-left: 230px; font-size: 14px; }
form div { margin: 0px 0px 2px 0px; }

/* WEBCAM */
.webcam { background-color: #888888; width: 496px; margin-bottom: 8px; float: left; }
.webcam h2  { color: #FFFFFF; font-size: 18px; margin: 5px 5px 0px 5px; }
.webcamspacer { width: 8px; float: left; }
.webcam img { float: left; margin: 5px 1px 33px 5px; }
.webcam div.webcamlinks { padding: 4px 0px 4px 0px; }
.webcam div.webcamlinks a { width: 81px; float: left; padding: 5px 0px; margin: 1px; background-color: #AAAAAA; color: #FFFFFF; text-align: center; font-size: 13px; }
.webcam div.webcamlinks a:hover { background-color: #555555; }
.webcam div.webcamlinks div.spacer { width: 70px; float: left; padding: 5px; margin: 1px; }
.webcam hr { margin: 0px 10px 10px 10px; }
.webcam p { margin: 0px 10px 10px 10px; text-align: center; }

/* SLIDESHOW */
#image { text-align: center; }
#image img.noscript { margin-top: 1px; }
.slideshow { display: block; position: relative; z-index: 0; width: 1000px; overflow: hidden;}
.slideshow-images { display: block; overflow: hidden; position: relative; margin: auto; width: 1280px; position: absolute; left: 50%; margin-left: -640px; }
.slideshow-images img { display: block; position: absolute; z-index: 1; margin: auto; }
.slideshow-thumbnails { overflow: hidden; }
.slideshow-images { height: 360px; width: 1280px; margin-top: 1px; }
.slideshow-images-visible { opacity: 1; }
.slideshow-images-prev { opacity: 0; }
.slideshow-images-next { opacity: 0; }
.slideshow a img { border: 0; }