/* 
colors

grigio scuro 	#3c3c3c
tortora 		#c0b5b5
tortora chiaro 	#EFECEB
rosso        	#C23933
borḍ chiaro	#995555


*/

html, body, div, span, p, a, em, img, strong, fieldset, form, label, legend { margin:0; padding:0; border:0; outline:0; font-size:100%; }


body { position:relative; background:#dde0e4 url(bg-body.jpg); color:#555555; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:150%; text-align:center; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0;  font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; text-align:left; }
h2 { background:transparent url(dot_o_red.gif) repeat-x scroll left bottom; font-size:18px; color:#C0B5B5; margin:10px 0; padding-bottom:5px; font-family:Georgia, "Times New Roman", Times, serif;}
h3 { font-size:14px; color:#995555; margin:10px 0 4px 0; }
h4 { font-size:12px; color:#995555; margin:10px 0 4px 0; }

a:link, a:visited  { text-decoration:none; color:#C23933; }
a:hover, a:focus, a:active { color:#333333; }

ol, ul, li { list-style-type:none; margin:0; padding:0;}

p { margin:0 0 5px 0; }


/* TEMPLATE */
#wrapper { width:100%; background:transparent url(bg-wrapper.jpg) repeat-x; }

#header { width:925px; height:65px; margin:0 auto; position:relative; z-index:1; }
h1#logo { width:440px; height:85px; position:absolute; background:transparent url(logo.png) no-repeat scroll 0 0; text-indent:-9999px; z-index:2; top:0; left:0; }
#lang { position: absolute; top:0; right:5px; padding:10px; background:#9F312C; }
#lang a, #lang a:hover { background-repeat:no-repeat; background-position:0 center; padding-left:20px; margin:0 15px; color:#FFFFFF; }
#lang a.eng { background-image: url(eng.gif); }
#lang a.deu { background-image: url(deu.gif); }
#lang a.ita { background-image: url(ita.gif); }
#lang a.esp { background-image: url(esp.gif); }

#wrapper-container { width:960px; height:455px; margin:0 auto; background: url(bg-wrapper-container.png) no-repeat bottom; }

#container { position:relative; width:950px; height:450px; margin:0 5px 5px 5px; background:#F7F7F7; }

#footer { width:900px; text-align:right; font-size:9px; font-weight:bold; margin:0 auto; }

/* SIDEBAR */
#sidebar { width:270px; height:450px; position:absolute; top:0; left:0; background:#EFECEB url(bg-sidebar.jpg) no-repeat left bottom;  }
ul#navigation { position:absolute; width:200px; left:35px; top:40px; margin:0 auto; text-align:right; background:transparent url(dot_o_red.gif) repeat-x scroll 0 0}
ul#navigation li { line-height:40px; text-transform:uppercase; width:100%; float:left; background:transparent url(dot_o_red.gif) repeat-x scroll left bottom; position:relative; }

ul#navigation li.badge { line-height:60px; width:100%; float:left; background:none; position:relative; }

ul#navigation a:link, ul#navigation a:visited { color:#606060; padding-right:40px; display:block; height:40px; }
ul#navigation a:hover, ul#navigation a:focus, ul#navigation a:active, ul#navigation a.selected  { color:#C23933;  }

ul.accordion-content { float:left; width:100%; overflow:hidden; }
ul#navigation ul.accordion-content li { line-height:35px; background:transparent url(dot_o_grey.gif) repeat-x scroll left top; font-size:9px; text-transform:none }
ul#navigation ul.accordion-content a { height:35px; }

#bh-hotels { position:absolute; bottom:35px; text-align:center;}

/* CONTENT */
#wrapper-content { position:absolute; left:270px; top:0; width:680px; height:450px; }
#content { position:absolute; left:20px; top:20px; width:620px; height:410px; overflow:hidden; }

#track { position:absolute; right:15px; top:20px; width:10px; height:410px; }
#handle { position: absolute; left:0; top:0; width:10px; height:0; background:#C0B5B5; }

#map { width:620px; height:290px; margin:15px 0; }

#loading { margin-left:20px; padding:30px 0 30px 30px; background:url(loading.gif) no-repeat left center; text-align:left; }

h3#e24text { text-align:center; margin:20px 0 5px 0; padding:10px; background:#FFFFFF; line-height:200%; font-size:16px; text-transform:none; font-family: Georgia, "Times New Roman", Times, serif }

h3#e24text span { display:block; }


/* FORM */
form { width:620px; margin:10px 0 20px 0; }
form fieldset div { padding:10px 0; float:left; display:inline; width:310px; background:url(dot_o_red.gif) repeat-x left top;}

label { padding-right:10px; width:100px; display: block; float: left; text-align: right; }
fieldset { padding:0; margin:0; }

legend { color:#995555; margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; font-size:14px; text-transform: uppercase; }

input, textarea { border:0; padding:2px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; width:195px; background:#FFFFFF url(dot_v_grey.gif) repeat-y left top; }

textarea { overflow:auto; width:505px; }

form div.textarea { clear:both; width:620px; float:left;  }

.button { width:620px; clear:both; padding-top:10px; background:url(dot_o_red.gif) repeat-x left top; }
.button input { font-size:11px; border:0; padding:0; height:auto; float:left; width:auto; background:none; cursor:pointer; color:#C23933; }
.button p { margin:0; float:right;  }

.hoverfocus { background:#FFFFFF url(dot_v_red.gif) repeat-y left top;}

#error { background:url(dot_o_grey.gif) repeat-x left top; background-color:#FFFFFF; margin:15px auto 0 auto; padding:5px 10px; text-align:left; }
#error li { margin:0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat left 2px; }

/* news */
.articolo-home { width:300px; margin:15px 0; float:left; background:#FFFFFF url(dot_v_grey.gif) repeat-y left top; }
.articolo-home-r { width:300px; margin:15px 0; float:right; background:#FFFFFF url(dot_v_grey.gif) repeat-y right top;}
.articolo-home-content { padding:10px 15px 15px 15px; text-align:justify; } 

div.articolo-home-content img { float:left; margin-right:5px; width:75px; }



.articolo { width:620px; margin:15px auto; position:relative;}

.articolo-content { float:right; background:#FFFFFF url(dot_v_grey.gif) repeat-y left top; padding:15px; } 
.articolo-text { float:left; width:380px; text-align:left; }
.articolo-img { float:right; width:150px; height:100px; text-align:right;  }

p.datetime { float:left; text-align:right; color:#c0b5b5; padding:5px 10px 0 0;  font-weight:bold; width:45px; }

.datetime .day, .datetime .month, .datetime .year {	display: block; padding:0; }
.datetime .day { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:25px; line-height:100%; }
.datetime .month { text-transform:uppercase; font-size:13px; }
.datetime .year { font-size:11px; line-height:120%; }

.datetime em { font-size:9px; font-style:normal; display:block; margin-bottom:10px;}

div.articolo h4, div.articolo-home h4, div.articolo-home-r h4  { padding:0 5px 2px 5px; margin:0 0 10px 0; background:transparent url(dot_o_red.gif) repeat-x scroll left bottom; text-align:left; }


#pagination { clear:both; padding-top:20px; }
#pagination p { text-align:center; color:#666666; }

.immagini { background:url(dot_o_grey.gif) repeat-x left top; padding:16px 0; margin-top:20px; width:100%; text-align:center; }
.immagini span { width:140px; margin:0 16px 0 0;}

#back { text-align:right; margin-top:10px;}

.rooms-left { width:300px; float:left; margin-top:10px; }
.rooms-right { width:300px; float:right; margin-top:10px; }

p.bedroom { margin-top:15px; text-align:justify; }


/* protofade */
#protofade { position:relative; margin:0; padding:0; width:620px; height:230px; overflow:hidden; }
#protofade li { position:absolute; top:0; left:0; display:block; margin:0; padding:0; width:620px; height:230px; }
#protofade li img { display:block; }

/* zoomy */
#zoomy { position:absolute; z-index:9999; border:1px solid #C23933; background:#000000; padding:5px; color:#fff; line-height:100%; }
#zoomy p { margin:0; padding:5px 5px 10px 5px; position:relative; text-align:left; }
#close { position:absolute; right:5px; width:12px; height:12px; background:url(close.gif) no-repeat; cursor:pointer;}


/* CLEAR RULES*/
html body div.clear, html body span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; }


/* Common rules & text formatting */
.small { font-size:9px; }
.italic { font-style:italic; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify;}
.hidden { display: none; }
.first { margin-top:0;}
.borderb { border-bottom:1px solid #CCCCCC; }

ul.list { margin:0 0 10px 0; padding:0; list-style-type:none; text-align:left;}
ul.list li { margin:0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat left 2px; }
ul.list li p { font-size:9px; text-align:justify;} 

ul.info li { width:45%; float:left; }