body {
  font-size: 1em;
	margin: 0;
  padding: 0;
	font-family:  Verdana, Arial, Courier, sans-serif;
    background:  rgb(188,168,117) url("../images/poz4.jpg");
	text-align: center; 
  font-weight: normal;

  height: 100%;
    	}

#obsah {
  width: 775px;
	margin: 5px auto 0 auto;
  padding: 0;
	text-align: left;
    border: 2px  rgb(139,113,62) solid;
  background: rgb(188,168,117);
	      }
	

input
{ width: 150px;
  height: 18px;
  background: white;
  font-weight: bold;
  font-size: 0.9em;
	color: rgb(139,113,62);
  font-style: normal;

	text-align: left;
 	border: 1px solid rgb(139,113,62);
	}

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

input.knihav
{ width: 200px;
  height: 20px;
  background: white;
  font-weight: bold;
  font-size: 13px;
	color: rgb(139,113,62);
  font-style: normal;
  margin:  2px 0;
  padding: 0 0 0 4px;
	text-align: left;
 	border: 1px solid rgb(139,113,62);
	}

input.tlacitko
{ width: 160px;  height: 20px;
	color: white;
	text-align: center;
  background: rgb(139,113,62);
  cursor: pointer;
 	border: 1px solid white;
	}


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

	}


textarea.velka
{ width: 330px;
  height: 150px;
  font-weight: bold;
  font-size: 0.9em;
	color: rgb(139,113,62);
  font-style: normal;
  margin:  0;
  padding: 0  4px;
	text-align: left;
 	border: 1px solid rgb(139,113,62);

	}


	
	
/* hlava  .................................................................................................... */
#hlava-obal
{
  width: 100%;
	margin: 5px 0 5px 0;
  padding: 0;
	text-align: center; 
	}

#hlava
{   width: 775px;
   border: 0px  rgb(255,0,0) solid;

  margin: 0 0 5px 0;
  padding: 0;
	text-align: center;
  height: 155px; 
    background:   url("../images/hlavam.gif") no-repeat right;
  color: rgb(204,0,0);
  font-weight: bold;
  font-size: 2.5em;
	}

#hlava  a.uvod
{   width: 300px;

  padding: 0;
  margin: 0 5px 0 0;
  height: 155px; 

	}

#hlava img { float: left; 
              border: 0px solid rgb(111,111,209);
 margin: 5px 0 0 5px;
 }



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

	text-align: center;
   border-top: 2px  rgb(139,113,62) solid;
	}

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

#menul
{ position: relative;
 float: left;
  width: 200px;
    font-size: 0.9em;
background: rgb(188,168,117) url("../images/menul.jpg") repeat-y left;

   border-bottom: 4px  rgb(139,113,62) solid;
    color: black;
  margin: 8px 0 10px -8px;
    padding:  0;  
	text-align: left;
	}


#menul h3 {
text-align: left;
  color: white;
    font-size: 1.1em;
   border-top: 0 rgb(139,113,62) solid;
  margin: 0 0 5px 0;  
      padding:  0 0 0 23px;
    background:  rgb(139,113,62) url("../images/nadpis.gif") no-repeat left top;    
}




#menul .text
{   width: 100%;

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

#menul	ul {  padding: 0; 
         margin: 5px 0 15px 18px;
   list-style-type: square;
    font-weight: bold;
}



#menul li { list-style-position: outside;
    font-weight: bold;
    font-size: 0.9em;
         margin: 0;   padding: 0;
	color: white; 
}

#menul a { 	text-align: left;
  	margin: 3px 0 0 0;

  padding: 2px 0 3px 0;
    font-size: 0.9em;
  text-decoration: underline;
	color: white; 
	  font-weight: bold;
}


#menul a:hover {
  text-decoration: none;
	color: white; 
}

#menul .aktual { 	text-align: left;
   background:  url("../images/aktual.gif") no-repeat left top;
  	margin: 3px 0 0 0;
  	  	  height: 100%;
  	       display: block;
  padding: 2px 0 3px 25px;
    font-size: 0.9em;
	color: rgb(204,0,0); 
	  font-weight: bold;
}



#box
{ position: relative;
  float: right;
     width: 550px;
  display: block;
    background: transparent url("../images/h3_box.gif") no-repeat left top;
      font-size: 0.9em;
  border: 0;
  margin: 8px  10px 10px 10px;
  padding: 0;
	text-align: justify;
color: white;
	}
	
#box hr { color: rgb(139,113,62);
 }

#box h3 {
text-align: left;
  color: white;
    font-size: 1.1em;

  margin: 0 0 5px 0;  
      padding:  3px 0 3px 28px;
    background:   url("../images/nadpis.gif") no-repeat left top;    
}

#box h4 { clear: both;
text-align: left;
  color: white;
    font-size: 1.1em;
   border-left: 10px rgb(139,113,62) solid;
  margin: 5px 0 5px 15px;  
      padding:  3px 0 3px 5px;
  
}

#box h5 { clear: both;
text-align: left;
  color: white;
    font-size: 1em;
   border-left: 5px rgb(139,113,62) solid;
  margin: 10px 0 5px 15px;  
      padding:  0 0 0 5px;
  
}


#box p.pravy {
text-align: right;
  color: white;
  margin: 0 0 5px 0 ;  
      padding:  3px 5px 3px 5px;
   border-top: 1px rgb(139,113,62) solid; 
      border-bottom: 1px rgb(139,113,62) solid;  
}

#box p.pravyk {
text-align: right;

  margin: 0 0 5px 0 ;  
      padding:  3px 5px 3px 5px;
 
}

#box p.levy {
text-align: left;
  color: white;
  margin: 0 0 5px 0 ;  
      padding:  3px 5px 3px 15px;
   border-top: 1px rgb(139,113,62) solid; 
      border-bottom: 1px rgb(139,113,62) solid;  
}

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



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

         margin: 0;   padding: 0;
	color: white; 
}

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


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

#box img.prvni {                  border: 1px solid rgb(139,113,62);
float: left;
  color: rgb(204,0,0);
    font-size: 1.1em;
 margin:   0 10px 10px 0; 
  
}

#box a { 	text-align: left;

  padding: 0;
    margin: 0 ;  

  font-weight: normal;
    font-size: 0.9em;
  text-decoration: underline;
	color: white; 
	  font-weight: bold;
}


#box a:hover {

  text-decoration: none;

}


#box a.amapa { 	text-align: left;
   background:  transparent;
  padding: 2px 0 3px 0;
    margin: 0 0 0 0;  
float: none;
  font-weight: normal;
    font-size: 0.9em;
  text-decoration: underline;
	color: rgb(204,0,0); 
	  font-weight: bold;
}


#box a.amapa:hover {
   background:  transparent;
  text-decoration: none;

}

#box a.nadpis { 	text-align: left;

  padding: 0;
    margin: 0 ;  

  font-weight: normal;
    font-size: 1.1em;
  text-decoration: underline;
	color: white; 
	  font-weight: normal;
}


#box a.nadpis:hover {
	  font-weight: normal;
  text-decoration: none;

}

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




#box .nahledy
{ position: relative;
  float: left;
  display: block;
  width: 170px;
  height: 170px;
  color:  rgb(139,113,62);
  margin: 3px; text-align: center;
      border: 1px solid rgb(139,113,62);
  padding: 10px 0 0 0;
text-align: center;
	}

#box .polozka
{ position: relative;
  float: left;
  display: block;
  width: 100%;
  color:  black;
  margin: 3px; text-align: center;
      border: 1px solid rgb(139,113,62);
  padding: 10px 3px 3px 3px;
text-align: left;
	}
	
#box .pigment1
{ position: relative;
  float: left;
  display: block;
  width: 170px;
  height: 130px;
  color:  white;
  vertical-align: bottom;
  margin: 10px 3px; 
  text-align: center;
  padding: 0;
text-align: center;
	}
#box .tadelakt
{ position: relative;
  float: left;
  display: block;
  width: 170px;
  height: 160px;
  color:  white;
  vertical-align: bottom;
  margin: 10px 3px; 
  text-align: center;
  padding: 0;
text-align: center;
	}
  	
	#box .pigment_s
{ position: relative;
  float: left;
  display: block;
  width: 170px;
  height: 70px;
  color:  white;
  vertical-align: bottom;
  margin: 10px 3px; 
  text-align: center;
  padding: 0;
text-align: center;
	}
	
#box hr {
clear: both;
	}

/* pata  .................................................................................................... */
#pata-obal
{ position: relative;  clear: both;
  width: 100%;
	margin: 15px 0 0 0;
  padding: 0;
	text-align: center; 
	}

#pata
{  background: rgb(139,113,62);
     border-top: 2px  rgb(139,113,62) solid;
  width: 775px;
  margin: 0;
  padding: 3px 0 0 10px;
	text-align: left;
  color: white;
  font-weight: bold;
  font-size: 0.8em;
	}
#pata p.pravy { 	text-align: right;

  	margin: 3px 0 0 0;
  padding: 2px 10px 3px 20px;

    font-size: 1em;

	color: white; 
	  font-weight: bold;
}
	
#pata a { 	text-align: left;

  	margin: 3px 0 0 0;
  padding: 2px 0 3px 20px;

    font-size: 0.9em;
  text-decoration: underline;
	color: white; 
	  font-weight: bold;
}


#pata a:hover {

  text-decoration: none;

}

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

table
{   	border: 1px solid rgb(139,113,62);
      width: 500px;
      margin: 5px 0 5px 10px; 

	}

table.kontakty
{   	border: 0px solid rgb(139,113,62);
      width: 500px;
      margin: 5px 0 5px 10px; 

	}

td.levy
{ vertical-align: top;
  border: 0px solid rgb(139,113,62);  
  font-size: 0.9em;
  color: white;
  font-weight: bold;
  top: 0;
  background: transparent;
  padding: 2px 5px 2px 5px;
	text-align: right;
	}

td.pravy
{ vertical-align: middle;
  border: 0px solid rgb(139,113,62);  
  font-size: 0.9em;
  color: white;
  font-weight: normal;
  top: 0;
  padding: 2px 5px 2px 5px;
	text-align: left;
	}

td.pravyk
{ vertical-align: top;
  border: 0px solid rgb(139,113,62);  
  font-size: 0.9em;
  color: white;
  font-weight: bold;
  top: 0;
  padding: 2px 5px 2px 5px;
	text-align: right;
	}


th
{ vertical-align: middle;
  border: 1px solid rgb(139,113,62);  
  font-size: 0.9em;
  color: rgb(139,113,62);
  font-weight: bold;
  top: 0;
  background: white;
  padding: 2px 5px 2px 5px;
	text-align: center;
	}

td
{ vertical-align: middle;
  border: 1px solid rgb(139,113,62);  
  font-size: 0.9em;
  color: rgb(139,113,62);

  top: 0;

  padding: 2px 5px 2px 5px;
	text-align: center;
	}

td.nic
{ 
  border: 0px solid rgb(139,113,62);  
	text-align: left;
	}



/*  ....................................................................foto nové okno*/        
    
    #obsahf {
position: relative; 
height: 650px;
width: 600px;
       background:   rgb(241,241,241);
margin: 0 auto 0 auto; 
    padding: 0;
  text-align: center;
    }


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

#hlava { display: none;
	}

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

#pata { display: none;
	}
    }