﻿htm, html, body {
	height: 100%;
	margin:0px;
	padding: 0px;
	color: #414f05;
	background: #dae2a1 url('media/images/background.jpg') repeat-x fixed left top;; font-style:normal; font-variant:normal; font-weight:normal; line-height:20px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif
}

h1 {
	margin-top:0px;
	color: #829232;
	font: small-caps bold 15px/27px Verdana, Arial, Helvetica, sans-serif;
}
h2 {margin-top:0px; font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}

p {font-size:12px; line-height:20px; margin:1em 0 0 0;}

a {text-decoration:none; color:#2B3304; font-weight:bold;}
a:hover {text-decoration:underline;}

li {font-size:12px; line-height:20px;}

hr {color:#000000; background:#000000; height:1px; border:0px none;}


/* End Custom Forms*/
/* Template Begins */

#container{
	position:relative;
	width:900px;
	height:1150px;
	min-height: 100%;
	
	margin:0 auto;
	padding:0px 0px 30px 0px;

	border-left: 1px #86943F solid;
	border-right: 1px #86943F solid;
	border-bottom: 1px #86943F solid;

	background-color: #FFFFFF;
}

#containerhotel {
	position:relative;
	width:900px;
	height:1340px;
	min-height: 100%;
	
	margin:0 auto;
	padding:0px 0px 30px 0px;

	border-left: 1px #86943F solid;
	border-right: 1px #86943F solid;
	border-bottom: 1px #86943F solid;

	
	background-color: #FFFFFF;
}


#containermap {
	position:relative;
	width:900px;
	height:1680px;
	min-height: 100%;
	
	margin:0 auto;
	padding:0px 0px 30px 0px;

	border-left: 1px #86943F solid;
	border-right: 1px #86943F solid;
	border-bottom: 1px #86943F solid;


	
	background-color: #FFFFFF;
}

#containerprice {
	position:relative;
	width:900px;
	height:1900px;
	min-height: 100%;
	
	margin:0 auto;
	padding:0px 0px 30px 0px;

	border-left: 1px #86943F solid;
	border-right: 1px #86943F solid;
	border-bottom: 1px #86943F solid;


	
	background-color: #FFFFFF;
}

#header {
	position:relative;
	margin: 0px;
	width: auto;
	height: 160px;
	
	color: #869633;
	background: url('media/images/banner_126_e.png') no-repeat left top;
	border-bottom: 27px solid #869633;; font-style:normal; font-variant:small-caps; font-weight:bold; line-height:27px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
	
#footer {
	top:auto;
	margin: auto;
	padding: 0px;
	width: 880px;
	height: 25px;


	color: #d9e2ea;
	font: 11px/19px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #869633;
	border-top: 11px #B9D267 solid;
	

	padding: 0px 0px 0px 0px;
}
	#footer a {
		color: #d9e2ea;
	}
	
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
.pagetitle {
	position:relative;
	margin: 0px;
	padding: 10px 10px 10px 0px;
	width: auto;
	height: 45px;
	
	color: #7a9410;
	font: 32px/42px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-variant: small-caps;
}

.pagetopic {
	position:relative;
	margin: 0px;
	padding: 10px 10px 10px 0px;
	width: auto;
	color: #7a9410;
	font: 18 px/42px Verdana, Arial, Helvetica, sans-serif;
}
	

#tagline {
	position:relative;
	margin: 0px;
	padding: 10px 10px 10px 0px;
	width: auto;
	height: 45px;
	
	color: #7a9410;
	font: 18px/42px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	text-transform: uppercase;
}

.icons{
	float:right;
	text-align:left;
}

#main{
	position:relative;
	width: 900px;
	height:1000px;

	left:0px;
	float:left;
	background: url('media/images/banner_bg3.png') no-repeat left top;

}
#mainhotel{
	position:relative;
	width: 900px;
	height:1024px;

	left:0px;
	float:left;
	background: url('media/images/banner_bg3.png') no-repeat left top;

}

#mainmap{
	position:relative;
	width: 900px;
	height:1600px;

	left:0px;
	float:left;
	background: url('media/images/banner_bg3.png') no-repeat left top;

}

#mainprice{
	position:relative;
	width: 900px;
	height:1980px;

	left:0px;
	float:left;
	background: url('media/images/banner_bg3.png') no-repeat left top;

}
/*leftside---------------------------------------------------------------------------------------------------------*/
#left{
	position:absolute;
	left:0px;
	width:200px;
	height:0px;
	float:left;
	
	margin:0;
	padding:0px 0px 0px 10px;
	
}

#lefttext{
	position:relative;
	left:0px;
	top:0px;
	width:650px;
	height:1000px;
	float:left;
	text-align:justify;
		
	margin:0;
	padding:0px 0px 0px 10px;
	
		background: transparent;
}

	
/*rightside--------------------------------------------------------------------------------------------------------*/
#right{
	position:absolute;
	top:80px;
	left:665px;
	width:230px;
	height: auto;
	float:left;	

	margin:0px 0px 0px 10px;
	padding:0px;
}
/*maps -------------*/
#topics{
	position:static;
	left:0px;
	width:410px;
	height:auto;
	float:left;
	margin:0px 0px 0px 10px;
	text-align:left;
	padding:0px;
}

#topicsb{
	position:static;
	left:0px;
	width:auto;
	height:auto;

	margin:0px 0px 0px 10px;
	text-align:left;
	padding:0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	
}

#topicsc{
	position:static;
	left:0px;
	width:auto;
	height:auto;
	float:left;
	margin:0px 0px 0px 10px;
	text-align:left;
	padding:0px;
}

.kepek_l{
	position:relative;
	text-align:left;
	padding:10px 30px 10px 0px;
	z-index:10;
}

.kepek_r{
	position:relative;
	text-align:right;
	padding:10px 0px 10px 0px;
}

.map{
	position:relative;
	
	text-align:center;
	padding:0px 0px 0px 0px;

}

/*sidebar-----------------------------------------------------------------------------------------*/
#sidebox 0 {
	/*background: #FFFFFF url(media/images/widget_bg.jpg) repeat-x top left;
	z-index: -1;
	*/
	
	margin: 10px 4px 30px 0px;
	line-height:18px;
	float:left;	
	
	width:218px;
	height:208px;
	
	background: #fbf9e4 url('media/images/widget_bg.jpg') repeat-x top left;
	border:1px solid #9fc889;
	
	/*height: 208;*/
	
	
	border:1px solid #a3bc40;
	text-align:left;
	
	padding: 0px 0px 0px 0px;
	

	/*line-height:18px;*/
	font-size: 12px; 
}


#sidebox  {
	/*background: #FFFFFF url(media/images/widget_bg.jpg) repeat-x top left;
	z-index: -1;
	*/
	
	margin: 10px 4px 30px 0px;
	line-height:18px;
	float:left;	
	
	width:218px;
	height:208px;
	
	background: url('media/images/csaba_logo_02.png') no-repeat center	;
	
	/*height: 208;*/
	
	
	
	border:1px solid #a3bc40;
	text-align:left;
	
	padding: 0px 0px 0px 0px;
	

	/*line-height:18px;*/
	font-size: 12px; 
}

#sidebox2  {
	/*background: #FFFFFF url(media/images/widget_bg.jpg) repeat-x top left;
	z-index: -1;
	*/
	/*background: url('media/images/csaba_logo_02.png') no-repeat center ;
	z-index:-1;
	*/
	margin: 10px 40px 30px 0px;
	line-height:18px;
	float:left;	
	
	width:218px;
	left:0px;
	
	border:2px solid #cdcdcd;
	text-align:center;
		
	padding: 0px;

	font-size: 12px; /*margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:10px*/
}


#sidebox a {
	color: #666666;
	text-decoration:none;
	font-weight:bold;
}
	
#sidebox a:hover {
	color: #08a05f;
	}

/* ---- */

	.sidemenubox_l  {


	margin: 10px 40px 30px 0px;
	line-height:18px;
	float:left;	
}
	
	
	.sidemenubox  {
	
	background: #fbf9e4 url('media/images/widget_bg.jpg') repeat-x top left;
	border:1px solid #9fc889;

	line-height:18px;
	float:left; margin-left:0px; margin-right:10px; margin-top:0px; margin-bottom:10px	
}

	
/* ---- */

.sidemenubox h1{
	margin-left:10px;
	margin-top:10px;
}
.sidemenubox_l h1{
	margin-left:10px;
	margin-top:10px;
}
.buttons{
	margin:0px 0px 0px 0px;
	border:1px solid #9fc889;
}
/*-------------------------------------*/
/*-tobbszintu menu-*/
.sw{
z-index:-100;

}

.menu ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
	width: 180px; /* Width of Menu Items */ 
	border-bottom: 1px solid #ccc; 
} 

.menu ul li { 
	position: relative; 
} 

.menu li ul { 
	position: absolute; 
	left: 179px; /*Set 1px less than menu width */ 
	top: 0; 
	display: block; 
} 

.menu li:hover ul {
	display: block; 
} 

.menu li:hover>ul { 
	visibility:visible; 
	background:#3f5119;
} 

.menu ul ul {
	visibility:hidden; 
} 

/* Fix IE. Hide from IE Mac \*/ 
* html .menu ul li {float: left; height: 1%; } 
* html .menu ul li a {height: 1%; } 
/* End */ 

/* Make-up syles */ 

.menu ul, li { 
	margin: 0 0 0 0; 
} 

/* Styles for Menu Items */ 
.menu ul a { 
	display: block; 
	text-decoration: none; 
	background:#fff;
	
	padding: 5px; 
	border: 1px solid #ccc; 
	border-bottom: 0; 
} 

/* Hover Styles */ 
.menu ul a:hover { 
	text-decoration: none; 
	
} 

/* Sub Menu Styles */ 
.menu li ul a { 
	text-decoration: none; 
color: #838282;

	padding: 5px; 
	border: 1px solid #ccc; 
	border-bottom: 0; 
} 

/* Sub Menu Hover Styles */ 
.menu li ul a:hover { 

	border-bottom:1px solid #a8d292;
	border-top:1px solid #a8d292
} 

/* Icon Styles */ 
.menu ul a.submenu {} 
.menu ul a.submenu:hover {}


/*-------------------------------------*/
/* ---- */
.sidemenu_l{

	width:180px;
	height:auto;
	margin:10px 0px 0px 0px;
}
.sidemenu{
	width:218px;
	height:auto;
	margin:0px 0px 0px 0px;
}
/* ---- */

.sidemenu ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.sidemenu_l ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

/* ---- */
.sidemenu_l li{
	float:left;
	width:180px;
}
.sidemenu li{
	float:left;
	width:218px;
}
/* ---- */

.sidemenu_l ul li a {
	color: #fbf9e4;
	display: block;
    text-decoration: none;
	font-weight:bold;
	width:auto;
	font-size:12px;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #ffffff;
	background:url('media/images/sidemenu.jpg') no-repeat center left;; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:3px; padding-left:40px; padding-right:0; padding-top:3px; padding-bottom:6px
}	
	
.sidemenu ul li a {
	color: #838282;
	display: block;
    text-decoration: none;
	font-weight:bold;
	width:auto;
	font-size:12px;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #ffffff;
	background:url('media/images/sidemenu.jpg') no-repeat center left;; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:3px; padding-left:40px; padding-right:0; padding-top:3px; padding-bottom:6px
}
/* ---- */

.sidemenu_l li a:hover {
	color: #353a1b;
	background:#d9dfa3 url('media/images/sidemenu_h.jpg') no-repeat center left;
	border-bottom:1px solid #a8d292;
	border-top:1px solid #a8d292
}

.sidemenu li a:hover {
	color: #667221;
	background:#d9dfa3 url('media/images/sidemenu_h.jpg') no-repeat center left;
	border-bottom:1px solid #a8d292;
	border-top:1px solid #a8d292
}
/* ---- */

.sidemenu_l.active a {
	color: #353a1b;
	background:#d9dfa3 url('media/images/sidemenu_h.jpg') no-repeat center left;
	border-bottom:1px solid #a8d292;
	border-top:1px solid #a8d292
}
	
.sidemenu.active a {
	color: #667221;
	background:#d9dfa3 url('media/images/sidemenu_h.jpg') no-repeat center left;
	border-bottom:1px solid #a8d292;
	border-top:1px solid #a8d292
}
/* ------ */

.kep{
	position:relative;
	margin: 0px 16px 0px 0px;
	width:260px;
	height:370px;
	border:0px solid #cdcdcd;
}


/* ---hu-- */

#flagsidemenu{
	position: absolute;
	margin: 164px 0px 0px 0px;
}

.flags{
	position:relative;

	width:85px;
	height:15px;
	border:0px solid #cdcdcd;
}
.flags:hover {
	position:relative;

	width: 90px;
	height: 18px;
}

/**/
 .belsot{
  vertical-align:middle;
  text-align:center;
  width:378px;
  }

 .belsot_arak{
  vertical-align:middle;
  text-align:left;
  width:380px;
  }
  
  .col{
  vertical-align:middle;
  text-align:center;
  width:120px;
  }

 .col_arak_n{
  vertical-align:middle;
  text-align:left;
  width:320px;
  }

.col_arak_a{
  
  text-align:right;
  width:60px;
  } 
  

.odd {
  background: #def0b8;
  text-align:center;
  }
  
.odd_arak {
  background: #def0b8;
  }
  
  
.odd:hover {
  background: #d9dfa3;
  border: 1px solid #5b5a1c;
  color: #007221;
  font-weight:bold;
  }
 
.odd_arak:hover {
  background: #d9dfa3;
  border: 1px solid #5b5a1c;
  color: #007221;
  font-weight:bold;
  } 
  
.odd:hover th,
.odd:hover th {
  background: #d9dfa3;
  color: #007221;
  font-weight:bold;
  }

.odd_arak:hover th,
.odd_arak:hover th {
  background: #d9dfa3;
  color: #007221;
  font-weight:bold;
  }

/** WEBFORMS */
/** first set labels and items to appear next to each other */
/*
.webform-component-textfield label,
.webform-component-select label,
.webform-component-select .form-item .form-checkboxes,
.webform-component-select .form-item .form-radios{
   display:inline;
}
.webform-component-select .form-item .form-checkboxes .form-item,
.webform-component-select .form-item .form-radios .form-item,
fieldset .webform-component-select .form-item .form-checkboxes .form-item,
fieldset .webform-component-select .form-item .form-radios .form-item
{
   display:inline;
   white-space: nowrap;
   padding-right:20px;
}
/** ELEMENTS TO APPEAR NEXT TO EACH OTHER */
/*.webform-component-fieldset div.form-item{
   display:inline;
   padding-right:20px;
   float:left;
}
.webform-component-fieldset div.form-item .form-item{
   position: absolute;
   left: 25px;
}
.webform-component-textarea
{
  width:220px;
}
*/
.container-inline div, .container-inline label {
  display: inline;
}
/* Template Ends */

/*
** Resizable text areas
*/
.resizable-textarea {
  width: 95%;
}
.resizable-textarea .grippie {
  height: 9px;
  overflow: hidden;
  background: #eee url(../../misc/grippie.png) no-repeat center 2px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
}
html.js .resizable-textarea textarea {
  margin-bottom: 0;
  width: 100%;
  display: block;
}

/*
** Progressbar styles
*/
.progress {
  font-weight: bold;
}
.progress .bar {
  background: #fff url(../../misc/progress.gif);
  border: 1px solid #00375a;
  height: 1.5em;
  margin-top: 0.2em;
}
.progress .filled {
  background: #0072b9;
  height: 1em;
  border-bottom: 0.5em solid #004a73;
  width: 0%;
}
.progress .percentage {
  float: left;
}

/*
** Formatting for welcome page
*/
#first-time strong {
  display: block;
  padding: 1.5em 0 .5em;
}

/*
** To be used with tableselect.js
*/
tr.selected td {
  background: #ffc;
}
/* lightbox -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
/* 
	Lightbox v2 Project page styles	
	Author: Lokesh Dhakar http://www.lokeshdhakar.com
	Created: a long time ago (2006 I think)
	Table of Contents:
		layout
		typography
		
*/




/* layout
----------------------------------------------- */

*{
	margin: 0;
	padding:0;
	}
/*
body{
	background: #161613;
	color: #eee;
	font: 86% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	}
*/
#topborder{	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.0em;
	background-color: #c0dB5A;
	}

#sidebar{ position:fixed; top: 38px; left:20px;	width: 230px; }
* html div#sidebar  { top: 38px; left:20px;	width: 230px; position:absolute; }

#content{ margin: 45px 10% 5em 290px; max-width: 600px; }


/* typography
----------------------------------------------- */
/*
p {	line-height: 1.4em;	margin-bottom: 1.0em; font-size: 0.9em;}
p.lead { font-size: 1.0em; }

ol, ul{ margin: 0.5em 0 1.2em 2em; }	
ol, ul, dl { line-height: 1.4em; }
ol li{ margin-bottom: 0.2em; }
li{ font-size: 0.9em; }
li strong {color: #999;}
dl{ margin: 0.5em 0 1.2em 0; }
dt{
	xfont-size: 0.9em;
	font-weight: bold; color: #999;
	padding-top: 0.4em;
	}
dd{	
	font-size: 0.9em;
	margin-bottom: 1.0em;
	padding-bottom: 0.9em;
	border-bottom: 1px dashed #3d3d33;
	}

/*
h1, h2, h3{ font-family: "Trebuchet MS",Verdana,Sans-Serif;}

h1 { font-size: 2.3em; }
h1 a { color:#fff; border: none; }
h1 em{ font-size: 1.25em; color: #D0EB6A; font-style: normal; }

h2 {
	font-size: 1.5em;
	letter-spacing: 0.4pt;
	color: #D0EB6A;
	text-transform: uppercase;
	padding-top: 0.5em;
	}
h3 {
	font-size: 1.0em;
	letter-spacing: 0.2pt;
	color: #c0dB5A;
	text-transform: uppercase;
	padding-top: 0.5em;
	}

a, .contact-link{
	color: #8ad459;
	text-decoration: none;
	cursor: hand;
	}

#content p a:hover,
#content dd a:hover { border-bottom: 1px dotted #8ad459; }
a img{ 	border: none;}
*/
small{ font-size: 0.8em; }

pre{
	display: block;
	margin: 1em 0;
	padding: 0.5em;
	border-left: 6px solid #0d0d09;
	background-color: #000;
	overflow: auto;
	}

code{
	font-size: 11px;
	font-family: Verdana,Sans-Serif;
	background-color: #000;
	color: #8d8d73;
	padding: 0.3em 0.4em;
	}

pre code{
	padding: 0; margin: 0;
}

kbd{
	color: #555;
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 0 3px 2px 4px;
	}

fieldset{ border: none; }

/* sidebar
----------------------------------------------- */
#sidebar a{
	color: #fff;
	}


#sidebar h1 a{ font-weight: bold; }
#sidebar h1 a:hover{  }

#nav{ list-style: none; margin: 1.5em 0 1em 0;}
#nav li{ padding: 0; margin: 0; }
#nav a{
	display: block;
	height: 2.0em;
	padding: 0.3em 0.2em 0 0.8em;
	margin-bottom: 1px;
	color: #eee;
	background-color: #363633;
	}

#nav a:hover{
	color: #1a1a1a;
	background-color: #D0EB6A;
	}	


#sidebar .callout{ background-color: #333;
	border: 1px solid #222; 
	padding: 0.25em .5em;   }
#sidebar .callout a{ color: #8ad459;}
#sidebar .callout ul{ margin-top: -.45em; margin-left: 1em; margin-bottom: .4em; }

/* content
----------------------------------------------- */
#content ul{ margin-left: 4px;}
#content ul li{
	list-style: none;
	padding: 0 0 0 12px;
	background: url(..media/images/bullet.gif) no-repeat 0 6px;
	}
#content ul ul{ margin-top: 0;}
	
.download{
	background-color: #333;
	border: 1px solid #444; 
	padding: 0.7em 1.5em; }
.download:hover{
	background-color: #555;
	border: 1px solid #777;
	}
#content ul.download li{
	padding: 0.3em 0;
	background-image:none;
	}
.download img{ padding-right: 0.3em; }
.download li strong{ font-family: "Trebuchet MS",Verdana,Sans-Serif; font-size: 2.25em; color: #fff;}
.download li em{ font-style: normal; color: #D0EB6A; }

/* misc
----------------------------------------------- */

.section{
	border-top: 4px solid #3d3d33;
/*	padding: 1.4em 0 3.2em 0;
	overflow: auto;
	*/width: 100%;
	}
.first{ border-top: none; padding-top: 0px; padding-left: 20px;}

.thumbnail{
	padding: 3px 3px 3px 3px;
	background-color: #829232;
	border: 1px solid #2a2a2a;
	float: left;
	margin-left: 44px;
	margin-bottom: 10px;
	}	

.caption{ font-size: 0.9em; padding-top: 0.2em ;	}
/* lightbox  -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/










