html, body { margin: 0; padding: 0; border: none; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
ul { margin-left: 20px; }

.cb { clear: both; float: none; height: 0px; display: block; }



body { background: #EBD290 url('/images/page_back.jpg') left top repeat-x; font-family: Verdana; font-size: 10px; }

#page { width: 772px; margin: 10px auto; height: 100%; position: relative; }

/* ===== HEADER ===== */

#header { height: 102px; position: relative;
	background-image: url('/images/head-trans.png'); }

#page .languages { position: absolute; top: 68px; right: 12px; z-index: 5; }

#header .contact { position: absolute; top: 60px; left: 10px; color: #fff; }


/* ===== MENU ===== */

#menu { width: 770px; height: 59px; text-align: center;
	background: url('/images/menu.jpg') left top no-repeat;
	border: 1px solid #fff; border-width: 0 1px; }
	
#menu a { float: left; display: block; padding-top: 41px;
	background: transparent; color: #fff; 
	font-weight: bold; text-decoration: none;
	text-align: center; overflow: hidden; }
#menu a:hover { color: #e77817; }

#menu .menu_1 { width: 83px; }
#menu .menu_2 { width: 88px; }
#menu .menu_3 { width: 83px; }
#menu .menu_4 { width: 85px; }
#menu .menu_5 { width: 87px; }
#menu .menu_6 { width: 88px; }
#menu .menu_7 { width: 88px; }
#menu .menu_8 { width: 87px; }
#menu .menu_9 { width: 81px; }
* html #menu .menu_9 { width: 78px; }
	

/* ===== MIDDLE ===== */

#middle { background-color: #fff; border: 1px solid #fff;
	width: 770px; height: 100%; padding: 5px 0; }

#left, #content, #right { float: left; }

#left { width: 186px; }
#right { width: 143px; height: 100%; }

#content { width: 420px; margin: 0 12px 0 9px; overflow: hidden;
	font-family: Arial,Helvetica,sans-serif; font-size: 12px; }

/* ===== LEFT ===== */

#left .box { width: 100%; }
#left .box-header { background: #E77817; color: #fff;
	font-size: 14px; padding: 4px 0 4px 5px; height: 18px; }

#left .box { margin-top: 10px; }
#left .box:first-child { margin-top: 0; }

/* ===== RIGHT ===== */

#right .box { background: #faf4e5; color: #000;
	border: 1px solid rgb(220, 169, 54); overflow: hidden; }
#right .box-header { background: #00264B; color: #fff;
	font-size: 14px; padding: 4px 0 4px 5px; height: 18px; }

#right .box { margin-top: 10px; }
#right .box:first-child { margin-top: 0; }

/* ===== CONTENT ===== */

#content .gallery { list-style: none; margin: 0; padding: 0; }
#content .gallery li { float: left; margin: 0; padding: 0; }
#content .gallery img { margin: 1px; border: 1px solid #00264B; }



/* ===== FOOTER ===== */

#footer-wrapper { width: 770px; padding-top: 2px; background: #fff;
	border: 1px solid #fff; border-top: 2px solid #CDAA48; }
#footer { padding: 5px;
	background-color: #00264b;
	clear: both; float: none;
	color: #fff; text-align: center; }

#footer > a { color: #fff; padding: 0 3px; }


/* ===== BOXES ===== */

/* --- reservation box --- */

#left .reservation .box-content { margin: 0; }

#left .reservation form { margin: 0; }
#left .reservation .section {
	background: #f5c491 url('/images/res_block.jpg') bottom no-repeat;
	height: 120px; padding-left: 5px; margin: 0;
	border-top: 1px #000 dashed; }
#left .reservation .section:first-child { border-top: none; }
#left .reservation table, #left .reservation td { padding: 0; margin: 0; }
#left .reservation label { display: block; }

#left .reservation > .form-row { margin-top: 5px; }
#left .reservation > table.form-row { margin-top: 3px; }
#left .reservation > .form-row:first-child { margin-top: 0px; }

#left .reservation .part1, #left .reservation .part2, #left .reservation .part3, 
#left .reservation .part4 { padding: 5px; }

#left .reservation .part2 input,
#left .reservation .part3 input { font-size: 10px; width: 90%; }

#left .reservation #reservation_roomtype { font-size: 12px; width: 90%; }
#left .reservation #reservation_checkin, #left .reservation #reservation_checkout { font-size: 10px; }
#left .reservation #reservation_adults { font-size: 10px; width: 50px; }
/*#left .reservation #reservation_children { font-size: 10px; width: 100px; }*/
#left .reservation #reservation_rooms { font-size: 10px; width: 50px; }
#left .reservation #reservation_type { font-size: 10px; width: 50px; }
#left .reservation #reservation_validity { font-size: 10px; width: 100px; }
#left .reservation #reservation_num_first { font-size: 10px; width: 120px; }
#left .reservation #reservation_num_last { font-size: 10px; width: 30px; }

#left .reservation .submit { margin: 3px 0 0 0; padding: 0; }
#left .reservation input[type=submit], #left .reservation input.reserv-submit { 
	width: 186px; height: 21px; border: none; cursor: pointer; font-size: 11px;
	background: transparent url('/images/button_left.png') left top no-repeat; color: #fff; }

/* --- weather box --- */

.weather img { margin-right: 5px; }
.weather .temp_min, 
.weather .temp_max,
.weather .temp-act { padding: 2px 3px; clear: both; }
.weather .temp_min, 
.weather .temp_max { font-size: 10px; padding-top: 40px; }
.weather .temp_act { color: #dca936; font-size: 20px; font-weight: bold; }
.weather .city { color: #dca936; font-size: 16px; font-weight: bold; }

/* --- currency box --- */

.currency .box-content { padding: 5px 2px; text-align: center; }
.currency input, .currency select { font-size: 10px; }
.currency select { font-size: 12px; }
.currency input[type=text] { width: 50px; padding: 1px; }
.currency input[type=button] { margin: 4px 10px 0 0; 
	color: #fff; text-align: center; border: none; float: right;
	background: transparent url('/images/button_right.png') left top no-repeat; }

#exchange-result { margin-top: 5px; font-weight: bold; font-size: 1.2em; }
#exchange-result ul { margin: 0; }

/* --- offer box --- */

#right .offers { height: 100%; }
#right .offers .box-header { background: #E77817; }
#right .offers .box-content { min-height: 100px; }

#idiso { border: 0px; width: 100%; height: 500px; }