/* CSS Document */

body
{
padding:0px;
margin:0px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:11px;
padding-bottom:20px;
background:url(../img/body_bg.jpg) repeat-x top left;
background:#fff;
position:relative;
}

#wrapper
{
background:url(../img/footer_bg.jpg) repeat-x bottom left;
}

*	{padding:0px;margin:0px;}

input
{
padding-left:3px;
}

.opacityit
{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
cursor:pointer;
}

.opacityit:hover
{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}

/* ----------------- gestione della tipografia --------------*/

.h1 		
{
color:#d0a825;
font-size:18px;
font-weight:bold;
margin:5px 0;
text-align:left;
}

h2
{
color:#333333;
font-size:18px;
font-weight:bold;
margin:5px 0;
text-align:left
}

h3, .h3
{
color:#333333;
font-size:18px;
font-weight:bold;
margin:5px 0;
text-align:left;
/*background:#EFECCA;*/
background: #F3F3F5;
clear:both;
padding:2px;
}

h4
{
font-size:12px;
color:#333333;
}

.h5
{
font-size:11px;
font-weight:bold;
}

.highlight
{
font-size:12px;
font-weight:bold;
}

.color_highlight
{
color:#ff6600;
}

ul
{
list-style:none;
margin:5px 10px;
padding:0px;
}

li
{
padding:0px;
margin:0 0 0 10px;;
list-style-image:url(../img/li_freccia.gif);
}

p
{
text-align:left;
line-height:1.2em;
}

a
{
color:#F15800;
text-decoration:none;
}

a:hover
{
color:#CC0000;
}

.title_h1
{
color:#F15800;
font-size:18px;
font-weight:bold;
margin:5px 0;
text-align:left;
}

.box_title
{
color:#26393D;
font-size:18px;
font-style:italic;
font-weight:bolder;
}

.box_title_big
{
color:#26393D;
font-size:28px;
font-weight:bold;
}

.color_hightlight
{
color:#FF6724;
}

.footer_text
{
color:white;
}
/* ----------------- fine gestione della tipografia --------------*/

#header_container
{
background:url(../img/header_bg.jpg) repeat-x top left;
height:88px;
}

.dark_box_top
{
padding-top:14px;
margin-top:6px;
}

.dark_box_bottom
{
background:url(../img/content_wrapper_dw_dx.gif) right top no-repeat #768EA1;
height:30px;
}

.outer_white_box
{
background:#fff url(../img/content_box_repeat.jpg) repeat-x;
margin:0px 22px 10px 0px;
}

.outer_white_box_pagine_interne
{
background:url(../img/box_bianco_up_dx.gif) no-repeat top right #ffffff;
margin:0px 22px 0px 0px;
}

.inner_white_box
{
background:url(../img/content_box_corner.gif) no-repeat top right;
}

.content_padding
{
padding: 15px 7px;
}



/* gestione dei box azzurro chiaro della offerte */
.outer_offer_box
{
background:url(../img/box_grigio_up_dx.gif) no-repeat top right #ecf0f2;
margin:0px 22px 10px 0px;
}

.inner_offer_box
{
background:url(../img/box_grigio_dw_dx.gif) no-repeat bottom right #ecf0f2;
height:13px;
}

.promo_offerta
{
position:relative;
width:210px;
margin-right:10px;
margin-top:10px;
}
/* fine box offerte*/


/* per le gestione del box altre offerte in home*/
.outer_mini_box
{
background:url(../img/box_grigio_up_dx.gif) no-repeat top right #ecf0f2;
margin:0px 22px 10px 0px;
width:320px;
float:left;
}

.inner_mini_box
{
background:url(../img/box_grigio_dw_dx.gif) no-repeat bottom right #ecf0f2;
height:13px;
}

.fake_list
{
background:url(../img/li_freccia.gif) no-repeat left;
padding-left:18px;
float:left;
margin-top:7px;
}

#offer_table td
{
height:20px;
}

.border_bottom_botted
{
border-bottom:1px dotted black;
}

/* ------------- simple button------------- */

.bt_simple
{
width:60px;
height:20px;
margin:2px 0px;
float:right;
}

.bt_simple_sx
{
background:url(../img/bg_bott_giallo_sx.gif) no-repeat;
width:4px;
height:20px;
}

.bt_simple_dx
{
background:url(../img/bg_bott_giallo_dx.gif) no-repeat;
width:4px;
height:20px;
}

.bt_content_zone
{
font-size:9px;
background:#ffcc00;
color:black;
font-weight:bold;
color:#FF7726;
text-align:right;
height:20px;
}

.bt_simple_left
{
width:60px;
height:20px;
margin:2px 0px;
float:left;
margin-right:10px;
}

/* -------------- bottone complesso ----------------*/

.bt_complex_sx
{
background:url(../img/bt_complesso_sx.gif) no-repeat;
width:5px;
height:21px;
}

.bt_complex_dx
{
background:url(../img/bt_complesso_dx.gif) no-repeat;
width:5px;
height:21px;
}

.bt_complex_center
{
background:url(../img/bt_complesso_centrale.jpg) repeat-x;
}

.complex_button
{
background:none;
border:none;
cursor:pointer;
margin:0px;
padding:0px;
width:180px;
}

.complex_button_small
{
background:none;
border:none;
cursor:pointer;
margin:0px;
padding:0px;
width:120px;
}


/* ------------------ gestione del box  newsletter----------------- */

.newsletter_box
{
background:url(../img/highlight_repeat.jpg) repeat-x #FCD4A1;
width:360px;
}


.newsletter_box_up_sx
{
background:url(../img/hightlight_sx_up.jpg) no-repeat;
width:14px;
height:14px;
}

.newsletter_box_up_dx
{
background:url(../img/hightlight_dx_up.jpg) no-repeat;
width:14px;
height:14px;
}

.newsletter_box_dw_sx
{
background:url(../img/hightlight_sx_dw.jpg) no-repeat;
width:14px;
height:14px;
}

.newsletter_box_dw_dx
{
background:url(../img/hightlight_dx_dw.jpg) no-repeat;
width:14px;
height:14px;
}

/* --------------------- fine area riservata ---------------------------*/
/* NOTA BENE: 
alcuni stili sn in comune con il box della newsletter, vedi codice -----*/

.box_area_riservata
{
width:705px;
background:url(../img/highlight_repeat.jpg) repeat-x #FCD4A1;
clear:both;
margin:0px 22px 10px 0px;
}

.box_area_riservata_interna
{
width:350px;
background:url(../img/highlight_repeat.jpg) repeat-x #FCD4A1;
clear:both;
margin:0px 12px 10px 0px;
float:left;
}

.area_ris_box_up_sx
{
width:5px;
height:14px;
}

.area_ris_box_dw_sx
{
width:5px;
height:14px;
}

/* fine gestione area riservata in home */

.f_sx
{
float:left;
}

/* ------------- motore di ricerca  ------------ */
#search_engine input, #search_engine select
{
border:1px solid #333333 ;
}

#search_engine
{
font-size:12px;
color:white;
margin-bottom:10px;
width:219px;
}

.search_header
{
background:url(../img/testa_motore.gif) no-repeat top #FF8550;
padding:12px 8px 8px 8px;
}

.search_date
{
background:#FF763A;
padding:8px;
}

.search_detail
{
background:#FF6F2F;
padding:8px;
}

.search_bottom
{
background:url(../img/bottom_motore.gif) bottom no-repeat #FF6724;
min-height:14px;
width:220px;
}

/* -------------------- box offerte in spalla -------------------- */
.special_offer_box
{
background:url(../img/tophoteldiscount_scheda_hotel_r16_c24.jpg) top no-repeat;
width:100%;
margin-bottom:10px;
}

.offer_box_up_sx
{
background:url(../img/box_grigio_up_sx.gif) no-repeat;
width:14px;
height:14px;
}

.offer_box_up_dx
{
background:url(../img/box_grigio_up_dx.gif) no-repeat;
width:14px;
height:14px;
}

.offer_box_dw_sx
{
background:url(../img/box_grigio_dw_sx.gif) no-repeat;
width:14px;
height:14px;
}

.offer_box_dw_dx
{
background:url(../img/box_grigio_dw_dx.gif) no-repeat;
width:14px;
height:14px;
}

.offer_list
{
padding-left:0px;
float:left;
margin-top:7px;
}

/* ---------------- gestione del menu ---------------------*/

#menu_wrapper
{
width:750px;
}

#menu_wrapper a
{
display:block;
width:138px;
height:36px;
}

#m1
{
background:url(../img/m1.jpg) no-repeat;
width:138px;
height:36px;
}

#m1:hover
{
background:url(../img/m1.jpg) bottom no-repeat;
}


#m2
{
background:url(../img/m2.jpg) no-repeat;
width:138px;
height:36px;
}

#m2:hover
{
background:url(../img/m2.jpg) bottom no-repeat;
}

#m3			{background:url(../img/m3.jpg) no-repeat;width:138px;height:36px;}
#m3:hover	{background:url(../img/m3.jpg) bottom no-repeat;}

#m4			{background:url(../img/m4.jpg) no-repeat;width:138px;height:36px;}
#m4:hover	{background:url(../img/m4.jpg) bottom no-repeat;}

#m5			{background:url(../img/m5.jpg) no-repeat;width:138px;height:36px;}
#m5:hover	{background:url(../img/m5.jpg) bottom no-repeat;}

/* ------------- fine gestion del menu ---------------------*/
 
/*  gestione delle ombre */
 div.img-ilus {
 background: url(../img/shadow.gif) no-repeat bottom right;
 margin: 10px 5px;
 padding: 0;
 position: relative;
 }
  
 div.img-ilus img {
 background-color: #fff;
 border: 1px solid #a9a9a9;
 margin: -5px 5px 5px -5px;
 padding: 5px;
 position: relative;
 vertical-align: bottom;
}


/* -------------- gestione delle linguette nelle pagine interne ----------------*/
.dropdownbox
{
background:#ECF0F2;
width:210px;
margin-bottom:10px;
}


/* ------------------ gestione del box dei risultati ------------------ */

.result_box_title
{
height:37px;
width:60%;
margin-top:10px;
}

.result_box_color, .result_box_content
{
background:#F5EB9C/*#CCCC99*/;
}

.hotel_name a
{
color:#BE341B;
font-weight:bold;
font-size:16px;
}

.hotel_name_box_sx
{
background: url(../img/hotel_title_left.gif) no-repeat top left;
width:11px;
}

.hotel_name_box_dx
{
background:url(../img/hotel_title_right.gif) no-repeat top left;
width:11px;
}

.hotel_name_box_dx_dw
{
background:url(../img/hotel_title_right_dw.gif) no-repeat bottom right;
width:11px;
height:11px;
}

.hotel_name_box_sx_dw
{
background:#F5EB9C url(../img/hotel_det_title_left_dw.gif) no-repeat bottom left;
width:11px;
}


.result_box_dw_sx
{
background:#F5EB9C url(../img/hotel_det_title_left_dw.gif) no-repeat bottom left;/*
background:url(../img/result_box_sx_dw.gif) no-repeat bottom left;*/
width:14px;
height:14px;
}

.result_box_dw_dx
{
background:url(../img/hotel_title_right_dw.gif) no-repeat bottom right;/*
background:url(../img/result_box_dx_dw.gif) no-repeat bottom right;*/
width:14px;
height:14px;
}

.result_box_up_dx
{
background:url(../img/result_box_dx_up.gif) no-repeat top right;
width:14px;
height:14px;
}

.hotel_info img
{
border:1px solid black;
margin-right:10px;
float:left;
}

.hotel_info p, .hotel_detail p
{
margin:5px 0px;
}

.tabular_data
{
clear:both;
margin:10px 0;
}

.tabular_data td
{
height:27px;
/*background:#EFECCA;*/
background: #F3F3F5;
border-bottom:1px solid #E6E2AF;
padding-left:5px;
}

.tabular_data_first_line
{
background:#E6E2AF;
font-size:9px;
}

.offer_price
{
color:#FF7726;
font-size:14px;
font-weight:bold;
}

.offer_price_barrato
{
color:#FF7726;
font-size:14px;
font-weight:bold;
text-decoration:line-through;
}


/* gestione del bottone per il book ------------  VERSIONE SMALL -------------- */
.bt_book_sx
{
background:url(../img/bt_book_left.jpg) no-repeat #FF7726;
height:15px;
padding-left:20px;
float:left;
}

.book_label
{
font-size:9px;
color:white;
margin-top:0px;
width:40px;
margin-right:5px;
}

.bt_book_dx
{
background:url(../img/bt_book_right.jpg) no-repeat right;
width:4px;
float:left;
height:15px;
}

.complex_button_book
{
background:none;
border:none;
cursor:pointer;
margin:0px;
padding:0px;
width:80px;
height:18px;
font-size:9px;
}

/* ------------------ gestione della paginazione --------------------- */

#contenitore_paginazione
{
height:28px;
margin:15px 0 0 240px;
width:220px;
padding-top:0px;

}

.paginazione_dx
{
background:url(../img/bg_paginazione_dx.gif) right no-repeat #FFCC00;
float:left;
height:28px;
}

.paginazione_sx
{
background:url(../img/bg_paginazione_sx.gif) left no-repeat #FFCC00;
width:8px;
height:28px;
float:left;
}

.paginazione_dx img
{
float:left;
margin:0px 5px;
margin-top:7px;
}

.pagination_text
{
color:black;
font-weight:bold;
float:left;
margin:0px 10px;
margin-top:7px;
}

/* ------------------------- gestione dei servizi ---------------------- */

.s_available
{
background:url(../img/service_available.gif) no-repeat;
padding-left:14px;
height:14px;
}

.s_unavailable
{
background:url(../img/service_unavailable.gif) no-repeat;
padding-left:14px;
height:14px;
}
px
/* ---------------------- gestione dei servizi ----------------------*/
.gallery img
{
margin:5px 15px 5px 15px;
}

.commenti
{
border:1px dotted #9B6846;
padding:5px;
padding-left:20px;
background:url(../img/commento.gif) 3px 11px no-repeat;
margin-bottom:5px;
}

.commenti p
{
line-height:1.4em;
}

#search_refine
{
margin:15px 0 25px 0;
}

#search_refine td
{
}

#search_refine input, #search_refine select
{
margin:3px 0;
}

.search_highlight
{
color:#BE341B;
font-weight:bold;
font-size:12px;
}

.logo_container
{
position:absolute;
top:17PX;
left:0;
}

.no_display
{
display:none;
}



/* gestione del form */

#form_container
{
margin:15px 0;
}

#form_container td
{
padding:5px 0;
}

#form_container p
{
margin:0;
padding:0;
width:170px;
float:left;
padding-top:5px;
}

#form_container	input, #form_container select
{
margin:0px 0;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.input_width
{
width:170px;
}

#servizi_login li
{
margin:3px 0px 3px 10px;
}

option{font-size:12px;padding: 0 3px 2px 2px;}
select{font-size: 12px}
* html boby select{font-size:12px;padding: 0 5px 3px 0}

.topmenu_a{
float:left;
margin-right: 10px;
}
.topmenu_a a{
padding: 5px;
font-weight:bold;
}
#wrapper{
position:relative;
padding-bottom: 75px;
}
#footer{
padding-top:20px;
position:absolute;
bottom:0;
left:0;
width:100%;
}
.box_area_riservata{
margin-bottom:25px;
}
#footer img{
float:left;
margin: 0 15px 0 5px;
}
#footer a{
color:#fff;
}
#footer .row{padding: 15px 0}
.hightlight_h3{
font-size:18px;
font-weight:bold;
}
.riassunto{border:1px solid #C8D2D9;padding: 10px; font-weight: bold; margin: 10px 0 20px 0}
.riassunto td{font-size: 16px}
#maintrat .tabular_data td, .tabular_data .classePensione td{
background:#fcffff;
border-bottom:1px solid #ECF0F2;
}

.promo_offerta h1{
font-size:22px;
}


/* CALENDARIO */

#calendarDiv{

	position: absolute;

	top: 100px;

	left: 100px;

	width: 205px;

	border:1px solid #1356a0;

	padding:1px;

	background-color: #dee7fc;

	font-family:arial;

	font-size:10px;

	padding-bottom:20px;

	color: #000000;

	visibility:hidden;

}

#calendarDiv span,#calendarDiv img{

	float:left;

}

#calendarDiv .selectBox,#calendarDiv .selectBoxOver{

	

	line-height:12px;

	padding:1px;

	cursor:pointer;

	padding-left:2px;

}



#calendarDiv td{

	padding:3px;

	margin:0px;

	font-size:10px;

}



#calendarDiv .selectBox{

	border:1px solid #1356a0;		

	color: #000000;

	position:relative;

}

#calendarDiv .selectBoxOver{

	border:1px solid #FFF;

	background-color: #dee7fc;

	color: #000000;

	position:relative;

}



#calendarDiv .topBar{

	height:16px;

	padding:2px;

	background-color: #dee7fc;





}

#calendarDiv .activeDay{	

	color:#ed1d27;

	background-color: #dee7fc;

}

#calendarDiv .todaysDate{

	height:17px;

	line-height:17px;

	padding:2px;

	background-color: #dee7fc;

	text-align:center;

	position:absolute;

	bottom:0px;

	width:201px;

}

#calendarDiv .monthYearPicker{

	background-color: #3990e1;

	border:1px solid #AAAAAA;

	position:absolute;

	color: #ffffff;

	left:0px;

	top:15px;

	display:none;



}

#calendarDiv #monthSelect{

	width:70px;

}

#calendarDiv .monthYearPicker div{

	float:none;

	clear:both;	

	padding:1px;

	margin:1px;	

	cursor:pointer;

}

#calendarDiv .monthYearActive{

	background-color:#dee7fc;

	color: #000000;

}



#calendarDiv td{

	text-align:right;

	cursor:pointer;

	background-color: #dee7fc;

}



#calendarDiv .topBar img{

	cursor:pointer;

}

#calendarDiv .topBar div{

	float:left;

	margin-right:1px;

}