/* Reset */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img,
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}
body {
	background:url(../img/bg-site.jpg) ;
	font-size: 11px;
	line-height: 15px;
	font-family: Verdana, Geneva, sans-serif;
	padding-bottom:100px
}
ol, ul {
 list-style: none;
}

/* End Reset */

h2, .heading-2,legend {
 font-size: 16px;
 padding:10px 0px 10px 10px;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 color: #a68a0a;
 clear:both
 
}

p {
 font-size: 11px;
}

a {
 text-decoration: none;
 color: #40a2e1;
}

a:hover {
 text-decoration: underline;
}


/* Main styles*/


#header {
	font-size: 14px;
  	font-family: 'Capriola', sans-serif;
  	text-align: center;
 	padding-bottom: 10px;
}

#header img {
	float: left;
	width: 100%;
}


/* Navigation */
#menu {
	background: #3D3D3D url(images/ui-bg_diamond_10_3d3d3d_10x8.png) repeat 50% 50%;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	height: 35px;
	margin-bottom: 10px;
	display:block;
}
	


#nav {
	line-height: 100%;
}
#nav li {
	margin: 0px 5px;
	float: left;
	position: relative;
	list-style: none;
}
/* main level link */
#nav a {
	font-weight: bold;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;

}
#nav a:hover {
	color: #fff;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	color: #ffe996;
}

/* sub levels link hover */
#nav ul li:hover > a, #nav li:hover li a {
	color: #ffe996;
}


/* level 2 list */
#nav ul {
	display: none;
	visibility: hidden;
    	z-index: 9999;
	margin: 0;
	padding: 0;
	width: 185px;
	height: auto;
	position: absolute;
	top: 25px;
	left: 0;
	border: solid 1px #b4b4b4;
	background: #3D3D3D url(images/ui-bg_diamond_10_3d3d3d_10x8.png) repeat 50% 50%;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-weight: normal;
}

#nav li:hover > ul {
display:block;
visibility: visible
}

/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: 0px;
	z-index:9999;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}
#show-menu {display:none}
@media only screen and (max-width: 480px) {
#show-menu {
display:block;
	border: none;
    width: 48px;
    height: 45px;
	background: #3d3d3d;
	top: 5px;
	left: 5px;
	position: fixed;
	z-index: 1001

}
#show-menu:after {
    content: '';
    position: absolute;
    width: 68%;
    height: 5px;
    background: #fff;
    top: 10px;
    left: 16%;
    box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}
#menu {
	display: none;
	position : fixed;
	top: 54px;
	z-index: 1000;
	height : 90%;
	width : 70%;
    	border-right: solid 2px #fff;
    	background: #286090;
	margin : 0px;
	overflow-y: scroll;
}
#nav {
	display: block;
} 
#nav a {
	color: #ffe996;
	font-size:20px;
	line-height: 27px
}
#nav li {
	margin-left: 10px;
	float: none;
	position: initial;
	list-style: none;
}
#nav ul {
	display: block;
	visibility: visible;
    	z-index: 9999;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	position: initial;
	border: none;
	background: none;

}
#nav ul li {
    float: none;
    margin: 0;
    padding: 0;
    margin-left: 10px;
}
}
/* End Navigation */
/* End header */

/* Continent */

#loginarea {
	height: 245px;
	margin-top: 20px;
}

#loginarea label, label span { display : block; padding-bottom : .25em;}
#loginarea label{ float : left; width : 100%; }
#loginarea label span { float : left; width : 25%; text-align : left; }
 
.textfield {
 background: #ffffff;
 border: 1px solid #afafaf;
 color: #556;
 text-indent: 3px;
 width : 100%;
}


#loginarea #indexing{
margin-top:20px;
font-size: 10px;
color : #afafaf;
float: left;
clear: both;
}



/************** index *************/
.colright{
	color: #ededed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
	border: 1px solid #fff;
	background: #3D3D3D url(images/ui-bg_diamond_10_3d3d3d_10x8.png) repeat 50% 50%;
}
.colright h1{ 
	border: 1px solid #494437; 
	background: #817865 url(images/ui-bg_flat_45_817865_40x100.png) 50% 50% repeat-x; 
	color: #ffffff; 
	font-weight: bold;
	padding: 2px 0px 3px 2px;
}


.isloading {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
#listhotels {position:relative}
.hotel{
	position: relative
}
.hotel_title{
	font-size: 15px;
	font-weight:bold;
}
.hotel .hotel_title a {
text-align: left;
}
.hotel p{
	font-family: verdana;
	text-align:justify;
	font-size: 13px;
	line-height:18px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.hotel .price {
	font-size: 10px;
	background: rgba(255, 255, 0, 0.35);
}
img.tumb {
	border: solid 9px #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
img.starrating {
	width: 100px;
	position: absolute;
	top:10;
	right:25px
}
a.btn{ 
	text-decoration : none;
	padding: 4px 10px;
	margin: 8px 0px;
}
.btn:hover{
	z-index:200
}

/********************* SuperPicker ***********************/
.superpicker{font-size:12px; font-weight: bold}
.superpicker label, label span { display : block; padding-bottom : .55em;}
.superpicker label { float : left; width : 100%; }
.superpicker label span{ float : left; width : 35%; text-align : left; }
.superpicker label select { float : left; width: 64%;border:1px solid #D19405; background:#F0DF85 url("images/ui-bg_flat_60_fece2f_40x100.png") repeat-x scroll 50% 50%;}
.superpicker label input { float : left;width: 20%;border:1px solid #D19405; background:#F0DF85 url("images/ui-bg_flat_60_fece2f_40x100.png") repeat-x scroll 50% 50%;}

.superpicker #from, .superpicker #to{
	font-size: 12px;
	background:url("images/ui-bg_flat_60_fece2f_40x100.png") repeat-x scroll 50% 50% #F0DF85;
	border:1px solid #D19405;
	color:#4C3000;
}
.superpicker .btn {
	padding: 7px 10px;
	margin: 2%;
    	width: 98%;
	font-size:13px !important;
	font-weight: bold
}
.superpicker .ui-datepicker {
width:100%;
}

.superpicker .ui-widget-content {
border:none;
}
.superpicker .ui-widget {
font-size:11px;
}
.dt{ 
	float : left; 
	width : 35%;
	clear:left; 
	text-align : right;
	margin-right:5px;
	padding:2px 0px;
	font-weight:bold;
	display:inline
}
.dd { 
	float : left; 
	width: 64%;
	clear:right;
	display:inline
}