body {
    margin: 0 auto ;
    text-align: center;
    padding: 0px;
    background-image: url(images/index02.gif);
    background-color: #f1f0d9;
    background-repeat: no-repeat;

}

body, th, td {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*
Header
*/

.header{ 

	width: 862px;
	margin: 0 auto;
	
	
 }

.header table{ 

	&text-align: left;

	
 }



/*
Content
*/
.content{ 
        width: 862px;
	margin: 0 auto;
	text-align:left;
}

.nadpisy{ 
 width: 862px;
 margin: 0 auto;
 text-align:right;
 margin-top: -5px;
 _margin-bottom: -7px;
 padding-left: 0px;
 _padding-left:438px;
  &padding-left:0px;


 
}
.levy_nadpis{ 
 background-image:url(images/index13.jpg);
 width: 443px;
 height: 27px;
 float:right;
 text-align: left;
 line-height:27px;
 font-weight: bold;
 color: #447fa7;
}
 

.pravy_nadpis{ 
 background-image:url(images/index14.jpg);
 width: 209px;
 height: 27px;
 float:right;
 text-align: center;
 line-height:27px;
 font-weight: bold;
 color: #447fa7;
}

.vlajky{ 
 
 width: 210px;
 height: 19px;
 float:right;
 text-align:center;
 margin-top: -1px;
 _margin-top: -9px;
 &margin-top: -9px;
  _margin-bottom: -20px;
 
 

}


.menu{ 
  width: 210px;
  margin-top: 27px;
 _margin-top: 0px;  
 &margin-top: 0px;
 
 &margin-left: 40px;
 _margin-left: 0px;


   
}

.menu ul{ 
    
	margin-left: -40px;
	_margin-left: 0px;
	
}

.menu ul li{ 
         background-image:url(images/index04.gif)  ; 
	 background-repeat: no-repeat;
	 height: 31px;
	 width: 196px;
	 list-style:none;
	 padding-left: 10px;
	 padding-top:7px;
	 margin-bottom:-7px;
         _padding-top:10px;
	 _margin-top: 7px; 
         &padding-top:7px;
         &margin-top: 0px;


}

.menu ul li a{ 
     text-decoration: none;
     font-size:13px;
     color:#FFFFFF;
     font-weight: bold;
}

.menu ul li a:hover{ 
     text-decoration: none;
     font-size:13px;
     color:#447fa7;
     font-weight: bold;
}

.obal_menu{
	width: 210px;
	float:left;
        
	
	}
	
.obrazek_en {
	background-image:url(images/index10b.jpg);
	width: 210px;
	height: 230px;
        margin-top: 30px;
         &margin-top: 0px;
        _margin-top: 10px;
}
	
.obrazek{
	background-image:url(images/index10.jpg);
	width: 210px;
	height: 230px;
        margin-top: 30px;
         &margin-top: 0px;
        _margin-top: 10px;
}

.obal_stred{
	width:652px;
	background-image:url(images/index12.gif);
	float:left;
        _height: 570px;
        &min-height: 570px;
	min-height: 570px;

}

.obal_stred p{
         
	_margin-top: 10px;        
        &margin-top: -5px;
}

.levy{
	width:424px;
	_width:434px;        
        &width:424px;
	text-align:justify;
	margin-left: 0px;
	padding-top: 10px;
	_padding-top: 25px;
        &padding-top: 25px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 8px;
	_padding-right: 8px;
	float:left;
        color:#C8D7E5;        
        font-size: 13px;
}

.levy a
{
        color:#9dce3f;
}

.levy a:hover
{
        color:#9dce3f;
}

.levy ul 
{
        margin-left: -20px;
        &margin-left: 20px;
        _margin-left: 20px;
        list-style-type:disc;
        padding-right: 5px;
}

.levy ul li
{
       margin-bottom: 6px;
       &margin-bottom: 6px;
        _margin-bottom: 6px;
}

.p
{
float:right;
margin-left:5px
}
        
.l
{
float:left;
}
        

.levy p
{
        
        &margin-bottom: 15px;
        _margin-bottom: 15px;
        padding-right: 5px;
        margin-left:  5px;
        &margin-left: 5px;
        _margin-left: 5px;
}

.pravy h2
{
     font-size:13px;
     color:#447fa7;
     &margin-bottom: 10px;

}

.pravy p
{
        color:#838383; 
        &margin-bottom: 13px;
        &margin-top: 0px;
	
}


.pravy img
{
        _margin-bottom: -10px;
        _margin-top: -10px;
        &margin-bottom: -10px;
        &margin-top: -10px;
}

.levy img
{
         border:none;
	 _border:none;
}

.pravy h2 img
{
        _margin-bottom: 0px;
        &margin-top: -8px;

	
}

.pravy{
	width: 190px;
	_width:190px;        
        &width:190px;
	margin-top: 0px;
        &margin-top: 16px;
	margin-left: 443px;
        &margin-left: 442px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	_padding-left: 7px;
	padding-right: 0px;
	_padding-right: 3px;
	font-size: 13px;
	text-align:justify;
        

}

/*
Footer
*/

.footer{
	width: 862px;
	margin: 0 auto;
	text-align:right;   

}

.footer a{
	text-decoration: none;

}

.footer_obr1{
	visibility:visible;
   

}

.footer_obr2{
	visibility:hidden;
        margin-top: -30px;
       

}

.pokus {
	_margin-top:-3px;
        &margin-top: -3px;


}






/*
Todle tu bylo...
*/



.input1 {
}

.align-justify {
	text-align: justify;
}

.text1 {
    font-size: 11px;
    color: #FFFFFF;
}

.text2 {
    font-size: 11px;
    color: #4E4E4E;
}

.text3 {
    font-size: 9px;
    color: #4E4E4E;
}

a {
}

a:hover {
	text-decoration: none;
}

.bg1 {
    background-image: url(images/index02.gif);
    background-repeat: repeat-x;
}

/*
Styles that are applied on the containing element
like <TD></TD>. When applied, this will change both
the text and the text links inside them.
*/

.style1 {
    font-size: 10px;
    color: #C8D7E5;
}

.style1 a {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}

.style1 a:hover {
}

.style2 {
    font-size: 10px;
    color: #838383;
}

.style2 a {
    font-size: 11px;
    font-weight: bold;
    color: #B6B83F;
}

.style2 a:hover {
}

.style3 {
    color: #000000;
}

.style3 a {
    color: #000000;
}

.style3 a:hover {
}