body {
  font-size: 1em;
	margin: 0;
  padding: 0;
	font-family:  Verdana, Arial, Helvetica, san-serif;
    background:  white url("../images/poz.jpg") repeat-x top;
	text-align: center; 
  font-weight: normal;

  height: 100%;
    	}

#obsah {
  width: 775px;
	margin: 0 auto 0 auto;
  padding: 0;
	text-align: left;

  background: white url("../images/str_poz.jpg") repeat-y top;
	      }
	      
	      
/*  ....................................................................foto nové okno*/        
    
    #obsahf {
position: relative; 
height: 100%;
width: 700px;

margin: 0 auto 0 auto; 
    padding: 0;
  text-align: center;
    }
    #obsahf img{

       margin: 0; 
       padding: 0;
       border: 0;

    }    
    #obsahf h2{
       color: gray;
       font-weight: bold;
       margin: 15px 0 10px 0; 
       padding: 2px 0;
              border-top: 2px solid gray;
              border-bottom: 2px solid gray;
      text-align: center;
       background: white;
       font-size: 1em;
    }
    
    #obsahf .odkazy{display: block; width: 100%;
       color: black;
       font-weight: normal;
       margin: 15px 0 10px 0; 
       padding: 2px 0;
              border-top: 2px solid gray;
              border-bottom: 2px solid gray;
      text-align: center;
       background: rgb(201,201,201);
       font-size: 1em;
    }
    
    #obsahf a {        font-size: 0.8em;
     font-weight: normal;
    text-decoration: underline;
                  color: black;
    }
    
        #obsahf a:hover {                   color: black;
    text-decoration: none;
    }
    



/* nadhlava  - horn?ruh.................................................................................................. */

#nadhlava
{  
  vertical-align: bottom;
  margin: 0;
  padding: 0 5px 4px 0;
	text-align: right;

    background:   url("../images/nadhlava.jpg") no-repeat right bottom;
  color: black;
  font-weight: normal;
  font-size: 0.8em;

	}


#nadhlava a { 	text-align: left;
   background:  transparent;
  padding: 0;
    margin: 0;  

  font-weight: normal;
    font-size: 1em;
  text-decoration: underline;
	color: black; 

}


#nadhlava a:hover {
   background:  transparent;
  text-decoration: none;

}
	
	
/* hlava  - horn?arfika.................................................................................................. */

#hlava
{   width: 775px;   height: 150px;
   border-bottom: 0px  rgb(42,69,140) solid;
  margin: 0;
  padding: 0;
	text-align: center;

    background:   url("../images/hlava.jpg") no-repeat right;
  color: black;
  font-weight: normal;
  font-size: 0.8em;

	}
	
	
#hlava h1
{  
  margin: 0;
  padding: 5px 0 0 0;
	text-align: center;

  color: black;
  font-weight: bold;
  font-size: 1.8em;

	}


/* nadhlava  - horn?ruh.................................................................................................. */

#podhlava
{   width: 775px;   height: 22px;
   border-bottom: 0px  rgb(42,69,140) solid;
  margin: 0;
  padding: 4px 0 0 0;
	text-align: left;

    background:   url("../images/podhlava.jpg") no-repeat right;
  color: white;
  font-weight: bold;
  font-size: 0.8em;

	}


#podhlava a { 	text-align: left;
   background:  transparent;
  padding: 0;
    margin: 0;  

  font-weight: normal;
    font-size: 1em;
  text-decoration: underline;
	color: black; 

}


#podhlava a:hover {
   background:  transparent;
  text-decoration: none;

}
	





#stranka
{ 
    width: 775px;
  margin: 0;
  padding: 0;

	text-align: center;

    background:   url("../images/strana.jpg") no-repeat  right top;
	}
	

/* hlavní menu .................................................................................................... */

#menul
{ position: relative;
 float: left; clear: both;
  width: 150px;
    font-size: 0.9em;
 background:  rgb(201,201,201) url("../images/menul.jpg") repeat-y  left;
   border-left: 1px  black solid;
   border-top: 0px  black solid;
   border-right: 1px   black solid;
   border-bottom: 1px   black solid;
    color: black;
  margin: 10px 0 10px 0;
    padding:  0;  
	text-align: left;
	}


#menul h3 {     font-weight: bold;
text-align: left;
  color: white;
    font-size: 1em;
   border-top: 1px  black solid;
   border-bottom: 1px black solid;
  margin: 0 0 5px 0;  
      padding:  1px 0 0 60px;
 background:  rgb(201,201,201) url("../images/menu.jpg") no-repeat left; 
}




#menul .aktual { 	text-align: left;
  	margin: 3px 0 0 10px;
position: relative;
display: block;
   border-left: 5px  silver solid;
  padding: 0 0 0 5px;
    font-size: 0.9em;

	color: black; 
	  font-weight: bold;
}

#menul .aktualm { 	text-align: left;
  	margin: 3px 0 0 10px;
position: relative;
display: block;
   border-left: 5px  rgb(0,122,255) solid;
  padding: 0 0 0 5px;
    font-size: 0.9em;

	color: rgb(0,122,255); 
	  font-weight: bold;
}

#menul .aktualc { 	text-align: left;
  	margin: 3px 0 0 10px;
position: relative;
display: block;
   border-left: 5px  red solid;
  padding: 0 0 0 5px;
    font-size: 0.9em;

	color: red; 
	  font-weight: bold;
}

#menul .aktualz { 	text-align: left;
  	margin: 3px 0 0 10px;
position: relative;
display: block;
   border-left: 5px yellow solid;
  padding: 0 0 0 5px;
    font-size: 0.9em;

	color: yellow; 
	  font-weight: bold;
}

#menul .aktualh { 	text-align: left;
  	margin: 3px 0 0 10px;
position: relative;
display: block;
   border-left: 5px rgb(171,113,82) solid;
  padding: 0 0 0 5px;
    font-size: 0.9em;

	color: rgb(171,113,82); 
	  font-weight: bold;
}

#menul .aktualcold { 	text-align: left;
  	margin: 3px 0 0 10px;
position: relative;
display: block;
   border-left: 5px rgb(30,190,196) solid;
  padding: 0 0 0 5px;
    font-size: 0.9em;

color: rgb(30,190,196);
	  font-weight: bold;
}

#menul .aktualsta { 	text-align: left;
  	margin: 3px 0 0 10px;
position: relative;
display: block;
   border-left: 5px green solid;
  padding: 0 0 0 5px;
    font-size: 0.9em;

color: green;
	  font-weight: bold;
}


#menul a { 	text-align: left;
  	margin: 3px 0 0 10px;
position: relative;
display: block;
   border-left: 5px  black solid;
  padding: 0 0 0 5px;
    font-size: 0.9em;
  text-decoration: underline;
	color: black; 
	  font-weight: normal;
}


#menul a:hover {    border-left: 5px  white solid;
  text-decoration: none;
	color: black; 
}





#box
{ position: relative;
  float: right;
     width: 600px;
  display: block;

      font-size: 0.9em;
  border: 0;
  margin: 15px  0 0 15px;
  padding: 0;
	text-align: left;
color: black;
	}

#box h2 {
text-align: left;
  color: rgb(42,69,140);
    font-size: 1.5em;
  margin: 10px 0 0 0;  
  padding: 2px 2px 4px 6px;
     
}

#box h3 {
text-align: left;
  color: black;
    font-size: 1.1em;
   border-bottom: 1px  black groove;
  margin: 0 0 5px 0;  
  padding: 3px 2px 3px 6px;
    background: rgb(230,230,230) ;     
}

#box h3.mod {
color: rgb(0,122,255);
}

#box h3.cer {
color: red; 
    }

#box h3.zlu {
color: yellow;
}

#box h3.hne {
color: rgb(171,113,82);
}

#box h3.cold {
color: rgb(30,190,196);
}

#box h3.sta {
color: green;
}

#box h4 {
text-align: left;
width: 300px;
    font-size: 1em;
  margin: 10px 0 0 0;  
  padding: 2px 2px 0 15px;
     
}

#box h4.modry {
color: white;
    background: rgb(0,122,255); 
     
}

#box h4.smodry {
color: black;
    background: rgb(0,188,188); 
     
}

#box h4.hnedy {
color: white;
    background: rgb(171,113,82); 
     
}

#box h4.zeleny {
color: white;
    background: green; 
     
}

#box h4.dlouhy {
text-align: left;
width: 500px;
    font-size: 1em;
  margin: 10px 0 0 0;  
  padding: 2px 2px 0 15px;
     
}



#box h5 {
text-align: left;
width: 300px;
    font-size: 1em;
  margin: 2px 0 0 0;  
  padding: 2px 2px 0 15px;
}

#box h5.modry {
color: white;
    background: rgb(0,122,255);      
}

#box h5.cerveny {
color: white;
    background: rgb(255,0,0);    
}

#box h5.zluty {
color: black;
    background: yellow;
    
}

#box h5.hnedy {
color: white;
    background: rgb(171,113,82);
    
}

#box h5.cold {
color: white;
    background: rgb(30,190,196);
    
}

#box h5.sta {
color: white;
    background: green;
    
}

#box .modry {
color: white;
    background: rgb(0,122,255);      
}

#box .cerveny {
color: white;
    background: rgb(255,0,0);    
}

#box .zluty {
color: black;
    background: yellow;
    
}

#box .hnedy {
color: white;
    background: rgb(171,113,82);    
}

#box .zeleny {
color: white;
    background: green;
    
}

#box 	ul {  padding: 0; 
         margin: 0 0 0 38px;
   list-style-type: square;
    font-weight: normal;
}



#box  li { list-style-position: outside;
    font-weight: normal;

         margin: 0 0 0 10px;   padding: 0;
	color: black; 
}

#box  li.nad { list-style-position: outside;
    font-weight: bold;
   list-style-type: circle;
         margin: 0 0 0 10px;  padding: 0;
	color: black; 
}

#box  li.refer { list-style-position: outside;
    font-weight: normal;
   list-style-type: circle;
         margin: 2px 0 0 30px;  padding: 0;
	color: silver; 
}

#box img {  padding:  0; 
              border: 0px solid rgb(139,113,62);
 margin:  5px 0 0 15px;
 }

#box img.uvod { float: right; 
              border: 0px solid rgb(139,113,62);
 margin:  0 0 0 10px;
 }
 
 #box img.levy { float: left; 
              border: 0px solid rgb(139,113,62);
 margin:  0 10px 0 0;
 }


#box img.akce {    border: 0;
text-align: center;
  color: rgb(204,0,0);
    font-size: 1.1em;
  margin: 0 0 0 10px;  
   
}

#box img.nahled {  padding:  0; 
              border: 0px solid rgb(139,113,62);
 margin: 20px 0 0  0;
 }

#box a { 	text-align: left;

  padding: 0;
    margin: 0;  

  font-weight: normal;
    font-size: 1em;
  text-decoration: underline;
	color: black; 
	  font-weight: normal;
}


#box a:hover {
	color: black; 
  text-decoration: none;

}




#box a.nadpis { 	text-align: left;
   background:  url("../images/menu.gif") no-repeat left top;
  padding: 0 0 3px 20px;
    margin: 0 5px 0 0;  
float: left;
  font-weight: normal;
    font-size: 1em;
  text-decoration: underline;
	color: rgb(204,0,0); 
	  font-weight: bold;
}


#box a.nadpis:hover {
   background:  url("../images/menua.gif") no-repeat left top;
  text-decoration: none;

}

#box p.stred {
text-align: center;  margin: 10px 0;
    }




#box .nahledy
{ position: relative;
  float: left;
  display: block;
  width: 170px;
  height: 180px;
      border: 1px solid silver;
  margin: 20px 0 0 10px; text-align: center;
    background:   rgb(246,246,246); 
  padding: 0;

	}
	
	
	#box .nahledyp
{ position: relative;
  float: left;
  display: block;
  width: 170px;
  height: 180px;
      border: 1px solid silver;
  margin: 20px 0 0 0; text-align: center;
    background:   rgb(246,246,246); 
  padding: 0;

	}

#box .fotka
{ position: relative;
  float: right;
  display: block;
  width: 510px;
  height: 510px;

  margin: 0; text-align: left;
      border: 0px solid rgb(42,69,140);
  padding: 0;

	}

#box .nadpis
{ position: relative;
  width: 100%;
  display: block;
	  font-weight: bold;
  color: rgb(42,69,140);
  margin: 0; text-align: center;
    background:   rgb(212,213,254);   
      border-bottom: 1px solid rgb(42,69,140);
  padding: 0;
  font-size: 14px;
	}

#box .nadpisd
{ position: relative;
  width: 200px;
  display: block;
	  font-weight: bold;
  color: rgb(42,69,140);
  margin: 0; text-align: center;
    background:   rgb(212,213,254);   
      border-bottom: 1px solid rgb(42,69,140);
  padding: 0;

	}
	
#box hr
{ clear: both;

	}

#box p.pravy
{ 
	  font-weight: bold;

  margin: 0; text-align: right;
    background:   rgb(246,246,246);   
      border: 1px solid silver;
  padding: 0 10px 2px 0;
	}

#box p.pravyd
{ 
	  font-weight: bold;
 clear: both;
  margin: 20px 0 20px 0; text-align: right;
    background:   rgb(246,246,246);   
      border: 1px solid silver;
  padding: 0 10px 2px 0;
	}
	
	
/* pravý byx - fotky .................................................................................................... */

#pbox
{ position: relative;
 float: right; 
  width: 260px;
    font-size: 0.9em;

   border: 0px  gray solid;

    color: black;
  margin: 0;
    padding:  5px;  
	text-align: center;
	}

input
{ width: 150px;
  height: 1.5em;
  background: white;
  font-weight: bold;
  font-size: 0.9em;
	color: rgb(42,69,140);
  font-style: normal;

	text-align: left;
 	border: 1px solid rgb(42,69,140);
	}

input .kniha
{ width: 200px;
  height: 18px;
  background: white;
  font-weight: bold;
  font-size: 13px;
	color: rgb(42,69,140);
  font-style: normal;
  margin:  2px 0;
  padding: 0 0 0 4px;
	text-align: left;
 	border: 1px solid rgb(42,69,140);
	}

input.tlacitko
{ width: 160px;  height: 20px;
	color: rgb(42,69,140);
	text-align: center;
  background: rgb(212,213,254);
  cursor: pointer;
 	border: 1px solid rgb(42,69,140);
	}


textarea
{ width: 250px;
  height: 80px;
  font-weight: bold;
  font-size: 0.9em;
	color: rgb(42,69,140);
  font-style: normal;
  margin:  0;
  padding: 0  4px;
	text-align: left;
 	border: 1px solid rgb(42,69,140);

	}


/* nadpata  - (c) Milan to?.................................................................................................. */

#nadpata
{      height: 22px;   clear: both;
  margin: 0;
  padding: 4px 10px 0 0;
	text-align: right;
  position: relative;
    background:   url("../images/nadhlava.jpg") no-repeat right;
  color: black;
  font-weight: bold;
  font-size: 0.8em;
  clear: both;
	}


#nadpata a { 	text-align: left;
   background:  transparent;
  padding: 0;
    margin: 0;  

  font-weight: normal;
    font-size: 1em;
  text-decoration: underline;
	color: black; 

}


#nadpata a:hover {
   background:  transparent;
  text-decoration: none;

}
	

/* nadhlava  - horn?ruh.................................................................................................. */

#podpata
{     height: 22px;
  position: relative;
  margin: 0;
  padding: 4px  0 0 10px;
	text-align: left;

    background:   url("../images/podhlava.jpg") no-repeat right;
  color: black;
  font-weight: bold;
  font-size: 0.8em;

	}


#podpata a { 	text-align: left;
   background:  transparent;
  padding: 0;
    margin: 0;  

  font-weight: normal;
    font-size: 1em;
  text-decoration: underline;
	color: black; 

}


#podpata a:hover {
   background:  transparent;
  text-decoration: none;

}
	



/* ***************************************************************   tabulky  */

table
{   	border: 0px solid rgb(255,0,0);
	}

table.refer
{    margin: 0 0 0 30px;
	}

th
{ vertical-align: middle;
  border-bottom: 2px solid gray;  
  font-size: 0.9em;
  color: black;
  font-weight: bold;
  top: 0;
  padding: 4px 5px 2px 5px;
	text-align: left;
	}

td.levy
{ vertical-align: top;
  width: 140px;
  font-size: 0.9em;
  color: black;
  font-weight: normal;

  margin: 0;
  padding: 0px 5px 2px 5px;
	text-align: right;
	}

td.levym
{ vertical-align: top;
  width: 130px;
  font-size: 0.9em;
  color: rgb(42,69,140);
  font-weight: normal;

  margin: 0;
  padding: 0px 5px 2px 5px;
	text-align: right;
	}

td.hornip
{ vertical-align: top;
  width: 160px;
	}

td.horni
{ vertical-align: top;

	}
	
	td.refp
{ vertical-align: top;
  width: 80px;
  font-size: 0.9em;
  color: black;
  font-weight: normal;
  margin: 0;
  padding: 0px 5px 2px 5px;
	text-align: right;
	border: 1px gray solid;
	}
	
		td.refl
{ vertical-align: top;
  width: 150px;
  font-size: 0.9em;
  color: gray;
  font-weight: bold;

  margin: 0;
  padding: 0px 5px 2px 5px;
	text-align: left;
	}
	
	td.ref
{ vertical-align: top;
  font-size: 0.9em;
  color: gray;
  font-weight: bold;

  margin: 0;
  padding: 0px 5px 2px 5px;
	text-align: left;
	}


td.pravy
{ vertical-align: top;
  font-size: 0.9em;
  color: gray;
  font-weight: normal;
  width: 160px;
  margin: 0;
  padding: 0px 5px 2px 5px;
	text-align: left;
	}


  
  /* ***************************************************************  tisk?a  */
@media print { 

#hlava { display: none;
	}

#menul { display: none;
	}
	
#box { float: left;
	}	

#pata { display: none;
	}
    }