/* $Id: vzhled.css, 2008/10/13 */

html, body{ 
  margin : 0; 
  padding : 0; 
  text-align : center; 
  background : url("images/bg.jpg") repeat;
  font-family : "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Helvetica CE", Arial, lucida, sans-serif;
  font-size : 12px;
} 
#strana{ 
  width : 770px; 
  text-align : left;  
  margin-left : auto; 
  margin-right : auto;
  background : #fff;
  border-color : #829299;
  border-width : 0 1px;
  border-style : none solid;
} 
#zahlavi{
  position : relative; 
  height : 120px; 
  background : #fff url("images/zahlavi.gif") repeat; 
  width : 100%;
}
#prava{
  width : 610px; 
  float : right; 
  position : relative; 
}
#text{
  margin : 2px 8px 5px 5px;
  line-height : 170%;
}
#text h1{
  padding-top : 10px;
  padding-bottom : 10px;
  font-size : 20px;
}
#text img {
  float : left;
  display : inline;
  margin : 5px 10px 5px 0;
  border : 0;
}
#text img.vpravo {
  float : right;
  display : inline;
  margin : 6px;
  border : 0;
}
#leva{
  width : 150px; 
  float : left; 
  position : relative; 
}
#menu {
  width : 150px;
  font-size : 12px;
  text-align : left;
}
#menu h3 {
  display : none;
}
#menu ul {
  margin : 0;
  padding : 0;
  text-align : left;
}
#menu li {
  background : transparent url('images/menu.gif') repeat;
  display : block;
  line-height : 24px;
  padding-left : 10px;
}
#menu a {
  color : #000;
  text-decoration : none;
  font-size : 12px;
  font-weight : bold;
}
#menu a:hover {
  color : #ff6805;
}
#zapati{
  height : 28px;
  background : transparent url('images/zapati.gif') repeat;
  text-align : center;
  font-weight : italic;
  color : #336633;
  clear : both;
}

.out{
	display: none;
}

.ram{
	background-color: #fff;
	padding: 1em;
	border: solid 0.1em #006460;
}
 /* *** Float containers fix : 
 http : //www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix : after {
  content :  "."; 
  display :  block; 
  height :  0; 
  clear :  both; 
  visibility :  hidden;
}

.clearfix{display :  inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height :  1%;}
.clearfix{display :  block;}
/* End hide from IE-mac */  



 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leva{display : none;} 

/*hide the right column when printing*/ 
#twocols, #maincol{width : 100%; float : none;}
}