/*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 ; 
}
a:hover, a:focus {
	color: red ;
}
.konec {
    clear: both ;
}
.patkove {
	font-family: serif;
}
.doprava {
	text-align: right;
}
.stred {
	text-align: center;
}
.error {
	text-align: center;
	font-size: 200% ;
	color: red ;
}
.vlevo {
	float: left ;
}
.vpravo {
	float: right ;
}
.mensi-pismo {
	font-size: 90% ;
}
.rvat {
	color: red ;
}

a img {
	border: none ;
}

dt {
	font-size: 140% ;
	font-weight: bold ;
	
}
dl {
	margin: 1ex 0 0 0;
}
dd {
	padding: 1ex 1ex 3ex 0;
	margin: 0 ;
}

img.ikona {
	vertical-align: middle;
}
h3.obal {
	margin: 1ex 0 0.5ex 1em ;
}
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: 165px 0 0 0;
    padding: 0 ;
    width: 100% ;
}

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

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

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

#pravy {
    position: absolute ;
    top: 167px ; /*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 ;
    line-height: 100% ;
    background-color: #EBEBFF;
    background: url(images/design/zahlavi1.jpg) no-repeat 0px top ;
}
div#hlavicka img#logo {
    position: absolute ;
    left: 60px ;
    top: 48px ;
}

div#hlavicka ul {
    margin: 0 0 0 0 ;
    padding: 0.5ex 0 ;
	text-align: center ;
}

ul#menu-zeme {
	width: 100% ;
	position: absolute ;
	bottom: 0 ;
	left: 0 ;
}

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: black ;
    text-decoration: none ;
    font-weight: bold ;
    background-color: #D6E5FF;
    border: 1px solid #FFFFFF;
}

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: white ;
    background-color: #D93038 ;
    border-bottom: solid #2f488b 1px ;
    background-image: none;
}

div#menu-jazyky {
    position: absolute;
    right: 0 ;
    top: 20px ;
}

div#menu-jazyky p {
	background-color: #D6E5FF ;
	padding: 0.8ex ;
	font-weight: bold ;
}

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

div#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: #EBEBFF;
}

div#menu img {
	border: none ;
}

div#menu h2,div#menu h3, div#menu h4,div#pravy h3 {
    padding: 0.4em 0 0.4em 1ex;
	margin: 0 ;
    color: black ;
    font-weight: bold;
    background-color: #b4ceff;
    border-top: solid #d4dff1 2px ;
	border-bottom: solid #d4dff1 2px ;
	font-size: 110% ;
    background:url(images/design/menuc-bg.jpg) repeat-y #96B7D8;
}

div#menu div {
	margin: 1em auto ;
	width: 85%;
}

div#menu li {
    list-style-type: none;
}
div#menu form {
    margin: 0 auto 1em auto ;
    padding: 0 ;
    width:95% ;
}
div#menu fieldset {
	border: none ;
	margin: 1em 0 1ex 0 ;
	padding: 0;
	text-align: center ;
}
div#menu input {
	margin: 0.5ex 0 ;
}
div#menu form#prodejci fieldset {
	text-align: right ;
}

div#menu div#telefony {
	font-size: 95% ;
}
/*div#menu div#poukazky {
	text-align: center ;
}*/
div#menu h4#poukazky {
	font-size: 90% ;
}

ul#mista {
	margin: 1em 0;
	padding: 0 ;
}
ul#mista li {
	border-bottom: solid white 1px ;
}

ul#mista li a {
    border-left: solid #ABABAB 5px ;
    display: block;
    padding: 0.5ex ;
}
ul#mista li a:hover,ul#mista li a:focus,ul#mista li a.aktivni {
    border-color: #D93038;
}
ul#aktuality {
	margin: 0 auto 1em auto ;
	padding: 0 ;
	width: 80% ;
}
ul#aktuality li {
	padding: 1em 0 0 0;
	font-size: 90% ;
}

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

/*obsah*/
div#obsah h1 {
	font-size: 120% ;
	line-height: 120% ;
	margin:0px 1em 1em 1em;
	padding:0.2em 0;
}
div#obsah h1.mala {
	font-size: 120% ;
}

div#obsah h2 {
	margin: 1ex 0 ;
}
div#obsah p {
	margin: 0 1ex ;
}
div.levy,div.pravy {
	width: 47% ;
}
div.levy ul, div.pravy ul {
	margin: 0 0 0 2em  ;
	padding: 0 ;
}

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

div.pravy li {
	margin: 1ex 0 ;
}

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

div.levy h3,div.pravy h3,div.siroky h3 {
	background:url(images/design/h1-bg.jpg);
	padding:0.2em 1em;
	margin:0px 0.1em 1em 0.1em;
    color: white ;
    font-weight: bold;
    background-color: #D93038 ; 
}

div dd {
	background:url(images/design/block-bg.jpg) repeat-x;
}
	
div dt {
	background:	#E6EDF9;
	padding:0.4em;
}

div dt a {
	color:#29507E;
}

div.akcni 	{
	background:url(images/design/block-bg.jpg) repeat-x;
}


div.druha_barva h3 {
	background-color: #b4ceff ;
	color: black ;
}

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.akcni a {
	color: red ;
}
div.akcni li {
	list-style-image: url('images/design/sipka.gif');
	margin: 1em 0 ;
	padding: 0 1ex ;
}
div.akcni li.znacka-1 {
	list-style-image: url('images/design/hvezdicka.gif');
}

div.obdobi {
	border: none ;
	margin: 1em 0 ;
	padding: 0 0 0 1em ;
}
div.obdobi a,div.obdobi span {
	font-size: 150% ;
	font-weight: bold ;
}


/*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: #EBEBFF ;
	border-bottom: solid #d4dff1 2px ;*/
}
div#obsah div#lista-kde img {
	margin-left: 1em ;
}

/*Paticka*/

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

/*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 #d4dff1 2px ;
	background-color: #EBEBFF;
	background-image:url(images/design/search-bg.jpg);
}

/*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 label.delsi {
	width: 50% ;
}

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 ;
	width: 100% ;
	text-align: right ;

}

.tlacitko {
	font-size: 120% ;  
}

fieldset#globalni ul {
	margin: 0 2% 0 0 ;
	float: left ;
	width: 30% ;
	border: none ;
}
fieldset#globalni li {
	list-style-type: none;
	padding: 0 ;
	margin: 0 ;
	text-align: left;
}
fieldset#globalni ul label {
	float: none ;
	width: auto ;
	font-size: 100% ;
}

fieldset#globalni div {
	float: left ;
	width: 66% ;
	font-size: 100% ;
}
fieldset#globalni div label {
	float: left ;
	width: 50% ;
	font-size: 100% ;
}
/*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: 2em 0 0 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 ;
}
table.obsazenost caption {
	/*margin: 0 2em 0 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 {
	width: 47% ;
	float: left;
	margin-left: 1% ;
	border-bottom: solid gray 1px ;
	border-right: solid gray 1px ;
	padding: 1ex ;
}
div.barak-pravy {
	width: 47% ;
	float: left;
	margin: 0 ;
	border-bottom: solid gray 1px ;
	padding: 1ex ;
}

div.barak-levy h3,div.barak-pravy h3 {
	background-color: transparent;
	font-variant: small-caps;
	margin: 0 0 1ex 0 ;
	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-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 {
	border: solid #4082d0 1px ;
	background-color: #e5eff7 ;
	padding: 1ex ;
	margin: 1em 0 ;
}
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 ;
	vertical-align: middle; 
	margin: 0 ;
}

form.siroky {
	width: auto ;
	margin: 0 ;
}

table div.detail {
    border-bottom: solid #4082d0 5px ;
    margin-bottom: 2em ;
}