/* elementy */
body {color: #000; background: url(../gfx/body.png) top left repeat-x; background-color: #fff; font-family: Arial, Helvetica, sans-serif; text-align: center; border: 0; margin: 0; padding: 0; position: relative;}
input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
form {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1 {color: #ECF2FB; font-size: 1.7em; font-style: italic; position: absolute; top: 30px; right: 43px;}
h2 {color: #f60; font-size: 1.1em; text-transform: uppercase; margin-bottom: .7em;}

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

img {border: 0;}
sup {font-size: .6em; position: relative; top: .1em;}

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

a {color: #f60;} /*color: #eb008d;*/

/* layout */
#hlavni {text-align: left; margin: 0 auto; padding-top: 40px; width: 960px;}
#hlavicka {position: relative; overflow: hidden; height: 100px;}
#paticka {background: #ecf2fb; text-align: center; border-top: 3px solid #f60; margin: 0 0 0 18px; padding: 1.3em 0 0 0;}
.obsah {margin: 0 0 0 18px;}
.siroky-panel {background: #fff; border: 1px solid #cddbf2; border-top: 3px solid #f60; margin: 0; padding: 2em 2em 1em 2em;}
.obal {clear: both;}
.panel {width: 534px;}
.dekujeme {padding: 2em 0;}

/* obsah */
.logo {background: url(/gfx/logo.png); position: absolute; cursor: pointer; top: 30px; left: 43px; width: 208px; height: 27px;}

#hlavicka ul {color: #f60; font-size: 1.1em; padding: 5em 0 0 18px;}
#hlavicka ul a {color: #1d4fb4; background: url(../gfx/sipka-velka-modra.png) 0px 8px no-repeat; padding-left: .9em; text-decoration: none;}
#hlavicka ul a.zde {color: #f60; background: url(../gfx/sipka-velka-ruzova.png) 0px 8px no-repeat;}
#hlavicka ul a:hover {text-decoration: underline;}

#lista {color: #cfddf2; background: #1d4fb4; text-align: center; position: absolute; top: 0; left: 0; height: 40px; width: 100%; border-bottom: 1px solid #184298;}
#drzak {width: 880px; margin: 0 auto; position: relative; z-index: 1;}
#lista ul {position: absolute; top: 0; left: 0; z-index: 3;}

#lista ul li {display: inline;}
#lista ul a {color: #ECF2FB; font-weight: bold; text-decoration: none; font-size: .9em; padding: .45em 1em; border: 1px solid #1d4fb4; border-bottom: 0; display: block; float: left; position: relative; top: 7px; border-collapse: collapse;}
#lista ul a:hover, #lista ul a.zde {color: #1d4fb4; background: url(../gfx/pozadi-zalozka.png) top left repeat-x; background-color: #A0BCE6; border: 1px solid #184298; border-bottom: 1px solid #A0BCE6;}

p.jazyk {z-index: 2; font-size: .7em; margin: 0; position: absolute; top: 1.3em; right: 0;}
p.jazyk a {outline: none;}
p.jazyk img {margin: 0 7px 0 0;}

.hp-box, .hp-box-proc-prijet {background-color: #fff; float: left; border: 1px solid #cddbf2; border-top: 3px solid #f60; display: inline; margin: 0 0 2em 18px; padding: 1em 0 .1em 0; width: 300px;}
.hp-box h2, .hp-box ul, .hp-box img, .hp-box p {margin-left: 14px; margin-right: 14px;}
.hp-box h2 {text-align: center; font-size: 1em; height: 2.6em; overflow: hidden;}
.hp-box h2 a {text-decoration: none; padding: .1em .3em;}
.hp-box h2 a:hover {color: #fff; background: #f60;}
.hp-box ul {margin-bottom: .7em;}
.hp-box ul li {background: url(../gfx/sipka-mala-oranzova.png) 0px 7px no-repeat; position: relative; padding-left: .7em;}
.hp-box img {margin: .7em 18px;}
.cena-detail {color: #f60; font-size: 1.1em; font-style: italic; line-height: 1.1em; width: 150px;}
.cena-detail span {color: #1d4fb4; font-size: .7em; margin-left: 2px;}
.poukaz {background: url(/gfx/poukaz-pentle.png) top left no-repeat; background-color: #fff;}

.proc {background: #ffc; height: 311px;}
.proc ul li {/*margin-bottom: 1em;*/}
.proc p.vetsi {margin-bottom: .5em;}

.akce {height: 348px; padding: 0; overflow: hidden;}
.akce h2 {margin-top: .9em; height: auto;}

.hp-box .nabidka img {margin: -5px 0 0 0;}

.novinky-proc-prijet {background: url(../gfx/13-zluta-23-modra.png) top left repeat-y; margin: 0 18px 2em 18px; padding: 1em 0 .1em 0; width: 942px;}
.novinky {float: left; width: 302px;}
.proc-prijet {float: right; width: 622px;}

.novinky-proc-prijet h2, .novinky-proc-prijet p, .novinky-proc-prijet ul, .novinky-proc-prijet img {margin-left: 18px; margin-right: 18px;}
.novinky-proc-prijet ul li {background: url(../gfx/sipka-mala-oranzova.png) 0px 7px no-repeat; margin-bottom: .7em; position: relative; padding-left: .7em;}
.novinky-proc-prijet img {border: 7px solid #fff;}

.clanek {background: #fff; border-right: 6px solid #eaeaea; margin: 0 0 2em 18px;}
.clanek h2, .clanek p, .clanek ul {margin: 0 18px 1em 18px;}
.clanek h2 a {color: #1d4fb4;}
.clanek h2 a:hover {color: #f60;}
.clanek ul {margin-left: 338px;}
.clanek ul li {background: url(../gfx/sipka-mala-oranzova.png) 0px 7px no-repeat; position: relative; padding-left: .7em;}
.okraj-obrazku {border: 5px solid #eaeaea; line-height: 0; display: inline; margin-right: 36px;}
.okraj-obrazku img {border: 2px solid #fff;}

.obsah p, .obsah ul {font-size: 1em;}
.obsah p.male {font-size: .8em;}
.obsah ul li {background: url(../gfx/sipka-velka-oranzova.png) 0px 9px no-repeat; position: relative; padding-left: .7em;}

.cenik-maly {width: 100%;}
.cenik-maly th, .cenik-maly td {width: 30%; text-align: center; padding: 0 .5em;}
.cenik-maly th {vertical-align: bottom; padding-top: .7em; color: #678ECB;}
.cenik-maly td {vertical-align: top; padding-bottom: 1.3em; font-size: .9em;}
.cenik-maly th.aktual {color: #f60; font-size: 1.6em; background: #ffc;}
.cenik-maly td.aktual {background: #ffc; font-size: 1em;}

.cenik-velky {font-size: .9em; text-align: center; background: #cddbf2; width: 534px;}
.cenik-velky th {background: #ECF2FB;}
.cenik-velky td {background: #fff;}
.cenik-velky thead th {font-size: .8em; text-align: center; padding: .3em; vertical-align: bottom;}
.cenik-velky tbody th {font-size: .8em; font-weight: normal; text-align: left; padding: .3em .2em; font-style: italic;}

.cenik {margin-bottom: 1em; width: 532px; border: 1px solid #CDDBF2;}
	.cenik th {font-weight: normal; vertical-align: top; padding: .5em;}
	.cenik td {vertical-align: top; text-align: center; padding: .5em;}
	.cenik th.mid {vertical-align: middle;}
	.cenik thead th {background: #DEE7F6; text-align: center;}
		.cenik thead tr.svetle th {background: #ECF2FB;}
	.cenik tbody th {background: #F5F9FD; width: 40%;}
	.cenik tbody td {background: #FCFDFE; color: #1D4FB4; vertical-align: middle;}
	
	.cenik tfoot th {background: #EFEFEF; width: 40%; font-size: .8em;}
	.cenik tfoot td {background: #F7F7F7; color: #333; vertical-align: middle;}
	.cenik tfoot td em {color: #c00;}
	
.cwellness {font-size: .9em;}
.clecba {font-size: .8em; margin-bottom: 1.4em;}
	.clecba td {font-size: 1.1em;}

.cprocedury {width: 100%; margin: 0;}
.cprocedury td, .cprocedury th {padding: .5em 1em;}
.cprocedury th {background: #cddbf2;}
	.cprocedury th.tmave {background: #ACC4EA;}
.cprocedury tr.svetly td {background: #fff;}
.cprocedury td.vpravo {white-space: nowrap;}

ul.puleny-seznam li {float: left; width: 255px;}

p.cena {font-size: 1.4em; font-weight: bold; text-align: center; padding: 1em; line-height: 1em;}
.sezona {color: #f60;}
.mimo-sezonu {color: #1d4fb4; background: #ffc;}
.cena span {color: #000; font-size: .6em; font-weight: normal; line-height: .8em;}

.objednavka-formular {background: #ECF2FB; float: right; border: 1px solid #cddbf2; margin-bottom: 1em; padding-bottom: 1.5em; width: 534px;}
.objednavka-formular h2 {margin: 1em 1.7em 0 1.7em;}
.objednavka-formular p {margin: 0;}
.objednavka-formular fieldset {font-size: .9em; border: 0; border-top: 1px solid #cddbf2; margin: 2em 1em; padding: .5em .8em 0 .8em;}
.objednavka-formular legend {font-style: italic;}
.objednavka-formular table {font-size: .9em; margin: 1em 0 0 0;}
.objednavka-formular th, .objednavka-formular td {padding: 0 0 1em 0;}
.objednavka-formular th {font-weight: normal; width: 45%;}
.objednavka-formular td {padding-right: 2em;}
.objednavka-formular table input {margin-left: .5em; padding: .3em; width: 220px;}
.objednavka-formular img, .objednavka-formular table input {vertical-align: middle;}
.objednavka-formular p label {margin-right: 1.5em;}
.objednavka-formular p input {margin-left: 3px;}
.objednavka-formular textarea {height: 100px; width: 475px;}
p.odesilaci-tlacitko {margin: 0 1em; text-align: center;}

.obrazky {float: left; width: 340px;}
.obrazky .okraj-obrazku {margin-bottom: 1.7em;}

.pul {width: 267px;}

.obycejna-tabulka td {line-height: 1.4em; padding: 0 1em .1em 0;}

.sendform {background: #ECF2FB; float: right; border: 1px solid #cddbf2; margin-bottom: 1em; padding: 1.5em 0; width: 534px;}
.sendform h2 {margin: 0 20px .7em 20px;}
.sendform table, .sendform p {margin: 0 20px;}
.sendform table {font-size: .9em;}
.sendform th, .sendform td {vertical-align: top;}
.sendform th {padding: .35em .7em 0 0;}
.sendform td {padding: 0 0 .7em 0;}
#jmeno, #e-mail, #telefon, #adresa, #psc-mesto, #prijezd, #odjezd, #hoste, #vzkaz {padding: 5px;}
#jmeno, #e-mail, #telefon, #adresa, #psc-mesto, #prijezd, #odjezd, #hoste {width: 300px;}
#vzkaz {width: 377px; height: 130px;}
.nepovinne {font-weight: normal;}

.sendform .chyba, .objednavka-formular .chyba {color: #fff; background: #c00; margin-right: 20px;}
.sendform h2.chyba, .objednavka-formular h2.chyba {margin-bottom: 0; margin-left: 20px; padding: 1em;}
.sendform ul.chyba, .objednavka-formular ul.chyba {margin-left: 20px; padding: .3em 1em 1em 1em;}
.sendform ul.chyba li, .objednavka-formular ul.chyba li {background: none; padding: 0; margin: 0 0 .3em 2em; list-style: square;}

.nastroje {color: #f60; margin: 3em 0 .7em 0;}
.nastroje a {margin: 0 .3em;}
.nastroje a:hover {color: #000;}

#paticka ul {margin: 0 9em 1.5em 9em; line-height: 1.6em;}
#paticka ul li {color: #1d4fb4; display: inline;}
#paticka ul li a {color: #1d4fb4; margin: 0 .3em;}
#paticka ul li a:hover {color: #f60; text-decoration: none;}
.copyright {color: #fff; background: #678ecb; font-size: .8em; margin: 0; padding: .7em 0;}
.copyright a {color: #fff; text-decoration: none;}
.copyright a:hover {text-decoration: underline;}

/* slider */
#panel a:focus {outline: none;}
#panel {background: #ffc; display: none; padding: 0; margin-bottom: 2em;}
.slide {margin: 0 0 1.33em 0; padding: 0;}
.btn-slide {color: #f60;}
#panel p {margin: 1em; padding-bottom: 1em;}

/* tabs */
/*#tabs {margin: 0;}
	#tabs li {background: none; padding: 0; float: left; margin: 0 5px 0 0; border: 1px solid #CDDBF2; line-height: 30px; height: 30px; position: relative; top: 1px;}
		#tabs li a {text-decoration: none; font-weight: bold; display: block; padding: 0 10px; border: 1px solid #fff; background:#F5F9FD; line-height: 30px; height: 30px; color: #1D4FB4;}
		#tabs li.active a {background: #DEE7F6; color: #f60;}*/

/* obecne tridy */
.stred {text-align: center;}
.vpravo {text-align: right;}
.vlevo {text-align: left;}

.clr {clear: both;}
.fl {float: left;}
.fr {float: right;}
.ol {margin: 0 18px 1em 0;}
.or {margin: 0 0 1em 18px;}
.so {margin-bottom: 1.5em;}
.ho {margin-top: 1em;}

.md1 {margin-bottom: 1em;}
.mn1 {margin-top: 1em;}
.pd1 {padding-bottom: 1em;}
.m0 {margin: 0;}

.male {font-size: .8em;}
.modra {color: #1d4fb4;}
.oranz {color: #f60;}
.vetsi {font-size: 1.1em;}

.p-zlute {background: #ffc; margin-bottom: 2em;}
.p-cervene {color: #c00;}