/* 
---------------------------------------------------------------------------
AUTHOR:  			Donatella Piccininno 
WEBSITE:   			http://www.hotelmarmorata/
TEMPLATE NAME: 		Mostyn
TEMPLATE CODE: 		0001
VERSION:          	0.1   
LAST MODIFIED:    	August-03-2009       	
---------------------------------------------------------------------------- 
*/
 
/* see reset.css */

/* CSS Document */

/* =0 Reset 
-------------------------------------------------------------------*/  
@import url('reset.css');    

/* =1 Global 
-------------------------------------------------------------------*/  
/*
1.1em = 11px
1.2em = 12px
1.3em = 13px
1.4em = 14px
1.5em = 15px
1.6em = 16px
1.7em = 17px
1.8em = 18px
*/
body {background:#21314B;font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:62.5%;color:#FFFFFF;} /* 10px */

/* =2 Links 
-------------------------------------------------------------------*/  
a{color:#AAA;text-decoration:none;}
a:hover{color:#888;text-decoration:none;}

a.link_titolo_preview{color:#FFFFFF;}
a:hover.link_titolo_preview {color:#FFFFFF;}

.more a{color:#FFF;}
.more a:hover{color:#FFF;}
.more_list a{color:#FFF;}
.more_list a:hover{color:#FFF;}
.back_list a{color:#FFF;}
.back_list a:hover{color:#FFF;}
.booknow a{color:#FFF;}
.booknow a:hover{color:#FFF;}

/* =3 Headings 
-------------------------------------------------------------------*/  

/* =4 Header 
-------------------------------------------------------------------*/
#service_box{height:30px;background:#21314B;text-align:left;font-family:"Times New Roman", Times, serif;font-size:1.3em;font-weight:bold;color:#38537E;padding-top:10px;}
#header_box{position:relative;width:959px;height:149px;background:#FFF url(../images/bg_header_box.jpg) top no-repeat;}
#header{position:relative;width:960px;height:149px;}
#logo_box{position:absolute;top:20px;left:20px;height:95px;}

/*language*/
#language_box{position:absolute;top:12px;right:8px;text-align:right;}
#navtop {height:15px;float:right;border-bottom:solid 1px #DBDBD9;}
#navtop li {float:left; list-style:none; padding-left:10px;}
#navtop li a{color:#06c;/*background:#fff url(../images/topnav_arrow.gif) no-repeat right;*/padding:0 14px 0 0; font-size:10px; text-decoration:none; }
#navtop li a:hover{ color:#000; /*background:#fff url(../images/topnav_arrow.gif) no-repeat right;*/padding:0 14px 0 0; font-size:10px; text-decoration:none; }
#navtop .on a{ color:#000; /*background:#fff url(../images/topnav_arrow.gif) no-repeat right;*/padding:0 14px 0 0; font-size:10px; text-decoration:none; }
.flag_en, .flag_it {padding-left:10px;}
#navtop li a.flag_en{float:left;background:url(../images/flag_en.gif) no-repeat left;padding-left:18px;}
#navtop li a.flag_it{float:left;;background:url(../images/flag_it.gif) no-repeat left;padding-left:18px;}
#navtop li a.flag_de{float:left;background:url(../images/flag_de.gif) no-repeat left;padding-left:18px;}
#navtop a.current { color:#000000;text-decoration:underline; }

.language_arrow{float:left;background:url(../images/topnav_arrow.gif) no-repeat bottom right;height:8px;width:6px;}

/*menu*/
#top_menu{position:absolute;top:100px;right:1px;}
#main_menu ul{background:transparent; font-size:1.0em; letter-spacing:0px; font-weight:bold; line-height:normal; display:inline; text-transform:uppercase;}
#main_menu li { float:right; display:inline; margin-left:2px; height:24px; border:0px solid; }
#main_menu a {height:21px; float:left; background:url("../images/tableft.gif") no-repeat left top; margin:0; padding:0 0 0 10px; text-decoration:none; margin-bottom:2px;color:#002674;}
#main_menu a span {float:left; display:block; background:url("../images/tabright.gif") no-repeat right top; padding:5px 10px 4px 1px; color:#002674; margin-bottom:0;height:12px;}
/*current*/
#main_menu a.current span{ background-position:100% -23px; margin-bottom:0px;color:#FFF; border-bottom:2px solid #002674}
#main_menu a.current{ background-position:0% -23px; margin-bottom:0; border-bottom:2px; padding-bottom:2px;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main_menu a span {float:none;}
/* End IE5-Mac hack */
#main_menu a:hover span, #main_menu a.selected span {color:#fff;margin-bottom:0;}

#main_menu a:hover, #main_menu a.selected {float:left; background:url("../images/tableft_gold.gif") no-repeat left top; padding:0 0 0 10px; text-decoration:none;margin-bottom:2px;color:#002674; background-position:0% 0px; padding-bottom:1px;}

#main_menu a:hover span, #main_menu a.selected span { float:left; display:block; background:url("../images/tabright_gold.gif") no-repeat right top; padding:5px 10px 4px 1px; color:#002674;background-position:100% 0px; border-bottom:solid 1px #D6AF3A; margin-bottom:0;}

/*sottomenu*/
/*-----------------------------------------*/
/*---------------- VARIOUS ----------------*/
/*-----------------------------------------*/
.blueline {position:absolute;top:122px;display:block; margin:0; padding:0;width:960px; background:#002674; height:27px; /*margin:0 0 5px 10px;*/}
.blueline a{float:left;color:#FFFFFF;}
.blueline a:hover{float:left;color:#7AB9CB;text-decoration:underline;}
.blueline_voice a{float:left;margin-top:5px;padding:3px 10px 0 10px;border-right:solid 1px #FFF;}
a.last{border:none;}
a.current{float:left;color:#7AB9CB;}
/*.blueline span a{float:left;color:#FFFFFF;}*/
/*.selezionato a{float:left;color:#7AB9CB;text-decoration:underline;}
.selezionato a:hover{float:left;color:#7AB9CB;text-decoration:underline;}*/
/*.blueline_line{float:left;margin-top:7px;color:#FFFFFF;}*/


/* =5 Navigation 
-------------------------------------------------------------------*/
#page_box{width:970px;margin:0 auto;overflow:hidden;}
#page{width:970px;margin:0 auto;text-align:left;/*background:url(../images/shadow.jpg) top right repeat-y;*/}
#flash_box{width:960px;height:300px;}

#content_box{width:970px;/*background:#3A517E url(../images/bg_content.jpg) repeat-x;*/background:url(../images/shadow.jpg) top right repeat-y;text-align:left;}
#content{width:960px;overflow:hidden;padding-top:1px;background:#3A517E url(../images/bg_content.jpg) repeat-x;}

#single_item{float:left;width:595px;padding-left:30px;}
.title{font-size:3.0em;margin-right:100px;border-bottom:dotted 1px #999999;}
.subtitle{font-size:2.0em;margin-right:100px;margin-top:10px;}
.txt{font-size:1.2em;line-height:1.4em;padding-top:10px;padding-right:10px;}

.txt_home_sx{font-size:1.2em;line-height:1.4em;padding-top:20px;margin-right:20px;float:left;width:260px;}
.txt_home_dx{font-size:1.2em;line-height:1.4em;padding-top:20px;float:left;width:260px;}

.txt_location{float:left;font-size:1.2em;line-height:1.4em;text-align:left;padding:18px 0 0 20px;width:250px;}
.txt_location2{float:left;font-size:1.2em;line-height:1.4em;text-align:left;padding:18px 0 80px 20px;width:550px;}

/*Gallery*/
.gallery{margin-top:20px;}
.gallery a img{float:left;margin-right:10px;width:118px;height:77px;border:solid 6px #3C4C5B;margin-top:10px;}

/*Eventi-Offerte*/
.story{
	clear:both;
	width:490px;
	text-align:left;
	padding-top:20px;
	padding-bottom:20px;
	overflow:hidden;
	border-bottom:dotted 1px #999999;
}
.logo{float:left;width:120px;}
.full_box{width:370px;float:left;}
.full_box .title{border:none;color:#FFFFFF;font-size:1.4em;line-height:100%;}
.full_box .title a{border:none;color:#FFFFFF}
.full_box .title a:hover{border:none;color:#FFFFFF}
.full_box .subtitle{border:none;color:#FFFFFF;font-size:1.3em;line-height:100%;}
.full_box .txt{border:none;color:#FFFFFF;font-size:1.2em;line-height:100%;}

#bf_box{float:right;width:330px;}
/*#bf{height:255px;background:url(../images/bg_bf.gif) no-repeat;padding:10px 0 0 30px;color:#000000;margin-top:30px;}*/

#box_preview_homepage{clear:both;padding-top:5px;padding-left:30px;width:930px;overflow:hidden;padding-bottom:65px;border-bottom:solid 3px #31466C;}
.preview_homepage{float:left;width:290px;margin-right:15px;}
.titolo_preview{font-size:2.0em;padding-bottom:35px;}
.img_preview{width:280px;height:160px;border:solid 5px #31466C;}
.txt_preview{font-size:1.2em;line-height:1.4em;width:280px;height:80px;border-right:dotted 1px #526D9F;}
.txt_preview_last{font-size:1.2em;line-height:1.4em;width:280px;height:80px;border:none;}

#box_address_homepage{clear:both;padding-top:40px;padding-left:30px;width:100%;overflow:hidden;padding-bottom:30px;}

/*sitemap*/
li.category{padding-left:15px;}


/* =6 BookingForm 
-------------------------------------------------------------------*/  

/* =7 Form 
-------------------------------------------------------------------*/  
#newsletter{float:left;}
#msg{float:left;color:red;margin-left:50px;margin-top:25px;}
.panel{margin-top:20px;margin-bottom:20px;font-size:1.2em;}
.panel_select{clear:both;padding-bottom:10px;font-size:1.2em;}
.panel_select div{font-weight:bold;margin-bottom:5px;}
.btnsend{margin-top:10px;width:100px;height:25px;background:url(../images/button_more.gif) no-repeat;text-align:center;border:none;cursor:pointer;}
.panel_select input{font-size:1.0em;padding:0px;}
.panel_select select{font-size:1.0em;}

/* =8 Extra 
-------------------------------------------------------------------*/  
.more{margin-top:20px;width:105px;height:25px;background:url(../images/button_more.gif) no-repeat;padding-top:5px;text-align:center;margin-left:10px;}
.back{margin-top:20px;width:105px;height:25px;background:url(../images/button_more.gif) no-repeat;padding-top:5px;text-align:center;margin-left:10px;}
.more_list{margin-top:20px;width:105px;height:25px;background:url(../images/button_more.gif) no-repeat;padding-top:5px;text-align:center;}
.back_list{float:left;margin-top:20px;width:105px;height:25px;background:url(../images/button_more.gif) no-repeat;padding-top:5px;text-align:center;}
.booknow{float:right;margin-top:20px;width:100px;height:25px;background:url(../images/button_more.gif) no-repeat;padding-top:5px;text-align:center;}
.clearer{clear:both;}

/*flash*/
div.simple_flash_image_rotator a{display:none;}

/*sifr*/
#single_item h1 {
	margin:20px 0 0 0px;
	font-family:"Times New Roman", Times, serif;	
	font-style:italic;
	font-weight:normal;
	border-bottom:dotted 1px #999999;
}

#bf_box h1 {
	margin:20px 0 0 10px;
	font-family:"Times New Roman", Times, serif;	
	font-style:italic;
	font-weight:normal;	
}

#preview_homepage h2 {
	margin:20px 0 0 10px;
	font-family:"Times New Roman", Times, serif;	
	font-style:italic;
	font-weight:normal;
	border-bottom:dotted 1px #999999;
}

#box_preview_homepage h1 {
	margin:20px 0 0 0px;
	font-family:"Times New Roman", Times, serif;	
	font-style:italic;
	font-weight:normal;
	border-bottom:dotted 1px #999999;
}


.preview_homepage h2 {
	margin:20px 0 0 10px;
	font-family:"Times New Roman", Times, serif;	
	font-style:italic;
	font-weight:normal;
	border-bottom:dotted 1px #999999;
}

.preview_homepage h3 {
	padding:0 0 10px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:1.5em;
}

/*  =4 GOOGLE-MAPS 
-------------------------------------------------------------------*/
#map {width:310px;height:430px;margin:20px 0 0 0px;float:left;}
#map h2 {color:#333; font-size:1.1em; border:0px solid; margin:0; margin-bottom:4px; font-weight:bold;}
#map h4, h5, h5 a {color:#333; font-size:1.0em; border:0px solid; margin:0; font-weight:normal;}
#map h5 a:hover {color:#999999;}


/* =9 Footer 
-------------------------------------------------------------------*/
#box_footer{clear:both;width:970px;height:150px;background:url(../images/bg_footer.jpg) no-repeat;}
#footer{font-size:1.2em;text-align:center;padding-top:15px;}