/* common */
body {color: #000; background: #fff; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 0; margin: 0; padding: 0;}
input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
form {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1 {position: absolute; top: 65px; left: 25px;}
h2 {color: #009; font-size: 1em; margin-bottom: .3em;}
h3 {color: #009; background: url(../gfx/Kotva.gif) 0% 40% no-repeat; font-size: .9em; text-transform: uppercase; margin-bottom: 5px; padding-left: 15px;}
h4 {font-size: .9em; text-transform: uppercase; margin-bottom: .5em;}
h5 {font-size: .9em; margin-bottom: .5em;}

p {font-size: .9em; margin: 0 0 1.33em 0; line-height: 1.4em;}
ul, ol, dl {font-size: .9em; margin: 0 0 1em 0; padding: 0;}
ul {list-style: none; position: relative;}
ol {margin-left: 3em;}
ul li, ol li {line-height: 1.4em; margin-bottom: .3em;}

img {border: 0;}

table {font-size: 1em; margin-bottom: 1.33em;}
th {text-align: left;}

a {color: #c00;}

/* layout */
#Case {text-align: left; margin: 0 auto; width: 960px;}
#Hlava {background: url(../gfx/Hlava.jpg) 0px 40px no-repeat; position: relative; margin-bottom: 25px; height: 265px;}
#Pata {color: #fff; background: url(../gfx/Pata.gif) top left no-repeat; background-color: #284992; padding: 40px 0 0 0; width: 960px;}

#Stred, #Levy, #Pravy {float: left; display: inline; position: relative;}
#Levy, #Pravy {width: 185px;}
#Stred {left: 206px; width: 546px;}
#Levy {left: -546px;}
#Pravy {left: 41px;}

#Levy .box, #Pravy .box {margin-bottom: 1em; padding: 15px 15px 1px 15px;}
#Levy .modra, #Pravy .modra {background: #CED9FF; border: 1px solid #BECDFF;}
#Levy .tmodra, #Pravy .tmodra {background: #3B599B;}
#Levy .zluta, #Pravy .zluta {background: #F9E69A; border: 1px solid #F4DF8C;}

/* content */
h1 a, h1 a span {background: url(../gfx/Logo.jpg); display: block; width: 234px; height: 91px;}
h1 a {position: relative; z-index: 1; overflow: hidden;}
h1 a span {position: absolute; z-index: 2; top: 0; left: 0; cursor: pointer;}

p.skip {position: absolute; top: -100px;}
p.vyhledavani {position: absolute; top: 201px; left: 25px;}

#sNav {color: #009; background: #CED9FF; padding: .5em; font-size: .75em; position: absolute; top: 11px; right: 0;}
#sNav li {display: inline;}
#sNav a {color: #009; font-weight: bold; margin: 0 10px;}
#sNav a:hover {text-decoration: none;}

#mNav {color: #fff; background: url(../gfx/mNav.gif) bottom left no-repeat; background-color: #c00; font-size: .75em; font-weight: bold; text-align: center; padding: 5px 0; position: absolute; top: 235px; left: 0; width: 960px;}
#mNav li {display: inline;}
#mNav a {color: #fff; text-decoration: none; margin: 0 15px; letter-spacing: 1px;}
#mNav a:hover {text-decoration: underline;}

#Stred h2, #Stred h3, #Stred h4, #Stred h5, #Stred p, #Stred ul, #Stred ol, #Stred img, #Stred fieldset, #Stred table {margin-left: 13px; margin-right: 13px;}
#Stred .box {float: left; display: inline; position: relative; width: 273px;}
#Stred .box h2 {margin-bottom: 1em;}

#Stred ul li {background: url(../gfx/Bullet.gif) 0px 8px no-repeat; position: relative; padding-left: 10px;}
#Stred ul {margin-left: 2.3em;}
#Stred ol {margin-left: 3em;}

#Stred h2.kde {color: #000; font-size: 1.1em; text-align: center; margin-bottom: 1em; padding-bottom: .06em; border-bottom: 1px solid #999;}
#Stred h2.found {margin: 1em 13px .4em 13px;}

table#vysledky, table#rekap {font-size: .9em; background: #CED9FF; width: 520px;}
table#vysledky th, table#vysledky td, table#rekap th, table#rekap td {vertical-align: top; padding: 5px 10px;}
table#vysledky th, table#rekap th {background: #FFFFDC;}
table#vysledky th {font-weight: normal;}
table#vysledky th a {color: #284992;}
table#vysledky td, table#rekap td {background: #fff;}
table#vysledky tr.obsazeno {color: #ccc;}

table#rezervujici {font-size: .9em;}
table#rezervujici th {text-align: right; vertical-align: top; padding: 5px 20px 0 0;}
table#rezervujici input, table#rezervujici textarea {border: 1px inset; font-size: 1em; margin-bottom: .7em; padding: 4px 2px; width: 325px;}

#Stred fieldset {border: 1px solid #CED9FF; margin-bottom: 1em; padding: 1em;}
#Stred fieldset p {margin: 0;}

p.slogan {color: #009; font-size: 1em;}

.regaty h4 {color: #009;}
.regaty a {color: #c00; font-size: 1.1em; font-weight: bold;}
.regaty .normal a {font-size: 1em; font-weight: normal;}

.regaty p {margin-bottom: 1em;}
.regaty p.normal {margin-bottom: 0;}
.odkazy p, .novinky p, .lastminute p {font-size: .75em;}
.odkazy a, .novinky a, .lastminute a {font-weight: bold;}
.newsletter p {color: #fff; font-size: .75em;}
.lastminute strong {color: #009;}

input#newsletter {width: 105px;}

p.oddelovac {font-size: .75em; margin-bottom: 1em;}
p.oddelovac a {color: #000; margin: 0 10px;}
p.oddelovac a:hover {text-decoration: none;}

#Stred .nahled {float: left; text-align: center; display: inline; border: 1px solid #D2D4D8; margin: 0 0 1.33em 10px; padding: 3px 0 0 0;}
#Stred .nahled img {margin: 0 3px; line-height: 0;}
#Stred .nahled p {margin: 6px;}

#Pata a {color: #ffc;}
#Pata .box {float: left; width: 240px;}
#Pata .box h4, #Pata .box p, #Pata .box ul {margin: 0 0 1em 35px;}
#Pata .box li {margin-bottom: .8em;}

.formular {float: left; display: inline; margin: 0 30px 15px 0; padding: 0; width: 450px;}
.formular th {color: #fff; font-size: .9em; font-weight: normal; text-align: right; vertical-align: top; padding: 5px 20px 0 0;}
.formular h4 {margin: 0 0 1em 164px;}
.formular textarea {margin-bottom: 1em; height: 100px;}
.formular table {margin: 0 0 0 53px;}
#jmeno, #email, textarea {font-size: .9em; border: 0; margin-bottom: .7em; padding: 4px 2px; width: 280px;}

p.copy {color: #D2D4D8; background: #0D204A; font-size: .75em; text-align: center; margin: 0; padding: 5px 0; width: 960px;}
#Pata p.copy a {color: #D2D4D8; text-decoration: none;}
p.copy a:hover {text-decoration: underline;}

h4.chyba, ul.chyba {color: #fff; background: #c00; margin: 0 0 0 40px; padding: 10px;}
#Stred ul.chyba {list-style: square; margin: 0 13px 1.33em 13px; padding: 0 0 10px 50px;}
#Stred ul.chyba li {background: none; padding: 0;}
#Pata ul.chyba {list-style: square; margin: 0 0 2em 40px; padding: 0 0 10px 30px;}
#Pata ul.chyba li {background: none; padding: 0;}

#doporuc {background: #f9f9f9; border: 1px solid #e9e9e9; margin: 1em 0; text-align: center; padding: 1em 1em .1em 1em;}
#doporuc label {font-size: .9em;}

.doporuceni {margin: 0;}
.doporuceni th, .doporuceni td {padding: 0 .5em .5em 0; text-align: left;}

.varovani {padding: 1em; border: 1px solid #c00;}

table.obycejna {font-size: .9em; background: #CED9FF; width: 520px;}
table.obycejna th, table.obycejna td {vertical-align: top; padding: 5px 10px;}
table.obycejna th {background: #FFFFDC;}
table.obycejna th a {color: #284992;}
table.obycejna td {background: #fff;}

/* pre-defined */
.center {text-align: center;}
.right {text-align: right;}

.cervena {color: #c00;}
.modra {color: #009;}

.clr {clear: both;}
.fl {float: left;}
.fr {float: right;}
.il {margin: 4px 15px 0 0;}
.ir {margin: 4px 0 40px 15px;}
.nm {margin: 0;}
.ml1 {margin-left: 1em;}
.mp1 {margin-right: 1em;}

.small {font-size: .8em;}

/* ajax */
.action {background-color: #FFFFDC;}

/* countdown */

/* countdown styles */
.hasCountdown {
	border: 1px solid #ccc;
	background-color: #eee;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding div {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	text-align: center;
}
.countdown_show1 div {
	width: 100%;
}
.countdown_show2 div {
	width: 50%;
}
.countdown_show3 div {
	width: 33%;
}
.countdown_show4 div {
	width: 25%;
}
.countdown_show5 div {
	width: 20%;
}
.countdown_show6 div {
	width: 16%;
}
.countdown_show7 div {
	width: 14%;
}
.countdown_section {
	float: left;
	font-size: 75%
}
.countdown_amount {
	font-size: 200%;
}
.countdown_descr {
	width: 100%;
} 
#countdown {color: #009; font-size: 1.1em; background: none; border: 0; margin: 0;}
.pocitadlo {background: #CED9FF; padding: .5em; border: 1px solid #BECDFF; margin: 0 0 1em 0;}
.pocitadlo p {font-size: .8em;}