/* 
---------------------------------------------------------------------------
AUTHOR:  			Donatella Piccininno 
WEBSITE:   			http://www.hotelmostyn/
TEMPLATE NAME: 		Mostyn
TEMPLATE CODE: 		0001
VERSION:          	0.1   
LAST MODIFIED:    	July-27-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:#FFF7E4;font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:62.5%;color:#FFFFFF;} /* 10px */

/* =2 Links 
-------------------------------------------------------------------*/  
a{color:#999;text-decoration:none;}
a:hover{color:#666;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:#FFF7E4;text-align:left;font-family:"Times New Roman", Times, serif;font-size:1.3em;font-weight:bold;color:#000000;margin-top:10px;}
#header_box{position:relative;width:970px;height:152px;background:#FFF url(../images/bg_header_box.jpg) top left no-repeat;}
#header{position:relative;width:960px;height:121px;}
#logo_box{position:absolute;top:2px;left:20px;}

#service_box h1 {display:inline;color:#FFFEFF; border:0px solid; padding-left:3px;}
#service_box a {display:inline; border:0px solid; padding-left:3px;}
#service_box h2 {display:inline;color:#FFFEFF; border:0px solid; padding-left:3px; color:#666666}
#service_box h3 {display:inline;color:#FFFEFF; border:0px solid; padding-left:3px; color:#666666}

/*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_fr{float:left;;background:url(../images/fr.png) no-repeat left;padding-left:18px;}
#navtop li a.flag_de{float:left;;background:url(../images/de.png) no-repeat left;padding-left:18px;}
#navtop li a.flag_es{float:left;;background:url(../images/es.png) no-repeat left;padding-left:18px;}

.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:0px;}
#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;left:0px;margin:0; padding:0;width:962px; background:#002674; height:30px;top:122px;/*margin:0 0 5px 10px;*/}
.blueline a{float:left;color:#FFFFFF; font-size:14px;}
.blueline a:hover{float:left;color:#7AB9CB;text-decoration:underline;}
.blueline_voice a{float:left;margin-top:5px;padding:4px 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;}
/*Booking form sopra il flash*/
#flash_overlay {position:absolute; top: 192px; left:0px; width:100%; z-index:9999; height: 300px; border:none; margin:0 auto;}
#booking_container {width:970px; z-index:9999; height: 300px; border:none; margin:0 auto;}
#page{width:970px;text-align:left;/*background:url(../images/shadow.jpg) top right repeat-y;*/}
#flash_box{width:962px;height:300px;background:#FFF;}

#content_box{width:970px;text-align:left;background:url(../images/shadow.jpg) top right repeat-y;}
#content{width:962px;overflow:hidden;padding:0px 0px 10px 0px; background:#39000F 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 ul{padding-left:15px;list-style:disc;}
.txt li{list-style:disc;}

.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;}

/*Gallery*/
.gallery{margin-top:20px;}
.gallery a img{float:left;margin-right:10px;width:118px;height:77px;border:solid 6px #270400; 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:290px; padding:20px 10px 5px 10px; }
#offers_preview .item_offer{padding:5px 10px; border-top: 1px dotted #999999; margin-bottom:0px;}
#offers_preview .item_offer .image {padding:5px 0; text-align:center;}
#offers_preview .item_offer .image img {border:5px solid #770023;}

#offers_preview .item_offer h3.title {margin: 0; text-align:center; font-size:1.8em; text-decoration:none; border:none;}
#offers_preview .item_offer h3.title a:hover {color:#FFF; text-decoration:underline; }

#offers_preview .item_offer .subtitle {font-size:1.3em; margin:0;padding-top:5px;} 

#offers_preview .item_offer .moreinfo  {float:left; margin-top:5px;width:100px;height:25px;background:url(../images/button_more.gif) no-repeat;padding-top:4px;text-align:center;}

#offers_preview .item_offer .moreinfo a {color: #fff; font-size:1.3em; font-weight:normal;}
#offers_preview .item_offer .moreinfo a:hover {color: #999;}
#offers_preview .item_offer .booknow  {margin-top:5px !important;}
#offers_preview .item_offer .booknow a {color: #fff; font-size:1.3em; font-weight:normal;}
#offers_preview .item_offer .booknow a:hover {color: #999;}

/*#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 #770023;}
.preview_homepage{float:left;width:207px;margin:0 45px; height: 50px; border-right: 1px dotted #999999; border-left: 1px dotted #999999; text-align:center;}
.titolo_preview{font-size:2.0em;padding-bottom:35px;}
.img_preview{width:280px;height:160px;border:solid 5px #770023;}
.txt_preview{font-size:1.2em;line-height:1.4em;}

#box_address_homepage{clear:both;padding:15px 30px 5px 30px; width:902px; overflow:hidden; border-top: 1px dotted #999999;}

/* =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:100px;height:25px;background:url(../images/button_more.gif) no-repeat;padding-top:5px;text-align:center;margin-left:10px;}
.back{margin-top:20px;width:100px;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:100px;height:25px;background:url(../images/button_more.gif) no-repeat;padding-top:2px;text-align:center;}
.back_list{float:left;margin-top:20px;width:100px;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;}

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

/*  =4 GOOGLE-MAPS 
-------------------------------------------------------------------*/
#map {width:310px;height:320px;margin:20px 0 0 10px;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;}

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

#bf_box h1 {
	margin:3px 0 0 10px;
	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 h2 {
	margin:20px 0 0 10px;
	font-family:"Times New Roman", Times, serif;	
	font-style:italic;
	font-weight:normal;
	border-bottom:dotted 1px #999999;
}

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