/* CSS Document */
body {
 background-color:#333333;
 color:#000000;
}

p {
  padding: 0px 20px 20px 20px; 
}

li {
 text-align:left;
 padding: 0px 0px 0px 50px;
 letter-spacing:0.5;
}

#stranka {
  width:900px;
  height:620px;
  margin: 0 auto;
   background-image:URL("Images/poz.png");
   background-repeat:repeat-y;
  background-color:#222222;
  
}

#vrstvy {
  width:620px;
  height: 480px;
 }


#vrstva1, #vrstva2, #vrstva3, #vrstva4{    
  position:relative;      
  background-color:#114b52;
  width:192px;
  height:192px;
  border-style:solid; 
	border-width:1px;
	border-color:#8fa086;
  text-align: center;
  
}

#vrstva1 {
   left:290px;
   top:20px;
    background-image:URL("Images/uvod_rozvadzac.jpg");
   background-repeat:no-repeat;
   background-position:center center;
}
  
#vrstva2 {
   left:370px;
   top:50px;
    background-image:URL("Images/uvod_domacnost.jpg");
   background-repeat:no-repeat;
   background-position:center center;
}
 #vrstva3 {
   left:144px;
   top:-106px; 
    background-image:URL("Images/uvod_revizie.jpg");
   background-repeat:no-repeat;
   background-position:center center;
} 
 #vrstva4 {
   left:60px;
   top:-520px;
    background-image:URL("Images/uvod_montaze.jpg");
   background-repeat:no-repeat;
   background-position:center center;
  
}

#centralvrstva{      
    position:relative;
    width:510px;
    height:460px;
    left:58px;
    top:-779px;
    padding:0px 0px 0px 0px;
    background-color:999999;
    opacity: 0.75;                        
}

#centralvrstvain0{      
    position:relative;
    width:310px;
    height:260px;
    left:150px;
    top:-1150px;
    text-align:center;
    background-color:#58d019;    
    border-style:solid; 
  	border-width:1px;     
    font-family:Calibri;
    font-size:16px;
    letter-spacing:2; 
    opacity: 1;      
}
    
#centralvrstvain{      
    position:relative;
    width:470px;
    height:420px;
    overflow-y:scroll;
    left:80px;
    top:-1220px;
    text-align:center;
    background-color:#58d019;    
    border-style:solid; 
  	border-width:1px;     
    font-family:Calibri;
    font-size:16px;
    letter-spacing:2;
    opacity: 1;      
}

#krizik{
    width:49px;
    height:51px;
    background-image:URL("Images/back.png");
    background-repeat:no-repeat;
}

#kontakt {
   width:620px;
   height:120px;
}

#kontaktlogo {
    width:96px;
    height:70px;
    position:relative; 
    left:30px;
    top:20px;
    background-image:URL("Images/kontakt.jpg");
   background-repeat:no-repeat;
   background-position:center center;
}

 #right{
   height:600px;
   width:280px;
  font-family:Calibri;
  font-size:14px;
  color:#dddddd;
  
   
 }
 
 #logo{      
     
   background-image:URL("Images/logo_sro2.png");
   background-repeat:no-repeat;
   background-position:0px center;
   width:250px;  
   height:200px;
    
}  


#text{
  font-family:Calibri;
  font-size:14px;
  color:#dddddd;
  padding:20px 20px 0px 20px;
  height:200px;
} 

#foto{
   background-image:URL("Images/foto.jpg");
   background-repeat:no-repeat;
   background-position:120px center;
   height:160px;
}
    
 #cert{
   background-image:URL("Images/certifikat.jpg");
   background-repeat:no-repeat;
   background-position:28px center;
   width:120px;
    height:160px;
    
}