.ikonapole {width: 300px; overflow: hidden; padding: 0px; margin: 0px auto 0px auto; box-shadow: 0 0 20px black; font: 15px/2 Georgia, Serif; text-indent: 0px; text-align: justify; color: black; repeat-y;}
.ikonapole .ikonapolesloupec {float: left}
.ikonapole .ikonapolelevy {width: 300px;} 

.color {font: 18px/2 Georgia, Serif; color: #f39912;}

.trojpole {width: 1100px; height: 260px; overflow: hidden; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;}
.trojpole .trojpolesloupec {float: left}
.trojpole .trojpolelevy {width: 1100px;} /* 1000px */

.trojmenu {width: 1000px; height: 270px; overflow: hidden; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;}
.trojmenu .trojmenusloupec {float: left}

.trojmenu .trojmenulevy {width: 333px; padding: 10px 0px 0px 0px;} /* 333px */
.trojmenu .trojmenustred {width: 334px; padding: 10px 0px 0px 0px;} /* 334px */
.trojmenu .trojmenupravy {width: 333px; padding: 10px 0px 0px 0px;} /* 333px */

.dvojmenu {width: 1000px; height: 320px; overflow: hidden; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;}
.dvojmenu .dvojmenusloupec {float: left}

.dvojmenu .dvojmenulevy {width: 500px; padding: 10px 0px 0px 0px;} /* 500px */
.dvojmenu .dvojmenupravy {width: 500px; padding: 10px 0px 0px 0px;} /* 500px */

.imgpole1 {width: 480px; height: 300px; overflow: hidden; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border-radius: 30px; box-shadow: 0 0 20px #f39912;}
.imgpole1 .imgpole1sloupec {float: left}
.imgpole1 .imgpole1levy {width: 480px;} /* 480px */

.enter {height: 17px; overflow: hidden; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;}
.enter .entersloupec {float: left}
.enter .enterlevy {eight: 17px;} 

.enter1 {height: 7px; overflow: hidden; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;}
.enter1 .enter1sloupec {float: left}
.enter1 .enter1levy {eight: 7px;} 

.imgpole {width: 1000px; height: 450px; overflow: hidden; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;}
.imgpole .imgpolesloupec {float: left}
.imgpole .imgpolelevy {width: 1000px;} /* 1000px */

.kontaktpole {width: 310px; overflow: hidden; padding: 0px; margin: 0px auto 0px auto; font: 15px/2 Georgia, Serif; text-indent: 0px; text-align: justify; color: black; repeat-y;}
.kontaktpole .kontaktpolesloupec {float: left}
.kontaktpole .kontaktpolelevy {width: 310px; height: 160px; background: url("kontakt.jpg"); border-radius: 30px;} 

.rdpole {width: 1000px; overflow: hidden; background: url("");}
.rdpole .rdpolesloupec {float: left}

.rdpole .rdpolelevy {width: 333px; height: 190px; font: 12px/2 Georgia, Serif; text-align: justify; padding: 0px 0px 0px 33px;}
.rdpole .rdpolestred {width: 334px; height: 190px; font: 12px/2 Georgia, Serif; text-align: justify;}
.rdpole .rdpolepravy {width: 333px; height: 190px; font: 12px/2 Georgia, Serif; text-align: justify;}

.textovepole {width: 955px; overflow: hidden; margin: 0px auto 0px auto; background: url("");}
.textovepole .textovepolesloupec {float: left}
.textovepole .textovepolelevy {width: 955px; font: 16px/2 Georgia, Serif; text-align: justify; color: white;} /* 1000px */

.textovepole2 {width: 1000px; height: 450px; overflow: hidden; margin: 0px auto 0px auto; background: url("seda.png"); border-radius: 30px; box-shadow: 0 0 20px #f39912;}
.textovepole2 .textovepole2sloupec {float: left}
.textovepole2 .textovepole2levy {width: 1000px; font: 16px/2 Georgia, Serif; text-align: justify; color: white;} /* 1000px */

.hornilista {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.hornilista .hornilistasloupec {float: left}
.hornilista .hornilistalevy {width: 1000px; height: 20px; font: 16px/2 Georgia, Serif; text-align: justify; color: white;} /* 1000px */

.hornilista1 {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.hornilista1 .hornilista1sloupec {float: left}

.hornilista1 .hornilista1levy {width: 920px; height: 45px; font: 18px/2 Georgia, Serif; text-align: justify; color: white;} /* 1000px */
.hornilista1 .hornilista1pravy {width: 80px; height: 45px; font: 16px/2 Georgia, Serif; text-align: justify; color: #f39912;} /* 100px */

.dumlista {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.dumlista .dumlistasloupec {float: left}
.dumlista .dumlistalevy {width: 1000px; height: 202px; font: 12px/2 Georgia, Serif; text-align: justify; color: white;} /* 1000px */

.spodnilista {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.spodnilista .spodnilistasloupec {float: left}
.spodnilista .spodnilistalevy {width: 1000px; height: 82px; font: 12px/2 Georgia, Serif; text-indent: 40px; text-align: justify; color: white;} /* 1000px */

.poleweb {width: 1010px; overflow: hidden; margin: 0px auto 0px auto;}
.poleweb .polewebsloupec {float: left}
.poleweb .poleweblevy {width: 1010px; font: 12px/2 Georgia, Serif; text-align: justify; color: white;} /* 1000px */

.ctyrpole {width: 960px; height: 440px; overflow: hidden; margin: 0px auto 0px auto; background: url("menu.png");}
.ctyrpole .ctyrpolesloupec {float: left}
.ctyrpole .ctyrpolelevy {width: 960px; height: 440px; font: 12px/2 Georgia, Serif; text-align: justify; color: white; background: url("");}


.logomenu {width: 1000px; height: 105px; overflow: hidden; margin: 0px auto 0px auto;}
.logomenu .logomenusloupec {float: left}
    
.logomenu .logomenulevy {width: 300px; height: 105px; font: 12px/2 Georgia, Serif; text-align: justify; color: white; background: url("");}
.logomenu .logomenustred {width: 700px; height: 105px; font: 12px/2 Georgia, Serif; text-align: justify; color: white; background: url(""); padding: 25px 0px 0px 0px;}

.endpole {height: 292px; overflow: hidden; margin: 0px auto 0px auto; padding: 30px 0px 0px 0px;}
.endpole .endpolesloupec {float: left}

.endpole .endpolelevy {width: 300px; height: 285px; font: 12px/2 Georgia, Serif; text-align: justify; color: white; background: url("");}
.endpole .endpolestred {width: 260px; height: 285px; font: 12px/1 Georgia, Serif; text-align: justify; color: white; background: url("");}
.endpole .endpolepravy {width: 180px; height: 285px; font: 12px/1 Georgia, Serif; text-align: justify; color: white; background: url("");}
.endpole .endpoledodatek {width: 200px; height: 285px; font: 12px/1 Georgia, Serif; text-align: justify; color: white; background: url("");}

.endpole1 {width: 1000px; height: 225px; overflow: hidden; margin: 0px auto 0px auto; border-radius: 30px;}
.endpole1 .endpole1sloupec {float: left}
.endpole1 .endpole1prava {width: 225px; height: 160px; font: 15px/1 Georgia, Serif; text-align: justify; color: white; background: url(""); margin: 25px auto 0px auto; margin: 20px 40px 0px 80px;}

.endpole2 {width: 1000px; height: 182px; overflow: hidden; margin: 0px auto 0px auto; background: url("spodek.jpg"); border-radius: 0px 0px 40px 40px;}
.endpole2 .endpole2sloupec {float: left}
.endpole2 .endpole2prava {width: 1000px; height: 18px; font: 15px/1 Georgia, Serif; text-align: justify; color: white; background: url(""); margin: 25px auto 0px auto;}

.fotopole {width: 1000px; overflow: hidden; margin: 0px auto 0px auto; background: url("foto1.jpg");}
.fotopole .fotopolesloupec {float: left}
.fotopole .fotopolelevy {width: 1000px; height: 250px; font: 12px/2 Georgia, Serif; text-align: justify; color: white;} /* 1000px */

.centerpole {width: 1000px; height: 410px; overflow: hidden; margin: 0px auto 0px auto;}
.centerpole .centerpolesloupec {float: left}
.centerpole .centerpolelevy {width: 1000px; margin: 0px auto 0px auto; font: 12px/2 Georgia, Serif; text-align: justify; color: #f39912;}

.centerpole2 {width: 980px; overflow: hidden; margin: 0px auto 0px auto; border-radius: 30px; box-shadow: 0 0 20px #f39912;}
.centerpole2 .centerpole2sloupec {float: left}
.centerpole2 .centerpole2levy {width: 980px; margin: 0px auto 0px auto; font: 12px/2 Georgia, Serif; text-align: justify; color: #f39912;}

.centerpole1 {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.centerpole1 .centerpole1sloupec {float: left}
    
.centerpole1 .centerpole1levy {width: 275px; margin: 0px auto 0px auto; font: 12px/2 Georgia, Serif; text-align: justify; color: white; background: url("levypanel.jpg");}
.centerpole1 .centerpole1stred {width: 725px; font: 12px/2 Georgia, Serif; text-align: justify; color: white;}

.downpole {width: 1000px; overflow: hidden; margin: 0px auto 0px auto; background: url("spodek.jpg");}
.downpole .downpolesloupec {float: left}
.downpole .downpolelevy {width: 1000px; height: 155px; font: 12px/2 Georgia, Serif; text-align: justify; color: white;} /* 1000px */

.odkazpole1 {width: 240px; overflow: hidden; margin: 10px 9px 0px 9px; background: url("");}
.odkazpole1 .odkazpole1sloupec {float: left}
.odkazpole1 .odkazpole1levy {width: 240px; height: 190px; font: 12px/2 Georgia, Serif; text-align: justify; color: white;} /* 250px */

.odkazpole {width: 252px; overflow: hidden; margin: 10px 9px 0px 9px; background: url("");}
.odkazpole .odkazpolesloupec {float: left}
.odkazpole .odkazpolelevy {width: 252px; height: 480px; font: 16px/2 Georgia, Serif; text-align: justify; color: white;} /* 250px */

.pole1 {width: 460px; overflow: hidden; margin: 20px 20px 20px 20px; background: url("");}
.pole1 .pole1sloupec {float: left}
.pole1 .pole1levy {width: 460px; height: 210px; font: 16px/2 Georgia, Serif; text-align: justify; color: black;} /* 460px */

.pole2 {width: 460px; overflow: hidden; margin: 20px 20px 20px 20px; background: url("../foto4small.jpg");}
.pole2 .pole2sloupec {float: left}
.pole2 .pole2levy {width: 460px; height: 210px; font: 16px/1 Georgia, Serif; text-align: justify; color: black;} /* 460px */

.pole3 {width: 460px; overflow: hidden; margin: 20px 20px 20px 20px; background: url("../foto5small.jpg");}
.pole3 .pole3sloupec {float: left}
.pole3 .pole3levy {width: 460px; height: 210px; font: 16px/1 Georgia, Serif; text-align: justify; color: black;} /* 460px */

.pole4 {width: 460px; overflow: hidden; margin: 20px 20px 20px 20px; background: url("../foto6small.jpg");}
.pole4 .pole4sloupec {float: left}
.pole4 .pole4levy {width: 460px; height: 210px; font: 16px/1 Georgia, Serif; text-align: justify; color: black;} /* 460px */

.textpole1 {width: 1000px; overflow: hidden; background: url("");}
.textpole1 .textpole1sloupec {float: left}
.textpole1 .textpole1levy {width: 500px; height: 250px; font: 12px/2 Georgia, Serif; text-align: justify; color: #626262} /* 500px */
.textpole1 .textpole1pravy {width: 500px; height: 250px; font: 12px/2 Georgia, Serif; text-align: justify; color: #626262} /* 500px */

.textpole2 {width: 1000px; overflow: hidden; background: url("");}
.textpole2 .textpole2sloupec {float: left}
.textpole2 .textpole2levy {width: 1000px; height: 150px; font: 12px/2 Georgia, Serif; text-align: justify; color: #626262} /* 1000px */

.vodorovne a {
    display: block;
    font-family: Segoe UI;
    color: #fff;
    font-weight: bold;
    padding: 5;
    width: 252px;
    text-align: center;
    text-decoration: none;
    background: #53c2ef;
    transition: color .3s, box-shadow .3s;
    box-shadow: inset 0px 0 0 0 #0D6AB7;
}

.vodorovne a:hover {
    box-shadow: inset 252px 0 0 0 #7a7a7a;
    color: #fff;
    background: #fff;
}

.polelogo1 {width: 1000px; height: 146px; overflow: hidden; margin: 0px auto 0px auto; background: url("");}
.polelogo1 .polelogo1sloupec {float: left}
.polelogo1 .polelogo1levy {width: 1000px; font: 12px/2 Georgia, Serif; text-align: justify; color: white;} /* 1000px */

.menupole {width: 1000px; height: 45px; overflow: hidden; margin: 0px auto 0px auto;}
.menupole .menupolesloupec {float: left}
.menupole .menupolelevy {width: 1000px; height: 40px; margin: 5px auto 0px auto; font: 12px/2 Georgia, Serif; text-align: justify; color: white;} /* 1000px */

.mezilista {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.mezilista .mezilistasloupec {float: left}
.mezilista .mezilistalevy {width: 1000px; height: 35px; font: 12px/2 Georgia, Serif; text-indent: 40px; text-align: justify; color: white;} /* 1000px */

.mezilista4 {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.mezilista4 .mezilista4sloupec {float: left}
.mezilista4 .mezilista4levy {width: 1000px; height: 25px; font: 12px/2 Georgia, Serif; text-indent: 40px; text-align: justify; color: white;} /* 1000px */

.mezilista5 {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.mezilista5 .mezilista5sloupec {float: left}
.mezilista5 .mezilista5levy {width: 1000px; height: 15px; font: 12px/2 Georgia, Serif; text-indent: 40px; text-align: justify; color: white;} /* 1000px */

.mezilista6 {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.mezilista6 .mezilista6sloupec {float: left}
.mezilista6 .mezilista6levy {width: 1000px; height: 22px; font: 12px/2 Georgia, Serif; text-indent: 40px; text-align: justify; color: white;} /* 1000px */

.mezilista1 {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.mezilista1 .mezilista1sloupec {float: left}
.mezilista1 .mezilista1levy {width: 1000px; height: 185px; font: 14px/2 Georgia, Serif; text-indent: 40px; text-align: justify; color: black;} /* 1000px */

.textzona {width: 1000px; height: 510px; overflow: hidden; margin: 0px auto 0px auto; background: url(""); box-shadow: 0 0 20px black; background: #434343;}
.textzona .textzonasloupec {float: center}
.textzona .textzonalevy {width: 960px; height: 480px; margin: 10px auto 0px auto; font: 16px/2 Georgia, Serif; text-align: justify; color: white;} /* 1000px */

.textzona2 {width: 1000px; overflow: hidden; margin: 0px auto 0px auto; background: url(""); box-shadow: 0 0 20px black; background: #434343;}
.textzona2 .textzona2sloupec {float: center}
.textzona2 .textzona2levy {width: 1000px; margin: 0px auto 0px auto; font: 16px/2 Georgia, Serif; text-align: justify; color: white;} /* 1000px */

.textzona1 {width: 1000px; overflow: hidden; margin: 0px auto 0px auto; background: url(""); box-shadow: 0 0 20px black; background: #434343;}
.textzona1 .textzona1sloupec {float: center}
.textzona1 .textzona1levy {width: 960px; margin: 10px auto 0px auto; font: 16px/2 Georgia, Serif; text-align: justify; color: white;} /* 1000px */

.mapapole {width: 1000px; overflow: hidden; margin: 0px auto 0px auto; background: url("fotostrana1.jpg"); box-shadow: 0 0 20px black;}
.mapapole .mapapolesloupec {float: left}
.mapapole .mapapolelevy {width: 1000px; height: 300px; font: 12px/2 Georgia, Serif; text-align: justify; color: white;} /* 1000px */

.minipole {width: 315px; overflow: hidden; margin: 10px auto 0px auto; background: url("fotostrana1.jpg"); box-shadow: 0 0 20px black; background: #434343;}
.minipole .minipolesloupec {float: right}
.minipole .minipolelevy {width: 300px; height: 140px; font: 14px/2 Georgia, Serif; text-align: justify; color: white;} /* 320px */

.minipole2 {width: 315px; overflow: hidden; margin: 10px auto 0px auto; background: url("fotostrana1.jpg"); box-shadow: 0 0 20px black; background: #434343;}
.minipole2 .minipole2sloupec {float: right}
.minipole2 .minipole2levy {width: 300px; height: 230px; font: 14px/2 Georgia, Serif; text-align: justify; color: white;} /* 320px */

.kontakt3pole {width: 980px; overflow: hidden; margin: 10px auto 0px auto; background: url("jpsvodoznak.png");}
.kontakt3pole .kontakt3sloupec {float: left}
    
.kontakt3pole .kontakt3levy {width: 390px; height: 160px; font: 13px/2 Georgia, Serif; text-align: justify; color: white;}
.kontakt3pole .kontakt3stred {width: 390px; height: 160px; font: 13px/2 Georgia, Serif; text-align: justify; color: white;}
.kontakt3pole .kontakt3pravy {width: 200px; height: 160px; font: 13px/2 Georgia, Serif; text-align: justify; color: white;}

.kontakt4pole {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.kontakt4pole .kontakt4sloupec {float: left}
    
.kontakt4pole .kontakt4levy {width: 325px; height: 160px; font: 13px/2 Georgia, Serif; text-align: justify; color: white;}
.kontakt4pole .kontakt4stred {width: 350px; height: 160px; font: 13px/2 Georgia, Serif; text-align: justify; color: white;}
.kontakt4pole .kontakt4pravy {width: 325px; height: 160px; font: 13px/2 Georgia, Serif; text-align: justify; color: white;}

.kontakt5pole {width: 1000px; overflow: hidden; margin: 10px auto 0px auto;}
.kontakt5pole .kontakt5sloupec {float: left}
    
.kontakt5pole .kontakt5levy {width: 325px; height: 160px; font: 13px/2 Georgia, Serif; text-align: justify; color: white;}
.kontakt5pole .kontakt5stred {width: 350px; height: 160px; font: 13px/2 Georgia, Serif; text-align: justify; color: white;}
.kontakt5pole .kontakt5pravy {width: 325px; height: 160px; font: 13px/2 Georgia, Serif; text-align: justify; color: white;}

.kontakt6pole {width: 1000px; overflow: hidden; margin: 10px auto 0px auto;}
.kontakt6pole .kontakt6sloupec {float: left}
    
.kontakt6pole .kontakt6levy {width: 325px; height: 240px; font: 13px/2 Georgia, Serif; text-align: justify; color: white;}
.kontakt6pole .kontakt6stred {width: 350px; height: 240px; font: 13px/2 Georgia, Serif; text-align: justify; color: white;}
.kontakt6pole .kontakt6pravy {width: 325px; height: 240px; font: 13px/2 Georgia, Serif; text-align: justify; color: white;}

.reklamapole {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.reklamapole .reklamapolesloupec {float: left}
    
.reklamapole .reklamapolelevy {width: 300px; height: 360px; font: 12px/2 Georgia, Serif; text-align: justify; color: white; background: url("uvodka.jpg");}
.reklamapole .reklamapolestred {width: 700px; height: 360px; font: 12px/2 Georgia, Serif; text-align: justify; color: white;}

.nadpispole {width: 280px; overflow: hidden; margin: 5px auto 0px auto;}
.nadpispole .nadpispolesloupec {float: left}
.nadpispole .nadpispolelevy {width: 280px; height: 42px; font: 19px/2 Georgia, Serif; text-indent: 40px; text-align: justify; color: #bdfe00;} /* 280px */

.textsmallpole {width: 280px; overflow: hidden; margin: 20px auto 0px auto;}
.textsmallpole .textsmallpolesloupec {float: left}
.textsmallpole .textsmallpolelevy {width: 280px; height: 280px; font: 14px/1,5 Georgia, Serif; text-indent: 40px; text-align: justify; color: black;} /* 280px */

.mezilista2 {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.mezilista2 .mezilista2sloupec {float: left}
.mezilista2 .mezilista2levy {width: 1000px; height: 35px; font: 12px/2 Georgia, Serif; text-indent: 40px; text-align: justify; color: white;} /* 1000px */

a.tlacitko2 {padding: .1em; background: #f6f7f9; border: 1px solid #f6f7f9; color: #0eb8fd; cursor: default; text-decoration: none; border-radius: 5px; font: 17px/2 Georgia, Serif;}
a.tlacitko2:hover {background: #0eb8fd; color: #f6f7f9;}
a.tlacitko2:active {position: relative; top: 1px; left: 1px;}

#menupole { width: 700px; height: 50px; margin: 15px 0px 0px 325px; padding: 0px 0px 0px 0px; background: #ff7300; -moz-box-shadow: 0 0 0px black; -webkit-box-shadow: 0 0 0px black; box-shadow: 0 0 0px white; font: 20px/2 Georgia, Serif; text-indent: 0px; text-align: justify; color: black; box-shadow: 0 0 15px black; }
 

#body22 { margin: 0px auto 0px auto; padding: 40px 0px 0px 0px; -moz-box-shadow: 0 0 0px black; -webkit-box-shadow: 0 0 0px black; box-shadow: 0 0 0px white; }
 

.obal {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.obal .sloupec {float: left}
.obal .levy {width: 200px; font: 24px/2 Georgia, Serif; text-indent: 40px; text-align: justify; color: yellow;}
.obal .pravy {width: 200px;}
.obal .stred {width: 560px; padding: 20px; font: 14px/2 Georgia, Serif; text-indent: 25px; text-align: justify;} /* 200px - 600px - 200px */

.poleikona {width: 200px; overflow: hidden; background: url("ikona.jpg"); box-shadow: 0 0 10px black; margin: 14px auto 0px auto;}
.poleikona .poleikonasloupec {width: 200px}
.poleikona .poleikonalevy {width: 200px; height: 35px; font: 12px Georgia, Serif; text-indent: 0px; color: white;} /* 200px */

.poleikona1 {width: 200px; overflow: hidden; background: url("ikona.jpg"); box-shadow: 0 0 10px black; margin: 14px auto 0px auto;}
.poleikona1 .poleikona1sloupec {width: 200px}
.poleikona1 .poleikona1levy {width: 200px; height: 35px; font: 12px Georgia, Serif; text-indent: 0px; color: white;} /* 200px */

.poleikona2 {width: 200px; overflow: hidden; background: url("ikona.jpg"); box-shadow: 0 0 10px black; margin: 14px auto 0px auto;}
.poleikona2 .poleikona2sloupec {width: 200px}
.poleikona2 .poleikona2levy {width: 200px; height: 35px; font: 12px Georgia, Serif; text-indent: 0px; color: white;} /* 200px */

.poleikona3 {width: 200px; overflow: hidden; background: url("ikona.jpg"); box-shadow: 0 0 10px black; margin: 14px auto 0px auto;}
.poleikona3 .poleikona3sloupec {width: 200px}
.poleikona3 .poleikona3levy {width: 200px; height: 35px; font: 12px Georgia, Serif; text-indent: 0px; color: white;} /* 200px */

.tlacitko {padding: 10px 100px 10px 10px; cursor: pointer; background: #ff7300; border: auto solid #ff7300; color: #fff; cursor: default; text-decoration: none; font: 17px/2 Georgia, Serif; text-indent: 0px; }
.tlacitko:hover {background: #f4f4f4; cursor: pointer; color: black; border: auto solid #f4f4f4; }
.tlacitko:active {top: 0px; 0px; 0px; cursor: pointer; color: black; }

.tlacitko1 {padding: 10px 80px 10px 10px; cursor: pointer; background: #ff7300; border: auto solid #ff7300; color: #fff; cursor: default; text-decoration: none; font: 17px/2 Georgia, Serif; text-indent: 0px; }
.tlacitko1:hover {background: #f4f4f4; cursor: pointer; color: black; border: auto solid #f4f4f4; }
.tlacitko1:active {top: 0px; 0px; 0px; cursor: pointer; color: black; }

.tlacitko22 {padding: 10px 145px 10px 10px; cursor: pointer; background: #ff7300; border: auto solid #ff7300; color: #fff; cursor: default; text-decoration: none; font: 17px/2 Georgia, Serif; text-indent: 0px; }
.tlacitko22:hover {background: #f4f4f4; cursor: pointer; color: black; border: auto solid #f4f4f4; }
.tlacitko22:active {top: 0px; 0px; 0px; cursor: pointer; color: black; }

.tlacitko222 {padding: 10px 27px 10px 10px; cursor: pointer; background: #53c2ef; border: auto solid #53c2ef; color: #fff; cursor: default; text-decoration: none; font: 17px/2 Georgia, Serif; text-indent: 0px; }
.tlacitko222:hover {background: #f4f4f4; cursor: pointer; color: black; border: auto solid #f4f4f4; }
.tlacitko222:active {top: 0px; 0px; 0px; cursor: pointer; color: black; }

.tlacitko3 {padding: 10px 59px 10px 10px; cursor: pointer; background: #53c2ef; border: auto solid #53c2ef; color: #fff; cursor: default; text-decoration: none; font: 17px/2 Georgia, Serif; text-indent: 0px; }
.tlacitko3:hover {background: #f4f4f4; cursor: pointer; color: black; border: auto solid #f4f4f4; }
.tlacitko3:active {top: 0px; 0px; 0px; cursor: pointer; color: black; }

.tlacitko4 {padding: 10px 80px 10px 10px; cursor: pointer; background: #ff7300; border: auto solid #ff7300; color: #fff; cursor: default; text-decoration: none; font: 17px/2 Georgia, Serif; text-indent: 0px; }
.tlacitko4:hover {background: #f4f4f4; cursor: pointer; color: black; border: auto solid #f4f4f4; }
.tlacitko4:active {top: 0px; 0px; 0px; cursor: pointer; color: black; }

.tlacitko5 {padding: 10px 70px 10px 10px; cursor: pointer; background: #ff7300; border: auto solid #ff7300; color: #fff; cursor: default; text-decoration: none; font: 17px/2 Georgia, Serif; text-indent: 0px; }
.tlacitko5:hover {background: #f4f4f4; cursor: pointer; color: black; border: auto solid #f4f4f4; }
.tlacitko5:active {top: 0px; 0px; 0px; cursor: pointer; color: black; }

.tlacitko6 {padding: 10px 57px 10px 10px; cursor: pointer; background: #ff7300; border: auto solid #ff7300; color: #fff; cursor: default; text-decoration: none; font: 17px/2 Georgia, Serif; text-indent: 0px; }
.tlacitko6:hover {background: #f4f4f4; cursor: pointer; color: black; border: auto solid #f4f4f4; }
.tlacitko6:active {top: 0px; 0px; 0px; cursor: pointer; color: black; }

.tlacitko7 {padding: 10px 69px 10px 10px; cursor: pointer; background: #ff7300; border: auto solid #ff7300; color: #fff; cursor: default; text-decoration: none; font: 17px/2 Georgia, Serif; text-indent: 0px; }
.tlacitko7:hover {background: #f4f4f4; cursor: pointer; color: black; border: auto solid #f4f4f4; }
.tlacitko7:active {top: 0px; 0px; 0px; cursor: pointer; color: black; }

.polekontakt {width: 200px; overflow: hidden; margin: 0px auto 0px auto; background: url("kontaktpole.jpg"); box-shadow: 0 0 10px black; margin: 15px auto 0px auto;}
.polekontakt .polekontaktsloupec {float: left}
.polekontakt .polekontaktlevy {width: 200px; height: 180px; font: 14px/2 Georgia, Serif; text-indent: 20px; text-align: justify; color: black;} /* 200px */

.polekontakt2 {width: 200px; overflow: hidden; margin: 0px auto 0px auto; background: url("kontaktpole2.jpg"); box-shadow: 0 0 10px black; margin: 15px auto 0px auto;}
.polekontakt2 .polekontakt2sloupec {float: left}
.polekontakt2 .polekontakt2levy {width: 200px; height: 146px; font: 14px/2 Georgia, Serif; text-indent: 20px; text-align: justify; color: black;} /* 200px */

.polekontakt3 {width: 200px; overflow: hidden; margin: 0px auto 0px auto; background: url("ikona2.jpg"); box-shadow: 0 0 10px black; margin: 15px auto 0px auto;}
.polekontakt3 .polekontakt3sloupec {float: left}
.polekontakt3 .polekontakt3levy {width: 200px; font: 14px/1 Georgia, Serif; text-indent: 20px; text-align: justify; color: black;} /* 200px */

.menu a:nth-child(1):hover ~ span {left: 0}

.menu a:nth-child(2):hover ~ span {left: 100px}

.menu a:nth-child(3):hover ~ span {left: 200px}

.menu a:nth-child(4):hover ~ span {left: 300px}

.menu a:nth-child(5):hover ~ span {left: 400px}

.menu a:nth-child(6):hover ~ span {left: 500px}

.menu a:nth-child(7):hover ~ span {left: 600px}

.menu a:nth-child(8):hover ~ span {left: 700px}


body {
    font-family: Segoe UI, Arial;
}

A.odkaz_klasik1:link
{
font-family : Georgia, Serif;
color: white;
text-decoration: none;
font: 18px/2 Georgia, Serif;
}

A.odkaz_klasik1:visited
{
font-family : Georgia, Serif;
color: white;
text-decoration: none;
font: 18px/2 Georgia, Serif;
}

A.odkaz_klasik1:hover
{
font-family : Georgia, Serif;
color: black;
text-decoration: none;
font: 18px/2 Georgia, Serif;
}

A.odkaz_klasik2:link
{
font-family : Georgia, Serif;
color: #454545;
text-decoration: none;
font: 11px/2 Georgia, Serif;
}

A.odkaz_klasik2:visited
{
font-family : Georgia, Serif;
color: #454545;
text-decoration: none;
font: 11px/2 Georgia, Serif;
}

A.odkaz_klasik2:hover
{
font-family : Georgia, Serif;
color: #c1f203;
text-decoration: none;
font: 11px/2 Georgia, Serif;
}


.menulista {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.menulista .menulistasloupec {float: left}
.menulista .menulistalevy {width: 1000px;} /* 1000px */

.hlavnipole {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.hlavnipole .hlavnipolesloupec {float: left}
    
.hlavnipole .hlavnipolelevy {width: 500px; height: 355px; background: white;}
.hlavnipole .hlavnipolepravy {width: 500px; height: 355px; background: white;} /* 500px - 500px */

#body44 { width: 495px; height: 306px; margin: 40px auto 0px auto; padding: 0px; -moz-box-shadow: 0 0 0px black; -webkit-box-shadow: 0 0 0px black; box-shadow: 0 0 0px white; font: 16px/2 Georgia, Serif; text-indent: 40px; text-align: justify; color: black; }
 

#body444a { font: 26px/2 Georgia, Serif; text-indent: 40px; text-align: justify; color: #8fc902; }
 

#body444b { font: 16px/2 Georgia, Serif; color: #8fc902; }
 

#body4444 { width: 495px; height: 353px; margin: 0px auto 0px auto; padding: 5px 0px 0px 0px; -moz-box-shadow: 0 0 0px black; -webkit-box-shadow: 0 0 0px black; box-shadow: 0 0 0px white; font: 14px/2 Georgia, Serif; text-indent: 0px; text-align: justify; color: black; }
 



.spodnipole {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.spodnipole .spodnipolesloupec {float: left}
    
.spodnipole .spodnipolelevy {width: 1000px; height: 600px; background: green;} /* 1000px */

#body6 { width: 960px; height: 760px; margin: 0px auto; padding: 20px; background: url("textpozadi.jpg") repeat-y; -moz-box-shadow: 20px 20px 0px black; -webkit-box-shadow: 0 0 40px black; box-shadow: 0 0 20px black; font: 15px/2 Georgia, Serif; text-indent: 40px; text-align: justify; color: black; }
 

.mapalista {width: 1000px; overflow: hidden; margin: 0px auto 0px auto; background: url(""); box-shadow: 0 0 20px black;}
.mapalista .mapasloupec {float: left}
.mapalista .mapalistalevy {width: 1000px; height: 450px; font: 12px/2 Georgia, Serif; text-indent: 0px; text-align: justify; color: white;} /* 1000px */

.suridesign {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.suridesign .suridesignsloupec {float: left}
.suridesign .suridesignlevy {width: 1000px; height: 20px; font: 12px/2 Georgia, Serif; text-indent: 650px; text-align: justify; color: #454545;} /* 1000px */

h1.colour {
padding: 3;
margin: 3;
font: 16px/2 Georgia, Serif; text-indent: 20px;
color: white;
}

h2.colour {
padding: 3;
margin: 3;
font: 16px/2 Georgia, Serif; text-indent: 20px;
color: white;
}

h3.colour {
padding: 3;
margin: 3;
font: 16px/2 Georgia, Serif; text-indent: 20px;
color: white;
}

h4.colour {
padding: 3;
margin: 3;
font: 16px/2 Georgia, Serif; text-indent: 20px;
color: white;
}


.obal1 {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.obal1 .sloupec1 {float: left}
    
.obal1 .levy1 {width: 400px; height: 300px; background: green;}
.obal1 .pravy1 {width: 600px; height: 600px; background: yellow;} /* 400px - 600px */

.obal2 {width: 1000px; overflow: hidden; margin: 0px auto 0px auto;}
.obal2 .sloupec2 {float: left}
    
.obal2 .levy2 {width: 1000px; height: 300px; background: green;} /* 1000px */