/* CSS Document */

html{
	margin: 0px;
	border: 0px;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	background-image: url( 'images/bg.gif' );
}

body{
	margin: 0px;
	border: 0px;
	height: 100%;
	width: 100%;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
	overflow: auto;
}

table{
	font-size: 10px;
}

img {
	border-width:0;
}

.imglink a{
	border-color:#ff7403;
	border-width:1px;
	border-style:solid;
	display:block;
}

/* link on mouse out */
a:link {
	color: #ff7403;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;

}

/* link visited on mouse out */
a:visited
{
	color: #ff7403;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* link on mouse over */
a:hover, a:active
{
	color: #ff7403;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}


form{
	margin:0px;
}


input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 19px;
	font-weight: 100;
	
}

.login_form{
	font-size: 10px;
	height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
}



select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 20px;	
	font-weight: 100;
}

/************************************************************

	SicilyHotelOnline CSS Id

************************************************************/

/* parte alta del sito */
#top_site{
	width: 100%;
	vertical-align: top;
	background-color: #ffffff;
}

/* Barra e testo nella parte bassa del sito */
#copyright{
	height: 50px;
	vertical-align: middle;
	font-size: 10px;
}

#center_site{
		background-color: #F9F9F9;
		height: 100%;	
		width: 839px;
		border: 10px #201B6F solid;
}

#center_sitegrigio{
		background-color: #F9F9F9;
		height: 100%;	
		width: 839px;
		border: 10px #eeeeee solid;
}

#site{
	vertical-align: top;	
}


#site_left{
	vertical-align: top;
}


#site_center{
	width: 100%;
	height: 100%;
	vertical-align: top;
}

#search_layout{
	margin: 10px;
	background: #EEEEEE;
	width: 100%;
	height: 250px;
}

#layer_1{
	width: 592px;
	height: 300px;
	background: #EEEEEE;	
	font-size: 12px;
	font-weight: bold;
	color: #ee7131;
	position: absolute;
	visibility: hidden;
	padding: 5px;
	border: 1px #dddddd solid;	
}


#layer_2{
	width: 592px;
	height: 300px;
	background: #EEEEEE;
	font-size: 11px;
	font-weight: bold;
	color: #ee7131;
	visibility: visible;
	top: 0px;
	border: 1px #dddddd solid;
}


#newsletter{
	width: 100%;
	background-color: #ff7403;
	height: 100%;
	vertical-align: top;
}

#newsletter_form{
	font-size: 10px;
	height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
}


#vertical_menu{
	border: 1px #CCCCCC dotted;
	width: 100%;

}


#prenota{
	width: 100%;
	background: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ee7131;
	top: 0px;
	border: 1px #dddddd solid;
}


#registrati{
	width: 100%;
	background: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ee7131;
	top: 0px;
	border: 1px #dddddd solid;
}


#trasporti_1{
	width: 100%;
	height: 100%;
}

#trasporti_2{
	width: 100%;
	height: 100%;
	position: absolute;
	visibility: hidden;
}

#trasporti_3{
	width: 100%;
	height: 100%;
	position: absolute;
	visibility: hidden;
}

/************************************************************

	Generic CSS Class

************************************************************/


.max_size{
	width: 100%;
	height: 100%;
}

.max_width{
	width: 100%;
}

.max_height{
	height: 100%;
}

.spacer{
	height: 20px;
	width: 20px;
}

.site_padding{
	padding: 10px;
	vertical-align: top;
}

.layout{
	padding: 10px;
	background: #EEEEEE url( 'images/promo_pattern.gif' ) repeat-x top left;
	border: 1px #dddddd solid;
	border-top: 0px;
	width: 100%;	
}

.search_param{
	padding: 10px;
	background: #EEEEEE url( 'images/promo_pattern.gif' ) repeat-x top left;	
	border: 1px #dddddd solid;
	width: 100%;
	height: 100%;
}


.layout_promo{
	padding: 10px 10px 10px 10px;
	background: #EEEEEE url( 'images/promo_pattern.gif' ) repeat-x top left;
}

.layout_promo_border{
	border: 1px #dddddd solid;	
	border-top: 0px;
}

.profilo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 19px;
	font-weight: 100;
}

/************************************************************

	Booking CSS Class

************************************************************/

.dotted_separator{
	background-image: url( 'images/dotted_separator.gif' );
	background-repeat: repeat-x;
	height: 1px;
}

.vertical_dotted_separator{
	background-image: url( 'images/dotted_separator.gif' );
	background-repeat: repeat-y;
	width: 1px;
}

.row_1{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	background-color: #FEFEFE;
}

.row_2{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	background-color: #F9F9F9;
}

.menu{
	margin-left: -3px;
	padding:5px 5px 5px 10px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	color: #ff7403;
	background-color:#fff;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #ececec;
}

.menu visited{ 
	color: #ff7403;
	background-color:#fff;
}
	
.menu:hover { 
	color: #fff;
	background-color:#ff7403;
	background: #ff7403;
	text-decoration: none;
	padding:5px 5px 5px 10px; 
}

.menu2{
	border-width:1px 3px 1px 1px;
	border-color:#ddd;
	border-style:solid;
	color:#000;
	background-color:#fff;
	padding:0;
	display: block;
	text-decoration: none;
}

.menu2 visited{
	border-right:#ff7403 2px solid;
	border-bottom:#ff7403 1px solid;
}
	
.menu2:hover { 
	border-right:#ff7403 3px solid;
	border-bottom:#ff7403 1px solid;
}

.category{
	background-color:#ff7403;
	width: 100%;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	border: 1px #f86300 solid;
	border-bottom: 0px;
}

.special_offers{
	width: 33%;
	vertical-align: top;
	
}

.news{
	width: 395px;
	vertical-align: top;
}

.orange_layout{
	border: 1px #ff7403 solid;
	vertical-align: top;
	width: 100%;
}

.promo_layout{
	width: 100%;
	border: 1px #b7b7b7 solid;
	vertical-align: top;
}


.destination{
	width: 185px;
	vertical-align: top;
}


.result{
	padding: 0px;
	width: 100%;
	border: 1px #dddddd solid;	
}


.result_hotel{
	background-color: #dddddd;
	width: 100%;
}

.title_table{
	background-color: #dddddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
}

/************************************************************

	Text

************************************************************/


.text_search_form{
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.text_field_form{
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 100;
}

.text_promo_title{
	color: #ff7403;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.text_promo{
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.text_news_title{
	color: #ff7403;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.text_news_date{
	color: #333333;
	font-style: italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.text_result_title{
	font-size: 11px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.text_destination_title{
	font-size: 18px;
	color: ff7403;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.text{
	font-size: 10px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 100;
}

.text_price{
	color: #ff7403;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}


.text_status_1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff9900;
	font-weight: bold;
	font-size: 10px;
}

.text_status_2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #009933;
	font-weight: bold;
	font-size: 10px;
}

.text_status_3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-weight: bold;
	font-size: 10px;
}


.text_transport{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff7403;
	font-weight:bold;
	font-size: 11px;
}


/************************************************************

	mini web site CSS

************************************************************/


#miniwb{
	margin: 10px;
	width: 100%;
	height: 100%;
}

#miniwb_title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ff7403;
	height: 50px;
	line-height: 10px;
}

#miniwb_layout{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	width: 100%;
	height: 100%;
	border: 1px #dddddd solid;
	background-color: #eeeeee;
}