body     { font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; background-color: #362f2d; text-align: center; margin: 0 0 10px; padding: 0; }
/*elements*/
h1 { font-size: 1.2em; margin-bottom: 30px; }
h1#nadpis_uvod { background-image: url(../images/h1_uvod.gif); background-repeat: no-repeat; background-position: left top; width: 433px; height: 34px; margin: 0 0 15px; padding: 0; }
h1#nadpis_hostel { background-image: url(../images/h1_hostel_en.gif); background-repeat: no-repeat; background-position: left top; width: 320px; height: 34px; margin: 0 0 15px; padding: 0; }
h1#nadpis_ceny { background-image: url(../images/h1_ceny_en.gif); background-repeat: no-repeat; background-position: left top; width: 415px; height: 34px; margin: 0 0 15px; padding: 0; }
h1#nadpis_rezervace { background-image: url(../images/h1_rezervace_en.gif); background-repeat: no-repeat; background-position: left top; width: 345px; height: 34px; margin: 0 0 15px; padding: 0; }
h1#nadpis_foto { background-image: url(../images/h1_foto_en.gif); background-repeat: no-repeat; background-position: left top; width: 150px; height: 34px; margin: 0 0 15px; padding: 0; }
h1#nadpis_news { background-image: url(../images/h1_news_en.gif); background-repeat: no-repeat; background-position: left top; width: 340px; height: 34px; margin: 0 0 15px; padding: 0; }
h1#nadpis_kontakt { background-image: url(../images/h1_kontakt_en.gif); background-repeat: no-repeat; background-position: left top; width: 160px; height: 34px; margin: 0 0 15px; padding: 0; }
h1#nadpis_storno { background-image: url(../images/h1_storno_en.gif); background-repeat: no-repeat; background-position: left top; width: 230px; height: 34px; margin: 0 0 15px; padding: 0; }
h1#nadpis_email { background-image: url(../images/h1_email.gif); background-repeat: no-repeat; background-position: left top; width: 173px; height: 33px; margin: 0 0 15px; padding: 0; }
h1#nadpis_uvod span,
h1#nadpis_hostel span,
h1#nadpis_ceny span,
h1#nadpis_rezervace span,
h1#nadpis_foto span,
h1#nadpis_news span,
h1#nadpis_kontakt span,
h1#nadpis_storno span,
h1#nadpis_email span { display: none; }
h2 { color: #790026; font-size: 1.2em; }
h3 { color: #fff; font-size: 0.9em; background-color: #bcb655; margin-right: 23px; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; border-left: 2px solid #fff; }
h3#first { background-color: #bcb655; background-image: url(../images/h3_first.gif); background-repeat: no-repeat; background-position: left top; margin-top: 0; margin-right: 23px; padding-top: 6px; padding-bottom: 10px; padding-left: 15px; border-bottom: 2px solid #fff; border-top-style: none; border-top-width: 0; border-left-style: none; border-left-width: 0; }
p { font-size: 0.9em; text-align: justify; }
img { padding: 4px; border: solid 1px #aba327; }
a { color: #0072bc; }
a:hover { color: #790026; }
ul { font-size: 90%; margin-left: 15px; padding-left: 0; }
ul.bez { margin-left: 0; padding-left: 0; }
ul li { background-image: url(../images/li.gif); background-repeat: no-repeat; background-position: left 7px; padding-left: 13px; list-style-type: none; list-style-image: none; }
table { font-size: 80%; width: 444px; border-collapse: collapse; }

th, td { padding: 2px 5px 2px 5px ; border: solid 1px #999; }
th { text-align:center; background-color: #BCB655; color: #FFFFFF;}

#cena .posledni_sloupec { background-color: #d8d59c; width: 160px; }
.prvni_sloupec { background-color: #f7f2df;  }
.posledni_sloupec { background-color: #d8d59c; width: 123px; }

form { margin: 0; padding: 0; }
label { text-align: right; width: 30%; float: left; margin-right: 10px; }
fieldset { background-color: #d8d59c; margin-bottom: 10px; padding: 15px; border: solid 1px #fff; }
hr { display: none; }
/*division*/
#content { background-image: url(../images/bg.gif); background-repeat: repeat-y; text-align: left; width: 798px; margin-right: auto; margin-left: auto; }
#header { background-image: url(../images/header_bg2.jpg); background-repeat: no-repeat; position: relative; height: 258px; overflow: hidden; }
p#upoutavka { color: #4c500c; font-size: 1em; position: absolute; top: 193px; margin-top: 0; margin-bottom: 0; margin-left: 24px; padding-top: 0; padding-bottom: 0; }
p#upoutavka span { font-size: 80%; }
#logo, #logo span { width: 284px; height: 137px; overflow: hidden; }
#logo span { background-image: url(../images/logo.gif); background-repeat: no-repeat; width: 284px; height: 137px; margin-top: 11px; margin-left: 7px; cursor: pointer; display: block; }
#akce, #akce span { width: 174px; height: 166px; overflow: hidden; }
#akce span { background-image: url(../images/akce_en.gif); background-repeat: no-repeat; position: absolute; top: 27px; left: 291px; width: 174px; height: 166px; cursor: pointer; display: block; }
#flag { position: absolute; top: 160px; left: 25px; }
#flag a img { padding: 0; border: solid 1px #fff; }
#flag a:hover img { padding: 0; border: solid 1px #790026; }
/*navigace*/
ul#navigace { background-image: url(../images/navigace1.gif); background-repeat: no-repeat; background-position: left top; height: 49px; overflow: hidden; margin: 0; padding: 0 0 0 25px; }
ul#navigace li { float: left; list-style: none;
/* IE hover hack */
background-color: expression( this.onmouseover = new Function("this.className += ' hover';"),
                             this.onmouseout = new Function("this.className = this.className.replace(' hover', '');")); background-image: none; margin-left: 0; padding-left: 0; }
ul#navigace li a { display: block; float: left; color: #fff; font-size: 0.9em; font-weight: bold; line-height: 43px; text-decoration: none; background-image: url(../images/nav_delic.gif); background-repeat: no-repeat; background-position: right top; height: 43px; padding: 0 10px 0 7px; }
ul#navigace li a.last { background: none; }
ul#navigace li a:hover { color: #fff200; position: relative; margin-left: -3px; padding-left: 10px; }
body.uvod #navigace li#nav-1 a, 
body.oho #navigace li#nav-2 a, 
body.cen #navigace li#nav-3 a, 
body.rez #navigace li#nav-4 a,
body.fot #navigace li#nav-5 a,
body.nov #navigace li#nav-6 a,
body.kon #navigace li#nav-7 a { color: #fff200; position: relative; margin-left: -3px; padding-left: 10px; }
/*colums*/
#left { width: 484px; float: left; }
#right { width: 314px; float: left; }
#right p { text-align: left; }
/*other divison*/
#footer { background-image: url(../images/footer.gif); background-repeat: no-repeat; width: 798px; height: 5px; margin-right: auto; margin-bottom: 10px; _margin-bottom: 0px; margin-left: auto; }
#copy { width: 775px; margin: 0 auto 0; padding: 0; }
#copy { position: relative; width: 775px; margin: 0 auto; padding: 0; }
#copy p { color: #ccc; font-size: 0.7em; line-height: 1.1em; text-align: left; margin: 0; padding: 0; }
#copy a { color: #ccc; text-decoration: none; }
#copy a:hover { text-decoration: underline; }
#copy img { position: absolute; top: 0; left: 20px; padding: 0; }
#copy a img { border: solid 1px #fff; }
#copy a:hover img { border: solid 1px #f00; }
#btn_odeslat	{ border:0; background:none; width:66px; height:22px; background: url(../images/btn_odeslat.gif) no-repeat; cursor: pointer; }
#btn_odeslat:hover { background-position: 0 -22px;}
#enoviny { margin-bottom: 15px; }
/*classes*/
.inner { margin: 20px; }
.inner2 { margin-right: 43px; margin-left: 15px; }
.d2 { width: 217px; float: left; margin-right: 10px; }
.d3 { width: 217px; }
.cleaner { font-size: 1px; line-height: 1px; float: none; clear: both; }
.fl_left { float: left; margin-right: 10px; margin-bottom: 10px; }
.fl_right { float: right; margin-bottom: 10px; margin-left: 10px; }
.center { text-align: center; }
.info { background-color: #e4ae15; background-image: url(../images/info.gif); background-repeat: no-repeat; background-position: 5px center; padding: 5px 5px 5px 30px; border: solid 1px #fff; }
#chyba  { color: #fff; font-weight: bold; background-color: #f15b22; margin-right: 35px; padding: 10px; }
.noscreen { display: none; }
.detail_title { color: #788f39; margin: 0; padding: 0; }
.detail_text { margin-top: 0; margin-bottom: 0; margin-left: 15px; padding-top: 6px; padding-bottom: 10px; padding-left: 20px; border-left: 1px solid #c8c892; }
.nobr { padding: 0; border-style: none; border-width: 0; }
.odsaz { margin-right: 5px; }
.mapa a img { padding: 0; border: solid 1px #fff; }
.mapa a:hover img { padding: 0; border: solid 1px #790026; }
.user { background-color: #d8d59c; background-image: url(../images/user.gif); background-repeat: no-repeat; background-position: 5px center; padding-top: 5px; padding-bottom: 5px; padding-left: 32px; border: solid 1px #fff; }
.red { color: #790026; }
.nabidka { background-image: url(../images/time.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
.nobotom { margin-bottom: 3px; padding-bottom: 3px; }
.notop { margin-top: 1px; padding-top: 1px; }
.icq { _width: 2em; white-space:nowrap; background-image: url(../images/icq_icon.gif); background-repeat: no-repeat; background-position: left center; width: 150px; float: left; padding-left: 20px; }
.skype { _width: 2em; white-space:nowrap; background-image: url(../images/skype_icon.gif); background-repeat: no-repeat; background-position: left center; width: 150px; float: left; padding-left: 20px; }
.nomar { margin: 0; padding: 0; }
.eurocard { _width: 2em;  white-space:nowrap; background-image: url(../images/card_master.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0; padding-top: 1em; padding-bottom: 1em; padding-left: 30px; }
.visa { _width: 2em;  white-space:nowrap; background-image: url(../images/card_visa.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0; padding-top: 1em; padding-bottom: 1em; padding-left: 30px; }
.pdf { background-image: url(../images/pdf.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
.pdf_dark { background-image: url(../images/pdf_dark.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }

.delitko { background-image: url(../images/delitko.gif); background-repeat: no-repeat; height: 21px; float: none; clear: both; margin-top: 10px; }
/*printit*/
.top { _width: 2em;  white-space:nowrap; background-image: url(../images/top.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0; padding-top: 1em; padding-bottom: 1em; padding-left: 20px; }
.print { _width: 13em;  white-space:nowrap; background-image: url(../images/print.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0; margin-left: 20px; padding-top: 1em; padding-bottom: 1em; padding-left: 20px; }
p.printit { margin: 0 0 0; padding: 0; }
/*boxes*/
/*novinky*/
.novinka_datum span { color: #000; background-image: url(../images/datum.gif); background-repeat: no-repeat; background-position: left center; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 20px; white-space: nowrap; }
.novinka_archiv { background-image: url(../images/archiv_news.gif); background-repeat: no-repeat; height: 16px; padding-left: 20px; }

/*foto*/
.info_boxik {
	background-color: #F8F1DF;
	padding: 5px 15px;
	margin-bottom: 15px;
	border: 3px dotted #FFFFFF;
}
.foto_kat {
	margin-bottom: 25px;
	padding: 15px 10px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #F3EDD1;
}
.foto_kat h2 {
	margin-top: 0;
}	
.card, .card_last {
	float: left;
	width: 140px;
	margin: 0 2px 2px 0;
	text-align: center;
}
.card_last {
	margin-right: 0;
}	
.card img, .card_last img {
	padding: 0;
	border: 1px solid #ABA327;
}	
.card a img, .card_last a img {
	padding: 0;
	border: 1px solid #ABA327;
}
.card a:hover img, .card_last a:hover img {
	padding: 0;
	border: 1px solid #790026;
}


/*virtual*/
#foto_box  { background-image: url(../images/foto-bg.gif); background-repeat: no-repeat; background-position: center 0; padding: 0; width: 395px; height: 310px ; margin: 20px auto 0; }
#foto_box p, #foto_box p.flash   { color: #fff; position: relative; margin: 16px 0 0 20px; padding: 0  }
#foto_box p.flash { margin: 12px 0 0 20px; }
#foto       { margin: 0 0 0 10px; padding: 15px 0 0; width: 375px }
.img_ikon { position: absolute; left: 310px; margin-top: 0; }
.img_ikon img { padding: 0; }
.odsaz { margin-right: 10px; }
.foto a img {
	padding: 4px;
	background-color: #FFFFFF;
	border: 1px solid #535353;
}
.foto a:hover img {
	background-color: #790026;
}
.foto table { font-size: 80%; width: 444px; border-collapse: collapse; }
.foto table td { 
	padding: 2px 0; 
	border: 0 none;
}
.foto table .linka {
	border-top: 1px solid #FFFFFF;
	height: 15px;
}	


ul#foto_tabs {
	border-bottom: 1px solid #790026;
	margin: 0 0 20px 0;
	padding-bottom: 1px;
}
ul#foto_tabs li {
	display: inline;
	margin-left: 10px;
	padding-left: 0px;
	list-style-image: none;
	background-image: none;
}	
ul#foto_tabs li a {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 2px 10px;
	background: #FFFFFF;
	text-decoration: none;
	color: #333333;
}
ul#foto_tabs li a.active {
	padding: 2px 10px;
	text-decoration: none;
	color: #FFFFFF;
	border-top: 1px solid #790026;
	border-left: 1px solid #790026;
	border-right: 1px solid #790026;
	background-color: #790026;
}