/* CSS Document */
body { background-color: #E8EDF5; font-family:  Helvetica, verdana, Tahoma; font-size: 15px; font-weight: bolder; overflow: auto; top: 0px; margin: 0px; padding: 0px; color: darkblue; overflow: hidden; height: 100%;}
#top {position: absolute; left: 0px; top:0px; z-index: 2;}
#jmeno {position: absolute; left: 10px; top:5px; z-index: 1;}
#left1 {position: absolute; left: 0px; top:69px; z-index: 2;}
#left3 {position: relative; left: 0px; top:0px; z-index: 2;}
#roh2 {position: absolute; left: 159px; top:69px; z-index: 2;}

/** Horni menu **/
/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
div#menu { position: absolute; left: 159px; top:69px; height: 21px; width: 840px; padding: 0px; margin: 0px; background-color: #144EAC; z-index: 1; text-align: center; list-style: none;}
div#menu .menu2 li.top {display:block; float:left; position:relative;}
div#menu .menu2 {position: relative;  left: 30px; text-align: center; font-weight: bold; color: #E8EDF5; margin: 0px;}
div#menu .menu2 li a.top_link {display:block; padding: 1px 10px 2px 10px; color: #E8EDF5; text-decoration: none; border-right: 1px solid #E8EDF5; cursor:pointer;}
div#menu .menu2 li a.top_link:hover {background-color: #0F70CB; color: white; margin: 0px; }

div#menu .menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/*Specialni vlastnosti polozek menu*/
div#menu #main {display:block; padding: 1px 10px 2px 10px; color: #E8EDF5; text-decoration: none; border-left: 1px solid #E8EDF5; cursor:pointer;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

div#menu .menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
div#menu .menu2 ul, 
div#menu .menu2 :hover ul ul, 
div#menu .menu2 :hover ul :hover ul ul,
div#menu .menu2 :hover ul :hover ul :hover ul ul,
div#menu .menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

div#menu .menu2 :hover ul.sub {left:-1px; top:21px; background: #144EAC; padding:3px 0; border:1px solid #fff; white-space:nowrap; width:93px; height:auto; font-weight: bold;}
div#menu .menu2 :hover ul.sub li {display:block; height:21px; position:relative; float:left; width:90px;}
div#menu .menu2 :hover ul.sub li a {display:block; height:21px; width:87px; line-height:21px; text-indent:5px; color:#fff; text-decoration:none; border:3px solid #144EAC; border-width:0 0 0 3px;}
div#menu .menu2 :hover ul.sub li a:hover {background:#0F70CB; color:#fff;}

div#menu .menu2 :hover ul :hover ul,
div#menu .menu2 :hover ul :hover ul :hover ul,
div#menu .menu2 :hover ul :hover ul :hover ul :hover ul,
div#menu .menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #0F70CB; padding:3px 0; border:1px solid #fff; white-space:nowrap; width:93px; z-index:200; height:auto;}

#leve_menu {position: absolute; left: 0px; top:100px; height: 505px; width: 159px; padding: 0px; margin: 0px; background-color: #CCE2FC; text-align: center; background-repeat: no-repeat; background-image: url("./obr_web/hvezda.gif"); background-position: 50% 50%;}
#reklama_leva { position: absolute; top: 165px; width: 159px; left: 50%; margin: 5px 0 0 -80px; padding: 0px;}
#leve_dole {position: absolute; left: 0px; bottom: 25px; width: 159px;  text-align: center; }
#myClockLeft { position: absolute; left: 50%; top: 50%; margin: -67px; padding: 0px;}
div#pocit {position: absolute; top: 585px; left: 0px; height: 20px; width: 157px; text-align: center; background-color: #94BAFC; font-family: Times New Roman; color: darkblue; margin: 0px; padding: 0px; border: 1px #94BAFC solid;}
div#pocit a { width: 157px; background-color: #94BAFC; color: darkblue; margin: 0px;}/*padding: 0px 30%;}
div#pocit:hover {background-color: #CCE2FC; border: 1px #94BAFC solid; height: 20px; width: 157px;}
div#pocit a:hover {background-color: #CCE2FC; height: 20px; width: 157px; padding: 0px 30%; margin: 0px; }*/
#okno {position: absolute; left: 159px; top: 90px; /*height: 84%;/*height: 518px;*/ width: 840px; padding: 0px; margin: 0px; border-width: 0px;}
div#lng {position: absolute; width: 50px; left: 949px; z-index: 3; text-align: right;}
.natesno {margin: 0px; padding: 8px;}
.kde {position: relative; width: 100%; text-align: center; z-index: 1;}

h3 {clear: both;}
h4 {font-family: Times New Roman;}
h4.datum {position:relative; margin: 0px; padding: 0px; float: right; clear: both;}
ul.bezo {list-style-type: none}
a {text-decoration:none; color: #E44A04;}
a:hover {background-color:#0F70CB; text-decoration:none; color: #FFF;}
img {border-width: 0px;}
img.info_leva { border: 5px #144EAC double;}
img.info_leva:hover { border: 5px #0F70CB double; background-color:inherit;}