body {font-family: Verdana, Arial, Courier, sans-serif; font-size:12px; background-color: black;  text-align: left; color:white; behavior: url(csshover.htc);/*vycentrovanie pre IE*/} /* pro IE na win */

h1 {font-size: 120%; color:#F67F21;}
.small {font-size: 80%;}

.barva {font-size: 105%; color:#F67F21;}
.seda {color: #CCCCCC;}
.kur { font-style: italic;}
.ram{ border: 1px solid #333333;}

a, a:active {color:#F67F21;}

#logo{
display:block;
 width: 1024px; /*šírka layoutu*/
 height: 140px;
 text-align: left; /*zrušenie vycentrovania textu*/
 /*vycentrovanie v ostatných prehliadačoch*/
  background-image: url("img/logo.png");
}
 
#navigace {
 display:block;
 width: 1024px; /*šírka layoutu*/
 height: 40px;
 text-align:left; /*zrušenie vycentrovania textu*/
 background-image: url("img/navigace.png");/* border: 1px solid white;*/
}

#all {
 width: 1024px; /*šírka layoutu*/
 text-align: left; /*zrušenie vycentrovania textu*/
 margin: 0 ;/* border: 1px solid white;*/
}


div#I
	{display: block; float:left; text-align: left; color: white; height: 588px; width: 236px; background-image: url("img/I.png");/* border: 1px solid white;*/}

div#II
	{display: block; float:left; text-align: left; color: white; height: 588px; width: 535px;  background-image: url("img/II.png");/* border: 1px solid white;*/}

div#III
	{ font-size: 90%; display: block; float:right; text-align: left; color: white; height: 588px; width: 253px; background-image: url("img/III.png");/* border: 1px solid white;*/} 

div#IV
	{display: block; float:right; text-align: left; color: white; height: 588px; width: 788px; background-image: url("img/IV.png");} 

div#dano
	{ font-size: 90%; display: block; float:left; text-align: left; color: white; height: 588px; width: 236px; background-image: url("img/dano.png");/* border: 1px solid white;*/}
	
	
div#jozef
	{ font-size: 90%; display: block; float:left; text-align: left; color: white; height: 588px; width: 236px; background-image: url("img/jozef.png");/* border: 1px solid white;*/}

div#blank
	{ font-size: 90%; display: block; float:left; text-align: left; color: white; height: 588px; width: 236px; background-image: url("img/blank.png");/* border: 1px solid white;*/}   
	
.od {margin: 20px;}

div#nav {margin: 5px 0 0 0; font-size: 95%;text-align: left; float: left; color: white; }
div#nav ul {margin: 0; padding: 0;}
div#nav li {position: relative; list-style: none; margin: 0;float: left; width: 9em;}
div#nav li:hover {text-decoration: underline; background:#333333;}
div#nav li.submenu:hover {color: #F67F21; background:#333333; }
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em; text-decoration: none; width: 100%; voice-family: inherit; width: 8.5em;}
div#nav ul ul {position: absolute; width: 9em; display: none;background:#333333;}
div#nav li.submenu li.submenu:hover {color: #F67F21; text-decoration: underline;background:#333333;}
div#nav>ul a {width: auto;}
div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3
{display: block;text-decoration: underline;}
div#nav ul.level2 {top: 1.4em; background:#333333; }
div#nav a {color: white;}


.fl { float:left;}
div#angel {text-align: center;}

.kalendar {display: block; border-width: 1px 0px; border-style: ridge; border-color:#666666; font-size:bold; width: 750px; background-color: #1B1B1B; }