* {
	margin: 0;
	padding: 0;
	font-family: ;
            
}


    /*   
        
      */                  
body {
        color: Black ;
        background-image: url(header.jpg);   
        background-repeat: repeat-x;
       
}

#uvod{
   width:auto;
   height:36px;
 background-image: url(img/uvod.png); 

}    

#header{
position:absolute;
margin:auto;
width:800px;
height:469px;
background-image: url(header.png);
}

#ram{
  position: relative;
  margin: auto;  
  width: 800px;
  min-height:900px;
  background-image: url(rolba.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
  border-left: medium #cccccc solid ;
  border-right: medium #cccccc solid;
   
}

#titulek{
position: absolute;
width: 100%;
height:30px;
bottom:0px;
background-color: #cacaca;
font-size:10px;
padding-top:2px;
text-align:center;
}

 #hlavicka{
height: 180px;
width: 800px;
position: relative;
left: 100px;
top: 22px;


}

#telo{
    position: relative;
    width: 500px;
    min-height: 400px;
    top: 260px;
    left:30px;
    color: black;
    font-family: Georgia, 'New York CE', utopia, serif;
	  font-size: 12px;    
    
    text-align: left;
   
 
}

#menubar{ 
    text-align:center;
    position: absolute;
    top: 160px;
    left: 6px;
    width:800px;
    height: 40px;
    text-align: center;
    font-family:Helvetica;
    font-weight: bold;
    color:  black;
    
}
#infopanel{
  position:absolute;
                  border-bottom: thin rgb(0,0,204) dashed;                  
                  top: 230px;
    left: 100px;
    width:800px;
    height: 20px;
     font-weight: bold;
     font-family: calibri;
     text-align: center;
}


.menu1{

    float:left;
   
   
     color:black;
  padding-top:7px;
   height:36px;
   width:76px;
   background-image: url(img/uvod.png);
   background-repeat: no-repeat;
   
}

.menu1:hover{
 color:black;
    background-image: url(img/uvod_a.png);
}


.menu2{

    float:left;
    color:black;
    padding-top:7px;
   height:36px;
   width:209px;
   background-image: url(img/snih.png);
   background-repeat: no-repeat;
}

.menu2:hover{
color:black;
    background-image: url(img/snih_a.png);
}
.menu3{

    float:left;
                 color:black;
    padding-top:7px;
   height:36px;
   width:124px;
   background-image: url(img/galerie.png);
   background-repeat: no-repeat;
}

.menu3:hover{
color:black;
    background-image: url(img/galerie_a.png);
}
.menu4{

    float:left;
       color:black;
    padding-top:7px;
   height:36px;
   width:99px;
   background-image: url(img/kontakt.png);
   background-repeat: no-repeat;
}

.menu4:hover{
color:black;
    background-image: url(img/kontakt_a.png);
}
#toplist{
  
   text-align: center;
    position: absolute;
    top: 570px;
    left: 620px;       
}

#pravysloupec{
  
   text-align: center;
    position: absolute;
    top: 410px;
    left: 560px;
    width:220px;  
    height:140px; 
    background-image: url(provoz2.png); 
    font-family: Georgia, 'New York CE', utopia, serif;
	  font-size: 14px;     
    
}

#pravysloupec2{
  
 
    text-align: center;
    position: absolute;
    top:260px;
    left: 560px;
    width:220px;  
    height:140px;
    background-image: url(provoz.png);
                                         font-family: Georgia, 'New York CE', utopia, serif;
	  font-size: 14px;
}

#pravysloupec3{
  
   text-align: center;
    position: absolute;
    top: -30px;
    left: 600px;
    width:220px;  
    height:70px;
    background-image: url(campoz.png);  
    background-repeat: no-repeat;
    
}

.obrazek{
    border:double;
    border-color:grey;
}
.webkamera{
top:77px;
left:600px ;
position:absolute;
width:200px;
height:85px;
background-image: url(img/kamera.png);
    
}

.webkamera:hover{
background-image: url(img/kamera_a.png);
}

.archiv{
top:123px;
left:640px ;
position:absolute;
width:85px;
height:28px;
background-image: url(img/archiv.png);
    
}

.archiv:hover{
background-image: url(img/archiv_a.png);
}

h3{
font-size: 14px;


}
 .text {
 	font-family: Georgia, 'New York CE', utopia, serif;
	font-size: 12px;
 	
}

#fototext{
	padding: 0px 25px 96px 25px;
	width: 742px;
	height: 645px;
}

 h2 {
		  font-weight: bold;
		  font-size: 12px;
 }

img{
	border:none;
	margin: 4px;
}

.hidden{
position:absolute;
left:0px;
top:0px;
visibility: hidden;
}