/* 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 #FFE6D9; 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: #FFC1A4; }
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: #FFE6D9; }
.obsah #levypanel { float: left; width: 500px; }
.obsah #pravypanel { margin: 0px 0px 0px 520px; background-color:#FFF8F4; padding: 10px 15px 10px 15px }
.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; } 

/**
 *
 *      Ramecky v tabulce:
 *      ------------------
 *
 *      ruzne vykreslovani v ruznych prohlizecich je zpusobeno kombinovanim definice vzhledu pomoci CSS a atributu html elementu
 *      ( nastaveni borderu v CSS a zaroven u <table border="1" width="722">, coz je spatne. )
 *
 *      html ma zustat:
 *
 *		<table class="sirokaTabulka">
 *
 *      + k tomu css:
 *
 *      .sirokaTabulka { border-collapse: collapse; border: 0px none; }
 *      .sirokaTabulka tr td { border: 1px solid #D7B393; }
 *
 *      Pozn.: 	Mimochodem atribut width v <table border="1" width="722"> nemohl nikdy fungovat.
 *
 *              V CSS je v souboru bunkr.css na 50.radku nastavena width: 98%; kterou kdybys chtel prebit, tak dvema zpusoby:
 *
 *              a) pridat tabulce napr. class="sirokaTabulka" a v css zapsat specifictejsi zpusobem, nez je na 50.radku, tedy treba table.sirokaTabulka { width: 722px; }
 *              b) zapsat inline styl tabulce <table style="width: 722px;"> - tento zapis je uz mozne prebit jedine javascriptem, ktery by prirazoval jinou hodnotu
 *
 *      ---------------------------------------------------------------------------------------------------------------------------------------
 *
 *      Pokud chces nastavit tabulku tak, aby nemela vnejsi ohraniceni, ale jen ramecek vnitrnich bunek, tak jedine timto zapisem:
 *

		table tr:first-child td {
		  border-top: 0;
		}
		table tr:last-child td {
		  border-bottom: 0;
		}
		table tr td:first-child {
		  border-left: 0;
		}
		table tr td:last-child {
		  border-right: 0;
		}
		
 *      tak jako popisuji napr. zde: http://stackoverflow.com/questions/1257430/css-border-only-inside-the-table
 *
 *      tohle reseni ale zapsano pomoci jiz CSS 3 a ne CSS 2.1, ktere zobrazuji vsechny prohlizece.
 *      V MSIE 6 tenhle zapis 100% nefunguje. (osobně na explorer sestku uz par let kaslu ;) )
 *
 *      Obecne - kompatibilita techto selektoru je pekne popsana tady: http://www.quirksmode.org/css/contents.html
 *
 *      V podstate to funguje vsude az od IE 9, kterou skoro nikdo zatim nema, ostatni jako firefox, chrome, opera, safari atd to prelouskaji.
 *
 *      ---------------------------------------------------------------------------------------------------------------------------------------
 *
 *      Kdybys to porad chtel mit bez ramecku okolo, tak musis rucne pridat:
 *      jednu classu vsem bunkam v prvnim a poslednim radku a pak dalsi classu kazde bunce
 *      na zacatku radku plus tem co jsou v rohu jeste dalsi jine classy a na konci a nasledne je ostylovat.
 *
 *      => strasna drbacka a ani to za to nestoji :))))
 *
 *      Tak snad to pomohlo ;)
 *
 */

@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; }
}

/**
 *  Styl novinek - by Wjenceslaw
 */

.novinka { border-bottom: 1px solid #FFC1A4; padding: 10px 0; }
.novinka h2 { font-size: 100%; padding-bottom: 0; margin-bottom: 0; }
.novinka h2 span { font-size: 80%; padding-left: 10px; }
.novinka p { padding-bottom: 0; }
.novinka div { text-align: right; padding-right: 25px; }
.novinka a.vice { cursor: pointer; font-size: 80%; font-weight: bold; }
.novinka p.clanek2 { display: none; padding-top: 15px; padding-bottom: 10px; }

.strankovani { margin: 20px 0; text-align: center; }
.strankovani strong,
.strankovani a { display: inline-block; padding: 2px 4px; border: 1px solid #747E97; color: #747E97; background: #F5F4E7; text-decoration: none; margin: 0 2px; }
.strankovani a:hover { cursor: pointer; color: #000; background: #fff; }
.strankovani strong { background: #EDEAD5; border-bottom: 2px solid #000; }
.strankovani.top {  }
.strankovani.bottom {  }