html, body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #ffffff; background:url(img/bck.jpg) top left no-repeat #ffa71d; }
/*---------- obecne --------------*/
h1,h2,h3,h4,h5,h6 { color: white; }
p { color: white; padding: 0; margin: 0 0 20px 0; font-size: 12px; text-align: justify; line-height: 18px; }
h1 { font-size: 1.7em; font-weight: normal; padding: 0px; }
h2 { font-size: 1.3em; font-weight: normal; }
h3 {font-size: 12px; font-weight: bold; color: #f26521; padding: 0; margin: 3px 100px 5px 0px; text-decoration: none;}
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
ul { list-style-type: none;}
li { list-style-type: none;}
hr {background: #eeeeee; border: 0;}
a, a:link { color: white; font-weight: normal; text-decoration: none; border: 0;}
a:hover {text-decoration: none; font-weight: normal;}
td { font-size: 11px;}
img { border: 0;}
/*---------- obecne konec --------------*/
.hlaska_ok { width: 500px; padding: 2px 5px; background: #89C12A; border: 1px solid #A1E1A8; color: white; margin: 0 0 3px 0;}
.hlaska_err { padding: 2px 5px; background: #ff0000; border: 1px solid #ff0000; color: white; margin: 0 0 3px 0;}
/*---------- layout --------------*/
#background {background: url(img/bg.jpg) left top repeat-x #FFFFFF; padding: 0 0 0px 0;}
#obsah { width: 1020px; float: left; text-align: left; background: url(img/bg.gif) repeat-y; }
#hlavicka1 {width: 1020px; height: 93px; background: url(img/hlavicka1.gif) left top no-repeat; position: relative;}
#hlavicka2 {width: 1020px; height: 163px; background: url(img/hlavicka2.gif) left top no-repeat; position: relative;}
#menu_top {width: 1020px; height: 53px; background: url(img/menu.gif) left top no-repeat; position: relative;}
#hledani {width: 990px; height: 44px; float: left; background: url(img/bg_hledani.jpg) top left repeat-x; position: relative; margin: 0 auto ; padding: 0px;}
#hledat {width: 300px; position: absolute; top: 10px; left:15px;}
.tlacitko {width: 59px; height: 21px; margin: 10px 10px 0 10px; background: url(img/hledej.jpg) left center no-repeat; }
a.tlacitko {font-size: 14px; font-weight: normal; color: #FFFFFF; padding: 5px 10px 5px 10px; margin: 5px 0 0 0; text-decoration: none;}
#logo { width: 262px; height: 83px; position: absolute; left: 0px; top: 47px;}
#logo img {border: 0px;}
#lang { width: 140px; right: 15px; top: 10px; position: absolute;}
#lang img {border: 0px;}
.podnadpis {width: 220px; height: 31px; color: #FFFFFF; font-size: 15px; text-indent: 15px; margin: 0; padding: 7px 0 0px 0px; background: url(img/bg_orange.jpg) top left repeat-x;}
.nadpis_novinka {font-size: 12px; font-weight: bold; color: #f26521; padding: 0; margin: 3px 0px 5px 0px; text-decoration: none;}
/***** hlavicka vyhledavani ****/
#hlavicka form { padding: 0; margin: 0; position: absolute; left: 806px; top: 12px; width: 270px;}
#hlavicka form input.zadej { vertical-align: middle; font-size: 11px; background: none; color: white; border: none; height: 20px; width: 140px; padding: 2px; margin: 0;}
#hlavicka form input.sendik { color: white; border: none; padding: 2px; background: url(img/i_hledej.jpg) no-repeat ; font-weight: bold; font-size: 11px;margin: 0px; }
/*---------- links --------------*/
#links { width: 400px; right: 15px; top: 10px; text-align: right; position: absolute;}
a.links_uvod { font-size: 12px; color: #FFFFFF; text-decoration: none; margin: 0px; padding: 0 0 0 20px; background: url(img/domek.jpg) left no-repeat; }
a.links_mapy { font-size: 12px; color: #FFFFFF; text-decoration: none; margin: 0 0 0 10px; padding: 0 0 0 20px; background: url(img/mapa.jpg) left no-repeat;}
a.links_kontakty { font-size: 12px; color: #FFFFFF; text-decoration: none; margin: 0 0 0 10px; padding: 0 0 0 20px; background: url(img/obalka.jpg) left no-repeat;}
#links a:hover { color: #FFFFFF; text-decoration: underline;}
/*---------- leva--------------*/
#leva { float: left; padding: 0px; margin: 0 0 0 0px; width: 366px;}
#leva_in {margin: 0 0 0 150px; padding: 0px;width: 150px;}
/*---------- stredni --------------*/
#stredni { float: left; width: 651px; padding: 0; margin: 0; background: url(img/bg_top.jpg) left top repeat-x; min-height: 250px; _height: 250px;}
#stredni_in { margin: 10px 0 0 0; padding: 0px 20px 0 25px; font-size: 12px;}
#stredni img { }
#obrazky { width: 460px;}
/*---------- prava --------------*/
#prava { float: right; padding: 0; margin: 0; width: 230px;}
#prava_in {margin: 15px 0px 0 0px; padding: 0 0px 0 0px;}
#prava p {color: #ffffff; font-size: 12px; line-height: 18px; text-align: justify; padding: 0; margin: 0;}
.kalendar {float: left; width: 40px; height: 60px; margin: 0 10px 0 0; padding: 0px; background: url(img/kalendar.jpg) left top no-repeat; position: relative;}
.datum {color: #666666; font-size: 10px; line-height: 12px; position: absolute; left: 7px; top:13px; text-align: center}
/*---------- paticka --------------*/
#paticka { width: 100%; height: 115px; text-align: left; padding: 0 0 0px 0; background: url(img/pata.gif) left top no-repeat;}
#paticka a { color: #000000;}
#paticka_in { width: 1020px; text-align: left; padding: 0px; color:white; }
#paticka_text {width: 400px; padding: 0 25px 0 20px; margin: 10px 0 0 0; color: #000000; font-size: 12px; font-weight: normal; float: left;}
#logo_eworks { width: 80px; float: right; padding-right: 0px; margin-top: 30px; font-size: 12px;}
#paticka img {border: 0px;}
#path { color: #d3d3d3; margin-top: 10px;}
#path a { color: #8BC12F; font-weight: normal; }
span.clearboth { clear: both; height: 0px; line-height: 0px; font-size: 0px; display: block; visibility: hidden; }
/*---- levé menu -----*/
#lm { font-size: 1em; padding: 0; margin: 15px 0 0 10px;}
#lm ul { list-style: none; width: 180px; }
#lm ul li { float: left; display: block; position: relative; padding: 0;}
#lm li { /* all list items */ float: left; display: block; width: 180px; height: 31px; margin: 0 0 2px 0; padding: 0px 0 0 0px; position: relative;}
#lm li a { display: block; font-size: 12px; color: #FFFFFF; height: 31px; margin: 0; text-decoration: none; padding: 0px; line-height: 30px; position: absolute; top: 0px; left:15px;}
#lm li a:hover { font-size: 12px; text-decoration: none; color:#faa41d; }
#tm { position: absolute; top: 5px; left: 400px;padding: 0; margin: 0;}
#tm ul { list-style: none; }
#tm li { float: left; display: block; padding: 0px 50px 0 50px; position: relative;}
#tm li a { font-size: 15px; color: #FFFFFF; margin: 0; text-decoration: none; padding: 0px; }
#tm li a:hover { font-size: 15px; text-decoration: none; color:#faa41d; }
/*---- odkazy dole napravo -----*/
#sloupec {padding: 0; margin: 10px 0 0 0px; }
#odkazy { font-size: 1em; padding: 0; margin: 0; }
#odkazy ul { list-style: none; width: 220px; }
#odkazy ul li { float: left; display: block; position: relative; padding: 0;}
#odkazy li { /* all list items */ float: left; display: block; width: 220px; height: 20px; margin: 0; padding: 0px; position: relative;}
#odkazy li a { height: 20px; display: block; font-size: 12px; color: #12a1d4; margin: 0; text-decoration: underline; text-indent: 20px; background: url(img/li_black.jpg) left center no-repeat; line-height: 18px; position: absolute; top: 0px; left:15px;}
#odkazy li a:hover {font-size: 12px; text-decoration: none; color:#12a1d4; background: url(img/li_black.jpg) left center no-repeat;}
/* ----------- KONTAKT ----------------------------*/
#kontakt { width: 220px; margin: 0px; padding: 0px; font-size: 12px; float: left;}
#kontakt_in { margin: 0px; padding: 30px 0 20px 10px; text-align: left; }
#kontakt p { color: #000000; margin: 0px; padding: 10px 0 0 15px; text-align: left; line-height: 18px;}
/* ----------- photo ----------------------------*/
div.photo { float: left; width: 150px; padding: 0;margin: 10px 10px 0 0; }
div.photo_in { }
div.photo strong { text-align: center; display: block; font-weight: normal; }
/*---------- SUBPAGE -------------*/
div.subpage { background: #F68D1E; width: 600px;margin: 10px 0 5px 0; padding: 0px; border: 1px solid #FFA23F;}
div.subpage_in { margin: 9px 0 0px 5px; padding: 4px; }
div.subpage_in a { font-size: 14px; padding: 0px 0 5px 0; margin: 0 0 10px 0; color: #ffffff; font-weight: bold;}
div.subpage_in .popis { font-size: 12px; margin: 10px 0 5px 0; }
/************ gallery ********/
.gallery {float: right; width: 252px; margin: 0 0 20px 20px; padding: 0 7px 7px 7px;background: #1E1E1E; border: 1px solid #474747;}
.gallery img {border: 1px solid #333333; }
.gallery .photomain { width: 250px; margin-bottom: 5px;}
.gallery img.doprava {float: left; border: 0;}
.gallery .photomain .photo { }
.gallery .male_nahledy { }
.gallery .male_nahledy img.small { float: left; margin: 10px 6px 0 6px; }
.gallery2_male_nahledy a { float: left; margin: 0 30px 20px 0;}
.gallery2_male_nahledy a { border: none; }
.gallery2_male_nahledy a img { }
/*------------ FILES ------------*/
table.files_t { width: 600px; border-collapse: collapse; }
table.files_t th { background: #FFA71D; color: #fff; padding: 3px 3px 3px 5px; text-align: left; font-size: 11px;}
table.files_t th.nazev { width: 50%; }
table.files_t td { padding: 3px 3px 3px 5px; border-bottom: 1px solid #FFA71D; font-size: 11px;}
table.files_t td a img {border: none;}
/*------------- novinka --------------------*/
.novinka { float: left; width: 285px; height: 125px; margin: 0px 10px 10px 0; padding:0px; background: #FFA71D; border: 1px solid #FFBA4F; color: white;}
.novinka_in { padding:10px;}
.kalendar { float: left; width: 45px; height: 40px; margin: 0 10px 6px 0; padding: 0px; background: url(img/kalendar.gif) left top no-repeat; position: relative;}
.datum { color: #666666; font-size: 10px; line-height: 12px; position: absolute; left: 7px; top:13px; text-align: center}
.nadpis_novinka { color: white; font-size: 14px; font-weight: bold; margin: 0; padding: 0;}
.nadpis_novinka a { color: #C02127; text-decoration: none;}
.nadpis_novinka a:hover { color: #397DB3; text-decoration: none;}
.novinka p { padding: 5px 0 0 0; margin: 0;}
/************* rezervace **************/
div.rezervace { width: 470px; }
div.rezervace label { float: left; width: 130px; margin: 13px 0 5px 0;}
div.rezervace input { width: 210px; margin: 11px 0 5px 0;}
div.rezervace select { width: 210px; margin: 11px 0 5px 0;}
div.rezervace .potvrdit {width: 113px; height: 30px;}
table.darci td { width: 200px; font-size: 12px; padding: 5px 10px 5px 0;}