/* CSS Document */


body{
 background-color: #b6b6b6;
 font-family: arial,helvetica,sans-serif;
 padding: 0px;
}

#plocha{
position: relative;
top: 0px;
width: 95%;
height: 100%;
min-width: 650px;
min-height: 500px;
margin: auto auto auto auto;
background-color: #fff; 
}

#h_lista {
position:absolute;
top: 0px;
width: 100%;
height: 43px;
text-align: center;
} 

#zahlavi {
position:absolute;
color:4270b6;
display: inline;
top: 43px;
padding: 0px 0px 0px 0px;
height : 94px; 
width: 100%;
}

#stred {
position:absolute;
top: 137px;    
color:4270b6;
width: 100%;
height: calc(100% - 180px);
overflow: auto;
}

#s_lista {
position: absolute;
height: 42px;
width: 100%;
margin: auto auto auto auto;
bottom: 0px;
text-align: center; 
}

#l_lista {
position:absolute;
left: 0px;
top: 0px;
width: 40px;
height: 100%;
}

#hlavni_text {
margin: 0 0 0 0 ;
position:absolute;
left:40px;
top: 0px;
width: calc(100% - 80px);
}

#p_lista {
position:absolute;
right: 0px;
top: 0px; 
width: 40px;
height: 100%;
}

#l_str_img, #p_str_img {
  position: relative;
  top: 50%;  
}

#lh_roh{
float:left; 
left: 0px; 
width : 288px;
height : 43px;     
}

#h_stred{
display: inline;
width : 26px;
height : 43px;     
}

#ph_roh{
float:right;  
right: 0px; 
width : 288px;
height : 43px;     
}

#ls_roh{
float:left; 
left: 0px; 
width : 152px;
height : 42px;     
}

#s_stred{
display: inline;
width : 26px;
height : 42px;     
}

#ps_roh{
float:right;  
right: 0px; 
width : 152px;
height : 42px;  
}    

#logo{
float:left;
margin-left:40px;
height: 94px;
}
         
#kontakt{
float:right;
margin-right:40px;
width: 200px;
height: 94px;
}

.pravitko1 {
background:#fff;
background-image: url(img/prav1.jpg);
background-repeat: repeat-x;
height: 16px;
}

.pravitko2 {
background:#aaa;
height: 1px;
}

p {
margin: 0px 0px 0px 0px;
}


h1 {
font-size: 24px;
text-align: center;
text-shadow: 2px 1px 1px #b6b6b6;
letter-spacing: -0.5px; 
}

h2 {
font-size: 20px;
text-align: left;
text-shadow: 2px 1px 1px #b6b6b6;
}

.popis {
font-size: 16px;
text-align: left;
color: #000;
}

h4 {
font-size: 17px;
text-align: left;
text-shadow: 2px 1px 1px #b6b6b6;
letter-spacing: -1px;
line-height: 1.5px; 
}

a[href^="mailto"] { 
color: #4270b6; 
text-decoration: none; 
}

@media all and (max-width: 1000px)
{
 #plocha{
 width: 98%;
 }
}

@media all and (max-width: 800px)
{
 #plocha{
 width: 100%;
 }
}