
p { 
  margin: 50px 0 5px 0;
}

p.obsah { 
  margin: 10px 0 50px 0;
  text-align: justify;
  color: #000;
}


h1, h2, h3, h4 {      
}

h1 { 
    color: #fff;     
   }
   
   
a { 
    text-decoration: none;     
    color: #00009a;
  }

img.obr-site3 {

  width: 100%;
}


input[type=radio]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
  vertical-align: middle;
}


@media screen and (min-width: 480px) {
    body{
    font-family: SSP, "Open Sans", sans-serif; 
    font-size: 1.5em; 
    width: 100%;
    margin: 0;  
    padding: 0;
    background: #fff;
    color: #000;
}
}

@media screen and (max-width: 479px) {
    body{
    font-family: SSP, "Open Sans", sans-serif; 
    font-size: 1em; 
    width: 100%;
    margin: 0; 
    padding: 0;
    background: #fff;
    color: #000;
}
}


#page { 
    margin: 0; 
    padding: 0;
    }

#header {
    height: 160px;
    width: 100%; 
}


#menu {
    float: left;
    width: 33.3%; 
    margin: 0; 
    padding: 0;  
    }

#menu a.menu-ico {   
    color: #00009a; 
    font-size: 3em; 
    padding: 0 0 0 10px; 
}

#menu a.menu-txt {   
    color: #00009a; 
    font-size: 1.5em; 
    padding: 0 0 0 10px; 
}


#logo { 
    float: left;
    width: 33.3%; 
    margin: 10px 0 0 0; 
    padding: 0; 
    font-size: 3em; 
    text-align: center;
}

.logo img { 
}

#contact {
    float: left;
    width: 33.3%;
    text-align: right; 
    margin: 0; 
    padding: 0; 
    }
    
#contact a.contact-ico {   
    color: #00009a; 
    font-size: 3em;
    padding: 0 10px 0 0;     
}    

#contact a.contact-txt {   
    color: #00009a;
    font-size: 1.5em; 
    padding: 0 10px 0 0;   
}    
              
a.mail-ico {
    font-size: 1.5em; 
    line-height: 2em;
    } 
    
a.tel-ico {
    font-size: 1.5em; 
    line-height: 2em; 
    } 




a.button{
    padding: 20px;
		background: #00009a;
    text-align: center;
    width: 100px;
    color: #fff; 
    font-weight: bold;
        }
        
a.button:hover {
		background-color: #00009a;
		box-shadow: 0px 1px 1px #666;
    text-decoration: none; 
    font-weight: bold;
    }        
        
   

#content{ 
    margin: 0;   
    padding: 25px;
    background: #dce8f4;
    clear: both;
}

#footer{
    margin: 0 auto 0 auto;
    text-align: center;
}


#center{
		margin: 0 auto 0 auto;
    text-align: center;
}

img.medailonek {
  border-radius: 100%; 
  width: 150px; 
  height: 150px; 
  float: left; 
  margin: 10px 30px 10px 10px;
}

.zvyrazneny {
  color: #00009a;
}

.normalni {
  color: #000;
}


table {
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto 0 auto;
    background-color: #eee;
}

th, td {
    text-align: center;
    font-size: 1.5em;
    padding: 8px 15% 8px 15%;
}

tr:nth-child(even){background-color: #fff;}

th {
    background-color: #0094d2;
    color: white;
}