body {
background: #E6E6E6;
font:10pt/1.5;
font-family:  verdana, sans-serif;
text-align: center;
vertical-align: top;
padding-top: 0px;
margin-top: 0px;
color: #000000;
height: 100%;
}
  h1 { font:1.7em }
  h2 { font:1.6em }
  h3 { font:1.1em }
  h4 { font:1em }
	h1,h2 { margin: 0.1em 0;
	font-family: arial, sans serif; font-weight: 800 }
	h3 { margin: 0.2em 1em;
	font-family: verdana, sans serif; font-weight: 700 }
  h4 { margin: 0.1em 0.4em;
	font-family: arial, sans serif; font-weight: 700 }
  p { margin: 0.5em 0.2em }
	ul { margin: 0.5em 1.5em }
	ol { margin: 0.5em 2em }
	a { color: #000000; font-weight: 400 }
	img { border: none;}
  table { width: 100%; margin: 0px; padding: 0px; border: none }
  

a:active {  font-weight: 400; font-variant: normal; color: #CCCCCC; text-decoration: none}
a:hover {  font-weight: 400; font-variant: normal; color: #000000; text-decoration: none}
a.mail {  font-weight: normal; font-variant: normal; color: #000000; text-decoration: underline}

#nosic {
font:10pt/1.5;
background: #FFFFFF;
width: 770px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#hlavicka {
width: 100%;
background: #00A652;
background-image: url("imag/home.jpg");
background-position: 100% 100%;
background-repeat: no-repeat;
padding: 0px;
color: #FFFFFF;
border-bottom: 1px solid #808080;
}
#hlavicka strong { color:black; font-weight: 700 }

#hlavickaporadna {
width: 100%;
background: #EB890E;
padding: 0px;
margin: 0;
color: #FFFFFF;
}

#hlavickaprevence {
width: 100%;
background: #00A652;
padding: 0px;
color: #FFFFFF;
border-bottom: 1px solid #808080;
}

#hlavickapedagog {
width: 100%;
background: #336CB3;
padding: 0px;
color: #FFFFFF;
border-bottom: 1px solid #808080;
}

#menu {
width: 110px;
padding: 4px;
float: left;
}

#stred {
width: 200px;
margin-top: 0;
margin-left: 4px;
pading: 5px;
float: left;
text-align: left;
background: #F8F8F8;
}

#terminy {
width: 200px;
margin-top: 0;
margin-left: 4px;
pading: 5px;
float: left;
background: #F6D300;
}


#stred2 {
width: 300px;
margin: 5px;
float: left;
text-align: left;
}

#obsah {
width: auto;
margin: 5px;
float: left;
padding-right: 10px;
}

#aktual
{
font-family:  arial, sans-serif;
font:10pt/1.5;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
border-top: 1px solid #808080;
background: #FFFCE9;
width: 293px;
margin: 3px;
padding: 0px;
float: left;
}

#aktual2
{
font-family:  arial, sans-serif;
font:10pt/1.5;
border-left: 1px dotted #808080;
border-right: 1px dotted #808080;
border-bottom: 1px dotted #808080;
border-top: 1px dotted #808080;
background: #FFFCE9;
width: 273px;
margin: 3px;
padding: 6px;

}

#aktual3
{
font-family:  arial, sans-serif;
font:10pt/1.5;
border: 1px solid #808080;
background: #F6D300;
width: auto;
margin: 3px;
padding: 6px;
float: right;
}


#aktual h2
{ 
background: #FFFCE9;
color: #808080;
margin-top: 0px
}
#aktual h4
{
font-weight: 700; 
background: #808080;
color: #FFFCE9;
margin: 0 15px
padding: 6px;
}

#lblok
{
width: 170px;
padding: 1px;
margin: 3px;
float: left;
}

#pblok
{
border-left: 1px solid #808080;
width: 170px;
padding: 3px;
margin: 3px;
float: left;
}
.h2cerv
{ 
background: #D3272F;
color: #FFFFFF;
margin-top: 0px
}
.h2modr
{ 
background: #336CB3;
color: #FFFFFF;
margin-top: 0px
}
.h2oranz
{ 
background: #EB890E;
color: #FFFFFF;
margin-top: 0px
}
.h2zel
{ 
background: #00A652;
color: #FFFFFF;
margin-top: 0px
}

a > h2
{ 
color: #FFFFFF;
}

#paticka {
width: 100%;
padding: 0px;
background: #E6E6E6;
color: #000000;
text-align: center;
clear: both;
}

#titulek {
 width: 315px;
 margin: 0;
 padding: 0;
 float: left;
 text-align: left; 
 }

#podtitul {
 margin: 8px;
 float: left;
 text-align: left;
 color: #000000;
 }
 
 #podtitulprevence {
 margin: 0px;
 padding: 6px;
 background: #CF0030;
 color: #FFFFFF;
 border-bottom: 4px solid #CCCCCC;

 }
 #podtitulporadna {
 margin: 0px;
 padding: 6px;
 background: #EB890E;
 color: #FFFFFF;
 border-bottom: 4px solid #CCCCCC;
 }
 #podtitulpedagog {
 margin: 0px;
 padding: 6px;
 background: #336CB3;
 color: #FFFFFF;
 border-bottom: 4px solid #CCCCCC;
 }
 #podtitulrodice {
 margin: 0px;
 padding: 6px;
 background: #00A652;
 color: #FFFFFF;
 border-bottom: 4px solid #CCCCCC;
 }
 
 
img.lev { float: left; margin: 5px }
img.pra { float: right }
.vlevo { text-align: left }
.vpravo { text-align: right }
.stred  { text-align: center }
.mezera { margin: 5px }
.bila { color: #FFFFFF }
.modra { color: #336CB3 }
.oranz { color: #EB890E }
.zelena { color: #00A652 }
.cerv { color: #CF0030 }
.cerna { color: #000000 }
.shad  { background: #CCCCCC }
.zluta  { color: #F6D300 }
.logo { margin-left: 3px;  }
.pism { font:10pt/1.5; }
.copy { font-weight: 600; text-align:right; font-size:80%; color: #FFFFFF; }
#obalec a {  font-weight: 600; font-variant: normal; text-decoration: underline}
.mini { font-size:80%; }