/*------------------------------ BODY -------------------------------------*/


#ochate{
	position: relative;
	width:780px;
	height:auto;min-height:100%;
	background: #fff;
	border:0px solid #0078d0;
	padding: 5px 5px 5px 5px;
	float: left;
}
/*--------------------------------INFORMACIE O CHATE --------------------------------------------------------*/
#ochate_foto{
	position: relative;
	width:250px;
	height:400px;
	background: #efefef;
	/*border:1px solid #0078d0;*/
	padding: 5px 5px 5px 5px;
	float: left;
	text-align:center;
	margin-left:10px;}
	
	#foto1{
		position: relative;
		width:215px;
		height:160px;
		background: #0090d5;
		float: left;
		margin-top: 5px;
		margin-left:15px;
}
	#fotox{
		position: relative;
		width:215px;
		height:40px;
		background:url("image/chataviacfoto.gif") no-repeat left top;
		float: left;
		margin-top: 15px;
		margin-left:15px;
		font-weight:bold;
		font-size:15px;}
		
	#fotox a {
		font-weight:bold;
		font-size:15px;	}
		
	#fotox a :hover{
		color:#8d9a74;}
	#fotox p {
		margin-top:10px;
		margin-right:10px;
		float:right;}
		
		
		
#ochate_basic{
	position: relative;
	width:500px;
	height:400px;
	
	padding: 5px 5px 5px 5px;
	margin-left:0px;
	float: left;}
	
	#nazovch{
	position: relative;
	width:468px;
	height:30px;
	background:url("image/chata_nazov.gif") no-repeat ;
	border:1px solid #0078d0;
	margin-left:5px;
	float: left;
	font-size:20px;
	font-weight:bold;
	color:#fff;}
	
	#nazovch p{
	margin-top:2px;
	margin-left:10px;}
	
	#nazovch h1{
	margin-top:2px;
	margin-left:10px;
	font-size:20px;
	font-weight:bold;}
	
	 
	#nazovchid{
	position: relative;
	width:468px;
	height:25px;
	background:url("image/chata_id.gif") no-repeat ;
	border:1px solid #0078d0;
	margin-left:5px;
	margin-top:15px;
	float: left;
	font-size:15px;
	color:#fff;}

	#nazovchid p{
	margin-top:2px;
	margin-left:10px;}

	#nazovchid h1{
	margin-top:2px;
	margin-left:10px;
	font-size:15px;}
	
	#infoch{
	position: relative;
	width:480px;
	height:290px;
	background: #fff;
	/*border:1px solid #0078d0;*/
	margin-top:15px;
	float: left;
	font-size:15px;
	font-weight:bold;
	color:#0078d0;}
	
	#infoch_no{
	position: relative;
	width:225px;
	height:25px;
	background:url("image/chatainfo_no.gif") no-repeat ;
	border:1px solid #0078d0;
	margin-left:7px;
	margin-top:5px;
	float: left;
	font-size:12px;
	font-weight:none;
	color:#0078d0;}
	
	#infoch p {
	margin-top:4px;
	margin-left:30px;}
	#infoch_yes{
	position: relative;
	width:225px;
	height:25px;
	background:url("image/chatainfo_yes.gif") no-repeat ;
	border:1px solid #0078d0;
	margin-left:7px;
	margin-top:5px;
	float: left;
	font-size:12px;
	font-weight:none;
	color:#0078d0;}
	#infoch_info{
	position: relative;
	width:225px;
	height:25px;
	background:url("image/chatainfo_info.gif") no-repeat ;
	border:1px solid #0078d0;
	margin-left:7px;
	margin-top:5px;
	float: left;
	font-size:12px;
	font-weight:none;
	color:#0078d0;}	
#ochate_menu_info{
	position: relative;
	width:766px;
	height:auto;min-height:100%;
	background: #efefef;
	border:1px solid #000099;
	padding: 5px 5px 5px 5px;
	float: left;
	text-align:justify;
	margin-left:0px;
	color:#000;}

#infoch_infoc{
	position: relative;
	width:225px;
	height:25px;
	background:url("image/chatainfo_infoc.gif") no-repeat ;
	border:1px solid #0078d0;
	margin-left:7px;
	margin-top:5px;
	float: left;
	font-size:12px;
	font-weight:none;
	color:#fff;}	
	
/*------------nastavenie menu--------------*/
#ochate_menu {
	float:left;
	width:766px;
	/*background:#efefef;*/
	font-size:93%;
	line-height:normal;	}

#ochate_menu ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	}

#ochate_menu li {
	display:inline;
	margin:0;
	padding:0;
	}

#ochate_menu a {
	float:left;
	background:url("image/tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}

#ochate_menu a span {
	float:left;
	display:block;
	background:url("image/tabright.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#000099;
	}
	
	
	#ochate_menu a.current {
	float:left;
	background:url("image/tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	background-position:0% -42px;
	}

	#ochate_menu  a span.current  {
	float:left;
	display:block;
	background:url("image/tabright.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#fff;
	background-position:100% -42px;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ochate_menu a span {float:none;}

/* End IE5-Mac hack */
#ochate_menu a:hover span {
	color:#FFF;
	}

#ochate_menu a:hover {
	background-position:0% -42px;
	}

#ochate_menu a:hover span {
	background-position:100% -42px;
	}
	
	
	

/*------------------------------------------------------------------------------------------------*/




/* definovanie farieb:
		color: #0090D5; slabo modrá 
		color: #8F9B77; slabo krémova

*/
		
BODY {
	FONT-SIZE: 12px;
	COLOR: #8F9b77;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align: center; /*vycentrovanie pre IE*/
	/*scrollbar-arrow-color: #999999;
	scrollbar-3dlight-color: #CC0000;
	scrollbar-highlight-color: #CC0000;
	scrollbar-face-color: #CC0000;
	scrollbar-shadow-color: #CC0000;
	scrollbar-darkshadow-color: #CC0000;
	scrollbar-track-color: #A40000;*/
	margin-left: 10px;
	margin-top: 10px;
	background: #dddfff;
	margin:auto;
	
}

html, body  {
	margin: 0px;
	padding: 0px;


}
/*
p  {
	margin: 10px;
	padding: 0px;}*/
a {
	color: #ffffff;
	
	font-size: 11px;
	text-decoration: none;
}
a:hover {

/*display: inline-block;
	display: -moz-inline-stack;*/
	color: #8d9a74;
	/*text-decoration: underline;*/
	
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
	}
	
	


/*-------------------------------VYSTREDENIE CELEJ STRANKY -------------------------------------*/
#celastranka {
	position: relative;
	top:0px;
	width: 1000px;
	height:auto;min-height:100%;
	background: #ffffff;
	margin:auto;
	float: middle;
	z-index: 1;

}



/*-------------------------------HLAVICKA-------------------------------------*/
#hlavicka  {
	position: relative;
	background:url(image/logo1.gif) no-repeat top left;
	/*background-image: url("logo1.jpg");
	background-repeat: no-repeat;*/
	top:0px;
	width:998px;
	height:100px;
	margin:auto;
	clear: both;
	z-index: 1;

	
}
#menu1 {
	position: relative;
	width:798px;
	height:76px;
	text-align: left;
	float:right;
	z-index: 1;
	
}
#menu2  {
	position: absolute;
	top:75px;
	left:205px;
	width:795px;
	height:25px;
	/*float:right;*/
z-index: 0;

	}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
	}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:2px;
	clear:left;
	float: left;
	
	}
hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}

#foxmenucontainer{
	
height:24px;
	background-image: url("menupozadie.gif");
	display:block;
	padding:0px 0px 0px 0px;

	}

#foxmenu{
	position:relative;
	display:block;
	height:24px;
	font-size:11px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	}

#foxmenu ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
	}

#foxmenu ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
	}

#foxmenu ul li a{
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	padding:5px 20px 0 20px;
	height:24px;
	background:transparent url(foxmenu_bg-OFF.gif) no-repeat top left;
	}

#foxmenu ul li a:hover{
	color:#fff;
	background:transparent url(foxmenu_bg-OVER.gif) no-repeat top right;
	
	}

#foxmenu ul li a.current,#foxmenu ul li a.current:hover{
	color:#fff;
	background:transparent url(foxmenu_bg-OVER.gif) no-repeat top right;
	
	}


#kontinenty{
	position: absolute;
	width:160px;
	height:24;
	background:#fff;
	top:45px;
	right:170px;
	z-index: 2;
	text-align: left; /*vycentrovanie pre IE*/
	padding:0px 0px 5px 0px;
}



#jazyk{
	position: absolute;
	width:250px;
	height:20;
	background:#fff;
	top:45px;
	right:00px;
	z-index: 3;
	text-align: left; /*vycentrovanie pre IE*/
	padding:0px 0px 5px 0px;
}


#slogan{
	position: absolute;
	width:975px;
	height:30px;
	background:#fff;
	top:4px;
	right:10px;
	z-index: 4;
	text-align: center; /*vycentrovanie pre IE*/
	padding:0px 0px 5px 0px;
	font-size:16px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	color: #0090D5;
}






#banner1{
	position: absolute;
	width:590px;
	height:25;
	background:#fff;
	top:0px;
	right:200px;
	z-index: 3;
	text-align: left; /*vycentrovanie pre IE*/
	padding:0px 0px 5px 0px;
	font-size:14px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
}

#rezervacia{
	position: absolute;
	width:400px;
	height:20;
	background:#fff;
	top:45px;
	right:390px;
	z-index: 3;
	text-align: left; /*vycentrovanie pre IE*/
	padding:0px 0px 5px 0px;
	font-size:14px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
}
/*-------------------------------STRED -------------------------------------*/
#stred{
	position: relative;
	width:998px;
	height:auto;min-height:100%;
	background:#fff;
	margin:auto;
	clear: both;
	text-align: left; /*vycentrovanie textu  pre IE*/
}
/*-------------------------------HORIZONTALNA 4- A -------------------------------------*/
#staty {
	position: relative;
	width:200px;
	height:auto;min-height:100%;
	background: #fff;
	float: left;
	margin-top:0px;
	margin-bottom:5px;
}

#statycontainer{
	/*height:24px;*/
	background: url(image/statycontainer2.gif) no-repeat bottom right;
	padding:5px 0px 5px 10px;
	COLOR: #8F9b77;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
		FONT-SIZE: 14px;
	COLOR: #8F9B77;
	border: 1px; border-style: solid; border-color: #0090D5;
		}
	
#statycontainer2{
	height:8px;
	width:8px;
	position: absolute;
	bottom:8px;
	right:8px;
	/*background: url(image/statycontainer2.gif) no-repeat;*/
	COLOR: #8F9B77;
	}
	


#staty ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
	}

#staty ul li{
	
	float:left;
	clear:both;
	margin:0 1px 0 0;
	padding:0px 0px 0 0px;
	width:195px;
	}

#staty ul li a{
	margin-top: 1px;
	float:left;
	color:#0090D5;
	text-decoration:none;
	padding:5px 0px 0px 10px;/*zarovnanie statov od kraja*/
	height:20px;
	width:195px;

	/*background:transparent url(foxmenu_bg-OFF.gif) no-repeat top left;*/
	}

#staty ul li a:hover{
	color:#0090D5;
	font-weight:bold;
	/*background:transparent url(foxmenu_bg-OVER.gif) no-repeat top right;*/
	}

#staty ul li a.current,#foxmenu ul li a.current:hover{
	color:#0090D5;
	font-weight:bold;
text-decoration:underline;
	

	/*background:transparent url(foxmenu_bg-OVER.gif) no-repeat top right;*/
	}

/*-------------------------------HORIZONTALNA 4- A -------------------------------------*/
#obsah{
	position: relative;
	width:792px;
	height:auto;min-height:100%;
	background: #fff;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	padding: 0px 0px 0px 0px;
	float: left;
}
#obsah2
{
	position: relative;
	top:5px;
	width:570px;
	height:auto;min-height:100%;
	/*background:url(image/grafika.jpg) no-repeat top left;*/
	float: left;
}


#grafika {
	position: relative;
	top:5px;
	width:570px;
	height:200px;
	
	background:url(image/grafika.jpg) no-repeat top left;
	float: left;
}

#ponuky_aktualne {
	position: relative;
	width:215px;
	height:auto;min-height:100%;
	float: right;
}

/*ponuka  prava aktualne cela iba text*/
#ponuka_aktualne_cela_text {
	position: relative;
	width:205px;
	height:auto;min-height:100%;
	left:0px;
	float: center;
	
	padding:0px 0px 0px 5px;
	top:0px;
	background: #fff;
	/*border: 1px; border-style: solid; border-color: #133984;*/
}









/*ponuka  prava aktualne cela*/
#ponuka_aktualne_cela {/*jedna aktualna ponuka nalavo*/
	position: relative;
	width:205px;
	left:0px;
	/*height:215px;*/
	float: center;
	/*background:url(image/akt_pon.gif) no-repeat top left;*/
	padding:5px 5px 0px 5px;
	top:5px;
	background: #fff;
	
}



#ponuka_aktualne {/*jedna aktualna ponuka nalavo*/
	position: relative;
	width:213px;
	left:0px;
	height:auto; 
	/* min-height:100%; */
	float: center;
	/*background:url(image/akt_pon.gif) no-repeat top left;*/
	padding:0px 0px 0px 0px;
	top:5px;
	border: 1px; border-style: solid; border-color: #0090D5;
}

#ponuka_aktualne_l {/*jedna aktualna ponuka nalavo*/
	position: relative;
	width:200px;
	left:0px;
	height:auto;
	/* min-height:100%; */
	float: center;
	/*background:url(image/akt_pon.gif) no-repeat top left;*/
	padding:0px 0px 0px 0px;
	top:5px;
	border: 1px; border-style: solid; border-color: #0090D5;
}


#ponuka_aktualne_foto {/*jedna aktualna ponuka nalavo*/
	position: relative;
	width:213px;
	height:154px;
	left:1px;
	top:1px;
	float:left;
}

#ponuka_aktualne_text {/*jedna aktualna ponuka nalavo*/
	position: relative;
	width:210px;
	height:44px;
	padding:0px Opx 0px 5px;
	clear:both;
	text-align: justify; 
	left:2px;
	float:left;
	
}

#ponuky_2 {
	position: relative;
	top:15px;
	width:570px;
	height:auto;
	/* min-height:100%; */
	background: #fff;
	float: left;
}

#ponuka2_aktualne1 {/*jedna aktualna ponuka nalavo*/
	position: relative;
	width:280px;
	top:5px;
	left:0px;
	bottom:5px;
	height:120px;
	background: #fff;
	float: left;
	background:transparent url(image/akt_pon2.gif) no-repeat top left;
	padding:0px 0px 5px 0px;
}
#ponuka2_aktualne1_foto {/*jedna aktualna ponuka nalavo*/
	position: relative;
	top: 1px;
	left: 1px;
	width:160px;
	height:120px;
	float:left;
}

#ponuka2_aktualne1_text {/*jedna aktualna ponuka nalavo*/
	position: relative;
	color: #666;
	width:116px;
	height:116px;
	padding:2px 2px 2px 2px;
	float:right;
	text-align: justify; 
	/*background: #CCCCFF;*/
}

	#ponuka2_aktualne1_text h1{
	font-size:12px;
	font-weight:bold;
	color: #007fd1;
	text-align: left; }


#ponuka2_aktualne2 {/*jedna aktualna ponuka nalavo*/
	position: relative;
	width:280px;
	top:5px;
	left:10px;
	bottom:5px;
	height:120px;
	background: #fff;
	float: left;
	background:transparent url(image/akt_pon2.gif) no-repeat top left;
	padding:0px 0px 5px 0px;
}


/*-------------------------------HORIZONTALNA 5- PATA  A-------------------------------------*/
#pata {
	position: relative;
	top:0px;
	width:998px;
	height:auto;
	/* min-height:100%; */
	background: #0090D5;
	margin:auto;
	clear: both;
	margin-top:5px;
	border-top: 0px; border-style: solid; border-color: #133984;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}




/* OTVARACIE MENU 1*/
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
	margin: 0;
	border: 1 none;
	padding: 0;
	width: 130px; 
	list-style: none;

	}

ul#navmenu:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#navmenu li {
	float: left; /*For IE 7 lack of compliance*/
	display: block !important; /*For GOOD browsers*/
	display: inline; /*For IE*/
	position: relative;
	}

/* Root Menu */
ul#navmenu a {
	border: 0px solid #0090D5;
	padding: 0 6px;
	display: block;
	background: #fff;
	color: #666;
	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
border-bottom: 1px solid #fff;
	background: #8F9B77;
	color: #FFF;
	}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	background: #8F9B77;
	color: #fff;
	width: 135px; 
	text-decoration: none;
	}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	background: #CCC;
	color: #FFF;
	text-decoration: none;
	}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	background: #CCC;
	color: #FFF;
	}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
	}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #CCC;
	color: #FFF;
	}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 20px;
	left: 20px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
	}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	}


/* OTVARACIE MENU 2*/
ul#navjazyk,
ul#navjazyk li,
ul#navjazyk ul {
	margin: 0;
	border: 1 none;
	padding: 0;
	width: 130px; 
	list-style: none;
	}

ul#navjazyk:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#navjazyk li {
	float: left; /*For IE 7 lack of compliance*/
	display: block !important; /*For GOOD browsers*/
	display: inline; /*For IE*/
	position: relative;
	}

/* Root Menu */
ul#navjazyk a {
	border: 0px solid #0090D5;
		padding: 0 6px;
	display: block;
	background: #fff;
	color: #666;
	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#navjazyk a:hover,
ul#navjazyk li:hover a,
ul#navjazyk li.iehover a {
border-bottom: 1px solid #fff;
	background: #8F9B77;
	color: #FFF;
	}

/* 2nd Menu */
ul#navjazyk li:hover li a,
ul#navjazyk li.iehover li a {
	background: #8F9B77;
	color: #fff;
	width: 135px; 
	text-decoration: none;
	}

/* 2nd Menu Hover Persistence */
ul#navjazyk li:hover li a:hover,
ul#navjazyk li:hover li:hover a,
ul#navjazyk li.iehover li a:hover,
ul#navjazyk li.iehover li.iehover a {
	background: #CCC;
	color: #FFF;
	text-decoration: none;
	}

/* 3rd Menu */
ul#navjazyk li:hover li:hover li a,
ul#navjazyk li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#navjazyk li:hover li:hover li a:hover,
ul#navjazyk li:hover li:hover li:hover a,
ul#navjazyk li.iehover li.iehover li a:hover,
ul#navjazyk li.iehover li.iehover li.iehover a {
	background: #CCC;
	color: #FFF;
	}

/* 4th Menu */
ul#navjazyk li:hover li:hover li:hover li a,
ul#navjazyk li.iehover li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
	}

/* 4th Menu Hover */
ul#navjazyk li:hover li:hover li:hover li a:hover,
ul#navjazyk li.iehover li.iehover li.iehover li a:hover {
	background: #CCC;
	color: #FFF;
	}

ul#navjazyk ul,
ul#navjazyk ul ul,
ul#navjazyk ul ul ul {
	display: none;
	position: absolute;
	top: 20px;
	left: 20px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navjazyk li:hover ul ul,
ul#navjazyk li:hover ul ul ul,
ul#navjazyk li.iehover ul ul,
ul#navjazyk li.iehover ul ul ul {
	display: none;
	}

ul#navjazyk li:hover ul,
ul#navjazyk ul li:hover ul,
ul#navjazyk ul ul li:hover ul,
ul#navjazyk li.iehover ul,
ul#navjazyk ul li.iehover ul,
ul#navjazyk ul ul li.iehover ul {
	display: block;
	}