.signal {border:1px solid red;}
.fl {float:left;}
.fr {float:right;}
.nofl {clear:both;font-size:2px;}
.nodisp {display:none;}
.tac {text-align:center;}
.tar {text-align:right;}
.vat {vertical-align: top;}
.vam {vertical-align: middle;}
html,body,div,ul,ol,li,span,form,p,h1,h2,h3,h4,h5,h6,img,input {margin:0px;padding:0px;}
hr {display:none;}
img {border:0px solid #000;}
a {color:#000;}

body {font-family:Arial,Helvetica,sans-serif;text-align:center; background: #fff url(../img/bg.gif) repeat-y 50% 0%;}
#main {margin-left:auto;margin-right:auto;width:960px;text-align:left;position:relative;}

/* layout */
#logo, #top-img, #nav-cover, #subnav-cover, #middle, #left, #right {position: absolute;}
#logo {left: 14px; top: 40px;}
#top-img {right: 0px; top: 0px;}
#nav-cover {left: 0px; top: 135px;}
#subnav-cover {left: 0px; top: 165px;}
#middle {left: 215px; top: 200px; z-index: 20; width: 530px; padding-bottom: 50px;}
#left {left: 0px; top: 200px;}
#right {right: 0px; top: 200px;}

/* logo */
#logo {position:relative;overflow:hidden;}
#logo, #logo a {width:270px;height:64px;color:#0096D7;}


#nav {background: #3FC0FE url(../img/nav-roh.gif) no-repeat 0% 0%; padding-top: 4px; padding-left: 20px;}
div[id]#nav {width: 940px;}
#nav ul {height: 24px; }
#nav li {float: left; list-style-type: none; background: url(../img/nav-sep.gif) no-repeat 100% 40%;} 
#nav a {display: block; padding: 2px 48px 2px; font-size: 85%; line-height: 150%; font-weight: bold; color: #fff; text-decoration: none;}

#nav a:hover {text-decoration: underline;}

#nav .no-bg {background: none;} /* before the active no white sep and last one*/
#nav #active {background: #EBE7E4 url(../img/nav-active-rt.gif) no-repeat 100% 0%;}
#nav #active a {background: url(../img/nav-active-lt.gif) no-repeat 0% 0%; color: #5B5B5B;}

.nofl-nav {background: #EBE7E4; clear:both;font-size:2px;} /* nofl after navigation with gray color */

/* sub navigace */
#subnav {background: #EBE7E4 url(../img/subnav-lb.gif) no-repeat 0% 100%; padding-left: 35px;}
div[id]#subnav {width: 925px;}
#subnav-roh {background: url(../img/subnav-rb.gif) no-repeat 100% 100%; }
#subnav ul {list-style-type: none; height: 22px;}
#subnav li {float: left; list-style-type: none; background: url(../img/subnav-sep.gif) no-repeat 100% 100%; padding: 0 20px 0; position: relative; top: -2px;}
#subnav a {font-size: 75%; line-height: 150%; font-weight: bold; color: #5B5B5B;}
#subnav a:hover {color: #222;}
/* no subnav */
#subnav #empty {font-size: 9px; line-height: 100%; height: 9px;} /* plus 2px from Nav nofl with the same color */
#subnav div[id]#empty {height: 12px;}
#subnav .no-bg {background: none;} /* before the active no white sep and last one*/


/* orange kontejner */
.o-kont-bottom {background: #FA923D url(../img/orange-bottom.gif) no-repeat 0% 100%;}
.o-kont-top {background: url(../img/orange-top.gif) no-repeat 0% 0%;}


/* blue kontejner */
.b-kont-bottom {background: #78D0FA url(../img/blue-bottom.gif) no-repeat 0% 100%;}
.b-kont-top {background: url(../img/blue-top.gif) no-repeat 0% 0%;}

/* kontejner */
.kont {width: 200px; margin-bottom: 12px; color: #fff;}
.kont .top {padding: 10px 16px 24px 30px;}
.kont h3 {font-size: 110%; line-height: 200%; margin-bottom: 10px;}
.kont h3 a {color: #fff; text-decoration: none;}
.kont h3 a:hover {text-decoration: underline;}

.kont a {color: #fff;}

.kont .kontakt h3 {background: url(../img/tele.gif) no-repeat 90% 20%;}
.kont .kontakt h4 {font-size: 90%; line-height: 150%;}
.kont .kontakt ul {list-style-type: none; margin-bottom: 6px;}
.kont .kontakt li {font-size: 75%; line-height: 150%; }

.kont .novinky h3 {background: url(../img/novi.gif) no-repeat 90% 20%;}
.kont .novinky h4 {font-size: 80%; line-height: 110%; margin-bottom: 5px;}
.kont .novinky p {font-size: 75%; line-height: 120%; border-bottom: 1px dashed #fff; position: relative; left: -10px; padding: 0 0 8px 10px; margin-bottom: 8px;}

.kont .domy ul {margin-left: 20px;}
.kont .domy li {font-size: 75%; line-height: 150%; margin-bottom: 2px;}


.text {color: #272727;}
.text p {font-size: 75%; line-height: 150%; margin-bottom: 1em; text-align: justify;}
.text a {color: #028ED1;}
.text h2 {font-size: 100%; line-height: 150%; margin: 2em 0 .5em;}
.text h3 {font-size: 90%; line-height: 120%; margin: .5em 0 .1em;}
.text ul, .text ol {margin: 0 0 1em 2em;}
.text ul li, .text ol li {font-size: 75%; line-height: 150%; margin-bottom: .5em;}
.text table {border-collapse:collapse; margin-bottom: 1em;}
.text th, .text td {color: #272727; font-size: 75%; line-height: 120%; border: 1px solid #bbb; padding: 6px;}
.text th {background: #ededed;}

.mapa-webu ul {margin: 0 0 1em 2em;}
.mapa-webu ul li {font-size: 75%; line-height: 150%; margin-bottom: .5em;}
.mapa-webu ul ul {margin: .3em 0 1em 3em;}
.mapa-webu li li {font-size: 95%; line-height: 120%; margin-bottom: .5em;}
.mapa-webu a {color: #028ED1;}


.address p {margin: 0;}
.address table {border-collapse:collapse; }
.address th, .address td {font-size: 75%; line-height: 150%; text-align: left; padding-right: 1em;}

/* bread */
#bread {border-bottom: 1px solid #EBE7E4; color: #848484; font-size: 70%; padding: 22px 0 8px;}
#bread a {color: #848484; margin: 0px; text-transform: lowercase;}
#bread span {text-transform: lowercase;}

.fotos {background: #EBE7E4; padding: 8px 0 5px 10px; margin-bottom: 20px;}
.fotos li {list-style-type: none; display: inline; margin-right: 6px;}
.fotos img {width: 120px; height: 90px;}


/* h1 */
#middle h1 {font-size: 140%; line-height: 150%; text-align: center; margin: 18px 0 6px;}

/* second domy  */
.box {width: 530px; margin-bottom: 10px;}
.box .border {border: 2px solid #EBE7E4;}
.box .dum {height: 96px!important; position: relative; overflow: hidden;}
.box .sudy {background: #EBE7E4;}/* sudy zmena pozadi */

.box .img img {width: 120px; height: 90px; position: absolute; left: 6px; top: 4px;}
.box .popis {position: absolute; left: 136px; top: 10px;}
.box h2 {font-size: 85%; line-height: 100%; margin-bottom: 15px;}
.box li {font-size: 75%; line-height: 120%; list-style-type: none; margin-bottom: 6px;}
.box .lok {margin-bottom: 6px;}
.box .lok a {font-size: 110%;}

/* hp domy  */
.radek {width: 530px; margin-bottom: 16px;}
.radek .border {border: 2px solid #EBE7E4;}
.radek .height {height: 110px; position: relative; overflow: hidden;}
.radek .dum {width: 263px; height: 110px; position: relative;}
.radek .levy {position: absolute; left: 0px; top: 0px;}
.radek .pravy {background: #EBE7E4; position: absolute; right: 0px; top: 0px;}
.radek .img img {width: 120px; height: 90px; position: absolute; left: 6px; top: 4px;}
.radek .popis {position: absolute; left: 136px; top: 10px; width: 120px;}
.radek h2 {font-size: 85%; line-height: 120%; margin-bottom: 7px;}
.radek li {font-size: 70%; line-height: 100%; list-style-type: none; margin-bottom: 4px;}
.radek .lok {margin-bottom: 6px;}
.radek .lok a {font-size: 110%;}
/* sudy zmena pozadi */

.radek.sudy .levy {background: #EBE7E4;}
.radek.sudy .pravy {background: #fff;}


/* hp */
.uvodni-text {font-size: 75%; line-height: 150%; margin: 16px 0 10px; font-weight: bold;}

/* tabulka ceny v detailu */
.ceny {border-collapse:collapse; border: 1px solid #bbb; width: 528px;}
.ceny th, .ceny td {font-size: 75%; line-height: 120%;text-align: center; border: 1px solid #bbb; }
.ceny th {background: #ededed; padding: 3px 0;}
.ceny td {line-height: 200%;}


/* rezervacni formular v detailu */
.rezervace {margin: 50px 0;}
.rezervace fieldset {border: 1px solid #bbb; }
.rezervace legend {font-weight: bold; font-size: 100%; color: #000;}
.rezervace input, .rezervace #ubytovani {width: 180px;}
.rezervace textarea {width: 320px; height: 70px;}
.rezervace table {border-collapse:collapse; margin: 10px 0 5px;}
.rezervace th, .rezervace td {text-align: left; font-size: 75%; line-height: 150%;}
.rezervace th {text-align: left; font-weight: normal; padding: 4px 14px 6px 12px;}
.rezervace #terminOd, .rezervace #terminDo {width: 110px;}
.rezervace #submit {margin-top: 10px;}


/* rezervacni formular v detailu */
.kontakt-form {margin: 0; width: 340px; position: absolute; right: 0px; top: 86px;}
.kontakt-form fieldset {border: 1px solid #bbb; }
.kontakt-form legend {font-weight: bold; font-size: 100%; color: #000;}
.kontakt-form input {width: 160px;}
.kontakt-form textarea {width: 200px; height: 170px;}
div[class].kontakt-form textarea {height: 145px;}
.kontakt-form table {border-collapse:collapse; margin: 10px 0 5px;}
.kontakt-form th, .kontakt-form td {text-align: left; font-size: 75%; line-height: 150%;}
.kontakt-form th {text-align: left; font-weight: normal; padding: 4px 10px 6px 12px;}
div[class].kontakt-form th {padding: 4px 6px 6px 0px;}
.kontakt-form td {padding-right: 12px;}
div[class].kontakt-form td {padding-right: 0px;}
.kontakt-form #submit {margin-top: 10px; margin-bottom: 10px;}
.kontakt-form input[id]#submit {margin-bottom: 0px;}


/* zpet na popis ubytovani */
.zpet {text-align: right; margin-bottom: 8px;}
.zpet a {font-size: 75%; line-height: 150%; color: #848484;}

/* vice fotek */
.vice {text-align: right; margin-bottom: 14px; margin-top: -14px;}
.vice a {font-size: 75%; line-height: 150%; color: #848484;}

/* novinky */
.nov {border-bottom: 1px dashed #EBE7E4; margin-bottom: 1em;}
.nov h2 {font-size: 80%;}
.nov h3 {font-size: 75%;}
.nov p {font-size: 75%; line-height: 150%; margin-bottom: .5em;}

/* marginy */
.m1em {margin: 1em 0;}
.mt10 {margin-top: 10px;}

#footer {width: 200px;font-size: 70%; line-height: 120%;text-align: center;color: #b5b5b5;; }
#footer a {color: #b5b5b5;}

#site-map {position: absolute; left: 44px; top: 1600px; font-size: 70%; line-height: 150%; text-align: center;}
#site-map a {color: #b5b5b5;}

.mimoradna-akce { margin-bottom: 12px; padding: 6px 10px; border: 1px solid #EBE7E4;}
.mimoradna-akce h2 { margin-bottom: 16px;  font-size: 120%; line-height: 150%; color: #EE6E00; text-transform: uppercase;}
.mimoradna-akce p { font-size: 75%; line-height: 150%; margin-bottom: 6px;}
.mimoradna-akce a.orange {color: #EE6E00;}

form.bigPhoto {
    width: 820px;
}

form.bigPhoto img {
    margin: 0;
    padding: 0;
    border: 10px solid #3fc1fe;
}

form.bigPhoto div {
    text-align: center;
    font-size: 12px;
}

form.bigPhoto input {
    font-weight: bold;
    margin: 0 15px;
    border: 0;
    border-bottom: 1px solid black;
    cursor: pointer;
}

p.inline-list {
    text-align: center;
}
p.inline-list a {
    padding: 3px 6px;
}