@import "content.css";
@import "errors.css";

body{
	margin: 0px;
}

body *{
	font-family: arial;
}

body p, body form{
	margin: 0px;
	padding: 0px;
}

#main{
	width: 957px;
	margin: 0px auto;
	padding-top: 10px;
}
/***********HEAD*************/
.logo{
	float: left;
}

.logo img{
	border: none;
	margin-bottom: 3px;
}

.lang_and_search{
	text-align: right;
	float: right;
	width: 225px;
	margin-top: 5px;
	margin-bottom: 2px;
}

.lang_and_search a{
	font-size: 12px;
	text-decoration: none;
	color: black;
	text-decoration: none;
}

.lang_and_search span{
	float: left;
	padding-top: 1px;
}

.lang_and_search form input[type="text"]{
	width: 100px;
	font-size: 10px;
	
}

.lang_and_search form input[type="submit"]{
	font-size: 10px;
	background: transparent url("/assets/image/search_submit_bg.jpg") repeat-x top left;
	border: 1px solid #d3b778;
	color: white;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	overflow: hidden;
	cursor: pointer;
}

.right_head_container{
	float: left;
	/*width: 500px;*/
	margin-left: 409px;
	border-bottom: 1px solid #eac0ce;
}

.right_head_container p{
	margin: 0px;
	text-align: right;
	font-family: helvetica;
	color: #686868;
}

.right_head_container p.hotel_name{
	font-size: 44px;
}

.right_head_container p.slogan{
	font-size: 17px;
	margin-top: -4px;
}

.head_pict .image{
	width: 957px;
	height: 207px;
	background-image: url("/assets/image/headers/01.jpg");
	clear: both;
	position: relative;
}

/************** BODY ***************/

/**** MENU ****/

table.menu{
	font-size: 12px;
	
	width: 100%;
	color: white;
	font-weight: bold;
	margin-top: 1px;
}

table.menu td{
	text-align: center;
	padding-left: 6px;
	padding-right: 8px;
	background: transparent url("/assets/image/menu_separator.jpg") no-repeat center right;
	background-color: #a90230;
}

table.menu td.last{
	background-image: none;
	padding-left: 6px;
}

table.menu td a{
	color: #E9DABD;
	text-decoration: none;
	display:block;
	padding-top: 12px;
	padding-bottom: 12px;
}

table.menu td.main_item{
	background: transparent url("/assets/image/main_menu_item_bg.jpg") repeat-x center left;
	border-right: 1px solid white;
	width: 162px;
}

table.menu td.main_item a{
	color: #A90230;
}

/**** MIDDLE ****/

#body{
	background-color: #bcdfe1;
	float: left;
}

.content_and_sidebar{
	background-color: #edf7f8;
	float: left;
	width: 780px;
}

#content{
	min-height: 670px;
	float: left;
	width: 625px;
}

#left_sidebar{
	float: left;
	width: 177px;
	border-top: 1px solid white;
}

#right_sidebar{
	float: left;
	width: 155px;
}

/**** SIDEBAR MENU ****/

.side_menu{
	display: block;
	list-style: none;
	margin: 0px;
	padding-left: 0px;
	background-color: #488eaf;
	width: 100%;
	margin-top: 5px;
}

.side_menu a{
	color: white;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	padding-left: 10px;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #bcdfe1;
	background: transparent url("/assets/image/menu_arrow.png") no-repeat center right;
	padding-right: 15px;
}

.side_menu a:hover{
	color: #F5BA3B;
}

.side_menu a span{
	border-left: 1px solid #5ebcc4;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
	display:inline-block;
}

/***** LEFT SIDEBAR FORMS ****/

div.login{
	margin: 3px;
	border: 2px solid #34bfd4;
	background: #cde6ea url("/assets/image/star.png") no-repeat top left;
	padding-left: 7px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-top: 14px;
}

div.login label, div.offer label{
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
	display: block;
	padding-bottom: 3px;
	margin: 0px;
}

div.login input[type="text"], div.login input[type="password"]{
	width: 150px;
	padding-left: 1px;
	padding-right: 1px;
}

div.login input[type="submit"], div.offer input[type="submit"]{
	background-color: #a90230;
	border: 1px solid #d9cfab;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	color: white;
	margin-top: 6px;
	padding: 2px;
	cursor: pointer;
}

div.login p{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}

div.offer{
	background-color: #78c6c8;
	margin-top: 15px;
	margin-left: 4px;
	margin-right: 4px;
	border: 2px solid #88cccf;	
}

div.offer p{
	background: transparent url("/assets/image/sidebar_head.jpg") no-repeat top left;
	color: white;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.offer form{
	padding-left: 7px;
	padding-right: 4px;
	padding-bottom: 6px;
}

div.offer label{
	padding-top: 7px;
	padding-bottom: 1px;
	font-size: 11px;
}

div.offer input{
	width: 122px;
}

/**** LEFT SIDEBAR OTHER ELEMENTS ****/

.vacation_check{
	text-align: center;
	margin-top: 12px;
	margin-bottom: 12px;
}

/***** RIGHT SIDEBAR FORMS ****/

.online_offer{
	padding-top: 5px;
}

.online_offer img{
	border: none;
}

.online_offer p{
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.online_offer_form{
	padding-left: 4px;
	padding-right: 6px;
	padding-top: 7px;
	padding-bottom: 5px;
	border: 2px solid #d0e2ec;
	background-color: #659ab9;
}

.online_offer_form label{
	font-size: 11px;
	font-weight: bold;
	font-family: helvetica;
	padding-bottom: 2px;
	padding-top: 7px;
	display: block;
	clear: left;
}

.online_offer_form select{
	width: 100%;
	font-size: 10px;
	padding: 2px;
}

.online_offer_form select.month{
	width: 87px;
}

.online_offer_form select.day{
	width: 40px;
}

.online_offer_form div{
	width: 50%;
	float: left;
	//height: 34px;
}

.online_offer_form div select{
	width: 47px;
}

.online_offer_form div.child{
	text-align: right;
}

.online_offer_form input[type="submit"], .newsletter_form input[type="submit"]{
	background-color: #a90230;
	border: 1px solid #d9cfab;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	color: white;
	margin-top: 6px;
	padding: 2px;
	cursor: pointer;
}

.newsletter{
	background-color: #a6d8d9;
	padding: 6px;
	margin-top: 10px;
}


.newsletter p{
	font-size: 11px;
	font-weight: normal;
}

.newsletter_form{
	background-color: #dceff6;
	border: 1px solid #f6fbff;
	padding: 6px;
}


.newsletter_form label{
	font-size: 10px;
	display: block;
	padding-top: 5px;
}

.newsletter_form input[type="text"]{
	padding-left: 1px;
	padding-right: 1px;
	width: 123px;
}

.checkbox_container label{
	display: inline;
	padding: 0px;
	padding-left: 5px;
	padding-bottom: 3px;
	vertical-align: middle;
}

.checkbox_container{
	line-height: 15px;
	vertical-align: middle;
	padding-top: 5px;
}

/**** CONFERENCE FORM ****/

.program{
	background-color: #CCCCCC;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 5px;
	display: none;
	margin-top: 7px;
}

.program p{
	font-size: 12px;
	font-weight: bold;
	color: #A90230;
}

.program label{
	display: block;
	padding-top: 8px;
	color: #A90230;
	font-size: 10px;
}

.program span{
	font-size: 10px;
}

.program span.req{
	font-size: 9px;
	display: block;
}

.program input.equal_margin{
	float: right;
	margin-right: 20px;
}

.program input[type="text"]{
	font-size: 10px;
	padding-left: 1px;
	padding-right: 1px;
	width: 140px;
}

.program input[type="submit"]{
	background-color: #a90230;
	border: 1px solid #d9cfab;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	color: white;
	margin-top: 6px;
	padding: 2px;
	cursor: pointer;
}

.program div.group{
	margin-top: 7px;
}

.program div.group label{
	padding-top: 5px;
	float: left;
	padding-right: 2px;
}

.program div.group span.label{
	float: left;
	padding-top: 5px;
	width: 90px;
}

.program div.time{
	float: left;
	padding-bottom: 5px;
}

.program div.time span{
	float: left;
	//float: none;
	display: block;
	width: 100%;
	margin-top: 5px;
	clear: left;
}

.program div.static_text{
	padding-bottom: 8px;
	padding-top: 8px;
}

.program div.static_text select{
	font-size: 10px;
	width: 105px;
}

.program input.small_input{
	width: 30px;
}

.program input.middle_input{
	width: 103px;
}

.program div.separator{
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	padding-top: 7px;
	padding-bottom: 2px;
	border-bottom: 1px dashed black;
}

/**** RIGTH SIDEBAR OTHER ELEMENTS ****/

.commercial{
	background: transparent url("/assets/image/commercial_bg.jpg") no-repeat top left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	padding-bottom: 5px;
	width: 155px;
}

.commercial .c_logo{
	margin-bottom: 5px;
}

/*********** FOOTER *************/

#footer{
	background-color: #a90230;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 9px;
	float: left;
	width: 100%;
}

#footer p{
	text-align: center;
	color: white;
	margin:0px;
	padding-bottom: 5px;
}

/************** OTHER ELEMENTS ****************/

table{
	border-collapse: collapse;
}

.wellness_and_fun{
	display: none;
}

#left-nav-konf{
	display: none;
}

.clear{
	height: 0px;
	width: 100%;
	line-height: 0px;
	font-size: 0px;
	clear: both;
}

/*************** SETUP PAGE *****************/

.setup_page input[type="text"], .setup_page textarea{
	width: 95%;
	margin-top: 2px;
	margin-bottom: 10px;
}

.setup_page select{
	margin-top: 2px;
	margin-bottom: 10px;
}

.setup_page label{
	font-weight: bold;
	font-size: 14px;
	display: block;
}

.setup_page textarea{
	height: 300px;
}

/*************** ERROR PAGE *****************/

.error_page .error_content{
	margin: 0px;
	padding: 20px;
	width: 600px;
	margin: 0px auto;
}

.error_page img{
	float: left;
	margin-right: 20px;
}

.error_page h1{
	font-size: 28px;
	padding-top: 15px;
}

.error_page .clear{
	margin-bottom: 20px;
}

.error_page .error_msg{
	font-size: 14px;
	font-weight: bold;
}

.error_page .link_container{
	text-align: right;
}

.error_page a.back_home_page{
	font-size: 14px;
	color: #498EAF;
	text-decoration: none;
	font-weight: bold;
}

.error {
	font-weight: bold;
	text-align: center;
	float:none;
	color: #A90230;	
	margin: 10px auto;
}

/*Reservation link*/

.reserv_link{
	font-family: verdana;
	background: url(/assets/image/gomb_alap.jpg);
	width: 154px;
	height: 50px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding:0px;
	padding-top: 8px;
	line-height: 20px;
	cursor: pointer;
}

.reserv_link span{
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: none;
}

/*Offer page*/

.offerpage{
	background-color: white;
	padding: 10px;
	margin-right: 10px;
}

.offerpage h1{
	padding-bottom: 0px;
}

.offerpage .program{
	background-color: transparent;
	margin-top: 0px;
}

.offerpage .program label{
	clear:left;
}

.offerpage .program .input_error img{
	display: none;
}

.offerpage .program .input_error li{
	clear:both;
}

.offerpage .program .start_date, .offerpage .program .end_date{
	margin-bottom: 5px;
}

.offerpage .program .req{
	padding-top: 7px;
}

.offerpage .program input[type="submit"]{
	width: 150px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 210px;
}

/*Gastronomy drinks pictures*/

.gast_cocktail div, .gast_drinks div, .gast_carte div, .gast_wines div{
	background: transparent url("/assets/image/gast_pict/koktel.jpg") 3px center no-repeat;
	padding-top: 13px;
	padding-bottom: 13px;
	font-size: 12px;
	padding-left: 35px;
	
}

.gast_drinks div{
	background: transparent url("/assets/image/gast_pict/itallap.jpg") 3px center no-repeat;
}

.gast_carte div{
	background: transparent url("/assets/image/gast_pict/etlap.jpg") 3px center no-repeat;
}

.gast_wines div{
	background: transparent url("/assets/image/gast_pict/borlap.jpg") 3px center no-repeat;
}