@media screen, projection, tv{
html,body{ margin: 0; padding: 0; font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif;  font-size: 100%; background-color: white;  line-height: 1em; color: #366B7F; }
body{ border-top: 7px solid white;}


hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; display: none; }
fieldset{ border: 0; padding: 0; margin: 0; }
address{ font-style: normal; display: block; margin: .5em 0; }
legend{ visibility: hidden; }
input, textarea, select{ font-family: "Arial CE", "Helvetica CE", Arial,  helvetica, sans-serif;  font-size: 1em; }
textarea{ font-size: 1em; }
form{ margin: 0; padding: 0; }
h1{ font-size: 1.8em; }
h2{ font-size: 1.5em; }
h2.nadpis, h3.nadpis{ font-size: 1.8em; font-family: "Comic Sans MS", arial, sans-serif; color: White; margin: 0 0 10px 0; background: #1386BD url(../img/nadpis.gif) no-repeat; font-weight: normal; font-style: italic; padding: 2px 15px; line-height: 1.2em; }
h3.nadpis{ margin: 12px 0; }
h4{ font-size: 1em; }
label{ font-weight: bold; }
a{ color: maroon; }
a:hover{ color: Black; }


h3{ font-size: 1.3em; }
a img{ border: 0; }
div.potvrzeni{ width: 230px; height: 110px; background-color: #87CEFA; color: black; text-align: center; font-weight: bold; position: absolute; border: 1px solid black; }
div.potvrzeni p{ padding: 15px 0 20px 0; }
div.potvrzeni div#plocha input.btn{ background-color: White; color: Black; font-weight: bold; text-align: center; cursor: pointer; border: 1px solid silver; }
table{ font-size: 1em; }


.center{ text-align: center !important; }
.right{ text-align: right !important; }
.left{ text-align: left !important; }

.kur{ font-style: italic !important; }
.light{ font-weight: normal !important; }
.bold{ font-weight: bold !important ; }

.odskok{ padding-top: 13px; }
.bezmarginu{ margin: 0 !important ; }
.nopad{ padding: 0 !important ; }

.clear{ clear: both !important ; }
.clear-left{ clear: left !important; }

.proexp{ position: relative !important; }
.bezramu{ border: 0 !important ; }
.hidden{ position: absolute; top: -10000px; left: -10000px; }
.block{ display: block !important; }
.inline{ display: inline !important; }

.float-right{ float: right !important ; }
.float-left{ float: left !important ; }
.nofloat{float: none !important ; }

.rozpal{ line-height: 1.4em; }
.top{ vertical-align: top !important; }
.middle{ vertical-align: middle !important; }
.abc{ list-style-type: lower-alpha !important; }
.btn{ cursor: pointer; }
.non{ text-decoration: none !important; }
.under{ text-decoration: underline !important; }

/*velikosti*/
.xxs{ font-size: .7em !important; }
.xs{ font-size: .8em !important; }
.s{ font-size: .9em !important; }
.m{ font-size: 1em !important; }
.l{ font-size: 1.1em !important; }
.xl{ font-size: 1.2em !important;}
.xxl{ font-size: 1.3em !important; }
/*obrazky*/
.obr{ float: left; margin: 0px 10px 5px 0; display: block; }
.obr2{ float: right; margin: 0px 0px 5px 10px; display: block; }
.obr3{ float: none; margin: 0px auto 12px auto; display: block; }
.obr-text{ vertical-align: text-bottom; }
#search-in .btn, h3.comic, .formik .btn{ font-family: "Comic Sans MS", arial, sans-serif; }

div#cont{ background-color: #F5F6EB; }
div#base{ width: 731px; margin: 0 auto; position: relative; text-align: left; font-size: .7em; border: 1px solid white; border-width: 0px 2px; background-color: White;  }
div#head h1{ margin: 0; }
div#head h1 img{ display: block; }
div#nav{ background: White url(../img/podhl.gif) no-repeat; padding: 0px 0 0 10px; }
div#mutace{ padding: 8px 10px 6px 10px; float: left; border-right: 7px solid #CFE5F2; }
div#mutace img{ margin-right: 5px; }
div#online{ padding: 0px 1px 8px 10px; }
div#online strong{ /*font-family: "Comic Sans MS", arial, sans-serif;*/ font-size: 1.1em; background-color: #008ED7; color: White; display: block; padding: 3px; width: 43em; text-align: left; }
div#online strong a{ color: White; text-decoration: none; }
div#online strong a:hover{ color: #D60270; }
div#online .kalendr{ vertical-align: text-bottom; }
div#online input, div#online select{ vertical-align: middle; border: 1px solid #FF9411; padding: 0 0 0 3px; font-size: 1em; }
div#online form{ margin-left: 165px; padding: 4px 0 1px 0; color: black; }
div#online input{ padding: 1px 3px; }
div#online input.btn{ background-color: #FF9411; font-weight: bold; padding: 0 3px; }
.btn3{ background-color: #008ED7; color: White; border: 1px solid #008ED7; cursor: pointer; margin: 5px 5px 5px 0; padding: 0px; font-family: "Comic Sans MS", arial, sans-serif; font-weight: bold; font-size: 1.1em; }


div#left{ float: left; width: 150px; margin-left: -731px; display: inline; margin-top: 10px;}
div#menu{ background: White url(../img/menu.gif) repeat-y;}
div#menu ul{ margin: 0; padding: 0; list-style-type: none; background: transparent url(../img/m-down.gif) no-repeat 0 100%; padding-bottom: 7px; }
div#menu li{ padding: 1px 5px 0 5px; }
div#menu a{ display: block; background: #1386BD url(../img/m.gif) no-repeat; text-decoration: none; color: White; font-weight: bold; text-transform: uppercase; line-height: 1.2em; padding: 4px 7px 4px 7px; margin: 0px 0 0 0; width: 126px; font-size: 1em; }
div#menu a:hover{ text-decoration: underline; background-position: 0 -48px; }
div#menu li.home{ padding: 0; }
div#menu li.home a{ background: White url(../img/home_page.gif) no-repeat; padding: 14px 12px 5px 12px; }
div#menu li.home a:hover{ background-position: 0 0; }
div#plocha{ padding: 10px 1px; float: left; width: 552px; display: inline; margin: 0 15px 0 162px;}
.index div#plocha{ margin: 0 5px 0 159px; padding: 10px 1px; width: 565px;   }
.index .uvod{ height: 270px; overflow: auto; margin-bottom: 5px; width: 381px; line-height: 1.5em; padding-top: 1px; }
.index .uvod h3{ margin: 0; padding: 1em 0; }

div#right{ width: 150px; float: right; text-align: center; display: inline;   }
div#right img{ display: block; margin: 0 0 5px; }

div#pata{ background-color: White; padding: 5px 0 0 0; font-size: .55em; clear: both; }
div#pata p{ border-top: 1px solid #D6D6D6; margin: 0; color: #686868; text-align: center; padding: 2px 0 10px 0; line-height: 2.5em;}
div#pata a{ color: #686868; text-decoration: none; }

.uvod{ background-color: #FFFADF; color: #366B7F; padding: 5px 10px; margin-right: 160px; }
.uvod p{ margin: 0 0 1em 0; line-height: 1.2em; }
.uvod h4{ margin-bottom: 0; font-size: 1.2em; }
.banner-index{ padding: 10px 0 5px 0; width: 409px; overflow: hidden;  }
.banner-index img{ display: block; }
.novinka{ color: #14595D; padding: 7px 0 0 0;  background: white url(../img/novinka-top.gif) no-repeat; margin: 4px 0px 4px 0;  }
.novinka .novinka-in{  background: transparent url(../img/novinka-mid.gif) repeat-y; padding-top: 1px;}
.novinka h3{ margin: 0 0 5px 0; font-family: "Comic Sans MS", arial; }
.novinka .novinka-in2{  background: transparent url(../img/novinka-down.gif) no-repeat 0 100%; padding: 7px 12px;}
.novinka .text{ height: 120px; overflow: auto; margin-bottom: 5px; }
.novinka object{ float: left; margin: 0px 10px 5px 0; }
.novinka p{ margin: 0; line-height: 1.2em; }
.novinka a{ color: #14595D; font-weight: bold; }
.novinka .vpravo object, .novinka .vpravo .obr{ float: right; margin: 0 0 5px 10px; }

#search-in{ padding: 0; background: White url(../img/search-top2.gif) no-repeat; padding-top: 5px;}
#search-in select{ margin: 0 5px 0 0; width: 9em; }
#search-in .btn{ border: 1px solid black; background-color: #1386BD; color: White; cursor: pointer; font-size: 1.1em; font-weight: bold; margin-left: 15px; }
#search-in p{ margin: 0; padding: 5px 0 0 0; }
#search-in h3{ margin: 0 0 0px 0; }
#search-in label{ margin-right: 4px; }
#search-in table{ width: 531px; }
#search-in td{ padding: 5px 0; vertical-align: middle;   }
#search-in .level-one{ background: transparent url(../img/search-mid2.gif) repeat-y 0; }
#search-in .level-two{ padding: 0px 10px 5px 10px; background: transparent url(../img/search-down2.gif) no-repeat 0 100%; }
.banerky{ margin: 0; padding: 0 0 1px 0; }
.banerky img{ margin: 0 1px 15px 0; }
.polozka{ width: 135px; float: left; margin: 0 2px 5px 0; display: inline; }
.polozka p, .polozka h4{ margin: 0; }
.polozka .podobr{ background: #1386BD url(../img/podobr.gif) no-repeat;  color: White; line-height: 1.3em; height: 77px; }
.polozka .podobr .in{ height: 55px; overflow: hidden; padding: 5px 3px; }
.polozka .cena{ /*border-top: 1px solid white;*/ padding-top: 2px; font-weight: bold;  display: none; }
.obrazek{ width: 135px; position: relative; }
.obrazek span{ display: block; position: absolute; top: 0; left: 0; width: 135px; height: 97px; background: transparent url(../img/photo_corners.gif) no-repeat; }
.obrazek span br{ display: none; }
.gal .obrazek{ float: left; margin-right: 1px; }
.polozka a{ color: White; text-decoration: none; }
.navigation{ text-align: center; font-weight: bold; padding: 5px 0; font-size: 1.1em; }

.zahlavi{ background: #1386BD url(../img/zahlavi.gif) no-repeat; width: 100%; margin-bottom: 15px; height: 77px;  }
.zahlavi td{ padding: 8px 12px 4px 12px; color: White; font-weight: bold; vertical-align: top; }
.zahlavi h3{ margin: 0 0 5px 0; font-size: 1.4em; }
.zahlavi a{ color: White; }
.zahlavi a:hover{ color: Black; }

table.tab{ font-size: 1em;  margin: 12px 0; width: 100%;  border: 1px solid #1386BD;}
table.tab th{ background-color: #AADDF4; padding: 4px 7px; font-size: 1em; text-align: left;  border-bottom: 1px solid #1386BD;  border-right: 1px solid #1386BD; }
table.tab td{ padding: 7px;  border-bottom: 1px solid #DCDCDC; text-align: center;  border-right: 1px solid #DCDCDC; }
tr.sec td{ background-color: #F7F6F6; color: black; }

.formik{ margin-top: 2em; }
.formik label{ display: block; margin-right: 15px; color: #829AA7; }
.formik input, .formik textarea{ border: 1px solid #829AA7; margin: 2px 0; }
.formik .btn{ border: 1px solid white; background-color: white; color: #829AA7; cursor: pointer; font-size: 2em; }
.formik .odesli{ border-top: 1px solid #CCCCCC; padding-top: 5px; text-align: center; }
.sort{ padding: 2px 12px; background-color: #F5F5F5; color: #366B7F;  font-size: 1.1em; font-weight: bold; text-align: center; }
.sort a{ margin: 0 15px; color: #366B7F; }
.formik2 td{ padding: 2px 0; }


.polozkawide{ padding: 2px; }
.podobrwide{ padding: 12px; }
.polozkawide h3{ margin: 0 0 7px 0; }

.prispevek{ margin: 10px 0; border-bottom: 1px solid #CCCCCC; padding: 5px 0; }
.prispevek p{ margin: 0; }
.prispevek p.data{ font-weight: bold; }

.bottom{ font-size: 1.4em; font-family: "Comic Sans MS", arial, sans-serif; color: White; margin: 0 0 0px 0; background: #1386BD url(../img/nadpis.gif) no-repeat; font-weight: normal; font-style: italic; padding: 4px 10px 4px 10px; line-height: 1.2em; }
.bottom table{ width: 100%; table-layout: fixed; text-align: left;}
.bottom a{ color: White; text-decoration: none; }

table.ceny{ margin-top: 0; }
.convert{ background-color: #1386BD; border: 1px solid #183C5C; border-bottom: 0; font-size: 1.1em; text-align: center; padding: 6px 10px; font-weight: bold; color: White; }
.convert select, .convert img{ vertical-align: text-bottom; font-weight: normal; font-size: .9em; }

.booking{ border: 1px solid #183C5C; padding: 12px; }
.booking input, .booking textarea, .booking select{ border: 1px solid #183C5C; }
.booking img{ vertical-align: text-bottom; }

.guest{ background: White url(../img/guest.gif) no-repeat; height: 84px; color: #14595D; padding: 1px; margin: 5px 0; width: 552px; }
.guest .novinka-in{ margin: 6px 5px 6px 5px; background: #E7F8FE none !important ; padding: 1px; overflow: auto; height: 68px; }
.novinka h3{ margin: 0 0 5px 0; font-family: "Comic Sans MS", arial; }
.novinka p{ margin: 0; line-height: 1.2em; }
.guest .text{ height: auto; }
.novinka a{ color: #14595D; font-weight: bold; }

input.btn2{ background: #1386BD url(../img/btn.gif) no-repeat; width: 130px; height: 18px; border: 0; color: White; font-family: "Comic Sans MS", arial; font-size: 1.2em; padding: 0 10px; line-height: 18px; cursor: pointer; font-weight: bold; text-align: center; }

.bar{ background: #D60099 url(../img/bar_bg.gif) no-repeat; width: 498px; color: White; padding: 10px 20px; }
.bar .pole{ background: #B10958 url(../img/pole.gif) no-repeat; height: 104px; padding: 10px; overflow: auto; margin: 5px 0; width: 470px; line-height: 1.7em; }
.bar .pole h3{ margin: 0; font-family: "Comic Sans MS", arial, sans-serif; color: White; font-size: 1.6em; font-weight: normal; font-style: italic; }
.bar .pole input{ background-color: #FFFFA0; }

.galerky img { display: block; }
#bannery-left img{ display: block; margin: 4px 2px; float: none !important; }

.banner-hp-right{
	float: right; display: inline; width: 144px; overflow: hidden; margin-right: 5px; 
}

#links  {
	margin: -17px 0px 0px 0px;
	text-align: center;
	font-family: "sans-serif";
	font-size: 75%;
	text-decoration: none;
	color: #686868;
	
	
	
}



}