body {
height: 100%;  
margin: 0px;
padding: 0px;
font-family: Arial, sans-serif;
/* font-size: 0.8em; */

background-color: #ffffff;


overflow: auto;   
^overflow: hidden;   
overflow-y: auto;   
overflow-x: hidden;   


}


.top2 td  {
font-family: Arial, sans-serif;
font-size: 95%; 
}


/* .main-obsah, .main-obsah th, .main-obsah td, .top2 td  {
font-family: Arial, sans-serif;
font-size: 85%; 
} */


.main-obsah, .main-obsah th, .main-obsah td, .top2 td  {
font-family: Arial, sans-serif;
font-size: 80%; 
}


.bottom-menu p, .bottom p  {
font-family: Arial, sans-serif;
font-size: 85%; 
}

.strip-menu, .strip-menu td  {
font-family: Arial, sans-serif;
font-size: 70%; 
}

.right-menu  {
font-family: Arial, sans-serif;
font-size: 75%; 
}

.bottom-menu td  {
font-family: Arial, sans-serif;
font-size: 75%; 
}

.left-menu, .left-menu-active, #strip-lang p  {
font-family: Arial, sans-serif;
}

.left p {
font-size: 80%; 
}

ol li p, ul li p, dl dt p, dl dd p {
font-size: 100%; 
}


dd, li {
margin-top: 2pt;
margin-bottom: 5pt;
}


dt {
margin-top: 15pt;
}



p {
margin-top: 2pt;
margin-bottom: 5pt;
}

p.news {
margin-top: 2px;
margin-bottom: 0px;
}

p.newsh {
margin-top: 4px;
margin-bottom: 4px;
font-weight: bold;
font-size: 1.25em; 
}

p.news-date {
margin-top: 0px;
margin-bottom: 4px;
text-align: right;
}
p.news-more {
margin-top: 6px;
margin-bottom: 4px;
text-align: right;
font-weight: italic;
}

p.newsb {
margin-top: 4px;
margin-bottom: 4px;
font-weight: bold;
font-size: 1.1em; 
}

.frontpage p  {
margin-top: 15px;  
margin-bottom: 5px;  
} 

.frontpage2 p  {
margin-top: 5px;  
margin-bottom: 5px;  
} 

.frontpage ul  {
margin-top: 0px;
margin-bottom: 15px;  
} 

ul.frontpage li {
font-size: 0.90em;  
list-style: square outside none;  
margin-top: 2px;
margin-left: -10px;
margin-bottom: 2px;  
} 


.strip-menu p {
margin-top: 0px;
margin-bottom: 0px;
}

.strip-menu form {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
padding: 0px;
vertical-align: center;
}

.strip-menu input {
/* vertical-align: center; */
border: 1px solid #999999;
}



small {
font-size: 0.90em; 
}

big {
font-size: 1.25em; 
}

h4 { font-size: 110%; margin-top: 10px; margin-bottom: 2px; }
h3 { font-size: 130%; margin-top: 10px; margin-bottom: 12px; }
h2 { font-size: 140%; margin-top: 10px; margin-bottom: 12px; }
h1 { font-size: 160%; margin-top: 10px; margin-bottom: 12px; }

h1.pflink { margin-left: 15px; display: block; color: #c33000; margin-top: 10px; margin-bottom: 2px;}
h2.pflink { margin-left: 15px; display: block; color: #c33000; font-size:160%; margin-top: 10px; margin-bottom: 2px;}

h2.jutitle { margin-left: 15px; display: block; color: #d45100; margin-top: 5px; margin-bottom: 2px;}
h3.jutitle { margin-left: 15px; display: block; color: #d45100; font-size:140%; margin-top: 5px; margin-bottom: 2px;}

.pflink a {
color: #c33000; text-decoration: none; 
 } 
.pflink a:hover {
color: #c33000; text-decoration: none;  
 }   


.top {
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
/* height: 110px; */
padding: 0px;
background-color: #f2a45a;
/* border: 1px solid #6699cc; */

/* background-image: url("hok3.jpg");  
background-repeat: no-repeat; */ 
/* background-image: url("hok1.jpg");  */

border: 1px solid #ffffff;
}



.top2 {
padding: 5px;
border: 0;
width: 100%;
}


.content {
padding: 0px;

position: relative;

_height: 100%; 

/* z-index: 3; */




}







.main-outer {

position: absolute; 
left: 0px;
/* top: 120px; */
top: 0px;
/* width: 100%; */
width: 100%;
padding: 0px;

margin: 0;
border: 0;
margin-bottom: 10px;

/* z-index: 3; */ 


}

.main {

width: 75%;
padding: 0px;
border: 0;
margin-bottom: 5px;
/* z-index: 0; */ 

}

.main-wide {
width: 100%;
padding: 0px;
border: 0;
margin: 0;
margin-bottom: 5px;

/* z-index: 0; */ 

}


.main-padder {
margin-left: 13em;
margin-bottom: 5px;
margin-right: 0px; 
margin-top: 5px;
}


.mainw-padder {
margin-left: 13em;
margin-bottom: 5px;
margin-right: 5px; 
margin-top: 5px;
}

.left {

position: absolute;

/* top: 120px; */
top: 0px;
left: 0px;
width: 13em;
min-width: 5em;
border: 0px;
padding: 0px;
z-index: 2;



}




#left-menu-all {
margin-left: 5px;
margin-top: 5px;
background-color: #e67215;
/*border: 1px solid #000099; */
border: 1px solid #ffffff;


padding: 5px;
}


.left-menu  {
background-color: #e67215;
/*border: 1px solid #000099; */
border: 1px solid #e67215;

padding: 0px;

padding-left: 5px;
padding-right: 5px;
}

.left-menu-active  {

/* background-color: #E6AC73; */
/*border: 1px solid #000099; */
/* border: 1px solid #663300; */

border: 1px solid #e67215;

padding: 0px;

padding-left: 5px;
padding-right: 5px;
}




.right {
position: absolute;

left: 75%;


/* top: 120px; */
top: 0px;
/* right: 0%; */

border: 0px;
padding: 0px;




z-index: 1;

}





.right-menu {
margin-left: 5px;
margin-top: 5px;
margin-right: 5px;
background-color: #f5bc85;
/* border: 1px solid #000099; */
border: 1px solid #ffffff;


padding: 5px;
}

.submenu {
font-family: Arial, sans-serif;
font-size: 80%; 

margin-left: 5px;
margin-top: 0pt;
margin-bottom: 2pt;
}

.left-menu p, .left-menu-active p {
margin-top: 3px;
margin-bottom: 0px;
} 


.ramecek {
border: 1px solid #ccc6c0;
}




.cl {

clear: both;  
margin: 0;
padding: 0;
border: 0;

}

.bottom {
/* position: absolute;  
overflow: hidden;  */
clear: both;

/* left: 0px;
bottom: 0px; */

/* position: relative; */


/* _width: 100%; */ 
padding: 0px;
margin-left: 5px; 
margin-right: 5px; 
margin-top: 5px;
margin-bottom: 10px;

background-color: #f2a45a;
border: 1px solid #ffffff;

z-index: 4;


}

.bottom-menu {
width: 100%;
text-align: center;
padding: 5px;
}



.strip {

/* _width: 100%; */ 
padding: 0px;
margin-left: 5px; 
margin-right: 5px; 
margin-top: 5px;
margin-bottom: 0px;

background-color: #f2a45a;
border: 1px solid #ffffff;

}

.strip-menu {
vertical-align: center;
padding: 2px;
width: 100%;
border: 0;
}




.stred {
text-align: center;
}


.red {color: #dd0000; } 

.blue {color: #0000dd; } 

#ju_logo {
/* width: 15.5em; */
width: 95px;

text-align: center;

 /* background-image: url("hok2b.jpg");  
background-repeat: no-repeat; */
}

#strip-searchbox {
/* width: 35em; */
width: 50%;
text-align: left;
}

#strip-searchbox input {
font-size: 90%; 
}



#strip-lang {
width: 25%;
text-align: right;
}


#footer-adresa {
width: 30em;
text-align: left;
}

#footer-middle {
/* width: 25%; */
text-align: center;
font-size: 70%;
vertical-align: middle;
}

#footer-webmaster {
/* width: 25%; */
text-align: right;
vertical-align: bottom;
}

#h1 {
height: 90px;
/* width: 500px;  */
/* background-image: url("h1_bg.gif"); */ 

/* background-repeat: no-repeat; */
}

#topcorner {
padding:5px;
text-align: right;
vertical-align: top;
width: 25%;
}



a {color: #963900; text-decoration: underline} 
.main-obsah a:visited {color: #640000; text-decoration: underline} 
.main-obsah a:hover {color: #dd7700; text-decoration: underline} 


.left-menu a {
color: #963900; text-decoration: none; 
 } 
.left-menu a:hover {
color: #ffffee; text-decoration: none; background-color: #963900; 
 } 

.left-menu-active a {
color: #963900; text-decoration: none; 
 } 
.left-menu-active a:hover {
color: #ffffee; text-decoration: none; background-color: #963900; 
 }  

 
a:hover {color: #dd7700; text-decoration: underline} 

a.red:link {color: #dd0000; text-decoration: underline} 
a.red:visited {color: #dd0000; text-decoration: underline} 
a.red:hover {color: #dd0000; text-decoration: underline} 


/* a.lmenu:hover {color: #0099ff; background-color: #cceeff; } */





.main-obsah  {
 margin-left: 5px;
 margin-right: 0px;
 padding: 10px;
 border: 1px solid #555555;
}



.main-obsah-inner  {
 
 min-height: 98em; 
 _height: 98em; 
 
}

/*
.main-obsah-inner  {
 
 min-height: 55em; 
 _height: 55em; 
 
} */



.block_red {display: block; background-color: #ffc8b3; width: 80%; 
padding: 10px; margin-top: 15px; margin-bottom: 15px; 
border: 1px solid #990000;
} 

a.block_red:link, a.block_red:visited  { text-decoration: none; text-align: center; width: 60%;  } 
a.block_red:hover {color: #ffffff; text-decoration: none; text-align: center; width: 60%; } 



.block_yel {display: block; background-color: #ffdd73; width: 80%; 
padding: 10px; margin-top: 15px; margin-bottom: 15px; 
border: 1px solid #666600;
} 

a.block_yel:link, a.block_yel:visited  { text-decoration: none; text-align: center; width: 60%;  } 
a.block_yel:hover {color: #ffffff; text-decoration: none; text-align: center; width: 60%; } 




.block_orng {display: block; background-color: #ffca74; width: 80%; 
padding: 10px; margin-top: 15px; margin-bottom: 15px; 
border: 1px solid #a65600;
} 

a.block_orng:link, a.block_orng:visited  { text-decoration: none; text-align: center; width: 60%;  } 
a.block_orng:hover {color: #ffffff; text-decoration: none; text-align: center; width: 60%; } 



.block_blu {display: block; background-color: #afd2ed; width: 80%; 
padding: 10px; margin-top: 15px; margin-bottom: 15px; 
border: 1px solid #000099;
} 

a.block_blu:link, a.block_blu:visited  { text-decoration: none; text-align: center; width: 60%;  } 
a.block_blu:hover {color: #ffffff; text-decoration: none; text-align: center; width: 60%; } 



.block_blu2 {display: block; background-color: #9fc2ed; width: 60%; 
padding: 10px; margin-top: 15px; margin-bottom: 15px; 
border: 1px solid #000099;
} 

a.block_blu2:link, a.block_blu:visited  { text-decoration: none; text-align: center; width: 60%;  } 
a.block_blu2:hover {color: #ffffff; text-decoration: none; text-align: center; width: 60%; } 



.block_gre {display: block; background-color: #b0f4b4; width: 80%; 
padding: 10px; margin-top: 15px; margin-bottom: 15px; 
border: 1px solid #009900;
} 

a.block_gre:link, a.block_gre:visited  { text-decoration: none; text-align: center; width: 60%;  } 
a.block_gre:hover {color: #ffffff; text-decoration: none; text-align: center; width: 60%; } 




.block_lil {display: block; background-color: #cdb1ef; width: 80%; 
padding: 10px; margin-top: 15px; margin-bottom: 15px; 
border: 1px solid #422c83;
} 

a.block_lil:link, a.block_lil:visited  { text-decoration: none; text-align: center; width: 60%;  } 
a.block_lil:hover {color: #ffffff; text-decoration: none; text-align: center; width: 60%; } 

.block_gray {display: block; background-color: #cccccc; width: 80%; 
padding: 10px; margin-top: 15px; margin-bottom: 15px; 
border: 1px solid #666666;
} 

a.block_gray:link, a.block_gray:visited  { text-decoration: none; text-align: center; width: 60%;  } 
a.block_gray:hover {color: #ffffff; text-decoration: none; text-align: center; width: 60%; } 


.block_white {display: block; width: 80%; 
padding: 10px; margin-top: 15px; margin-bottom: 15px; 
border: 1px solid white;
} 



.block_whiter {display: block; width: 80%; 
padding: 10px; margin-top: 15px; margin-bottom: 15px; 
border: 1px solid #993300;
} 

a.block_whiter:link, a.block_whiter:visited  { text-decoration: none; text-align: center; width: 60%;  } 
a.block_whiter:hover { text-decoration: none; text-align: center; width: 60%; } 


#uch_banner {display: block; width: 100%; 
padding: 0px; margin: 0px; height: 108px; 
border: 0px; text-decoration: none; text-align: center;  } 

#ucitel_banner {display: block; width: 100%; 
padding: 0px; margin: 0px; height: 36px; 
border: 0px; text-decoration: none; text-align: center; } 

#noveob_banner {display: block; width: 100%; 
padding: 0px; margin: 0px; height: 36px; 
border: 0px; text-decoration: none; text-align: center; } 


#uch_bannerr {display: block; width: 100%; 
padding: 0px; margin: 0px; height: 108px; 
border: 0px; text-decoration: none; text-align: center; 
background-image: url("/layout/uchazecum_banner_R.png");  
background-position: 0 -109; } 

#uch_bannerr:hover {
background-position: 0 0; } 

#ucitel_bannerr {display: block; width: 100%; 
padding: 0px; margin: 0px; height: 36px; 
border: 0px; text-decoration: none; text-align: center;  
background-image: url("/layout/ucitelem_banner_R.png");  
background-position: 0 -36; } 

#ucitel_bannerr:hover {
background-position: 0 0; } 




#uch_banner2 {display: block; width: 100%; 
padding: 0px; margin: 0px; height: 108px; 
border: 0px; text-decoration: none; text-align: center; 
background-image: url("/layout/uchazecum_banner_R2.png");  
background-position: 0 -109; } 

#uch_banner2:hover {
background-position: 0 0; } 

#ucitel_banner2 {display: block; width: 100%; 
padding: 0px; margin: 0px; height: 108px; 
border: 0px; text-decoration: none; text-align: center;  
background-image: url("/layout/ucitelem_banner_R2.png");  
background-position: 0 -109; } 

#ucitel_banner2:hover {
background-position: 0 0; } 


#noveob_banner2 {display: block; width: 100%; 
padding: 0px; margin: 0px; height: 108px; 
border: 0px; text-decoration: none; text-align: center;  
background-image: url("/layout/nove_obory_banner_R2.png");  
background-position: 0 -109; } 

#noveob_banner2:hover {
background-position: 0 0; } 




#uch_banner3 {display: block; width: 100%; 
padding: 0px; margin: 0px; height: 79px; 
border: 0px; text-decoration: none; text-align: center; 
background-image: url("/layout/uchazecum_banner_R3_.png");  
background-position: 0 -80; } 

#uch_banner3:hover {
background-position: 0 0; } 

#ucitel_banner3 {display: block; width: 100%; 
padding: 0px; margin: 0px; height: 79px; 
border: 0px; text-decoration: none; text-align: center;  
background-image: url("/layout/ucitelem_banner_R3_.png");  
background-position: 0 -80; } 

#ucitel_banner3:hover {
background-position: 0 0; } 


#noveob_banner3 {display: block; width: 100%; 
padding: 0px; margin: 0px; height: 79px; 
border: 0px; text-decoration: none; text-align: center;  
background-image: url("/layout/nove_obory_banner_R3_.png");  
background-position: 0 -80; } 

#noveob_banner3:hover {
background-position: 0 0; } 

.hp_banner {
margin-bottom: 4px; } 


.blackborder {
border: 4px solid black;
padding: 10px;
margin: 20px;
margin-top: 20px;
margin-bottom: 60px;
font-size: 0.95em; 
} 


table.tborder  {
border-collapse: collapse;
}

table.tborder td {
border: 1px solid #553333;
}

table.tborder td.noborder {
border: 0px;
}


.nowrap {
white-space: nowrap; } 



.uch_top {display: block; background-image: url('../../layout/uchazecum_top.png'); width: 100%; 
padding: 0px; margin: 0px; height: 86px; 
margin-bottom: 25px;
border: 0px; text-decoration: none; text-align: center; } 


#pruv_banner {display: block; width: 100%; 
padding: 0px; margin: 0px; 
margin-top: 2px;
margin-left: 5px;
border: 0px; text-decoration: none; text-align: center; } 

#ects_banner {display: block; width: 100%; 
padding: 0px; margin: 0px; 
margin-top: 2px;
margin-left: 5px;
border: 0px; text-decoration: none; text-align: center; }