/*obecne tridy a znacky*/
body {
    border: none ;
    font-size: 90% ;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	line-height: 120% ;
	background-color: #fbfcff ; /**/
}

.konec {
    clear: both ;
}
.patkove {
	font-family: serif;
}

dt {
	margin-left: 1ex ;
	font-weight: bold ;
}
dd {
	padding: 1ex 1ex 1ex 0;
}
.blok {
	text-align: justify;
}
.doprava {
	text-align: right;
}
.stred {
	text-align: center;
}
.error {
	text-align: center;
	font-size: 200% ;
	color: red ;
}
.vlevo {
	float: left ;
}
.vpravo {
	float: right ;
}

ul.tmava-nabidka {
	margin: 1em;
	text-align: center ;
}
hr {
	width: 90% ;
}

table {
	border-collapse: collapse;
}
td,th {
	border: solid white 1px ;
	padding: 0.5ex ;
}

table th {
	text-align: left ;
    background-color: #C2E1F7;
}
table tr {
	background-color: #e5eff7 ;
}
table tr.sudy {
	background-color: #DBF0FF ;
}

/*Pomucky pro nevidome a lidi ovladajici web klavesnici, popis hlavnich boxu stranky, skoky na navigaci atd.*/
.skryte {
	position: absolute;
	top: 0px ;
	left: -1000px ;
}
legend.skryte {
	display: none ;
}
a.skryte:focus, a.skryte:active {
	position: relative;
	top: 0px ;
	left: 0px ;
}

label.oramovat {
	border: solid red 1px ;
	padding: 0.5ex ;
	margin: 0.5ex ;
}
p.chyba {
	font-size: 120% ;
	font-weight: bold ;
	color: red ;
}

/*layout
- zde jsou jen a ciste definice pro rozlozeni, tedy zadne velikosti pismen, barvy textu, obrazky atd.
- Nutne mit sirku menu a praveho sloupce stejnou, jinak nebude stred strany uprostred ViewPortu
*/

body {
    margin: 120px 0 0 0;
    padding: 0 ;
    width: 100% ;
}

div#hlavicka {
    position: absolute ;
    top: 0 ;
    left: 0 ;
    height: 120px ;
    width: 100% ;
    margin: 0 ;
    padding: 0 ;
}

#menu {
	position: absolute ;
	top: 122px ;
	left: 0 ;
	width: 12em ; /*sirka menu*/
	margin: 0 ;
}

#obsah {
	margin: 0 12em 0 12em;
	padding: 0 ;
}

#pravy {
    position: absolute ;
    top: 122px ; /*vyska horniho boxu + sirka carz borderu vrchniho boxu*/
    right: 0 ;
    width: 12em ; /*sirka praveho sloupce*/
    margin: 0 ;
    padding: 0 ;
}

#paticka {
	/*Nutne pouzi stejny zpusob pozicovani jako u obsahu, jinak to muze obcas o par pixelu utect*/
	margin: 0 12em 0 12em;
	padding: 0 ;
}

/*Stejne formulare atd. */
form.stejne {
	width: 80% ;
	margin: 2em auto ;
}

form.stejne fieldset {
	border: solid #2f488b 1px ;
	margin-bottom: 1em ;
	padding: 1em ;
}
form.stejne fieldset legend {
	color: #2f488b ;
}
form.stejne label {
	display: block ;
	float: left ;
	margin-top: 0.5ex ;
}

form.stejne ul,div#ramecek ul {
	width: 50% ;
	float: right ;
	margin: 0 ;
}

form.stejne li,div#ramecek li {
	margin: 1ex 0 ;
}

/*personalie*/
fieldset.personalie input,fieldset.personalie textarea {
	width: 21em ;
	margin: 0 1em 0 0 ;
}
fieldset.personalie input#psc {width: 5em ;}
fieldset.personalie input#mesto {width: 14.5em ;}
fieldset.personalie input#reklama {width: auto ;}
fieldset.personalie input#kontrola {width: auto ;}
fieldset.personalie input.tlacitko { width: auto ; }
fieldset.personalie textarea#popis {width: 44em ;}
/*hlavicka*/
div#hlavicka {
    border-bottom: solid #d4dff1 2px ;
/*    background-image: url("images/design/podklad-vrsek.png");
    background-repeat: repeat-x;
    background-position: left top ;*/
    line-height: 100% ;
}
div#hlavicka img { /*logo*/
    border: none ;
    margin: 2ex 0 0 1ex ;
}

div#hlavicka ul {
    margin: 0 0 0 0 ;
    padding: 0.5ex 0 ;
}

ul#menu-zeme {
	width: 100% ;
	_width: 99% ;
	position: absolute ;
	bottom: 0 ;
	left: 0 ;
	text-align: center ;
}

div#hlavicka li,ul.tmava-nabidka li {
    display: inline;
    list-style-type: none;
    padding: 0;
    margin: 0 0.5ex 0 0  ;
}

div#hlavicka li a,ul.tmava-nabidka li a {
    padding: 0.5ex ;
    margin: 0 ;
    color: white ;
    text-decoration: none ;
    font-weight: bold ;
    background-color: #2f488b ;
    background-image: url("images/design/podklad-menu-tmave.gif");
    background-repeat: repeat-x;
    background-position: left center ;
}

div#hlavicka li a:hover,div#hlavicka li a:focus,div#hlavicka li a.aktivni,ul.tmava-nabidka li a:hover,ul.tmava-nabidka li a:focus {
    color: black ;
    background-color: white ;
    background-image: none ;
    border-bottom: solid #2f488b 1px ;
}

ul#menu-jazyky {
    position: absolute;
    right: 0 ;
    top: 50px ;
}

ul#menu-jazyky li { /*Jazaky mají jinak mezery mezi li aby zacinaly nalepene na prave strane, stejne jako vrsek na leve*/
	margin: 0 0 0 0.5ex ;
}

ul#menu-my li a {
	font-weight: normal;
}

/*menu - hlavní levá navigace*/
div#menu {
    border-bottom: solid #d4dff1 2px ;
	border-right: solid #d4dff1 2px ;
    background-color: #f7f7ff;
}

div#menu img {
	border: none ;
}

div#menu h3, div#menu h4,div#pravy h3 {
    padding: 0.5ex 0 0.5ex 5%;
	margin: 1ex 0 ;
    color: black ;
    font-weight: bold;
    background-color: #b4ceff;
    border-top: solid #d4dff1 2px ;
	border-bottom: solid #d4dff1 2px ;
/*    background-image: url("images/design/podklad-menu-svetle.gif");
    background-repeat: repeat-x;
    background-position: left top;*/
}

div#menu div, div#menu form, div#menu ul, div#menu dl {
    margin: 0 auto ;
    padding: 1ex 0 1ex 0.5ex;
	width: 95% ;
}
div#menu div#telefony {
	font-size: 85% ;
}

div#menu ul,div#menu dl {
	margin: 0 ;
	padding-top: 0 ;
}
div#menu li {
    list-style-type: none;
}
div#menu form {
    padding: 1ex 0.5ex ;
}
div#menu fieldset {
	border: none ;
}
div#menu legend {
	margin-left: -1ex ;
}

ul#mista li {
	border-bottom: solid white 1px ;
}

ul#mista li a {
    border-left: solid #ABABAB 5px ;
    display: block;
    padding: 0.5ex ;
    color: black ;
}
ul#mista li a:hover,ul#mista li a:focus,ul#mista li a.aktivni {
    border-color: #ffbf00;
    color: blue ;
    background-color: #FFFAEC ;
}

ul#aktuality li {
	border-bottom: solid gray 1px ;
	padding: 0.5ex 0;
	font-size: 90% ;
}

/*pravy*/
div#pravy {
	background-color: #f7f7ff;
	text-align: center;
    border-left: solid #d4dff1 2px ;
	border-bottom: solid #d4dff1 2px ;
}
div#pravy h3 {
	margin: 0 ;
	border: none ;
}
div#pravy ul {
    padding: 0 ;
    margin: 0 0 1em 0;
}
div#pravy li {
    list-style-type: none;
    margin: 1ex 0 ;
    padding-bottom: 1ex ;
    /*border-bottom: solid gray 1px ;*/
}
div#pravy img {
	border: solid #dbe8fb 2px ;
}

/*obsah*/
div#obsah h1 {
	font-size: 100% ;
	text-align: center;
}
div#obsah h2 {
	margin: 0 1ex ;
}
div#obsah p {
	margin: 0 1ex ;
}
div#obsah dl {
	margin: 1ex 0 0 0;
}
div.levy,div.pravy {
	width: 47% ;
	margin: 1em 0 0 0 ;
}
div.levy ul, div.pravy ul {
	margin: 0 0 0 2em  ;
	padding: 0 ;
}

div.levy {
	float: left ;
	padding: 0 1% 0 2% ;
}
div.pravy {
	float: right ;
	padding: 0 2% 0 1% ;
}
div.siroky {
	width: 98% ;
	margin: 1em auto 0 auto;
}

div.siroky p {
	float: left ;
	width: 30%;
	margin: 1ex 0.3% ;
	font-size: 90% ;
}
div.obecny p {
	float: none;
	width: auto;
	font-size: 100%;
}

div.levy h3,div.pravy h3,div.siroky h3 {
	margin: 0 0 0.5ex 0 ;
	padding: 0.5ex ;
    color: black ;
    font-weight: bold;
    background-color: #FF6666 ;
	border-bottom: solid #a4a5aa 2px ;
	border-right: solid #a4a5aa 2px ;
}
div.pravy h3 {
	background-color: #FF3366;
}
div.siroky h3 {
	background-color: #669966;
}

div.levy img,div.pravy img,div.siroky img{
	border: solid #dbe8fb 2px ;
	margin: 0.5ex 1ex 0.5ex 0.5ex ;
	float: left ;
}
div.siroky img.vpravo {
	float: right ;
}

div#obsah dt {
	font-size: 120% ;
}

/*kontakty a bkteam*/
div#obsah p.clovek {float: left ; margin: 1em;}
p.clovek img {border: solid #ffbf00 1px ; }
p.clovek strong {color: #047391 ;}

/*Lista kde se uzivatel nachází*/
div#obsah div#lista-kde {
	font-size: 70% ;
	margin:  0 ;
	padding: 1ex ;
	background-color: #f5f8ff ;
	border-bottom: solid #d4dff1 2px ;
}

/*Paticka*/

div#paticka {
	border-top: solid gray 1px ;
	text-align: right;
	padding: 1ex ;
}

/*Aktualni nabidka*/
ul#nabidka {
	position: absolute ;
	top: 1em ;
	left: 12em ;
	z-index: 1 ;
	padding: 0 ;
	border: solid black 1px;
	background-color: #FFE9E9 ;
}
ul#nabidka li {
	list-style-type: none;
	margin: 0.5ex ;
	padding: 0 ;
}
/*Nadpis pokud neni dostupna nabidka*/
p#nadpis {
	position: absolute ;
	top: 1em ;
	left: 10em ;
	z-index: 2 ;
	font-size: 200% ;
	font-variant: small-caps;
	font-weight: bold ;
}

/*formular search*/
form#search {
	width: 70% ;
	margin: 2em auto ;
}
form#search img {
	border: solid black 1px ;
}
form#search fieldset {
	padding: 1ex ;
	margin: 0 ;
	border: solid #4082d0 1px ;
	background-color: #e5eff7 ;
}

/*Teze : každý prvek má šířku 1/3 z celkové šířky search boxu, pokud do jednoho "vizuálního" prvku spadá více fyzických
prvků, jsou zabaleny do DIVu který má opět šířku 1/3 */
form#search label,form#search div {
    display: block;
    width: 33.3% ;
    float: left ;
    margin: 0.5ex 0 ;
   	font-size: 80% ;
}
form#search label.kratsi {
	width: 24% ;
}

form#search div label { /*prvky ktere jsou spolu v divu maji kazdy 50% jeho sirky*/
	width: 50% ;
}

form#search select {
	display: inline;
	width: 90% ;
}

form#search ul {
	margin: 0 ;
	padding: 1ex 0 0 0 ;
	font-size: 80% ;
	border-bottom: solid #4082d0 3px ;
}
form#search li {
	list-style-type: none;
	display: inline;
}
form#search li a {
	padding: 0.5ex ;
	margin: 0 ;
	border: solid #4082d0 1px ;
	background-color: #e5eff7 ;
	color: black ;
}

form#search li a:hover,form#search li a.aktivni,form#search li a:focus {
	background-color: #4082d0 ;
	color: white ;
	text-decoration: none;
}

form#search li a.aktivni {
	font-size: 120% ;
}

form#search p {
	margin: 0 ;
}

/*Detail*/
table#ceny {
	margin: 1em 0 1em 2em ;
}

div#fotka {
	width: 335px ;
	background-color: #e5eff7 ;
	margin: 0 1em 1em 2em ;
	float: left ;
}
div#fotka img {
	margin: 1ex ;
}
div#fotka p {
	margin-top: 1ex ;
}
div#fotka p.vlevo {
	font-weight: bold ;
}
ul#odkazy {
	margin: 0 ;
	padding: 0 ;
}
ul#odkazy li {
	list-style-type: none ;
	margin: 1ex 0;
}

div#obsah div.popis {
	margin: 0 0 1em 2em ;
	max-width: 50em ;
}
div.popis h3 {
	margin: 1em 0 1ex 0 ;
}

div#idiot-ie {
	width: 100% ;
}

table#obsazenost {
	float: left ;
	margin: 0 2em 1em 2em ;
}

form#rezervace fieldset {
	border: solid #4082d0 1px ;
	float: left ;
	padding: 0 1ex 1ex 1ex;
}
form#rezervace legend {
	padding: 0 1ex ;
	color: #4082d0 ;
	font-weight: bold ;
}

form#rezervace fieldset strong {
	font-weight: normal ;
}
form#rezervace fieldset label {
	display: block ;
	float: left ;
	margin: 1ex 1ex 1ex 0 ;
}

div#fotky {
	margin: 1em 0 0 2em;
}
div#fotky div {
	float: left ;
	margin: 0 1ex;
}
div#fotky h3 {
	margin: 1ex 0 1ex 0;
}
div#fotky img {
	border: solid black 1px ;
	margin: 0 0.5ex ;
}
div#fotky h3, table#obsazenost caption,div.popis h3  {
	padding: 0.5ex ;
    background-color: #C2E1F7;
    font-size: 100% ;
    font-weight: bold ;
}


/*Seznam baraku*/
div.lista-baraky {
	font-size: 80% ;
	background-color: #e5eff7 ;
	border: dotted gray 1px ;
	width: 94% ;
	margin: 1em auto;
	padding: 1ex ;
}
div.lista-baraky form {
	float: left ;
	margin: 0 ;
}
div.lista-baraky form fieldset {
	border: none ;
	margin: 0 ;
	padding: 0 ;
}
div.lista-baraky div {
	float: right ;
}

div.barak-levy {
	/*background-color: green ;*/
	width: 47% ;
	float: left;
	margin-left: 1% ;
	_margin-left: 0.2% ;
	border-bottom: solid gray 1px ;
	border-right: solid gray 1px ;
	padding: 1ex ;
	font-family: serif;
}
div.barak-pravy {
	/*background-color: yellow ;*/
	width: 47% ;
	float: left;
	margin: 0 ;
	border-bottom: solid gray 1px ;
	padding: 1ex ;
	font-family: serif;
}

div.barak-levy h3,div.barak-pravy h3 {
	background-color: transparent;
	font-variant: small-caps;
	margin: 0 0 1ex 0 ;
	font-family: sans-serif;
	font-size: 100% ;
}
div.barak-levy img,div.barak-pravy img {
	float: left ;
	border: solid #4082d0 1px ;
	margin: 0 1ex 0 0 ;
}
div.barak-levy em,div.barak-pravy em {
	font-weight: bold;
	font-family: sans-serif;
	font-size: 90% ;
}
/*rezervace*/
form#rezervuj {
	width: 80% ;
	margin: 2em auto ;
}
form#rezervuj fieldset {
	border: solid #2f488b 1px ;
	margin-bottom: 1em ;
	padding: 1em ;
}
form#rezervuj p {
	margin-bottom: 1ex ;
}
form#rezervuj legend {
	font-weight: bold ;
	color: #2f488b ;
}
form#rezervuj legend span {
	font-weight: normal;
}

/*fotogalerie - INFO*/
div#fotogalerie {
	margin: 1em ;
}
div#fotogalerie img {
	margin: 0.5ex ;
	border: solid black 1px ;
}
/*prodejni mista*/
form#prodejni-mista {
	background-color: #ffbf00;
	padding: 1ex ;
	margin: 1ex ;
}
form#prodejni-mista fieldset {border: none ;}

/*Definice ktere musi byt uvedeny az na konci, treba vypinaji nejakou vlastnost atd.*/
div img.noborder {
	border: none ;
	float: none ;
}