/* CSS Document */

html {}

body { background-color:#000000; text-align:center; margin:0px 0 0 0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal;}

h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-style:normal; font-weight:lighter; margin-bottom:0; margin-top:0; color:#fff}
h2 {font-family:Georgia, "Times New Roman", Times, serif;font-size:17px; font-style:normal; font-weight:lighter; margin-top:0; margin-bottom:5px; color:#fff}

p, span, div, h1, h2, h3, h4, h5, h6, { margin:0; padding:0; color:#fff}

p { margin-bottom:10px; margin-top:10px; color:#fff}

.par {margin-bottom:10px; margin-top:10px; line-height:15px; color:#FFFFFF;}

a { color:#7FBFBF; text-decoration:none;}
a:hover { color:#FFFFFF; text-decoration:underline;}

.colorato {color:#7FBFBF;}

#container { width:780px; margin:0 auto 0 auto; text-align:left; position:relative;}


#corpo { width:500px; position:absolute; top:30px; left:120px; height:500px; background-image:url(../shared/images/bk-corpo.png); background-position:top left; background-repeat:no-repeat; z-index:1}

#copre { background-color:#000000; z-index:101; width:500px; position:absolute; top:0; left:120px; height:30px;}
#foto { position:absolute; top:25px; left:120px;}
/* filter:alpha(opacity=100);-moz-opacity:1;opacity:1; */

#mootools{
	position:absolute;
	width:478px;
	height:478px;
	top:41px; left:131px;
	z-index:4;
/*	filter: alpha(opacity=30); -moz-opacity: .30; opacity: .30;*/
}
#txt { 
width:478px;
height:478px;
background-color:#000000;
filter: alpha(opacity=70); -moz-opacity: .70; opacity: .70;
/*width:478px; position:relative; top:41px; left:131px;  background-image:url(../shared/images/bk_txt.png); background-repeat:repeat; background-position:top left; height:478px;*/ }
#txt2 { 
position:relative;
bottom:478px;
padding:8px 2px 2px 10px;
/*padding:8px 2px 0px 10px; position:absolute; top:0px; left:0px; color:#FFFFFF; width:400px*/
}


#logo { width:254px; height:79px; background-image:url(../shared/images/bk-logo.png); background-position:top left; background-repeat:no-repeat; position:absolute; top:240px; left:542px; z-index:20}
#logo img { margin-left:12px; margin-top:12px}

#menu1 {top:42px; left:620px; position:absolute}
#menu1 ul { list-style-type:none; margin:0; padding:0}
#menu1 ul li {margin:0; padding:0 }
#menu1 ul li a { color:#fff; display:block; margin:0; padding:0 0 0 10px; width:150px;height:22px; line-height:22px;}
#menu1 ul li a:hover { color:#FFF; background-color:#424242; text-decoration:none}
#menu1 ul li a.selected { color:#FFF; background-color:#424242; text-decoration:none}

#menu2 {top:320px; left:620px; position:absolute}
#menu2 ul { list-style-type:none; margin:0; padding:0}
#menu2 ul li { margin:0; padding:0}
#menu2 ul li a { color:#fff; display:block; margin:0; padding:0 0 0 10px; width:150px;height:22px; line-height:22px;}
#menu2 ul li a:hover { color:#FFF; background-color:#424242; text-decoration:none}
#menu2 ul li a.selected { color:#FFF; background-color:#424242; text-decoration:none}


#menu_foto {list-style-type:none; margin:0; padding:0; position:absolute; top:45px; left:82px}

#menu_foto li { list-style-type:none; margin:0; padding:0}
#menu_foto li a { width:19px; height:19px; background-color:#000; border:1px solid #fff; display:block; text-align: center; line-height:19px; margin-bottom:10px; color:#FFFFFF; text-decoration:none}

#menu_foto li a:hover { background-color:#fff; border:1px solid #fff; color:#000; text-decoration:none}


.sposta_li_16 { position:absolute; top:0px; left:-30px;}
.sposta_li_17 { position:absolute; top:31px; left:-30px;}
.sposta_li_18 { position:absolute; top:62px; left:-30px;}
.sposta_li_19 { position:absolute; top:93px; left:-30px;}
.sposta_li_20 { position:absolute; top:124px; left:-30px;}
.sposta_li_21 { position:absolute; top:155px; left:-30px;}
.sposta_li_22 { position:absolute; top:186px; left:-30px;}
.sposta_li_23 { position:absolute; top:217px; left:-30px;}
.sposta_li_24 { position:absolute; top:248px; left:-30px;}
.sposta_li_25 { position:absolute; top:279px; left:-30px;}
.sposta_li_26 { position:absolute; top:310px; left:-30px;}
.sposta_li_27 { position:absolute; top:341px; left:-30px;}
.sposta_li_28 { position:absolute; top:372px; left:-30px;}
.sposta_li_29 { position:absolute; top:403px; left:-30px;}

#lang { margin:0; padding:0; list-style-type:none; position:absolute; top:500px; left:60px; font-size:10px}
#lang li { margin:0; padding:0;}
#lang li a { display:block; margin-bottom:3px}
#footer { width:500px; position:absolute; top:530px; left:120px; font-size:11px; color:#FFFFFF; font-size:10px; text-align:center; line-height:15px; height:50px;z-index:100; background-color:#000000; padding-top:5px}

.tabella_prezzi_1 { border:0; padding:2px; position:absolute; top:5px; left:5px; width:465px; color:#fff}
.tabella_prezzi_2 { border:0; padding:2px; position:absolute; top:260px; left:5px; width:465px; color:#fff}
.date { width:135px; font-size:7px;}
.tipo_camere { width:80px; text-align:center; border-bottom:1px solid #fff; font-weight:normal}
.prezzo { text-align:center; border-left:1px solid #CCCCCC;}
.stagione { height:40px; font-size:14px}
.anno { position:absolute; top:230px; left:10px;}
.contatti { position:absolute; top:10px; left:10px;}


/*--------------FORM--------------------*/
form  {position:absolute; top:30px; left:10px}
form fieldset {clear: both;font-size: 100%;border-color: #000000;border-width: 1px 0px 0px 0px;
  border-style: solid none none none;padding: 10px;margin: 0;}

form fieldset legend {font-size: 150%;font-weight: normal;color: #7FBFBF;margin: 0;padding: 0 5px;}

input, select, textarea {font-size: 100%;color: #000000;}

label { color:#fff}

input.txt {
margin:5px 20px 5px 0px;padding:0;display: block;width: 110px;float: left;
font-family:Tahoma, Arial, Helvetica, sans-serif;}

label.etichetta {margin:5px 0px 5px 0px;display: block;width: 7.5em;float: left;}

label.etichetta2 {margin:5px 0px 5px 0px;display: block;width: 10.5em;float: left;}

input.breve {margin:5px 10px 5px 0px;display: block;width: 28px;float: left;
	font-family:Tahoma, Arial, Helvetica, sans-serif;}

input.lungo {margin:5px 10px 5px 0px;display: block;width: 250px;float: left;
	font-family:Tahoma, Arial, Helvetica, sans-serif;}

label.breve {margin:5px 0px 5px 0px;display: block;width: 30px;float: left;}

select.breve {margin:5px 10px 5px 0px;display: block;float: left;}

textarea.note {width:325px; margin-bottom:5px; font-size:100%}

br.a_capo {clear: left;}

input:focus {background-color:#7FBFBF;color:#000;}

textarea {overflow: auto;}

.piccolo { color:#fff}
.attenzione { color:#EE390D}
/*----------------------*/

#test {
	background: #222;
	color: #fff;
	padding: 10px;
	margin: 20px;
	border: 10px solid pink;
}
 
 #slideout {position:relative; left:435px; top:5px; margin:0; border:1px solid #858585;padding:3px; display:block; width:20px; height:10px; background-color:#000000; background-image:url(../shared/images/bk_top.gif); background-repeat:no-repeat; background-position:center center} 

#slideout:hover{ border:1px solid #fff; padding:3px;text-decoration:none;background-image:url(../shared/images/bk_top_over.gif); background-repeat:no-repeat; background-position:center center} 
#slidein {position:relative; left:435px; top:460px; margin:0; border:1px solid #858585;padding:3px; display:block; width:20px; height:10px; background-color:#000000;background-image:url(../shared/images/bk_top2.gif); background-repeat:no-repeat; background-position:center center} 

#slidein:hover{ border:1px solid #fff; padding:3px;text-decoration:none;background-image:url(../shared/images/bk_top_over2.gif); background-repeat:no-repeat; background-position:center center
}

.supplementi { position:absolute; top:430px; left:10px; color:#FFF}

.offerte { overflow:auto; width:450px; height:395px;}


.elenco_offerte { position:absolute; top:50; left:-140px;}
.elenco_offerte ul {list-style-type:none; margin:0; padding:0;}
.elenco_offerte ul li{ margin:0; padding:0; width:120px; color:#FFFFFF; text-align:right;}
 
/*#slideout { position:absolute; top:5px; left:445px;margin:0; border:1px solid #858585;padding:3px; display:block; width:20px; height:10px; background-color:#000000; background-image:url(../shared/images/bk_top.gif); background-repeat:no-repeat; background-position:center center} 

#slideout:hover{ border:1px solid #fff; padding:3px;text-decoration:none;background-image:url(../shared/images/bk_top_over.gif); background-repeat:no-repeat; background-position:center center} 


#slidein { position:absolute; top:490px; left:445px; margin:0; border:1px solid #858585;padding:3px; display:block; width:20px; height:10px; background-color:#000000;background-image:url(../shared/images/bk_top2.gif); background-repeat:no-repeat; background-position:center center} 

#slidein:hover{ border:1px solid #fff; padding:3px;text-decoration:none;background-image:url(../shared/images/bk_top_over2.gif); background-repeat:no-repeat; background-position:center center} */

/*MODIFICHE OFFERTE DINAMICHE*/
#menuRelax{
	position:absolute;
	top:140px;
	left: -52px;
}

#menuEventi{
	position:absolute;
	top:140px;
	left: -52px;
}

#menuOfferte{
	position:absolute;
	top:46px;
	left: -52px;
}

#menuRelax ul, #menuEventi ul, #menuOfferte ul{
	list-style:none;
	padding:0;
	margin:0;
}
#menuRelax li, #menuEventi li, #menuOfferte li{
	display:block;
	width:160px;
	text-align:right;
	margin-bottom:10px;
}

#menuOfferte li a.on, #menuEventi li a.on, #menuRelax li a.on{ color:#FFFFFF}

.booking { font-weight:bold; background-color:#1E1E1E;}