html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }

body { 
    font: 14px/1.65 Arial, "Geneva CE", sans-serif; 
    background: #E3E3E3; 
    color: black; 
    margin: 0 auto;
    min-width: 1024px; 
}

#container-in {
    padding-bottom: 170px;
}

h1, h2  { 
    font-family: Arial, Helvetica, sans-serif;  
    color: black;
    margin:0px;
    font-size:24px;
    font-weight: normal;
}

a {
    text-decoration: none;
    color:black;
    }

a:hover {color: orange;}

img {border: none; }

/* ----------- Zahlavi ---------- */ 
#zahlavi { 
    height:250px;
    background:#E3E3E3 url('/images/pozadi3.jpg') no-repeat top center;
    margin-bottom:24px;
}

#zahlavi .zahlavi-tisk {
 display: none;
}

 /* end Zahlavi */  
 
 /* ----------- Menu ---------- */  
    
#menu { 
    margin:0 auto;
    text-align: center;
    height: 45px;
    background-color:black;
    color:white;
    font-size:18px;
    margin-bottom:24px;
}
  
#menu-in { 
    width:690px;
    margin:0 auto;
}

#flags { 
    float:left;  
    width:86px;
    height: 23px;
    margin-top:11px;
    margin-left: 27px;
    background-image: url('/images/flags.png');
    background-repeat: no-repeat;
 } 
  
.menu-polozka { 
    float:left;
    width:136px;
    height:45px;
    line-height: 45px;
    text-align: center;
    border-right: 2px solid black;

 }
  
a .menu-polozka, a:visited .menu-polozka,a .menu-polozka-vybrano, a:visited .menu-polozka-vybrano { 
    color:white;
    transition: 0.8s;
    -moz-transition: 0.8s; /* Firefox 4 */
    -webkit-transition: 0.8s; /* Safari and Chrome */
    -o-transition: 0.8s; /* Opera */
}
  
a:hover .menu-polozka {background-color:#FDB912;}  
  
.menu-polozka-vybrano { 
    float:left;
    width:136px;
    height:45px;
    line-height: 45px;  
    text-align: center;
    background-color:#FDB912;
    border-right: 2px solid white;
  } 
 
 .mezera {
    width:2px;
    height:45px;
    float:left;
    background-color:white;
 }

 /* end Menu */   
   
   
/*----------- content -----------*/     
    
#content { 
    background: white;
    width:904px;
    min-height: 500px;
    margin:0 auto;
    border-radius: 6px; 
    padding: 4px;
    
}

#certifikace, #kariera, #reference {padding:30px 40px 40px 40px;}

#kontakt {padding:30px 40px 106px 40px;}

#cara-nadpis {
    width:390px;
    height:3px;
    background-color:#FDB912;
}

#cara-nadpis.kontakt {margin-bottom:20px;}


.cara-podnadpis {
    width:200px;
    height:1px;
    background-color:black;
}
/* end Content */  



/* -------------------- Homepage -------------------- */

#homepage .animace {height:340px;}

#homepage .text {
    padding:20px 40px 40px 40px; 
    margin-bottom:20px;
}

#homepage .popis p {
    margin-top:0px;
    margin-bottom:15px;
    text-align: justify;
}

#homepage .popis {margin-bottom:20px;}

#homepage h1 {
    font-size:28px;
    font-weight: normal;
    margin-bottom:10px;
}

#homepage .sloupec {
    text-align: justify;
    width:388px;
    float:left;
    margin-bottom:20px;
}

#homepage .sloupec.pravy {margin-left: 45px;}

#homepage .cara {
    height: 3px;
    width:388px;
    background-color:black;
    float:left;
}
#homepage .cara.yellow {background-color:#FDB912;}

#homepage .tisk-cara img{
display:none;
}

#homepage h2 {
    text-align: left;
    font-size:22px;
    font-weight: normal;
}


#homepage ul {
    margin-top:5px;
    padding-left: 37px;
    text-align: left;
}
#homepage li {
    list-style-image: url('/images/odrazka.png');
    list-style-position:outside;
    line-height:26px;
    padding-left:5px;
}

#homepage ul.yellow li, #certifikace ul.yellow li {list-style-image: url('/images/odrazka-yellow3.png');}

#certifikace ul.yellow li {line-height: 200%;}



#certifikaty-bottom {
    width:912px;
    height:113px;
    background-image: url('/images/certifikaty-bottom.jpg');
    background-repeat: no-repeat;
    margin:0px -4px 0 -4px;
}

#certifikaty-bottom img{
    display:none;
}


#certifikaty-bottom2 {
    width:912px;
    height:113px;
    background-image: url('/images/certifikaty-bottom2.jpg');
    background-repeat: no-repeat;
    margin:85px -4px 0 -4px;
}

/*  end Homepage */



/* ------------------- Cerfitikace -------------------- */

#certifikace h2 {
    font-size:18px;
    margin-top:5px;
}

.certifikat {
    width:241px;
    height:173px;
    float:left;
    background-repeat: no-repeat;
}

.certifikat.iso9001{background-image: url('/images/nostica-iso-9001.jpg');}

.certifikat.iso14001{
    margin-left:40px;    
    background-image: url('/images/nostica-iso-14001.jpg');
}

.certifikat.iso18001{
    margin-left:40px;
    background-image: url('/images/nostica-iso-18001.jpg');
}
/*  end Cerfitikace  */


/* ------------------ Reference --------------- */ 

#loga {margin-top:12px;}

#reference ul {
    margin-top:35px;
    padding-left: 65px;
    text-align: left;
}

#reference li {
    list-style-image: url('/images/odrazka-yellow3.png');
    list-style-position:outside;
    line-height:150%;
    padding-left:5px;
    padding-top: 5px;
    font-size: 18px;
}
/* end Certifikace */



/*----------------- Kariera ------------------*/

#kariera h2 {
    font-size:17px;
    font-weight: bold;
}

#kariera a {text-decoration: underline;}

#kariera a:hover {text-decoration: none;}

#kariera ul {margin:0px;}

#kariera .nenasli {
    margin-top:40px;
    font-weight: bold;
}

.pozice {margin-top:30px;}

.pozice p {
    margin:0px;
    font-style: italic;
}
/* end Kariera */



/*----------------- Kontakt ---------------*/

.kontakt-info {
 margin-bottom:10px;
 }

.kontakt-info p {
 margin:0;
 padding:0;
 }
 
 .kontakt-info p.zapsana {
 margin-top:10px;
 margin-bottom: 50px;
 }
 
  .kontakt-info p.zapsana a{
 text-decoration: underline;
 }
 
  .kontakt-info p.zapsana a:hover{
 color:orange;
 } 

.kontakt-blok {
    width:250px;
    float:left;
    margin-bottom:40px;
    margin-left:122px;
}

.kontakt-blok.levy {
    margin-left:0px;
}

.kontakt-blok.pravy {
    margin-left: 150px;
    margin-bottom: 20px;
}

.kontakt-blok.banka{
    margin-top:10px;    
    margin-left: 0;
}

#kontakt h2 {font-size:18px;}

.kontakt-blok p {
    margin:0px;
    font-size:15px;
    line-height: 22px;
}


.kontakt-blok table {border-collapse: collapse;}

.kontakt-blok tr {
    font-size:15px;
    line-height: 22px;
}

.kontakt-blok tr td {
    font-size:15px;

}

.mapa-adresa {
    margin-top:10px;
    float:left;
}

.mapa-adresa .mapa {
    margin-top:8px;
    float:left;
    width:272px;
    height: 250px;
}

.mapa-adresa .adresa {
    float:left;
    margin-left:40px;
}

.mapa-adresa p {margin:0;}
/*  end Kontakt */


/* ----------------- Footer -------------- */

#footer {
    color:white;
    text-align: center;
    clear: both;
    position: relative;
    z-index: 10;
    height: 106px;
    margin-top: -140px;
    padding-top:34px;
    background-color:black;
}

#footer-in {
    width:912px;
    margin:0 auto;
}


.adresa-ikona {
    margin-top:23px;
    margin-right: 10px;
    margin-left: 210px;
    width:31px;
    height: 31px;
    float:left;
    background-image: url('/images/domek.png');
    background-repeat: no-repeat;
}

.adresa, .korespondence, .pocitac {float:left;}

#footer-in h2 {
    color:white;    
    line-height: 16px;
    font-size: 16px;
    margin-bottom: 6px;
    font-weight: bold;
    text-align: left;
}

#footer-in p {
    font-size:14px;
    line-height: 18px;
    margin:0px;
    text-align: left;
}

.telefon-ikona {
    margin-left:60px;    
    margin-top:24px;
    margin-right: 10px;
    width:31px;
    height: 31px;
    float:left;
    background-image: url('/images/telefon.png');
    background-repeat: no-repeat;
}

.telefon table {border-collapse: collapse;}

.telefon table tr {
    line-height: 16px;
    text-align: left;
}

.obalka-ikona {
    margin-left:60px;    
    margin-top:22px;
    margin-right: 10px;
    width:31px;
    height: 31px;
    float:left;
    background-image: url('/images/obalka.png');
    background-repeat: no-repeat;
}

.pocitac a {color:white;}
.pocitac a:hover {color:orange;}

.pocitac-ikona {
    margin-left:50px;    
    margin-top:22px;
    margin-right: 10px;
    width:31px;
    height: 31px;
    float:left;
    background-image: url('/images/pocitac.png');
    background-repeat: no-repeat;
}
/* end Footer */


/*----------- Nette --------------*/
a[href^="error:"] {
	background: red;
	color: white;
}
/* end Nette */

.clear{
    clear:both;      
}