@charset "windows-1250";

/*******************************************************************************
*  st_gargoyles.css : 2004.08.30
* -----------------------------------------------------------------------------
*  A modification on the Skidoo Too layout
*******************************************************************************/

/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */

.clear
{
	clear: both;
}
.hide, .divider
{
	display: none;
}
.inside
{
	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0 1em;
}
html[xmlns] #rightColumn + div.clear,
html[xmlns] #footer + div.clear
{
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root for html[xmlns] in the selectors.
	 */
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}

/* margin values and font sizes for headings, and margins on paragraphs
 * and lists are not consistent across browser platforms. to achieve a
 * consistent look we need to explicity set these values here. it may
 * seem an odd way to declare the margins like this but you never
 * know what kind of horizontal padding a browser may be using on an
 * element, and I only want to change the vertical padding.
 *
 * pixels are used here, rather than ems, because I want a consistent
 * margin on the different headings. if I use ems, 1em for an h1 element
 * is much larger than 1em on an h6 element. I don't wnat this.
 *
 * salt to taste
 */

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
}
h1
{
	font-size: 220%;
}
h2
{
	font-size: 190%;
}
h3
{
	font-size: 160%;
}
h4
{
	font-size: 130%;
}
h5
{
	font-size: 100%;
}
h6
{
	font-size: 70%;
}

/* alter some HTML elements' default style
 */

code
{
	font-family: "Courier New", Courier, monospace;
}
label
{
	cursor: pointer;
}
table
{
	font-size: 100%;
}
td, th
{
	vertical-align: top;
}
span.strike
{
	text-decoration: line-through;
}

/* WHY IE Sucks:
 * 	It's the holly(ish) hack. This silly thing that IE needs to render elements
 *	correctly. It's dumb. It's annoying. Try removing this block of CSS
 *	and watch IE crumble.
 */

* html #masthead,
* html #masthead h2,
* html #leftColumn,
       .leftBlock h3, 
* html #rightColumn
{
	position: relative;
}
* html #innerColumnContainer
{
	/* \*/
		position: relative;
	/* because IE Mac doesn't do z-index right with this element having a
	 * a position value of relative.
	 */
}
* html #masthead,
* html #content,
* html #contentColumnContainer,
* html .vnav,
* html .vnav ul li a/**/,
* html .hnav, 
* html .hnav ul li a,
* html .leftBlock,
* html .leftBlock h3
{
	/* \*/
		height: 0.01%;
	/* the empty comment in the .vnav ul li a selector is to keep that 
	 * particular selector from being processed by IE5.0/Win
	 */
}
* html div
{
	overflow: visible;
}

/* now we craft the core layout of the page. this includes positioning and
 * gutter space. colors and fonts should not come into play at this point.
 * when defining a border, default it's color to white which is probably
 * the safest thing to do.
 */


body {font-family:tahoma, arial; font-size:11px; color:#000; background: url("../obrazky/bg_col.gif");
	  padding: 10px 0 20px 0;
	  margin: 0 3%;
	  min-width: 35em;	/* IE doens't understand this property. I use ems rather
				   than pixels so that the layout shouldn't break even
				   when the browser's default size is set very large */
}

#pageWrapper
{
	border: solid 5px #999999;
	margin: 0 10px 0 40px;	/* set side margins here 'cause IE doesn't like it set
				   on the body element */
	word-wrap: break-word;	/* invalid CSS but helps IE out in a jam */
	width: 800px;
	color: #000;
	background-color:#fff;
}
#outerColumnContainer
{
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you 
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	padding: 0 0 0 228px;
}
#innerColumnContainer
{
	width: 572px;
	z-index: 1;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 0;
	width: 100%;
	z-index: 1;
}
#masthead
{
	background-color: #afdcea;
	color: #000;
	left: auto;
	position: relative;
	text-align: center;
	top: 0px;
	width: 572px;
	/* \*/
		position: static;
		margin-bottom: 0;
		top: auto;
	/* Because IE5/Mac doesn't like this method and a small rendering
	 * bug in Mozilla creeps in on the right masthead border using 
	 * relative positioning.
	 */
}
#masthead .pozadi {background-image: url('../obrazky/menu_horni_2.gif');width:572px;height:23px;}

#content
{
	font-family:tahoma, arial;
	font-size:11px;
	color: #000;
	border-left : solid 0px #999999;
}
#content .horni_info {display:block; float:left; margin:3px 3px 3px 3px;width:557px; border: solid 1px #999999;
		 			 background-color:#f9f9f9;}
#content .horni_info .blok {display:block; float:left; width:210px;} 
#content .horni_info .blok_1 {display:block; float:right; width:120px;height:170px;color:#fff;} 

.obrazek_hotel {margin-left:2px;margin-top:2px;width:203px; height:122px; background-image: url('../obrazky/foto/hotel.jpg'); background-repeat: no-repeat;}
.text_nadpis_uvod{margin:3px 1px 3px 2px; width:203px; height:20px; border-top: solid 1px #999999;border-bottom: solid 1px #999999;
		 			 background-color:#000; color:#fff;}
.text_uvod{margin:3px 1px 3px 2px; width:203px; background-color:#eaeaea; color:#000;}
.text_uvod a{color:#0000aa;}

.text_hotel {display:block; float:left; width:220px;background-color:#f5f5f5; padding:5px 2px 5px 2px}

#content .horni_info .blok_1 {display:block; float:right; width:115px; margin-right:1px;margin-top:2px;} 



#contentColumnContainer
{
	margin: 0px 195px 10px 0;
}
#innerContent{display:block; float: left;width: 100%;}
#innerContent .hlavicka{float:left;background-image: url('../obrazky/hlavicka_stred.gif'); width:370px; height:10px;} 
#innerContent .hlavicka .text{float:left;margin-left:8px;margin-top:10px; font-weight:bold; font-size:12px; color:#00005e} 
#innerContent .obsah{width:370px; margin-left:1px;}
#innerContent .obsah .ram{margin-left:6px; border-left: solid 1px #012b81;}
.obsah_text {margin-left:3px; margin-right:3px;}
.nadpis_pole {float:left;display:#e9e9e9 no-repeat; width:210px; height:20px; color:#400080; font-weight:bold;padding-left:45px;padding-top:4px; margin-bottom:5px;}
//.nadpis_pole {background-color:#e9e9e9; width:120px; height:20px; color:#400080; font-weight:bold; text-align:center; padding:4px 0px 0px 0px}

#rightColumn
{
	float: right;
	width: -195px;
	margin: 0 -195px 0 0px;
	border-left : solid 1px #999999;
}
#rightColumn .obsah{width:186px; margin-left:6px;}

#leftColumn
{
	float: left;
	left: auto;		/* reset v4 css */
	margin: 0px -24px 0 -228px;
	position: relative;	/* reset v4 css */
	top: auto;		/* reset v4 css */
	width: 228px;
	font-family:tahoma, arial;
	font-size:11px;
	z-index: 4;
}
#leftColumn .inside
{
	padding: 0;
}

#cornerLogo
{
	width: 228px;
	height: 136px;
	margin: 0 0px;
	overflow: visible;
	position: relative;
	z-index: 10;
}
#cornerLogo .placeHolder {
	/* IE/Mac is really anal about the right margins on this and the
	 * parent object. It's forced me to go absolute positioned to
	 * keep IE/Mac in line.
	 */
	position: absolute;	top: auto;	left: 0;
}

.leftBlock
{
	background-color: #afdcea;
	border: solid 1px #c0c0c0;
	margin: 25px 0;
	padding: 0 5px;
	z-index: 9;
}
#footer,#footer_a,#footer_n
{
	clear: right;
	font-family:tahoma, arial;
	font-size:11px;
	display:block; width:800px; height:77px; 
	background-color:#fff; 
	background-image: url('../obrazky/paticka.gif')}
}
#footer_a{background-image: url('../obrazky/paticka_a.gif')}
#footer_n{background-image: url('../obrazky/paticka_n.gif')}

#footer p
{
	padding: 0;
	margin: 0;
}
#footer a {	color: #000}

#cara {display:block; float:left ; width:100%; border-top: solid 1px #c0c0c0;}

#header {display:block; float:left; width:800px;}
#header .pozadi_1{display:block; float:left; width:800px; height:44px; background-image: url('../obrazky/pozadi_1_01.gif')}
#header .pozadi_2{display:block; float:left; width:800px; height:33px; background-image: url('../obrazky/pozadi_1_04.gif')}

#header_center {display:block; float:left; width:603px;}
#left_center {display:block; float:left; width:390px;}
#right_center {display:block; float:right; width:193px; background-color:#afdcea}

#center_info {display:block; float:left; width:390px; background-color:#afdcea}

.text_hotel_1 {margin-top:5px; margin-left:12px; margin-right:30px}
.cara {display:block; float:left; width:333px; height:3px; background-image: url('../obrazky/cara.gif');}
.info_pruh {display:block; float:left; width:100%; height:21px; background-color: #a2c9d5;}
.info_pruh .obrazek{display:block; float:left; margin-top:2px; margin-left:1px}
.info_pruh .text{margin-top:4px; margin-left:25px; color:#000080}
.info_pruh_ubyt {display:block; float:left; width:193px; background-color:#a2c9d5; margin-left:3px}
.info_pruh_ubyt .obrazek{display:block; float:left; margin-top:2px; margin-left:1px}
.info_pruh_ubyt .text{margin-top:4px; margin-left:25px;}
.info_pruh_cenik {display:block; float:left; width:184px; height:20px; font-weight:normal; font-size:10px}
.info_pruh_cenik .obrazek{display:block; float:left; margin-top:2px; margin-left:1px}
.info_pruh_cenik .text{margin-top:2px; margin-left:25px;}

.btn 
{display:block; float:right; width:80px; height:25px; background-image: url('../obrazky/btn.gif'); border:0px; color:#000; font-weight: normal; font-size:10px; margin:0px 0px;}


a {text-decoration:none; color:#ff0000;}
a:hover {text-decoration:underline;}

table {color:#0000a0; font-weight: bold; font-size:11px;}
img {border:0px; margin:0px;}
form {margin:0px;}
input, select, .input_titul {margin-bottom:4px; color:#000; font-weight: bold; background-color:#efefef; border: 1px solid black;}
.input_titul {width: 50px;}

.formular_horni {display:block; float:left; width:390px; height:7px;background-image: url('../obrazky/formular_horni.gif');background-repeat: no-repeat;}

.ramecek1 {display:block; float:left; width:218px; margin-left:2px;}
.ramecek1 .nadpis {display:block; float:left; width:218px; height:18px; font-weight:bold; background-image: url('../obrazky/kontakty.gif');}
.ramecek1 .nadpis_mapa {display:block; float:left; width:218px; height:18px; font-weight:bold; background-image: url('../obrazky/nadpis_mapa.gif');}
.ramecek1 .pozadi {display:block; float:left; width:218px; background-color:#596389;}
.ramecek1 .pozadi .text {margin-left:15px; margin-right:5px; color:#fff;}
.ramecek1 .pozadi .text .text_posun {margin-left:50px;}
.dolni {display:block; float:left; margin-left:2px;width:218px; height:8px; background-image: url('../obrazky/kontakty_dolni.gif'); background-repeat:no-repeat;}

.ramecek_menu {display:block; float:left; width:218px; margin-left:0px;}
.ramecek_menu .horni {display:block; float:left; margin-left:2px;width:218px; height:8px;}
.ramecek_menu .pozadi {display:block; float:left; width:218px; background-color:#f3f3f3;margin-left:2px;}
.ramecek_menu .pozadi .text {margin-left:15px; margin-right:5px; color:#000;}
.ramecek_menu .dolni_menu {display:block; float:left; margin-left:2px;width:218px; height:8px; background-image: url('../obrazky/menu_leve_dolni.gif'); background-repeat:no-repeat;}
.ramecek_menu a {color:#0000a0}

.ramecek_foto {display:block; float:left; width:135px;margin-left:2px}
.ramecek_foto .horni {display:block; float:left;width:117px; height:9px;}
.ramecek_foto .pozadi {display:block; float:left;width:114px; background-color:#ececec; padding: 2px 0px 2px 3px;}
.dolni_foto {display:block; float:left;width:117px; height:9px; background-image: url('../obrazky/dolni_foto.gif'); background-repeat:no-repeat;}

.ramecek2 {display:block; float:left; width:218px; margin-left:2px;}
.ramecek2 .nadpis {display:block; float:left; width:218px; height:18px; font-weight:bold; background-image: url('../obrazky/kde_jsme.gif');}
.ramecek2 .obrazek {display:block; float:left; width:25px; height:25px; background-image: url('../obrazky/kde.gif');}
.ramecek2 .horni {display:block; float:left;width:218px; height:8px;}
.ramecek2 .pozadi {display:block; float:left; width:218px; background-color:#b8b9bb;}
.ramecek2 .pozadi .text {margin-left:15px; margin-right:5px; color:#000;}

.ramecek3 {display:block; float:left; width:189px; margin-left:7px;}
.ramecek3 .nadpis {display:block; float:left; width:185px; height:38px; font-weight:bold; background-image: url('../obrazky/novinky_nadpis.gif')}
.ramecek3 .obsah {display:block; float:left; width:185px; background-image: url('../obrazky/novinky_telo.gif');}
.ramecek3 .obsah .text {margin-left:3px; margin-right:3px;}
.ramecek3 .dolni{display:block; float:left; width:185px; height:12px; background-image: url('../obrazky/novinky_dolni.gif');background-repeat: no-repeat;}

.ramecek4 {display:block; float:left; width:189px; margin-left:7px;}
.ramecek4 .nadpis {display:block; float:left; width:185px; height:25px; font-weight:bold; background-image: url('../obrazky/lety_nadpis.gif')}
.ramecek4 .obsah {display:block; float:left; width:185px; background-image: url('../obrazky/lety_telo.gif');}
.ramecek4 .obsah .text {margin-left:3px; margin-right:3px;}
.ramecek4 .dolni{display:block; float:left; width:185px; height:47px; background-image: url('../obrazky/lety_dolni.gif');background-repeat: no-repeat;}

.ramecek_form {display:block; float:left; width:358px; margin-left:0px}
.ramecek_form .horni {display:block; float:left;width:358px;}
.ramecek_form .text {display:block; float:left;margin-top:0px;background-color:#efefef}
.ramecek_form .dolni {display:block; float:left;width:358px; margin-left:0px}

.tabulka_cenik {color:#000; font-weight: normal; font-size:10px; width:180px}
.tabulka_cenik .nadpis{background-color:#d8d8d8;}
.tabulka_cenik .sezona{background-color:#fbffdf;}
.tabulka_cenik .mimo{background-color:#f5f5f5;}

.red {color:#ed0d69;}
.yellow {color:#c4b822}
.blue {color:#6786bf;}
.brown {color:#d86c6c;}
.povinne {color:#e10000;font-weight: bold;}

.li1 {margin-left:10px;}
.li2 {margin-left:30px;}
.li3 {margin-left:18px;}
.li4 {margin-left:40px;}