#container
{ 
background: #dcdcdc;
min-width:52em;
max-width:63em;
padding: 2ex;
margin: 1em auto;
position: relative;}

body{background: #dcdcdc;}

h1 {color: blue; text-align: center; font-size: 20px;}
h2 {color: #cc0033;font-size: 20px;}
h3 {color: #cc0033; text-align: center;}
h4 {text-align: center; font-size: 20px;}
h5 {color: #cc0033;font-size:20}
h6 {color: blue; font-size: 20px;}

.top{position:absolute;width: 1100px;top: 0px;left: 50px; hight: 300px;background: #dcdcdc;}
.lavy{position:absolute;width: 180px;top: 180px;left: 0px; margin: 1em auto;background: #dcdcdc;}
.hlavny{position:absolute;top: 192px;width: 650px;left: 200px; background: #dcdcdc; padding: 1ex; text-align: justify;}
.pravy{position:absolute;top: 192px;left: 860px; width: 150px;background: #dcdcdc; padding: 1ex;}


.obrazok   {width: 120px;height: 84px;border: 0;}
.obrazok1   {width: 120px;height: 90px;border: 0;}
.obrazok2   {width: 90px;height: 120px;border: 0;}
.obrazok3   {width: 120px;height: 68px;border: 0;}
.obrazok4   {width: 120px;height: 120px;border: 0;}
A:link  {
    			COLOR : black;
          text-decoration: none
    		}

 A:visited  {
    			COLOR : black;
          text-decoration: none
    		}

 A:hover  {
    			COLOR : red;
          text-decoration: none
                     		}
                     		
                     		
#menu1 a {    
color:#ffffff;  
font-weight:bolder; 
text-decoration:none; 
text-transform:uppercase; 
font-family:Arial, Helvetica, sans-serif; 
}

#menu1 ul li ul {
display:none;
}

#menu1 ul li {
float:left;
list-style:none;
width:150px;
height:30px;
background:#02517F;
text-align:center;
padding-top:12px;
border-right:2px solid white;
}

#menu1 ul li:hover {
background: #466A7F;
text-align:center;
}

#menu1 ul ul {
margin-top:10px;
}

#menu1 ul li ul li {
margin-left:-40px;
}

#menu1 ul li:hover > ul {display:block;}
#menu1 ul li ul li {background: #49BBFF;}
#menu1 ul li ul li:hover {background: #466A7F;}