/* základní definice  */
body {font-family: "Verdana CE", "Helvetica CE", Arial, sans-serif;color: #333333; margin: 0;padding: 0; text-align: center;background: url('../_img/back.gif') center #3399CC; overflow-x: hidden;} 
b {	font-style: normal; font-weight: bold; }
i  {font-style: italic; font-weight: normal; }
p, .obsah font { padding: 0px 5px 15px 10px; margin: 0; font-size: 75%; text-align: justify; }
h1, h2, h3, h4 { font-family: "Verdana CE", "Helvetica CE", Arial, sans-serif;	font-size: 120%;	padding: 0pt; margin: 0pt;	margin-bottom: 4px;	color: #747E97;	}
	
div.obsah h1 { font-size: 110%; padding: 5px 0px 5px 10px; margin-bottom: 15px; background: #F5F4E7; }
div.obsah h2 { font-size: 100%; padding: 0px 0px 10px 10px; }
div.obsah h3 { font-size: 90%; padding: 0px 0px 10px 10px; }
div.obsah h4 { font-size: 85%; padding-bottom: 10px; }
div.obsah h4 a { font-size: 100%; padding-top: 3pt; text-decoration: none; }
a  { color: #A93526; }
a:hover  { text-decoration: none;  }
hr { display: none }
hr.cleaner { display: block; visibility: hidden; clear: both; width: 100%; height: 1px; border: 0px none; font-size: 1px; }

#center	{	margin: 0px auto;	padding: 0;
	width: 820px;  /* bmh */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 800px;	 
	}
html>#center	{	width:800px; } 

#kosile {    width: 800px;	padding: 0;	margin: 0;    text-align: left; background-image : url('../img/blue.gif') repeat-x bottom #fff;	border-top: 2px solid white; }
#kosile strong u { display: block; }
#header {	background-image : url('../img/chorvatsko-dovolena.jpg') no-repeat top;	margin: 0; }
#header a.header { position: relative; display: block; width: 800px; height: 80px; }
#header a.header img { border: 0px none; display: none; }
.obsah { margin: 0; padding: 8px 8px 40px 8px; padding-top: 15px; background-color: #edead5; }
.obsah #levypanel { float: left; width: 590px; }
.obsah #pravypanel { margin: 0px 0px 0px 600px; }
.obsah #pravypanel h3 { margin: 0; padding: 5px 0px 15px 0px; font-size: 110%; }
.obsah #pravypanel p { padding: 0px 0px 10px 0px; margin: 0; }
.obsah #pravypanel table { position: relative; top: -10px; z-index: 0; }
.obsah #pravypanel table h2 { margin: 0; padding: 5px 0 0 0; }
.hide { display: none; }
.obsah ul {	margin-top: 1px; font-size: 75%; list-style-type: square; }
.obsah ol {	margin-top: 1px; font-size: 75%; }
.obsah ul ul, .obsah ol ol {	font-size: 100%; padding-left: 10px; }
.obsah table tr td ul, .obsah table tr td ol, .obsah ul p { font-size: 100%; padding-left: 90px; padding-top: 10px; }
.obsah table tr td ul li, .obsah table tr td ol li { padding-top: 5px; }
.obsah img.left { float: left; margin: 0px 10px 10px 0px; }
.obsah img.right { float: right; margin: 0px 0px 10px 10px; }
.obsah hr.linka { display: block; width: 100%; height: 1px; border: 0px none; border-bottom: #D02D2D; }
.obsah hr.cleaner { display: block; clear: both; width: 100%; height: 1px; border: 0px none; visibility: hidden; margin: -1px 0px 0px 0px; }
img {	border-color: white;}
div.obsah .podtrzeny, div.obsah .underlined { text-decoration: underline; }
div.obsah table { border-collapse: collapse; width: 98%; border: 0px solid #D7B393; font-size: 100%; margin: 0px 0px 20px 10px; }
div.obsah table thead {  }
div.obsah table thead tr { }
div.obsah table thead tr th { padding: 2px 4px; font-weight: bold; border: 0px solid #D7B393; }
div.obsah table thead tr th.left { text-align: left; }
div.obsah table thead tr th.center { text-align: center; }
div.obsah table thead tr th.right { text-align: right; }
div.obsah table tbody {  }
div.obsah table tbody tr {  }
div.obsah table tbody tr td { padding: 2px 4px; font-size: 80%; border: 0px none; }
div.obsah table tbody tr td.left { text-align: left; }
div.obsah table tbody tr td.center { text-align: center; }
div.obsah table tbody tr td.right { text-align: right; }
#spodek {	clear: both; font-size: xx-small;	letter-spacing: 1pt;    padding: 5px;background: #747E97;	margin: 0;	color: white;	text-align: center;	border-top: 2px solid white;	border-bottom: 2px solid white}
#spodek a { color: white }
div.footer {  }
div.footer h2 { color: #8B7B6B; }
div.footer div.anketa { float: left; width: 220px; }
div.footer div.anketa div.inner { padding: 20px; }
div.footer div.aktuality { float: right; width: 580px; }
div.footer div.aktuality div.inner { padding: 20px; }
div.footer div.aktuality p { position: relative; display: block; padding: 5px 140px 5px 0px; border-bottom: 1px solid #8B7B6B; }
div.footer div.aktuality span.datum { position: absolute; font-size: 90%; right: 5px; top: 5px; }




/* hover menu by Wjenceslaw */

div#topnav ul#topMenu {	width: 100%; }	
div#topnav ul#topMenu * {	z-index: 10; }	
div#topnav ul#topMenu, div#topnav ul{	padding:0; margin:0; list-style-type:none; }
div#topnav ul#topMenu li { margin: 0; padding: 0; white-space: nowrap; position: relative; display: inline; }
div#topnav ul#topMenu li li	{	display: block;  width: 210px; padding:0; }
div#topnav ul#topMenu li a { display: inline-block; padding: 5px 11px; z-index: 0; }
div#topnav ul#topMenu li ul.submenu	{	position:absolute; width: 210px; top: 19px; left: 0; display: none; }
div#topnav ul#topMenu li ul.submenu li ul.subsubmenu	{	position:absolute; width: 210px; top: 0; left: 210px; display: none; }
div#topnav ul#topMenu a span { position: absolute; right: 10px; top: 3px; } 
div#topnav ul#topMenu li ul.submenu li { margin: 0px 0px 0px 0px; display: block; }
div#topnav ul#topMenu li ul.submenu li a { display: block; padding: 5px 2px 5px 10px; z-index: 2; }
div#topnav ul#topMenu ul.hover	{	display: block;	} 
div#topnav ul#topMenu li.hover ul.submenu	{	display: block;	} 
div#topnav ul#topMenu li.hover ul.submenu li.hover ul.subsubmenu {	display: block;	}

div#topnav ul#topMenu {	background: #747E97; font-size: 11px; }	
div#topnav ul#topMenu a { color: #FFFFFF; text-decoration: none; background: #747E97; }
div#topnav ul#topMenu li ul.submenu li a {  border-bottom: 1px solid #fff; border-left: 3px solid #fff; }
div#topnav ul#topMenu a:hover { background: #CBD4E7; color: #617393; }
div#topnav ul#topMenu li ul.submenu li a:hover { background: #CBD4E7; color: #617393; }
div#topnav ul#topMenu li ul.submenu	{	background: transparent; }
div#topnav ul#topMenu a span { font-size: 15px; font-weight: bold; }
div#topnav ul#topMenu li ul.submenu li a 	{	background: #8592b2; } 

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body div#topnav ul#topMenu li ul.submenu	{	top: 24px; }
}