/* obecne styly */
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;}
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, h2 {color: #de5401; font-size: 1.5em; margin-bottom: .3em;}

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: 3em;}
ul li, ol li {line-height: 1.4em; margin-bottom: .3em;}

img {border: 0;}

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

hr {background: #de5401; color: #de5401; border: 0; height: 3px; margin: 0 20px 2em 0;}

/* layout */
.dekor {background: url(/gfx/dekor.png) bottom left repeat-x;}
.hlavni {text-align: left; margin: 0 auto; width: 915px;}
.hlavicka {position: relative; height: 379px;}
.obsah {background-color: #fff; padding: 2em 0 .1em 0; margin: 0 20px 20px 0; position: relative; width: 895px;}
.levy {float: left; left: 20px; padding-top: 47px; width: 235px; position: relative;}
.pravy {float: right; right: 20px; width: 590px; position: relative; z-index: 2;}
.spodni-lista {background: #690; border-top: 1px solid #86b132; padding: 1em 0;}

/* obsah */
.logo {display: block; position: absolute; left: 0; top: 87px; background: url(/gfx/logo.png) no-repeat; width: 162px; height: 78px;}
.lang {position: absolute; top: 1em; right: 27px; margin: 0;}
.vudci-foto {background: url(/gfx/b-vudci-foto.png) top left no-repeat; position: absolute; top: 41px; right: 0; z-index: 1; width: 734px; height: 338px;}
	.vudci-foto img {margin: 7px 0 0 7px;}
	
ul.menu {color: #fff; font-weight: bold; margin: 0; position: absolute; left: 5px; top: 194px;}
	ul.menu li {margin-bottom: .2em;}
	ul.menu a {color: #fff; text-decoration: none;}
	
p.menu {color: #84ab3a; margin: 0; position: absolute; z-index: 2; bottom: 11px; right: 35px;}
	p.menu a {color: #5b8c00; margin: 0 1.2em; text-decoration: none; font-weight: bold;}
	p.menu a:hover {color: #de5401;}
	
p.de a {margin: 0 .8em;}

.pravy ul li {background: url(/gfx/odrazka/oranzova.gif) 0px 8px no-repeat; padding-left: 1em; position: relative;}

.pravy a {color: #de5401;}
.pravy a:hover {color: #6AA322;}

.obr {margin-bottom: 2em; border: 7px solid #bad883;}

.pravy .box {margin: 0 0 2em 0; padding: 1em 0; width: 590px;}
	.pravy .box h3 {color: #0582fe; font-size: 1.1em; margin: 0 0 .3em 20px;}
	.pravy .box ul {color: #de5401; margin: 0;}
		.pravy .box li {margin-left: 20px; float: left; width: 265px; display: inline;}
		.pravy .box ul li {background: none; padding: 0;}
	.pravy .box a {font-weight: bold;}

.ubytovani {background: #BAD883; margin: 1em 0 2em 0;}	
	.ubytovani * {padding: .3em; background: #fff; line-height: 1.4em;}
	.ubytovani thead th {background: #D9E7BE;}
	
.cenik {background: #BAD883; margin: 1em 0; width: 590px;}
	.cenik * {padding: .3em; background: #fff; line-height: 1.4em;}
	.cenik td {text-align: center;}
	.cenik tbody th {background: #f5f5f5; vertical-align: top;}
	.cenik tbody th em {background: #D9E7BE; font-weight: normal; padding: 0;}
	.cenik thead th, .cenik tbody tr.tmave th {color: #619600; background: #D9E7BE;}
	
.sl3 td {width: 25%;}
	
.rezervace {position: relative; z-index: 2; padding-bottom: 2em;}
	.rezervace th {font-size: 1.3em; width: 150px; height: 2em;}
	.rezervace td {font-size: 1.3em; height: 2em;}
		.rezervace td input, .rezervace td select{font-size: 1em;}	
		.rezervace td input {width: 350px;}
			.rezervace td input.checkbox {width: auto;}
		.rezervace td select {width: 355px;}
		.rezervace td.p-cervene {font-weight: bold;}
	.rezervace textarea {font-size: 1.3em; width: 585px;}
	
.pravy h2.chyba, .pravy ul.chyba {color: #fff; background: #c00; margin: 0;}
.pravy h2.chyba {margin-bottom: 0; padding: 1em 1em 0 1em;}
.pravy ul.chyba {padding: 1em 1em 1em 4em; margin-bottom: 1em;}
.pravy ul.chyba li {background: none; padding: 0; list-style: square;}

.pravy .kontakt {width: 590px;}
	.pravy .kontakt * {line-height: 1.4em;}
	.pravy .kontakt th {width: 70px;}

ul.split {margin-bottom: 2em;}	
	ul.split li {float: left; margin-right: 20px; width: 260px;}
	
.levy .box {padding: 20px 20px 15px 20px;}
	.levy .box p {color: #619600; font-size: .9em; margin: 0 0 .7em 0;}
	.levy .box h3 {color: #0582fe; font-size: 1.1em; margin: 0 0 .3em 0;}
	.levy .box h4 {font-size: .9em;}
		.levy .box h4 a {color: #de5401;}
		
.levy .b-tmzelene {padding: 1px 0; margin: 0 0 20px 0;}
.levy .ram {border: 1px solid #fff; margin: 6px 7px; padding: 12px 12px 1px 12px;}
	.levy .ram h3 {color: #0582fe; font-size: 1.1em; margin: 0 0 .3em 0;}
		.levy .ram h3 a {color: #0582fe;}
	.levy .ram p {color: #619600; font-style: italic; font-weight: bold;}
	
.nastroje {font-size: .8em; text-align: center;}
	.nastroje a {color: #000; margin: 0 1em;}
	.nastroje a:hover {color: #6aa301;}
	
.ruzek {background: url(/gfx/b-obsah.png) no-repeat; position: absolute; z-index: 1; bottom: -21px; right: -20px; width: 245px; height: 175px;}
.ruzek {_bottom: -22px; _right: -21px;}

.paticka .kontakt {width: 300px; margin-right: 20px; height: 300px;}
	.paticka .kontakt h3 {color: #6aa301; margin-bottom: .5em;}
	.paticka .kontakt a {color: #000;}
	.paticka .kontakt table {font-size: .9em;}
		.paticka .kontakt table * {padding: .3em .5em 0 0;}

.paticka .formular {float: left; position: relative; width: 545px; height: 300px;}
	.paticka .formular h3 {color: #6aa301; position: absolute; left: 285px; top: 0;}
	.paticka .formular table {font-size: .9em; position: absolute; bottom: 12px; right: 0;}
		.paticka .formular th {font-weight: normal; padding: .4em .5em 0 0; vertical-align: top; text-align: right; width: 100px;}
		.paticka .formular #jmeno, .paticka .formular #telefon, .paticka .formular #e-mail, .paticka .formular #vzkaz {padding: .3em; margin-bottom: .3em; width: 248px;}
		
.paticka h3.chyba, .paticka ul.chyba {color: #fff; background: #c00; margin: 0 370px 0 0;}
.paticka .formular h3.chyba {margin-bottom: 0; margin-top: 1.7em; padding: 1em 1em 0 1em; position: static;}
.paticka ul.chyba {padding: 1em 1em 1em 2.3em; margin-bottom: 1em;}
	.paticka ul.chyba li {background: none; padding: 0; list-style: square;}

.copy {color: #fff; font-size: .8em; margin: 0;}
	.copy * {color: #fff;}
	.copy a:hover {color: #D3E4B5;}

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

.clr {border: 0; clear: both; display: block; height: 0; margin: 0; visibility: hidden;}
.oddelovac {color: #ccc; background: #ccc; border: 1px; height: 1px; margin: 0 40px 2em 20px; clear: both;}

.pl {float: left;}
.pp {float: right;}

.m0 {margin: 0;}
.mn1 {margin-top: 1em;}
.md1 {margin-bottom: 1em;}
.ml1 {margin-left: 1em;}
.mp1 {margin-right: 1em;}

.b-zelene {background: #d9e7be;}
.b-tmzelene {background: #bad883;}

.p-cervene {color: #c00;}
.p-oranzove {color: #de5401;}