/*zluta: rgb(255,204,0);
modra: rgb(52,39,129) ;
    */

body {  
        //text-align: center; 
        font-family: arial, verdana, sans-serif; 
        font-size: 12px; 
        
        background:rgb(52,39,129); 
        line-height:18px; 
        width:900px; 
        margin:10px auto ;
        }
         
#hlavicka 	{ text-align: left;
              position:relative; 
              display:block; 
              width:900px; 
              height:130px; 
               
            }
    
.logo 	{ position: absolute;
          left:0px;
          top:0px;         
          margin:0px 0px 0px 0px;
          padding:0px 0px 0px 0px;
          border: 0px solid blue; 
           }
    
   
           
.foto_hlav 	{ position: absolute;
              left:680px;
              top:3px; 
              margin:0px; }     

  
          
#menu 		{ display:block; 
            width:900px; 
            height:20px; 
            margin:0; 
            padding:0; 
            list-style:none; 
            text-align:center; 
            
             }
            
#menu li 		{ float:left; 
              width:180px;
                }

#menu li a 		{
            font-size: 14px;
	         text-decoration: none;
	         display: block;
	         line-height: 27px;
	         color: rgb(52,39,129);
	         font-weight: bold;
             background: url(../obr/menu_pozadi.jpg) repeat-x;
             
              }
              
#menu li a:hover { color: rgb(255,255,255);
                }
                         
#nav li.on 		{ display:block; 
                padding:0; 
                color:#EFEFEF;
                color: rgb(255,255,255); }
                
#obsah {        width:900px; 
                padding:0px 0px; 
                margin: 5px auto;
                min-height:600px; 
                background:rgb(255,255,255); 
                text-align:left;
                display:inline-block;
                }

#obsah #levy {   width:20%;
          float:left; 
          //min-height:500px; 
          background: url(../obr/bg_left.gif) no-repeat 100% 50%;
             }

#obsah #levy h2 { color:#999999; 
                  font-size:16px; 
                  font-weight:normal; }
                  
#obsah #stred { 
          width:80%;
          float: left;
          text-align: left;
         
                }
                          
#podmenu 		{ display:block; 
            margin:0px; 
            padding:20px; 
            list-style:none; 
            text-align:center; 
            
            
             }
             
#podmenu li a 		{
            font-size: 14px;
	         text-decoration: none;
	         display: block;
	         line-height: 40px;
	         color: rgb(52,39,129);
	         font-weight: bold;
           
              }
              
#podmenu li a:hover { color: rgb(255,204,0);
                }
             
h1        {   
          color: rgb(52,39,129);
          text-decoration: bold;

}
 
#ramecek h3, h2      {
        
          text-align: left;
          padding:0px; 
} 
 
 
h3       {
        
          
          padding:0px; 
} 
 
 
 h1, ol, dl { padding:8px 6px 3px; 
                          text-align: center;
                          
                          }

          
#ramecek     { 
              text-align: left;
               width:80%; 
              margin: 10px auto; 
              padding: 5px 10px 30px 10px;  
              background: rgb(233,233,233) ;  
              min-height: 300px;
          
              }
              
        
;p, h1, h2, ol, ul, dl { padding:2px 6px 4px; }



;table, th, td { font-family: arial, verdana, sans-serif; font-size: 12px; color: #333; }

;ol, ul, dir, menu, dd       		{ margin-left: 40px }

;ol              					{ list-style-type: decimal }

;ol ul, ul ol, ul ul, ol ol    		{ margin-top: 0; margin-bottom: 0 }


;#skip 				{ display: none; }

;a img, :link img, :visited img { border: none; }
;img 				{ display: block; }

a:link 				{ color: rgb(52,39,129); text-decoration: underline; }
a:visited 			{ color: rgb(52,39,129); text-decoration: underline; }
a:hover, a:active 	{ color: #DB7C7C; }

;.alignright		{ text-align: right !important; }
;.floatright		{ float: right; }
;.inline			{ display: inline; }

;.clear	{ clear: both;}

;.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
;.clearfix 		{ display:inline-block; } 
;/*\*/ .clearfix { display:block; } /**/ 

;h1		{
	font-size: 22px;
	line-height: 18px;
	font-weight: bold;
}
;h2 		{ font-size:18px; }



;#subnav, #subnav ul { margin:0; padding:0; list-style:none; }
;#subnav li { }
;#subnav li a { display:block; padding:5px 10px 5px 10px; height:1%; background:url(../images/bg_subnav.gif) no-repeat 100% 100%; text-decoration:none }
;#subnav li a:hover { background:#E9D1D1 url(../images/bg_left_nav_on.gif) no-repeat 100% 0; text-decoration:none; }


#paticka { display:block; 
          width:900px; 
          padding: 10px 0px; 
          margin: 5px auto auto auto;
          text-align: center;
   
          background: rgb(255,255,255)
           }