/*Zakladni CSS pro všechna zařízení a prohlížeče a ty co nepodporují media-queries,
 vyjma IE (jeho verze nizsi nez 9 dostane desktop.css).
 Základní věci, aby to fungovalo, bez barvení atd. 
*/

/*Základní pravidlam na úrovni tagů*/

body {
	background-color: #ffffff ;
	margin: 0 ;
	padding: 0;
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	font-size: 100% ;
	line-height: 1.3 ; 
}

* {
	color: black ;
}

a {
	color: blue ;
	text-decoration: underline ;
}

table {	border-collapse: collapse; }

td, th  {
	text-align: left ;
	padding: 0.3ex 0.8ex 0.3ex 0.3ex;
	border: solid black 1px ;
}

caption {
	text-align: center ;
	font-weight: bold ;
	padding: 1ex ;
	font-size: 120% ;
}

form { margin: 0 ; }

fieldset { 
	border: none ; 
	margin: 0 ;
	clear: left ;
}

label {
	display: block ;
	float: left ;
	margin: 1em 1em 0 0 ;
}

form p {
	margin: 1ex ;
}

img { border: solid black 1px ;}

nav a img, header a img, article img, table img { border: none ; } /*obrázek v navigaci, nebo hlavičce chci obvykle bez rámečku*/

section, article {
	display: block ;
}

sup {
	font-size: 80% ;
}


nav ul {
	margin:  0 ;
	padding: 0 ;
}

li p {
	margin: 0 ;	
}

/*Pristupnost*/
h6, nav#skipto, .skryte {
	position:absolute;
	left: -1000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/*Univerzální pravidla nějak označených tagů*/

/*Odkazy ktere zacinaji http, nebo https,  tedy nejspis externi odkazy*/
section.doplnujici article a[href^="http://"], section article a[href^="https://"] { 
	background-image: url("/images/design/externi-odkaz.png");
	background-position: 100% 50%;
	background-repeat: no-repeat;
	padding-right: 10px;
}

/*Vyjímky pro pravidlo k http*/
/*import ($web-001.css)*/

/*Odkazy na telefon, nemusí vypadat jako klasický odkaz, použije se jen na smarphonech*/
a[href^="tel"] { 
	color: black ;
	text-decoration: none ;
}

.skryte {
	display: none ;
}

.konec { clear: both ; }


.vlevo {
	float: left ;
}

.vpravo {
	float: right ;
}

.doleva {
	text-align: left ;
}

.doprava {
	text-align: right ;
}

.stred {
	text-align: center ;
}

.schovane {
	display: none ;
}

.zarovnat {
	display: inline-block ;
	vertical-align: top ;
	margin: 1ex 0 0 1em ;
}

.sleva {
	font-weight: bold ;
	color: black ;
	font-size: 100% ;
}

/*Vyska map_canvas - nemuze byt v procentech, pak se mapa nevykresli vw - je setina sirky viewportu. 
Sirka v procentech kvuli starym prohlizecum, ktere neumi vw */
div#mapa_obal {
	display: none ;
	margin: 0 0 0 1ex ;
	border: solid black 1px ;
	width:70%; 
	width: 90vw;
}

div#mapa_obal p, div#mapa_obal form {
	margin-left: 1ex ;
	margin-bottom: 1em ;
}

div#map_canvas {
	height: 500px ;
	height: 50vw ;
}
/*karta na detailu objektu*/
div#karta-mapa div#mapa_obal {
	width: 300px; 
	width: 80vw;
}

div#karta-mapa div#map_canvas {
	height: 200px ;
	height: 40vw ;
}

div#mapaOvladac, td#prepni_terminy_nahore, td#prepni_terminy_dole {
	cursor: pointer ;
}

div#mapaOvladac {
	display: none ;
}

nav input[type="submit"] {
	margin-right: 1em ;
}

/*Pravidla pro prehledovou tabulka a prilehle okoli. Na view i na detailu objektu je to podobné*/

table.prehledovka {
	float: left ;
	margin: 1ex 1ex 1ex 0 ;
}

table.prehledovka td, table.prehledovka th {
	padding: 0.5ex 1em  0.5ex 1ex ;
}

table.prehledovka td {
	text-align: right ;
}

article.objekt div.ikonky {
	clear: left ;
	margin: 1ex 1ex 1em 0 ;
	float: left ;
}

/*Prehledovka a ikony, ve view i na detailu*/
/*import ($web-022.css)*/

/*Nadpisy*/
h1 {
	font-size: 200% ;
	margin: 0 ;
}

h2 {
	font-size: 120% ;
	margin: 0 ;
}

h3 {
	font-size: 120%; 
	margin: 0 ;
}

/*Hlavicka*/
header {
	margin: 1ex ;
}
header ul {
	margin: 0 1ex ;
	padding: 0 ;
}

header p {
	clear: left ;
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
}

header form {
	margin: 1ex 0 ;
}

p#podlogo {
	display: none ;
}

/*Navigace - obecně*/

nav li, div#posledni-navstivene li {
	list-style-type: none;
}

nav#zeme ul li {
	display: inline ;
	margin: 0 1ex ;
}

/*Navigace - formulář obecně*/

nav form {
	border: solid black 1px ;
}

/*defaultne skryty*/
div#hledani_ovladac {
	display: none ;
}

/*Výchozí, tedy rozbalený fieldset*/
nav legend {
	margin:  0 ;
	padding: 0;
	border: none ;
}

ul.checkboxy fieldset>a {
	display: block ;
}


/*ve tride obal jsou davany prvky pro zadání rozsahu*/
nav form div.obal label {
	float: left ;
	display: block ;
	margin: 0 1ex 0 0 ;
}

nav form div.obal {
	margin: 0 0 0 1ex;
}



/*Navigace - formulář na vstupní stránce a boxiky*/

nav#vstup, div.boxik {
	margin: 1ex ;
}

/*Navigace - kontextová - formulář*/
nav#kontext form#hledani .schovane {
	display: none ;
}

ul#obdobi li {
	clear: left ;
}

nav#drobecky {
	display: block ;
	margin: 0 0 1ex 1ex ;
}

nav#drobecky a {
	padding: 0 0.5ex 0 0.5ex;
}

nav#drobecky a:first-child {
	padding-left: 0 ;
}

/*Samotný Obsah webu*/

div#obsah {
	padding: 0 0 0 0.5ex ;
}

div.boxik ul, section ul {
	margin: 0 ;
}

section {
	margin: 1em 0 0 1em;
}

section>article {
	margin: 1em 0;
}

section>article img {
	border: solid black 1px ;
	margin: 0 1ex 1ex 0 ;
}

/*Výpis objektů*/

div#razeni-strankovani p {
	margin: 0 ;
}

div#razeni-strankovani label, div#razeni-strankovani input {
	display: inline-block ;
	vertical-align: bottom ;
	float: none ;
}

article.objekt {
	border: solid black 1px ;
	margin: 1em 0 0 0 ;
	padding: 0.2ex ;
}

article.objekt h3 {
	margin: 0 1em 0 0 ;
	float: left ;
}

p.kod {
	margin: 0 ;
}

article.objekt > div > a > img {
	float: left ;
	border: solid #ead2ad 1px ;
	margin: 0 1ex 1ex 0 ;
}

article.objekt p.text {
	margin: 1ex ;
}

.ikonky div, div.ikona {
	height: 32px ;
	width: 40px ;
	margin: 0.5ex 0.5ex ;
	display: inline-block ;
	display: block ;
	float: left ;
	vertical-align: middle ;
	background-image: url("/images/design/ikonky.png");
	background-repeat: no-repeat;
}

table div.ikona {
	display: inline-block ;
	float: none ;
}

/*Ikony odlišné pro různé weby*/
/*import ($web-028.css)*/

div.bk {	background-position: -252px -249px ; width: 42px ; height: 32px ;}
div.g-plus { background-position: -209px -203px ; width: 24px ; height: 24px ;}
div.fb { background-position: -159px -203px ; width: 24px ; height: 24px ;}
div.twitter { background-position: -184px -203px ; width: 24px ; height: 24px ;}
div.pinterest { background-position: -205px -203px ; width: 40px ; height: 20px ;}
div.ok { background-position: -121px -233px ; width: 64px ; height: 64px ;}
div.cekame { background-position: -185px -233px ; width: 64px ; height: 64px ;}
div.natrhu { background-position: 0px -730px ; width: 80px ; height: 70px ;}
div.accka { background-position: -81px -730px ; width: 104px ; height: 70px ;}
div.ruka {background-position: -169px -104px; width: 20px; height: 21px;}
div.telefon { background-position: -257px -303px ; width: 48px ; height: 48px ;}
div.email {background-position: -257px -352px; width: 54px; height: 38px;}
div.m-plus {background-position: -312px -378px; width: 12px; height: 12px;}
div.r-minus {background-position: -325px -377px; width: 12px; height: 12px;}
div.kalkulacka {background-position: -219px -508px; width: 75px; height: 94px;}
div.mini-leto {background-position: -312px -359px; width: 12px; height: 12px;}
div.mini-zima {background-position: -312px -346px; width: 12px; height: 12px;}
div.koureni-ano {background-position: -326px -68px; width: 36px;}
div.koureni-ne {background-position: -364px -68px; width: 32px;}
div.auto {background-position: -275px -203px; width: 54px; height: 24px}
div.autobus {background-position: -330px -203px; width: 54px; height: 24px}
div.plus-menu {	background-position: -325px -360px ; width: 12px ; height: 12px ;}

div.hvezda-0, div.hvezda-1, div.hvezda-2, div.hvezda-3, div.hvezda-4, div.hvezda-5 {
	width: 119px ;
	height: 24px ;
}

div.hvezda-0 {	background-position:  -119px -130px ; }
div.hvezda-1 {	background-position:  0px -130px ; }
div.hvezda-2 {	background-position:  -119px -154px ; }
div.hvezda-3 {	background-position:  0px -154px ; }
div.hvezda-4 {	background-position:  0px -178px ; }
div.hvezda-5 {	background-position: -119px -178px ; }

/*Ikonky v seznamu dokumentu*/
a.ico-jpg, a.ico-xls, a.ico-pdf {
	background-image: url("/images/design/ikonky.png");
	background-repeat: no-repeat;
	padding: 0 0 0 1.3em ;
	margin: 1ex 0 ;
}		

a.ico-jpg { background-position: -384px -410px ; }
a.ico-xls { background-position: -384px -431px ; }
a.ico-pdf { background-position: -384px -452px ; }		


/*Detail objektu*/

body#detail>div {
	margin: 0 1ex 0 1ex;
}

div#foto-uvod {
	max-width: 542px ;
	margin: 0 0 1em 0 ;
}

/*Zajisti, ze kdyz mam mensi variantu fotky pro mobily (zajisteno skrz JS cookies a PHP]) tak se nahledy nezaradi vedle*/
div#foto-uvod img#fotka {
	display: block ;
	margin: 0 ;
}

div#foto-uvod img {
	border-color: #ece1b4 ;
	margin: 12px 13px 0 0 ;
}

div#foto-uvod a#posledni img {
	margin: 0 ;
}

body#detail table.prehledovka {
	margin: 1em 0 0 0 ;
}

div#foto-uvod li {
	display: inline-block ;
	margin: 0 1ex 0 0 ;
}

/*Informace v kartach, maji smysl az od vetsiho rozliseni, alespon 800px*/
ul.karty {
	display: none ;
}
/*Ilustracni fotka*/
div.karta a img {
	display: none ;
}

table.cenik td {
	vertical-align: top ;
}

/*Kalkulacka pobytu*/

a#kalkulacka-odkaz {
	display: block; 
	clear: both ;
}


p.blizky {
	display: inline-block ;
	width: 24em ;
}

p.blizky img {
	float: left ;
	margin: 0 1ex 1ex 0 ;
}


/*Novinky*/
section#novinky li h3 {
	display: inline ;
	margin: 0 ;
}

/*Rezervace*/
div#zmena-terminu {
	margin: 0 0 1em 1em ;
}

div#zmena-terminu form {
	margin: 1em 0 0 0 ;
}

div#zmena-terminu fieldset {
	float: left ;
	margin: 0 1em 0 0 ;
	padding: 0 ;
}

div#zmena-terminu label {
	margin: 0 3em 0 0 ;
}

div#zmena-terminu  input[type="submit"] {
	margin: 1.2em 0 0 0 ; 
}

/*Rezervace*/
form.rezervace {
	margin: 1em 0 ;
}

form.rezervace legend {
	margin: 0 0 0 1ex;
	padding: 0 1ex ;
}


div.rezervace {
	margin: 1em 0 0 0 ;
	padding:  1ex ;
	border: solid black 1px ;
}

div.rezervace ul {
	padding-left: 3ex ;
	margin: 0 0 1em 0 ;
}

label.chyba {
	border-bottom: solid red 2px ;
	margin-bottom: 1ex ;
}

h1.chyba, h2.chyba {
	color: red ;
}

div#cekani {
	display: none ;
	border: 4px solid #C8E3FF;
	background-color: white ;
	width: 22em ;
	height: 5em ;
	position: fixed ;
	top: 45% ;
	left: 50% ;
	margin-left: -11em ;/*o polovinu sirky prvku - vystredeni*/
	font-size: 120% ;
	font-weight: bold ;
	text-align: center ;
	padding: 1ex ;
	z-index: 1 ;
}

div#cekani img {
	border: none ;
}

/*Patička*/
footer {
	display: block ;
	clear: left ;
	padding: 1ex ;
}

footer>div {
	float: left ;
	margin: 0 0 0 1em ;
}

footer>div img {
	border: none ;
}

footer td, footer th {
	border: none ;
}

div.error h1 {
	font-size: 130% ;
	color: red ;
}

.error {
	color: red ;
	clear: both ;
}

div#fotogalerie h2 {
	text-align: center ;
	font-size: 130% ;
	margin: 1em 0 1ex 0 ;
}

div#fotogalerie div img {
	border: solid #dacb6c 2px ;
}

div#fotogalerie div {
	display: inline-block ;
	vertical-align: top ;
	margin: 1ex ;
	padding: 0 ;
	max-width: 320px ;
}

/*Stranky v menu jako Kontakty, Platby atd.*/


/*Kontakty*/
body#kontakty div.boxik img, body#onas div.boxik img {
	float: left ;
	margin: 0 1ex 0 0 ;
}

body#kontakty div.boxik h2, body#onas div.boxik h2 {
	margin: 0 0 1ex 0 ;
}


body#kontakty p.clovek, body#onas p.clovek {
	display: inline-block;
	vertical-align: top;
	margin: 1em 0 0 1em ;
}

/*Způsoby platby*/

dl {
	margin: 1em 0 1em 1em ;
}

dt {
	margin: 1ex 0 0 0 ;
	font-weight: bold ;
}

p#poukazky img {
	border: solid #dacb6c 1px ;
	margin: 1ex 1ex 0 0 ;
}

p#poukazky {
	max-width: 950px ;
}

/*Kalkulacka*/
div#kalkulacka {
	margin: 1ex  ;
}

div#kalkulacka p {
	margin-left: 0 ;
}

div#kalkulacka fieldset {
	max-width: 32em ;
	border: solid #DACB6C 1px ;
	margin: 1ex 0 ;
}

div#kalkulacka table {
	margin: 1ex 0 ;
	text-align: left ;
}

div#kalkulacka table td {
	vertical-align: bottom;
}

div#kalkulacka table tr.cena {
	text-align: right ;
}

div#kalkulacka table tr.zdurazni {
	font-weight: bold ;
}

div#kalk_osoby {
	display: inline-block ;
	margin: 0 1ex 0 0 ;
}

p#kalk_vysvetlivky {
	vertical-align: top ;
	width: 45% ;
	display: inline-block ;
	border: solid black 2px ;
	background-color: white ;
	padding: 0.5ex ;
}

a#kalk_tlacitko {
	text-decoration: none ;
	display: inline ;
	font-size: 110% ;
	padding: 1ex 1em ;
	border-radius: 5px ;
}

section#slevy ul span {
	font-size: 80% ;
	color: gray ;
}

/*Nabarvení kalkulačky dle webu*/
/*import ($web-031.css)*/


/*recenze*/

body#recenze p img {
	margin: 0 0 1ex 0.5ex ;
}

p#objekt-udaje {
	display: inline-block ;
}

body#recenze legend {
	font-weight: bold ;
}

body#recenze > form label {
	float: none ;
}

form .klady, form .zapory, form .shrnuti {
	margin: 0 0 1em 1ex ;
}

body#recenze > form {
	clear: both ;
}

body#recenze > form table, body#recenze > form legend {
	margin: 1ex ;
}

body#recenze form caption {
	font-size: 100% ;
	text-align: left ;
	background-color: transparent ;
	color: black ;
	padding: 0 0 0.5ex 0 ; 
}

body#recenze > form p  {
	margin: 1em ;
}


.klady {
	color: green ;
	max-width: 60em ;
}

.zapory {
	color: red ;
	max-width: 60em ;
}

.shrnuti {
	max-width: 80em ;
}	

article.recenze ul {
	margin: 0 0 1em 0 ;
}

label.klady, label.zapory, label.shrnuti {
	font-weight: bold ;
}

section#recenze article {
	clear: both ;
	margin: 1ex 0 ;
	padding: 1em 0 0 0 ;
	display: block ;
	padding: 0 ;
}

section#recenze h1 {
	margin: 0 0 0 0;
	padding: 1ex 1em ;
	text-align: left ;
	font-size: 100% ;
}

section#recenze table {
	margin: 1ex 0 1ex 1ex ;
}

section#recenze table td {
	text-align: right;
	border: none ;
}

section#recenze caption {
	font-size: 100%;
	color: black ;
	font-weight: bold ;
	background-color: transparent ;
	text-align: left ;
	padding: 0 0 0.5ex 0 ;
}

section#recenze article div.shrnuti {
	clear: both ;
	margin: 1ex ;
	padding: 0 ;
}	

section#recenze article p {
	margin: 0 ;
}

section#recenze article img {
	margin: 0 0 0 1ex  ;
	border: solid black 1px ;
}


div.plusminus {
	display: inline-block ;
}

.pzn {
	font-size: 80%;
	color: grey ;
	margin-right: 1ex ;
}

section#recenze .pzn {
	text-align: right ;
	margin: 0 1ex 1ex 0 ;
}

div#fotky > div {
	display: inline-block ;
	text-align: center ;
}

/*h2 je nase reakce*/
section#recenze article h2 {
	margin: 1em 0 1ex 0 ;
	padding-left: 0.5ex ;
}

div.reakce {
	border-bottom: solid black 1px ; 
	margin: 1ex ;
}

section#recenze div.reakce p {
	margin: 1ex ;
}

div#schovan {
	border: solid black 2px ;
	color: red ;
	background-color: yellow ;
	font-size: 150% ;
	margin: 1em 1ex 1em 0.8ex ;
	padding: 0.5ex ;
	font-weight: bold ;
}

a#recenzeOvladac {
	display: block ;
	margin: 1em auto ;
	text-align: center ;
}

a#recenzeOvladac div {
	float: none ;
	display: inline-block ;
}

/*Recenze na detailu*/
body#detail section#recenze article {
	display: inline-block ;
	margin: 1em 1em 0 0 ;
}

/*Receneze - věci závislé na jednotlivých webech*/
/*import ($web-020.css)*/


/*Ladeni*/
/*
xmp {
	position: absolute ;
	top: 0 ;
	left: 0 ;
	z-index: 2 ;
	background-color: rgba(255,255,255,0.7);
}*/

/*behem vyvoje*/
p#pokus {
	color: green ;
}