/****  RECAP MENU   *****/
#indirizzo { margin:30px 0px 60px 0px; width:770px; float:left; color:#7E7D7D; text-align: right; font-size:80%  }
#indirizzo span { margin:0px; padding: 0px; background-color:white }
/********************/
/****  FOOTER   *****/
/********************/
#footer
{
	float:left;
	width:756px;
	margin: 60px 0px 90px 6px;
	padding-bottom: 60px;
	padding-top:10px;
	border-top:1px dotted #CCC;
	
}
#footer p
{
	width:100%;
	font-size: 80%;
	float:right;
	padding-right:3px;
	text-align: right;
	background-color: white;
	color: #777;
	margin-top:10px;
}
/****  FOOTER MENU   *****/
#footer ul {display:inline; float:right; text-align: right; font-size:80%; list-style: none; margin:0px; padding:0px 0px 5px 0px; background-color:white; width:100%}
#footer li {display: inline; margin:0px 0px 0px 4px;}
#footer li.selected a{color: white; background-color:#999;}
#footer li.selected a:hover{text-decoration: underline}
#footer li a{color: #A5A287;	padding:0px 3px 11px 3px}
#footer li a:hover{text-decoration:none;}
/******   CONTENUTI SEZIONI BEASY   *******/

.floatLeft{ float:left }
.floatRight{ float:right }

/******************************************/
/******    CARASCO     ********************/

body{
	margin:0px;
	font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
	text-align:center; 
	font-size: 80%;
	color: #444;
}

a{color:#048BB3}
a:hover{ text-decoration: none; }
a img{ border:0px; } 

.principale{ width:770px; margin: 0 auto; }
.contenuto{	margin-top:-5px;width:770px;float:right;text-align:left;}

#visoreHeader{	width: 760px;	height: 179px;	float:left; }
#visoreHeader a#logo { display:block; background-image: url(images/logo.gif); width:191px; height:143px; padding:0px; float:left; margin:15px 20px 0px 0px;}
.bg_header_2{ background-image: url(images/visore_4.jpg); background-position: right; background-repeat: no-repeat;}
.bg_header_10{ background-image: url(images/visore_101.jpg); background-position: right; background-repeat: no-repeat;}/*sfondo per visoreHeader*/
.bg_header_3{ background-image: url(images/visore_6.jpg); background-position: right; background-repeat: no-repeat;}/*sfondo per visoreHeader*/
.bg_header_0{ background-image: url(images/visore_0.jpg); background-position: right; background-repeat: no-repeat;}
.bg_header_1{ background-image: url(images/visore_1.jpg); background-position: right; background-repeat: no-repeat;}
.bg_header_4{ background-image: url(images/visore_8.jpg); background-position: right; background-repeat: no-repeat;}/*sfondo per visoreHeader*/

.bg_header_5{ background-image: url(images/visore_5.jpg); background-position: right; background-repeat: no-repeat;}
.bg_header_11{ background-image: url(images/visore_11.jpg); background-position: right; background-repeat: no-repeat;}


#topMenu { width: 760px; margin-top:20px; padding:0px; padding-bottom:10px; border-bottom: 1px solid #eee; float:left; }
/**** FLAGS  ****/
#topMenu div#flags{float:right;}
#topMenu div#flags img{ position:relative; top:3px }
#topMenu div#flags ul {display:inline; text-align: right; font-size:85%; list-style: none; margin:0px; padding:0px;}
#topMenu div#flags li {display: inline; margin:0px 0px 0px 4px; color:#FF0097;}


/**** TOP_MENU ****/
#topMenu div#menu{float:left;}
#topMenu div#menu ul {display:inline; text-align: left; font-size:85%; list-style: none; margin:0px; padding:0px; font-weight:bold}
#topMenu div#menu li {display: inline; margin:0px 4px 0px 0px; color:#d62d79}
#topMenu div#menu li a{color: #d62d79;	text-decoration:none;padding:0px 3px 4px 3px}
#topMenu div#menu li a:hover{text-decoration: underline;}
#topMenu div#menu li a.selected{ background-color: #d62d79; color:white }

/****  MAIN MENU   *****/
#mainMenu { width: 760px; margin-top:5px; float:left; border-bottom:0px dotted #907C61; padding-bottom:10px; border-bottom: 0px solid #BBB; }
#mainMenu ul {text-align: left; font-size:95%; list-style: none; margin:0px; padding:0px; position:relative; left:-7px}
#mainMenu li {float:left; display: inline; padding:0px 2px 0px 2px	; border-right:1px dotted #BBB}
#mainMenu li.selected a{color: white; background-color:/*#C5DE00*/#d62d79 }
#mainMenu li.selected a:hover{color:white}
#mainMenu li a{color: #d62d79;text-decoration:none;padding:2px 6px 5px 6px}
#mainMenu li a:hover{color: /*#048BB3*/#781944; }
/****   RECAP MENU    ****/
#recapMenu { font-size:90%; width:760px; margin-top: 80px; padding:10px 0px 10px 0px; text-align:left; float:left; border-bottom:3px solid #EEEEEE; }
#recapMenu ul {display:inline; text-align: left; font-size:85%; list-style: none; margin:0px; padding:0px; color:#C5DE00; background-color:white}
#recapMenu li {display: inline; margin:0px 4px 0px 0px;}
#recapMenu li.selected a{color: white; background-color:#999;}
#recapMenu li.selected a:hover{text-decoration: underline}
#recapMenu li a{color: #969696;	padding:0px 3px 10px 3px; text-decoration:none}
#recapMenu li a:hover{text-decoration:underline; color:#99967D}

/****   RECAP_TOP_MENU  ****/
#recapTopMenu { font-size:90%; width:760px; padding-top:10px; text-align:left; float:left;}
#recapTopMenu ul {display:inline; text-align: left; font-size:85%; list-style: none; margin:0px; padding:0px; color:#FF0097; background-color:white; }
#recapTopMenu li {display: inline; margin:0px 4px 0px 0px;}
#recapTopMenu li.selected a{color:white; background-color:#999;}
#recapTopMenu li.selected a:hover{text-decoration: underline}
#recapTopMenu li a{color:#FF0097;	padding:0px 3px 10px 3px; text-decoration:none}
#recapTopMenu li a:hover{text-decoration:underline; color:#FF0097}

/*** PATH MENU ***/
#pathMenu { width:760px; margin:0px 0px 20px 0px; padding-top:5px; text-align:left; color: #aaa; font-size:90%; float:left; border-top:3px solid #eee}
#pathMenu ul {display:inline; text-align: right; font-size:85%; list-style: none; margin:0px; padding:0px; margin-left:0px;}
#pathMenu li {display: inline; margin:0px 4px 0px 0px;}
#pathMenu li a{color: /*#C5DE00*/#aaa; padding:0px 3px 10px 0px}
#pathMenu li a:hover{text-decoration:none; }

/****    CONTENUTI    ****/
#contenuti{ width:760px; float:left; line-height:1.4em }


/*******************************************/
/*********     PAGINA INTERNA    ***********/
/*******************************************/
/**** SUBMENU   ***/
#submenu{ width:168px; min-height:287px; float:left }
#submenu ul {display:inline; width:141px; text-align: left; font-size:95%; list-style: none; margin:0px; padding:0px; margin-left:2px; float:left}
#submenu li { border-bottom:1px dotted #907C61; width:168px }
#submenu li a{display:block; color: /*#C5DE00#B2C900*/#A3B800; margin:0px; text-decoration:none;  padding:4px 2px 5px 4px; }
#submenu li a:hover{text-decoration:none; color:#444; background-color:#eee/*A3B800+*/; }
/**** SUBMENU   ***/
#corpo{ width:460px; float:left; line-height:1.4em}
#corpo p { margin:0px 40px 15px 45px; color:#444; line-height:1.4em;}
#corpo ul{ margin-left:40px; }
#corpo a { color:/*#FF0097*/#01AFBE; }
/**** COLONNA SERVIZI   ***/
#colonnaServizi{width:221px; float:left;margin:0px; padding:0px; }
#titoloPagina{width:221px; height:86px; background-color:#B2C900; float:left}
#colonnaServizi div.photos {float:left;}
/*#colonnaServizi div.photos img{ margin:0px; padding:0px; width:102px; border:1px solid Red;  margin-left:10px; }*/
#titoloPagina h1{display:block; margin:0px; padding:0px; padding-top:53px; color:white;  border-bottom:1px dotted white; text-align:right; font-weight:normal; font-size:150%; padding-bottom:4px; }
#indirizziFooter{ width:760px; text-align:left; padding:15px 0px 80px 3px; font-size:90%; color:#B0B0B0; float:left;  }
#credits { width:760px; padding:40px 0px 60px 3px; float:left; font-size:10px; color:#989898; text-align:left }
#credits a{color:#666}

/******************************************/
/****     COLONNE    ****/
img.titolo{ margin:20px 0px 0px 15px }
.colonna_grande img.titolo{ margin-top:0px }
.contenitore_piccole{ width:438px; float:left }
.contenitore_piccole div.paragrafo_right{ border-right-width:0px; border-right-style:dotted }
.contenitore_piccole div.paragrafo_left{ border-left-width:0px; border-left-style:dotted }
.colonna_piccola{ width:216px; float:left; padding-bottom:20px }
.colonna_grande{ width:316px; float:left;  }
.colonna_piccola p, .colonna_grande p { margin:20px 15px 20px 15px }
.colonna_grande p { margin-top:10px }
.grande_sinistra p { margin-left:0px; margin-right:30px }

div.paragrafo_right p, div.paragrafo_left p{ margin:0px; padding:10px 0px 30px 0px; width:80%}
.paragrafo_left{ padding-left:20px }
/*.colonna_piccola ul{float:left}*/
/****    Colori    ****/
/*azzurri*//*Ristoranti*/
.colore_grigio{ background-color:#736E6A;color:white }
.colore_nero{ background-color:black; }
.colore_1{ background-color:#00ACCC; color:white; }
.colore_2{ background-color:#92D7E7 }
.colore_3{ background-color:#EB9C3C }
.colore_4{ background-color:#FCB971 }
.colore_5{ background-color:#FED9B1 }
/***camere**/
.colore_6{ background-color:#A7D276 }
.colore_7{ background-color:#B5D88C }
.colore_8{ background-color:#C3DFA1 }
.colore_9{ background-color:#D1E6B7 }
.colore_10{ background-color:#DFEECE }
/***banchetti**/
.colore_11{ background-color:#D2CD77 }
.colore_12{ background-color:#EBE5AE }
/***isole eolie***/
.colore_13{ background-color:#00BBD7 }
.colore_14{ background-color:#92D7E7 }
/***come arrivare***/
.colore_15{ background-color:#E07498; color:#562D3D }
.colore_16{ background-color:#DE9AB3; color:#562D3D }
.colore_17{ background-color:#EDBED2; color:#562D3D }


.bordo_0 { border-color:#FFFFFF }
.bordo_1 { border-color:#00ACCC }
.bordo_2 { border-color:#92D7E7 }
.bordo_4 { border-color:#FCB971 }
.bordo_7 { border-color:#B5D88C }
.bordo_11{ border-color:#D2CD77 }
.bordo_13{ border-color:#00BBD7 }
.bordo_17{ border-color:#EDBED2 }


.margine_left{ margin-left:6px }
.margine_top{ margin-top:6px }
/******************************************/

.sezione_4 em{font-size:105%; color:#00BBD7; font-weight:bold; font-style:normal}

ul.lista_servizi{ list-style:none; padding-left:0px;padding-right:0px; color:#0097d0 }
ul.lista_servizi li { margin-bottom:5px; padding:0px 15px 0px 15px;   }

/*DA CANCELLARE*/


#kwicks_container { 
	/*background-color: violet;*/
	overflow:hidden;
	width:400px;
	float:left;
	
	/*height: 448px;*/
}
#kwicks {
	/*position: relative;*/
	margin-left:0px;
	padding-left:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	overflow:hidden;
	width:400px;
}
 
#kwicks .kwick, #kwicks .kwickDisplay {
	/*float: left;*/
	display: block;
	/*overflow:hidden;*/
	float:left;
}

.noFloat{ float:none }

.kwickDisplay a{ display:block; width: 316px; height:448px; background-color:transparent; }
.kwick a{ display:block; background-color:white; height:448px }

.kwick span{ display:block; overflow:hidden; }
.kwickDisplay span{display:block;}
 
#kwick_albergo {margin-left:3px; width: 506px; overflow:hidden}
#kwick_camere {background-color: #BED73B; margin-left:3px; width: 36px; height: 448px; margin-top:10px;}
#kwick_ristobar {background-color: #00BFF3; margin-left:3px; width: 36px; height: 448px;margin-top:10px;}
#kwick_servizi {background-color: #F1E95C; margin-left:3px; width: 314px; height: 448px; margin-top:10px;}

#kwick_camere span, #kwick_ristobar span, #kwick_servizi span {height: 448px;}


#kwick_albergo span.sopra { /*background-color: #736E6A; padding:30px;*/ color:white; width:442px; float:left }
#kwick_albergo span.sotto { background-color: #736E6A; padding:30px; color:white; width:189px; float:left; margin:4px 4px 0px 0px; overflow:hidden }
#kwick_camere span {background-image: url('images/bg_home_2'); background-position: 8px top; background-repeat:no-repeat; height:448px; overflow:hidden}
#kwick_ristobar span {background-image: url('images/bg_home_3'); background-position: 8px top; background-repeat:no-repeat; height:448px; overflow:hidden}
#kwick_servizi span {background-image: url('images/bg_home_4'); background-position: 7px top; background-repeat:no-repeat; height:448px; overflow:hidden }

/***************/
#home_destra{ width:359px; margin-left:0px; float:left; }
#home_destra div.contenuto{width:300px; float:left; background-color:black; color:white; padding:30px 0px; margin-top:1px}
#home_destra div.contenuto p{margin:0px 30px}
.divisore { width:315px; height:125px; background-image:url('images/sfondo_righe.gif'); float:right; margin-right:5px; margin-top:5px }

div.intro { width:345px; color:#00ACCC; padding-left:2px}
#visore { background-color:white; margin-top:2px; padding:10px 0px 10px 0px; text-align:left }

/*******************/
/*    style XML    */
/*******************/
elementi{ display:block; background-color:red; padding:20px }
elemento{ display:block; background-color:green; padding:20px; margin-bottom:3px }


/*to delete*/
.tabel_container { float:left; width:500px; background-color:#00ACCC; padding:10px }
.tabel_prenotazione { background-color:#00ACCC;  }
.tabel_prenotazione td{color:white; margin-top:0px }

/*****  PROVV  *****/
#home_destra_big { width:760px; float:left; position:relative; top:-30px }
#home_destra_big .colonna { width:263px; float:left; margin-left:8px; overflow:hidden; text-align:right }
#home_destra_big .colonna a.isola{display:block; width:241px; padding:38px 30px 0px 10px; padding-left:10px; background-color:#009aea; height:350px; color:white; font-size:1.3em; text-decoration:none;}
#home_destra_big .colonna a:hover{background-color:transparent; color:#FF0097}
#home_destra_big .colonna a.prenota{background-color:#97C864;display:block; width:241px; padding:38px 30px 10px 10px; padding-left:10px; color:white; font-size:1.3em; text-decoration:none;}
#home_destra_big .colonna a.prenota:hover{background-color:#FF0097; color:white}
#home_destra_big .colonna #immagine{float:left; width:263px; overflow:hidden; margin-top:8px; background-color:black; height:314px}
#home_destra_big .contenuto_offerta{float:right; width:465px; margin-top:165px; margin-right:15px; color:white}

/***** TARIFFE *****/
#tariffe{vertical-align:top; margin-left:40px}
#tariffe td{background-color:#ededed; margin:5px; padding:5px; text-align:right}
#tariffe td.tit_sx{text-align:right; margin-right:14px; padding-right:7px}
#tariffe td.scuro{background-color:#00AEEF; text-align:center; color:white}

/*******************/
#home_destra_big .colonna a.offerta{background-color:#FF0097;display:block; width:241px; padding:10px 30px 10px 10px; padding-left:10px; color:white; font-size:1.3em; text-decoration:none; margin-top:8px}
#home_destra_big .colonna a.offerta:hover{background-color:#009aea; color:white}