/*
Theme Name: HotelMirabello
Theme URI: http://www.belder.com/
Description: Hotel Mirabello Layout
Version: 1.0
Author: Belder Interactive (Chalda Pnuzig)
Author URI: http://www.belder.com/
Tags: orange, custom header, fixed width, two columns, widgets
Text Domain: HotelMirabello
	HotelMirabello v1.0  http://www.belder.com/
	This theme was designed and built by Belder Interactive, whose blog you will find at http://www.belder.com/
	All rights reserved.
*/

#searchform input#s{width:74px}
#searchform input#searchsubmit{width:45px}


html, body{ margin: 0; padding:0;}
/* CSS Document */
body { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 101%; text-align: center; background: url(images/middle.gif) center  repeat-y  #fff;}
#container { position:relative; width: 1100px; margin: 0 auto -20px auto;  text-align:left; font-size: 0.75em; color: #5D5D5D;}
#col1 { width: 16px;}
#col2 { width: 72px;}
#col3 { width: 17px;}

a img{border:0;}
.clear{clear:both; line-height:1px; visibility:hidden;}
/*#col 4 {}*/

#container a { color: #5D5D5D;}
#top, #midtop, #mid, #bottom {  padding:0 125px;}

/**  TOP **/
#toptext{font-size:10px; font-weight:bold; padding:20px 0 0 0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#d1d1d1; text-align:center;}

#top {margin-top:0px; height: 133px; background-image:url(images/top.jpg);}
#top h1, #top h2 { display: none;}
#top-links { color:#FFFFFF; margin: 10px 85px 0 0; padding: 30px 0 0 0px; float:right; font-size:12px; text-align: right; clear: both; text-transform:uppercase;}
#top-links a:link, #langtop-links a:link, #top-links a:visited, #langtop-links a:visited { color:#FFFFFF; text-decoration:none;}
#top-links a:hover, #langtop-links a:hover { text-decoration:underline;}

#langtop-links { color:#FFFFFF; margin: 20px 82px 0 0; padding-right: 120px; float:right; font-size:0.8em; text-align: right;}

/** MIDTOP **/


#menu { float:left; margin:0px 0 0 0; padding:0 0 0 12px; width: 169px; list-style:none;}
#menu li { margin:0; padding:0;}
#menu a, #menu strong { display:block; height:22px; padding-top: 5px; padding-left:33px; background: transparent url(images/menu-off.gif) no-repeat; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size: 1.4em; text-decoration:none; white-space: nowrap;}
#menu a:hover { background: transparent url(images/menu-on.gif) no-repeat; color:#D55900; text-decoration:none;}
#menu strong{background: url(images/menu-on-star.gif) no-repeat left center}

#menu li ul{z-index:1000; display:none; position:absolute; list-style:none;margin:-26px 0 0 145px;}
#menu li ul li{background:#fff}
#menu li ul li a{background:#fff; border-bottom:1px dotted #ccc}



#midtop .hline { background-color: #EAE3DD; margin: 0 7px; height:2px; font-size:1px;}

#midimg {text-align:right; margin: 0 0px 10px 200px; position:relative;height:195px;}
#midimg img{position:absolute;top:0;left:0;z-index:8;}
#midimg img.active {z-index:10;}
#midimg img.last-active {z-index:9;}


/** MID **/
#mid { padding-top: 5px;}
#mid .vline { background-image:url(images/vline.gif);}
#leftcol { white-space:nowrap;}
#info { margin:10px 0 0 0;}
#phone { font-size: 1.7em; color:#A12E01; font-family: Georgia, "Times New Roman", Times, serif; margin:0; height:28px; padding:6px 0 0 35px; background:url(images/phone.gif) no-repeat;}

/* CONTENT */
#title { margin-bottom: 16px;}

#single_content{width:800px; margin:auto;line-height:18px; }

#content {line-height:18px; padding:10px 10px; margin:0; float:left; width:600px; border-left:1px solid #eae3dd}
#content .item img { float:left;}
#content .hline { clear:both; padding-top:6px; margin-bottom:10px; border-bottom: 1px solid #EAE3DD; font-size:1px;}
#content p { margin: 3px 3px 8px 0;}
#content .item p { margin-left:139px; text-align:left;}
#content ul { margin-top: 5px; margin-bottom: 5px; list-style:url(images/bull.gif);}
#content li { margin-bottom: 5px;}
#content h1 { font-size: 28px; color:#056C97; font-family:Georgia,"Times New Roman",Times,serif; font-weight:normal; margin:0 0 5px 0; }
#content h2 {
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 16px;
	margin: 3px 0 8px 0;
	color:#056c97;
}
#content h3 {
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 12px;
	margin: 15px 0 10px 0;
	color:#056c97;
}
#content h5 {
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size: 12px;
	margin: 15px 0 2px 0;
}
#content a { text-decoration: underline;}
#content a:hover { text-decoration: none;}


.content_present{width:831px !important; margin-left:140px !important;}
.content_present h1{ font:normal normal bold 36px auto Tahoma, sans-serif !important; color:#000 !important; }
.content_present .text{font:normal normal bold 14px auto Verdana, sans-serif; color:#000; width:640px; margin-bottom:40px;}
.content_present .box{background:#eee; margin:0 0 30px 60px; padding:10px 10px; width:600px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
.content_present h2{padding:12px 0 0 0; margin:50px 0 20px 0 !important; height:35px; background:url(images/bigbull.gif) no-repeat left top; font-family:"Luca Script Font", sans-serif !important; font-weight:normal; font-size:36px !important; color:#0593ff !important; letter-spacing:-1px;}
.content_present h3{font-size:18px !important; color:#0593ff !important;}
.content_present h4{font-size:16px !important; color:#000;}
.content_present h2 .number{ color:#fff !important; width:35px; text-align:center; }
.content_present .box strong{display:block;}
.content_present .box h4{margin:0;}

.content_present form {width:550px;}
.content_present form .formtotal {margin:0; font-size:18px; text-align:center;}
.content_present form .formtotal strong{font-weight:bold; color:#079a42;}

.content_present .disabled {text-decoration:line-through; color:#ccc !important; font-weight:normal !important;}


.content_present .indent {margin:0 0 0 60px; }
.content_present .present {background:url(images/present.jpg) no-repeat right top; height:240px;}
.content_present .present blockquote{margin:0 0 20px 7px; border-left:10px solid #0593ff; padding:0 10px;}
.content_present .present blockquote input{width:50px; margin-right:20px;}
.content_present .present label{color:#e54900; font-weight:bold;}

.content_present .details{display:none}
.content_present .total{color:#1cb507}

.content_present .services {position:relative; text-align:left; font-size:13px; line-height:17px;}
.content_present .services h4{font-size:14px !important; color:#e54900; margin:0 0 10px 0; padding:10px 0 0 0;}
.content_present .services h4 .price{font-size:13px !important; color:#000 !important;}
.content_present .services img{float:left; margin-right:10px;}
.content_present .services input{position:absolute; top:10px; left:10px;}


.content_present .offer_list {-moz-border-radius: 15px; -webkit-border-radius: 15px; border:0 !important; background:#f7f7f7; width:591px; padding:10px 10px 10px 30px !important;}
.content_present .offer_list input{margin-left:-18px;}
.content_present .offer_list .more{float:right; font-size:10px; color:#999;}
.content_present .offer_list .more a{color:#00f !important; font-weight:bold; border-bottom:1px solid #00f; text-decoration:none !important;}
.content_present .offer_list .info {padding:2px 5px; margin:0 0 10px 0; background:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.content_present .offer_list .info strong{color:#079a42}
.content_present .offer_list .total {text-align:center;width:591px;  font-size:18px;}
.content_present .offer_list .total strong{color:#079a42; }

#step2, #step3, #step4{display:none;}

.prevpass, .nextpass, .submitpass{
   background:#F77B00;
   color:#fff !important;
   font-weight:bold;
   -moz-border-radius:10px;
   border:1px solid #999999;
   display:block;
   float:right;
   margin:20px 10px;
   padding:2px 15px;
   text-decoration:none !important;
}

.prevpass:hover, .nextpass:hover{
   background:#D32323 !important;
}
.submitpass{background:#107ACC}
.prevpass{float:left !important}

/* SIDEBAR */
#sidebar{ width:193px; margin:10px 0 0 132px; float:left;}
#sidebar #banners{text-align:center;}
#sidebar #banners a{display:block; margin-bottom:20px;}
#sidebar ul{padding:0; margin:0 0 0 10px;}
#sidebar ul ul{list-style:disc; padding:0 0 0 10px; margin:0 0 0 10px;}
#sidebar h2{color:#5d76f4; font-size:14px; margin:20px 0 10px 0;}


#sidebar li.widget{list-style:none}

#sidebar .content-left{font-size:11px; padding:0 10px; margin-bottom:20px;}

/** BOTTOM **/
#bottom { margin:0px; height: 120px; background:url(images/bottom.gif) #fff top center no-repeat;}
#binfo { text-align:center; padding-top: 27px; color: #717171; font-size: 0.8em;}

/** FORM **/
#RegForm div label {display: block;  float: left;  width: 100px;  padding: 2px 0px 0px;  margin: 0px 0px 2px 0px;  text-align: left;}
#RegForm div label.priv {display: inline;  float: none;  width: auto;}
#RegForm .bot { font-size: .85em; text-align: justify; line-height: 1em; color: #999999; margin-top: .5em; margin-bottom: .5em;}
#RegForm div { clear: left;display: block;margin: 1px 0px 0px 0px;padding: 1px 2px;}



.itinerario{}
.itinerario h1{font-size:22px !important; font-weight:bold !important}
.itinerario h2{}
.itinerario h3{}
.itinerario .text{}
.itinerario img{ }

.table_itinerari{width:100%;}
.table_itinerari td{padding:3px; border-bottom:1px solid #ccc}
.table_itinerari th{padding:3px; border-bottom:1px solid #555}

.tabella_itinerari{font-size:13px; padding:0 10px}
.tabella_itinerari strong{display:block; margin-top:20px;}


/*
input, textarea { 	border:1px solid #9dc3e8;  background-color: #e8fbff; font-family: "Courier New", Courier, monospace; font-size: 1em;}
*/


.alignleft {float:left; margin-right:5px}
.alignright {float:right; margin-left:5px}
.aligncenter {margin:auto; display: block; clear:both;}

.testo {
	font-size:12px;
	font-family: Verdana;
	line-height: 150%;
	margin-top: 15px;
}
.testo li{
	font-size:10px;
}
.testo th{
background-color:#ffff00; text-align:center;
}
.testo h3 {
	color: #57AB03;
	font-family:Verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.titolo {
	font-size: 24px;
	font-family: Verdana;
	font-weight: normal;
	color: #A52E2E;
}
.tabella {
	border: 1px solid #000000;
}
.testo ul li {list-style:disc;}
.sopra {border-top:2px solid #FF0000}
.riga1 {background-color: #FFFF99}
.destra2 {border-right: 1px dashed #FF0000}
.sinistra {border-left:2px solid #FF0000}
.sotto {border-bottom: 2px solid #ff0000}
.destra {border-right:2px solid #FF0000}
.didascalia {
	font-size: 10px;
	color:#999999;
	text-align: center;
}
.tabfoto {margin: 10px 0;}

.quattroscelte { font-size:10px; font-family:Verdana; margin-bottom:15px;}
.note {
	background-color: #ebebeb;
	border: 2px solid #999999;
	color: #000000;
}
.note td{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.note li {list-style:disc;}
.price {font-weight:bold; padding: 2px 0; font-size:12px; margin-left:20px;}

.blu {
	background:#056c97;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 5px;
}
.green1, .green2, .green3, .green4, .green5 {
	color:#000000;
	text-align:center;
	padding-top: 5px;
	padding-bottom: 1px;
}
.grey1, .grey2, .grey3, .grey4, .grey5 {color:#000000; text-align:center;}
.green1 { background:#00c400;}
.green2 { background:#00e800;}
.green3 { background:#51ff51;}
.green4 { background:#93ff93;}
.green5 { background:#d9ffe0;}
.grey1 { background:#dadada;}
.grey2 { background:#e0e0e0;}
.grey3 { background:#e6e6e6;}
.grey4 { background:#efefef;}
.grey5 { background:#f4f4f4;}
.greysmall {
	font-size:10px;
	background: #ededed;
	padding: 2px 1px;
	margin: 5px 0 0 20px;
   width:100%;
   display:block;
}
.bluroom {
	font-size:16px;
	color:#FFFFFF;
	background:#056c97;
	font-weight: bold;
	padding: 3px;
}
.greyinfo {
	font-size:10px;
	background: #ededed;
	padding: 2px 5px 2px 0;
	text-align: right;
}


.room {margin: 15px 0;}
.room td{vertical-align:top;}
.room h3{display:none}
.room .ngg-imagebrowser-desc{display:none}
.room .ngg-imagebrowser-nav{font-size:10px; margin-top:-10px; width:100%}
.room .next{padding:0 3px !important;}
.room .back{padding:0 3px !important;}

.showall{cursor:pointer; color:#FFFFFF !important; display:block; font-size:14px; font-weight:bold; margin:10px auto; padding:5px 10px; text-align:center; width:200px; background: #f78d1d; border: solid 1px #da7c0c;

	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

}

.showall:hover{
   background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');

}

.small {
	font-size:10px;
	margin: 0 0 5px 0;
}
.marginTop30 {margin-top:30px;}
.marginTop40 {margin-top:40px;}
.suitemirabello {
	background:#25c31d;
	color:#FFFFFF;
	text-align:center;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 14px;
	font-weight: bold;
}
.suitewelsperg {
	background:#317bd6;
	color:#FFFFFF;
	text-align:center;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 14px;
	font-weight: bold;
}
.familyroom {
	background:#ff7e05;
	color:#FFFFFF;
	text-align:center;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 14px;
	font-weight: bold;
}
.greenyes { width:20px;}


.ui-widget  {font-size:13px !important;}

#content .offer_list{margin:0 0 20px 0; padding:20px 0 0 0; border-top:1px dotted #ccc;}
#content .offer_list h5{font-size:18px;margin:0px 0 10px 0; font-weight:normal; font-family:Georgia,"Times New Roman",Times,serif;}
#content .offer_list img{width:156px; height:170px; display:block; float:left; margin-right:10px;}
#content .offer_list ul{list-style:none}
#content .offer_list ul li{margin:0;}
#content .offer_list ul li.orange{color:#E54900;}


.postmetadata{background:#EEEEEE;border:1px solid #CCCCCC; color:#999999; line-height:14px; margin:20px 0; padding:5px;}


#feedback {margin-bottom:20px;}
#feedback table{width:100% !important;}
