/* CSS Document */

body
{
background: url("88-3.png") top left repeat-x;
background-color: #0D8BFF;
margin: 0px 30px ;
padding: 0px 30px;
}




 p.patice {font-family:Monotype Corsiva;font size:24px;text-align:center  ;font-weight : bold }
 p.nadpis {font-family:Monotype Corsiva;font size:24px ;text-align:center  ;font-weight : bold ;position:top}
 

#obalovydiv
{
width: 100%;
margin: 0;

color: #333;


}

#hlavicka
{
padding: .5em;
background-color:  #1B950B;
border-bottom: 1px solid gray;
}

#levanavigace
{
 position: absolute;
float: left;
width: 180px;
margin: 3px 0 0 0;
padding: 0;
z-index:3;
height:1800px;
}

#pravanavigace
{
float: right;
width: 200px;
margin:  3px 0 0 0;
padding:  0;
z-index:2;
height:1800px;
}

#stred
{width:100% ;

{background-color: #B1D492};



}


p.clanky_prvni:first-line{ font-style:italic;color:blue}
   p.clanky_prvni:first-letter{font-size:30px;font-weight:bold;color:blue;float:left}
 p.clanky_druhe:first-line{font-style:italic;color:red}
   p.clanky_druhe:first-letter{font-size:30px;font-weight:bold;color:red;float:left} 




#paticka
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

#levanavigace p, #pravanavigace p { margin: 0 0 1em 0; }
#obsah h2 { margin: 0 0 .5em 0; }


#nav
{
width: 100%;
float: left;
background-color: url("88-5.png");
}

#nav ul
{
padding: 0;
}

#nav ul li
{
display: inline;
}

#nav ul
{
margin: 0;
padding: 0 0 0 7%;
color: #FFFFFF;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: .8em;
letter-spacing: 2px;
font-weight: bold;
}

#nav ul li a
{
padding: 0.2em 12px;
background-color: url("88-5.png");
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 5px solid url("88-5.png");
}

#nav ul li a:hover
{
background-color: #61C365;
color: #FFFFFF;
}

#nav li#active a
{
background-color: url("88-6.png");
color: #FFFFFF;
}






.menu
{
padding: 0;
margin: 0;
}

.menu a
{
text-decoration: none;
color: #333;
display: block;
width: 100%;
text-align: center;
}

.menu ul, .menu li
{
list-style-type: none;
margin: 0;
padding: 0 .5em;
}

ul.uroven1
{
width: 150px;
}




ul.uroven3
{
position: absolute;
line-height: 100%;
left: 149px;
top: 0;
width: 150px;
}





ul.uroven1 li.polozka1
{
position: relative;
font-weight: bold;
height: 50px !important;
line-height: 50px;
background: #fff url('88-1.png') 0 0 repeat-y;
padding: 0 .5em;
height: 1em;
border-bottom: solid #eee 2px;
}

ul.uroven2
{
position: absolute;
line-height: 100%;
left: 149px;
top: 0;
width: 150px;
background: #fff url('88-2.png') 0 0 repeat-y;
visibility: hidden;
padding: .3em .5em;
}

ul.uroven2 img
{
border: solid #368 2px;
}

ul.uroven2 li.polozka2 a
{
font-weight: bold;
text-align: left;
height: 30px;
line-height: 30px;
padding: 0 .5em .1em;
margin: 0 -.5em;
}


.menu a:hover
{
text-decoration: underline;
}

ul.uroven2 li.polozka2 a:hover
{
color: #d44;
background: #eee;
}

ul.uroven1 li.polozka1
{
behavior: url(hovermenu.htc);
}

ul.uroven1 li.polozka1:hover,
ul.uroven1 li.polozka1Hover
{
background: #fff url('88-1.png') -150px 0 repeat-y;
}

ul.uroven1 li.polozka1Hover ul.uroven2,
ul.uroven1 li.polozka1:hover ul.uroven2
{
visibility: visible;
}