/*----- CSS File: Hotel Onix -------*/
body{
	margin: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.9em;
	background-color: #F5F4F0;
}
h1{
	font-size: 1.5em;
	font-color: #0E5F12;
	font-weight: bold;
}
h2{
	font-size: 1.2em;
	font-weight: bold;
}
a img{
	border: 0;
}

img.absmiddle{
	vertical-align:middle;
}

p.normal{
	line-height: 1.4em;
	font-size: 0.95em;
}
.right {
	text-align: right;
}
/*----- language -------*/
#language{
   width: 710px;
   margin: 0 auto; 
   text-align: right;
   padding: 40px 23px 6px 0;
   font-size: 0.7em;
}
/*----- header -------*/
#header{
	height: 178px;
	width: 733px;
	margin: 0px auto 0 auto; 
	background: url('img/top_back.jpg') no-repeat right;
}
#banner-logo{
	float: left;
	width: 188px;
	margin: 0;
	padding: 0;
}
#banner-right{
	margin-left: 188px;
}


/*----- submenu -------*/
#submenu-holder{
	height: 32px;
	background: url('img/subm_back_lat.gif');
   overflow: hidden;
}
#submenu-holder2{
	height: 32px;
	margin: 0 auto; 
	width: 733px;
	background: url('img/subm_back.gif');
}
#submenu{
	height: 32px;
	margin: 0 auto; 
	width: 733px;
	background: url('img/subm_back_lat.gif') no-repeat right;
}

#submenu ul{
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
}
#submenu li{
	display: box;
	float: left;
	padding: 5px;
}
#submenu li a{
	font-size: 0.8em;
	font-weight: bold;
	display: box;
	padding: 5px;
	color: white;
	margin: 3px;
	background: url('img/subm_bullet.gif') no-repeat center top;
	text-decoration: none;
}
#submenu li a:hover{
	background: url('img/subm_bullet_over.gif') no-repeat center top;
	color: #FEEBB0;
	text-decoration: underline;
}

#submenu li a:visited{
	color: #CCCCCC;
}
#submenu li a:visited:hover{
	background: url('img/subm_bullet_over.gif') no-repeat center top;
	color: #FEEBB0;
	text-decoration: underline;
}

#submenu li.selected a, #submenu li.selected a:visited{
	background: url('img/subm_bullet_over.gif') no-repeat center top;
	color: #FEEBB0;
	text-decoration: underline;
}


/*----- holder -------*/
#content{
   width: 733px;
   margin: 0 auto; 
   background: url('img/cont_back.gif') repeat-y right;
}
#content h1{
	color: #D20000;
	margin: 0;
	display: inline;
}
#content h3{
	margin: 2em 0 0 0;
	font-size: 0.8em;
}

#content-back-light, #content-back-dark{
   width: 720px;
   margin: 0 13px 0 0; 
}

.single {
	padding: 20px;
	width: 680px !important;
}

#content-back-dark{
   background: url('img/left_menu_back.gif');
}
#content-back-light{
   background: url('img/content_back.gif');
}
#content-left{
	width: 188px;
	float: left;	
	padding: 8px;
}
#content-right{
	margin-left: 188px;
	background: url('img/content_back.gif');
	clear: right;
    min-height: 200px;
	padding: 8px 8px 8px 8px;
	width: 532;
}

.indent{
	padding: 0 26px 0 20px;
}

.flag {
	border: 2px #F5F4F0 solid;
}
img.flag:hover{
		border-style: outset;
}
img.selected{
	border-style: inset;
}


/*----- left-menu -------*/
#content-left ul{
	list-style: none;
	padding: 0 0 50px 0;
	margin: 20px 0 0 0;
}
li.left-menu{
	display: box;
	margin: 11px 24px 0 24px; 
	padding: 0;
	overflow: hidden;
}
li.left-menu-sel, li.left-menu a{
	display: block;
	text-align: right;
	width: 119px;
	padding: 1px 4px 0 0;
	margin: 0;
	font-weight: bold;
	font-size: 11px;
}
li.left-menu a{
	color: white;
	height: 16px;
	text-decoration: none;
}
li.left-menu a:hover{
	text-decoration: underline;
	background-color: #333333;
}

li.left-menu-sel{
/*	height: 82px; */
	height: 16px;
	margin: 11px 24px 0 24px; 
	color: #FFFF33;
}

li.reservation-sel{
	background-image: url('img/li_reservation_sel.jpg');
}
li.reservation a{
	background-image: url('img/li_reservation.jpg');
}
li.reservation a:hover{
	background-image: url('img/li_reservation_over.jpg');
}
li.health-sel{
	background-image: url('img/li_health_sel.jpg');
}
li.health a{
	background-image: url('img/li_health.jpg');
}
li.health a:hover{
	background-image: url('img/li_health_over.jpg');
}
li.rooms-sel{
	background-image: url('img/li_rooms_sel.jpg');
}
li.rooms a{
	background-image: url('img/li_rooms.jpg');
}
li.rooms a:hover{
	background-image: url('img/li_rooms_over.jpg');
}
li.leisure-sel{
	background-image: url('img/li_leisure_sel.jpg');
}
li.leisure a{
	background-image: url('img/li_leisure.jpg');
}
li.leisure a:hover{
	background-image: url('img/li_leisure_over.jpg');
}
li.club-sel{
	background-image: url('img/li_club_sel.jpg');
}
li.club a{
	background-image: url('img/li_club.jpg');
}
li.club a:hover{
	background-image: url('img/li_club_over.jpg');
}
li.cuisine-sel{
	background-image: url('img/li_cuisine_sel.jpg');
}
li.cuisine a{
	background-image: url('img/li_cuisine.jpg');
}
li.cuisine a:hover{
	background-image: url('img/li_cuisine_over.jpg');
}


img.left_image{
	float: left;
	margin-right: 1em;
	padding-bottom: 2px;
	background-color: #E1DFD3;
	margin-top: 0.4em;
}
a:hover img.left_image{
	background-color: red;
}
img.right_image{
	float: right;
	margin-left: 1em;
	padding-top: 1em;
}
a:hover img.right_image{
	border-bottom: 2px red solid;
}
p.with_image{
	height: 82px;
}

ul.hotel_details{
	list-style-type: square;
	margin-bottom: 2em;
	font-size: 0.85em;
}
ul.hotel_details li{
	margin-bottom: 0.5em;
}

#hotel_types {
	list-style-type: none;
	margin-bottom: 2em;
}
#hotel_types li{
	padding: 0 54px;
	text-indent: -64px;
	margin-top: 10px;
}
#hotel_types li img{
	margin: 0 10px;
}
p.rooms{
	margin-left: 31px;
	margin-right: 31px;
	margin-top: 1em;
}
hr.rooms{
	margin-left: 31px;
	margin-right: 31px;
	border: 0;
	border-bottom: 1px #D20000 dashed;
	height: 1px;
}

p.servicii{
	text-align: center;
}

/*----- bottom navigation -------*/
p.bottom_nav{
	text-align: right;
}

/*----- footer -------*/
#footer{
   width: 697px; /*733-padding*/
   margin: 0 auto; 
   background: #696966 url('img/cont_back.gif') repeat-y right;
   padding: 1px 24px 4px 12px;
   font-size: 0.8em;
   color: #FFFAFA;
   height: 24px;
   overflow: hidden;
}
#footer-hr{
   background-image: url('img/hr.gif');
   height: 2px;
   margin: 0 0 2px 0;
}
#footer-hr hr{
   display: none;
}

#footer ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer li{
	display: box;
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 3px;
	margin-right: 12px;
}
#footer li a{
	font-size: 0.95em;
	display: box;
	color: white;
	text-decoration: none;
}
#footer li a:hover{
	text-decoration: underline;
}

/*----- forms -------*/
form{
	margin: 0;
	padding: 6px;
	/*background-color: #CCCCCC;*/
}
div.row{
	margin-top: 10px;
 }
 
div.row2 p{
	margin-top: 0px;
	line-height: 1em;
	font-size: 0.8em;
	text-align: right;
	padding-right: 30px;
 }
input {
	border: 1px solid gray;
}
input.submit2{
	background: url('img/subm_back.gif');
	padding: 3px 0;
	color: white;
	font-weight: bold;
	margin-left: 10px;
}
input.submit{
	background: url('img/book.jpg');
	width: 200px;
	height: 33px;
	padding: 3px 0;
	color: white;
	font-weight: bold;
	margin-left: 10px;
	font-size: 12px;
	cursor: pointer;
}
.bullet{
	color: white;
	font-weight: bold;
	display: block;
	width: 18px;
	height: 16px;
	text-align: center;
	margin-right: 10px;
	background: black url(../img/step_bullet.gif) no-repeat;
	font-size: 11px;
}

span.rowlabel{
 	display: block;
	font-weight: bold;
	font-size: 0.8em;
	margin-top: 0.3em;
}
 div.signup_error{
	color: #f00000;
	font-weight: bold;
	font-size: 0.8em;
 }
 
 #contact_map {
 	text-align: center;
 }
 #contact_map a{
 	text-decoration: none;
}
 #contact {
	margin-left: 50px;
 }
.line{
 	margin: 0;
 }
#phones{
	margin: 0 0 0 48px;
	font-size: 0.8em;
}

#errors h4{
	color: red;
}
#sent h4{
	color: green;
}