body {margin: 0px; padding: 0px; background: #e9dfc6 url('../img/pisek.gif'); color: #333333; 
font-family: "Tahoma CE", Tahoma, "Arial CE", sans-serif; font-style: normal; font-size: 70%;} 

/* text ---------------------------------------------------------------------- */
p {text-align: justify; line-height: 1.5;}
a {color: #cc3300;}
a:hover {color: #1598c2; text-decoration: none;}
p, h1, h2, h3 {margin: 15px 2px 4px 0px; padding: 0;}
h1, h2, h3 {color: #cc3300; font-size: 100%; text-transform: uppercase;}
h2, h3, .strednadpis, .hfoto, span {color: #1598c2; text-transform: none; font-weight: bold; margin-top: 15px;}
#uvod p, #uvod h1, #uvod a {color: #ffffff;}
#uvod h1 {margin: 28px 2px 2px 0px;}
.strednadpis {color: #1598c2; }
.hfoto {margin: 25px 2px 2px 0px; padding: 0;}
.cas {color: #1598c2; margin: 0; padding: 0; font-weight: normal;}
.flek {margin-right: 5px; float: left; width: 145px;}
.vpravo {text-align: right; font-weight: bold;}
a.seda {color: #a59c8a;}

/* bloky ---------------------------------------------------------------------- */
#vrch {background: url('../img/more.jpg') top repeat-x; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 300px;}
#celek, .google {position: relative; width: 940px; top: 0; height: auto; margin: 0 auto;}
#vrchikony, #datum, #ikony, #animace, #animace1, #nadpis1, #nadpis, #vrchmenu, #flash, #uvod {position: absolute; margin: 0; padding: 0; z-index: 3;}
#menu, #pravy, #obsah, #obsahu, #obsah1, #pravy, .blok {width: 210px; float: left; background: #dfd0ac; margin: 0; padding: 0;}
#pravy {padding-top: 37px;}
#pravy, .prava { float: right;}
#uvod {left: 211px; top: 250px; width: 468px; height: 180px; background: url('../img/uvodflek.jpg') no-repeat; padding: 0px 25px 0px 25px;}
#obsah, #obsahu, #obsah1, #obsah2 {margin-left: 1px; width: 468px; background: #ffffff; padding-top: 50px; padding-left: 24px; padding-bottom: 10px;}
#obsahu {padding-top: 230px;}
#obsah1 {width: 682px;}
#obsah2 {width: 892px; padding-top: 0px;}
#paticka {clear:left; width: 920px; height: 40px; padding-right: 28px; padding-top: 13px; padding-bottom: 10px; background: url('../img/paticka.gif') no-repeat; text-align: right;}
#hlava {clear:left; width: 940px; height: 213px;}
#pozadi, #pozadi1, #pozadi2 {background: #ffffff url('../img/pozadistred.gif') repeat-y; height: 100%; min-height: 100%; padding-bottom: 10px;}
#pozadi1 {background: url('../img/pozadistredb.gif') repeat-y;}
#pozadi2 {background: url('../img/pozadistredv.gif') repeat-y;}
#stat {width: 1px; height: 1px; display: none;}
.tip {left: 0; top: 0; width: 468px; height: 111px; background: url('../img/tip.gif') no-repeat; margin-top: 12px;}
.tip h3 {color: #cc3300; padding-left: 78px; padding-top: 5px; margin: 0;}
.tip p {color: #0c4f57; padding-left: 78px; padding-top: 16px; margin: 0; width: 362px;}
.google {width: 100%; height: 62px; background: url('../img/google.gif') top repeat-x; margin: 15px 0px 10px 0px; padding: 10px 0px 10px 0px; text-align: center;}

/* vrch ---------------------------------------------------------------------- */
#vrchikony {left: 0; top: 0; width: 940px; height: 36px; background: url('../img/modra.gif') repeat-x; color: #ffffff;}
#datum {left: 40px; top: 12px; width: 600px; text-align: left;}
#animace, #animace1 {left: 502px; top: 55px; width: 382px; height: 159px; background: url('../img/ramanim.png') no-repeat;}
#flash {left: 10px; top: 20px; width: 353px; height: 106px; background: #e9dfc6;}
#nadpis, #nadpis1 {left: 48px; top: 89px; width: 410px; height: 95px; background: url('../img/nadpis.png') no-repeat;}

/* vrchni menu ---------------------------------------------------------------------- */
#vrchmenu {left: 210px; top: 213px; width: 730px; height: 36px; border-bottom: 1px solid #e9dfc6; z-index: 3;}
#vrchmenu ul, #ikony ul, #menu ul, #pravy ul{list-style: none; margin: 0px; padding: 0px; border: none;}
#vrchmenu li, #ikony li, #menu li, #pravy li {float: left; margin: 0px; padding: 0px; border: none;}
#vrchmenu li a, #ikony li a, #ikony li a.ikonap, #vrchmenu li a.neaktiv, #vrchmenu li .neaktiv {display: block; background: url('../img/cervena.gif') repeat-x; width: 120px; height: 36px; border-left: 1px solid #e9dfc6; 
	text-align: center; text-decoration: none; color: #ffffff; line-height: 3.2; font-weight: bold;}
#vrchmenu li a:hover, #vrchmenu li a:hover.menup, #ikony li a:hover, #ikony li a:hover.ikonap {background: url('../img/cervenap.gif') repeat-x; color: #ffffff;}
#vrchmenu li a.menup, #vrchmenu li a.neaktivvp  {width: 124px;}
#vrchmenu li a.neaktivv {width: 120px;}
#vrchmenu li a.neaktiv, #vrchmenu li a.neaktivvp, #vrchmenu li a.neaktivv {background: url('../img/modra.gif');}

/* ikony ---------------------------------------------------------------------- */
#ikony {left: 680px; top: 0; width: 230px; height: 36px;}
#ikony li a, #ikony li a.ikonap {width: 36px;}
#ikony li a.ikonap {border-right: 1px solid #e9dfc6;}
#ikony li a img {border: none;}

/* bloky siroky obsah ---------------------------------------------------------------------- */
.blok {width: 155px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 7px 7px 5px 7px;}
.blocek {width: 139px; height: 100px; border: 1px solid #c4bdad; padding: 7px; margin: 3px 0px 3px 0px; background: #ffffff;}
.blocek h3 {color: #ce3908; padding: 0; margin: 0;}
.blocek p {margin: 7px 0px 0px 0px; padding: 0;}

/* menu ---------------------------------------------------------------------- */
#menu li a, #pravy li a {display: block; background: url('../img/menu01.gif') no-repeat; color: #504d45; text-decoration: none; width: 170px; height: 24px; line-height: 1.8; padding-left: 40px; text-align: left;}
#menu li a:hover, #pravy li a:hover {background: url('../img/menu03.gif') no-repeat; height: 24px; color: #000000;}
#menu li.neaktiv {background: url('../img/menu02.gif') no-repeat; height: 36px; width: 170px; padding-left: 40px; padding-top: 4px; color: #ffffff;}
.neaktivp {background: url('../img/menu06.gif') no-repeat; height: 36px; width: 170px; padding-right: 40px; padding-top: 4px; color: #ffffff; text-align: right;}

/* prava stana ---------------------------------------------------------------------- */
#pravy, #pravy a, .stred {text-decoration: none; text-align: center;}
#pravy table   {width: 190px; padding-left: 20px; text-align: left;}
#pravy th {text-align: left;}
#k__EUR, #k__USD, #k__GBP, #k__SKK, #k__CAD, #k__DKK, #k__CHF, #k__SEK, #kz__USD, kz__EUR, #kz__GBP, #kurzy_datum, #kz__SKK, #kz__CAD, #kz__DKK, #kz__CHF, #kz__SEK, .kurz {display: none;}

/* tabulky ---------------------------------------------------------------------- */
.tabulka, #tabulka { border: 0px; width: 100%;}
td, th, .bunka {text-align: center; border: 0px; padding: 3px; margin: 0;} 
#obsah td { background: #dfd0ac; color: #67645d;}
#obsah th { background: #cc3300; color: #ffffff; font-weight: normal;}
#tabulka td { background: #ffffff; color: #67645d; text-align: left; padding-left: 10px; border: 0px; margin: 0;}

.radek {clear: left; padding-bottom: 10px;}
.bunka, .bunka1, .bunka2 {float: left; text-align: center; margin: 0; background: #ede5d0; padding: 3px; width: 150px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.bunka1 {width: 174px;}
.bunka2 {width: 120px;}
.tabulka h3, .tabulka h3 a {text-transform: none; font-weight: bold; margin: 0px; padding: 0px;}

/* foto ---------------------------------------------------------------------- */
.noram {padding: 0px; border: 0px; margin: 0px;}
.ram, .ramb, .rams {padding: 4px; border: 1px solid #c4bdad; margin: 4px; background: #ffffff;}
.ramb {margin: 0;}
.rams {margin-top: 15px; margin-bottom: 20px;}
.clearboth {clear: both;}

/* seznam ---------------------------------------------------------------------- */
.seznam, .seznam ul {width: 230px; float: left; padding: 0px; border: 0px; margin: 0px; list-style: none; }
.seznam ul {padding-top: 10px;}
.seznam li {float: left; display: block; background: url('../img/menu07.gif') no-repeat; width: 190px; height: 18px; line-height: 1.4; padding-left: 20px; }

/* formulare ---------------------------------------------------------------------- */
label, input, select, textarea {display: block; width: 146px; height: 16px; float: left; margin: 2px; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt;}
label {text-align: right; width: 130px; padding-right: 10px; text-align: right;}
#obsah input, #obsah textarea {margin-right: 10px; padding-left: 2px; border: 1px solid #c4bdad; background: #ffffff; width: 275px;}
#obsah textarea {width: 275px; height: 200px; overflow: hidden;}
#obsah input.tlacitko, #obsah2 input.tlacitko {padding: 5px; width: 140px; height: 26px; border: 0 none; text-align: center; background: #ce3908; color: #ffffff;}
#obsah2 input.tlacitko {height: 22px;}
select {margin-right: 10px; padding-left: 2px; border: 1px solid #67645d; background-color: #ffffff; width: 250px; height: 20px;}
#cse-search-box {margin: 10px; padding: 2px; border: 0 none; float: left;}
#cse-search-box input {margin-right: 10px; padding-left: 2px; width: 275px;}