/****************************Screen*****************************/

@media screen
{
	/*********Obecne tagy*********/
	html, body
	{
		text-align: left;
		text-transform: inherit; 
		color: black;
		font-family: Verdana,"Geneva CE",sans-serif;
		font-size: small;
		margin: 0;
		padding: 0;
		border:0;
		background-repeat: repeat;
		background-image: url(images/main_leto/vzorek.gif);
	}
	
	body, p, h1, h2, h3, table, tr, td, th
	{
		text-align: left;
		text-transform: inherit;
		color: black;
		font-family: Verdana,"Geneva CE",sans-serif;
		font-size: small;
	}
	
	div
	{
		display: block;
		margin: 0;
		padding: 0;
	}
	
	h1 ,h2, h3
	{
		padding: 0 0 0 25px;
		background: url(images/main_leto/h_bck.gif) top left no-repeat;
		clear: both;
		display: block;
		height: 40px;
		width: auto;
		color: red;
		line-height: 40px;
		text-transform: inherit;
	}
	

	
	h1 { font-size: 130%; }
	h2 { font-size: 110%; }
	h3 { font-size: 105%; }
	div#content p { margin: 0.5em; }
	
	a
	{
		font-weight: bold;
		text-transform: inherit;
		text-decoration: none;
		color: #39F;
	}
	
	a:hover { color: #06C; }
	
	ul
	{
		margin: 0;
		padding: 0;
	}
	
	ul.change_style
	{
		list-style-type: none;
		list-style-position: default;
	}
	
	li { margin: 0; }
	
	div#content ul
	{
		margin: 2em;
		padding: 0.1em;
	}
	
	hr
	{
		visibility: hidden;
		margin: 0;
		padding: 0;
	}
	
	.left { float: left; }
	.right { float: right; }
	
	hr.cleaner
	{
		clear: both;
		visibility: hidden;
		margin: 0;
		padding: 0;
	}
	
	img { border: none; }
	
	img.right, img.left, img.center, img.bottom
	{
		/*display: block;*/
		border-color: #ABE360;
		border-width: 1px;
		border-style: solid;
		padding: 3px;
	}
	
	img.right
	{
		margin: 5px 5px 5px 25px;
		float: right;
	}
	
	img.left
	{
		float: left;
		margin: 5px 25px 5px 5px;
	}
	
	img.center
	{
		float: none;
		margin: 5px auto;
		display: block;
	}
	
	img.no_border
	{
		border-color: transparent;
		border-style: none;
	}
	
	img.bottom	/**Prira. obrazek ke spodni hrane divu content**/
	{
		border-color: transparent;
		border-style: none;
		margin-bottom: -15px;
		_margin-bottom: -40px;
	}
	
	/*********Zakladni struktura - Layout*********/
	div#cover
	{
		width: 760px;
		margin: 0 auto;
		background-color: #ABE360;
		border-color: #8FB726;
		border-width: 5px;
		border-style: solid;
	}
	
	div#cover-in
	{
		width: auto;
		height: auto;
	}
	
	div#header, div#footer
	{
		/*#CE1308*/
		background-color: #CE1407;
		width: 760px;
		height: 50px;
		display: block;
		clear: both;
	}
	
	div#header
	{
		background-color: white;
		height: 100px;
		background-image: url(images/main_leto/header_bck2.jpg);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	
	div#header h1
	{
		border-style: none;
		width: auto;
		text-align: center;
		text-transform: inherit;
		margin: 0;
		display: none;
	}
	
	div#footer span
	{
		float: right;
		text-align: left;
		text-transform: inherit;
		color: black;
		padding: 0 10px 0 0;
		line-height: 50px;
		font-size: 80%;
	}
	
	div#footer a { display: none; }
	
	/*********Main menu*********/
	div#main_menu
	{
		width: auto;
		height: 3em;
		display: block;
		font-size: x-small;
		_font-size: xx-small;
		text-transform: inherit;
		white-space: nowrap;
		clear: both;
		border-color: white;
		border-width: 3px 0 1px 0;
		border-style: solid;
	}
	
	div#main_menu ul
	{
		margin: 0;
		display: block;
		padding: 0 0 0 2px;
	}
	
	div#main_menu li
	{
		list-style-type: none;
		list-style-position: default;
		width: 120px;
		_width: 119px;
		height: 2em;
		display: inline;
		float: left;
		margin: 0.5em 3px 0 3px;
		padding: 0;
		line-height: 2em;
		text-transform: inherit;
	}
	
	div#main_menu a
	{
		width: auto;
		height: auto;
		display: block;
		text-align: center;
		background-color: #8FB726;
		text-transform: inherit;
		margin: 0;
		border-color: white;
		border-width: 1px;
		border-style: solid;
		text-decoration: none;
		color: white;
	}
	
	div#main_menu a:hover
	{
		color: white;
		background-color: #CE1407;
	}
	
	/*********local menu*********/
	div#local_menu
	{
		width: 125px;
		height: auto;
		display: block;
		font-size: x-small;
		_font-size: xx-small;
		text-transform: inherit;
		white-space: nowrap;
		float: left;
		margin: 10px 10px 10px 0;
	}
	
	div#local_menu li
	{
		list-style-type: none;
		list-style-position: default;
		width: auto;
		height: 30px;
		display: block;
		line-height: 30px;
		margin: 3px 0 0 0;
	}
	
	div#local_menu a
	{
		width: auto;
		height: auto;
		display: block;
		text-align: left;
		background-color: white;
		background-image: url(images/main_leto/main_btn_bck.gif);
		background-repeat: no-repeat;
		text-transform: inherit;
		margin: 0;
		color: white;
		text-decoration: none;
		padding: 0 0 0 5px;
	}
	
	div#local_menu a:hover {color:#CE1407;}
	
	div#new	
	{
		border-color: red;
		border-width: 1px;
		border-style: solid;
		margin: 0px 0 10px 0;
		background-color: #FFF;
	}
	
	
	div#new p	
	{
		text-align: center;
		text-transform: inherit;
		font-size: 100%;
		color: #C30;
		font-weight: bold;
	}
	
	/********Content********/
	div#content
	{
		float: right;
		width: 610px;
		height: auto;
		margin: 10px 5px 10px 0;
		background-color: white;
		border-color: #ABD536;
		border-width: 3px 1px 3px 1px;
		border-style: solid;
	}
	
	div#content-in
	{
		width: auto;
		height: auto;
		padding: 5px 10px 10px 5px;
	}
	
	div#content a
	{
		text-transform: inherit;
		text-decoration: underline;
		padding: 2px;
	}
	
	
	
	div#content a:hover { color: #003; }
	div#content a:visited { color: #369; }
	
	/******************* INDEX ZACATEK**************************/
	/********Index - prvni nadpis*********/
	h1.index_first_h
	{
		background-image: url(images/main_leto/images_index/index_first_h.gif);
		width: auto;
		height: 35px;
		border: none;
		margin: 0 0 15px 0;
		background-repeat: no-repeat;
	}
	
	h1.index_first_h span { display: none; }
	
	/********Moduly na Indexu - locator, news********/
	div#index_news, div#index_calendar, div#index_gallery, div#index_weather, div#index_locator
	{
		font-size: 11px;
		/*border-color: #369;
		border-width: 1px;
		border-style: solid;*/
		margin: 0 2px 5px 0;
		padding: 0;
	}
	
	/********odtsranění rámečků u img v boxech na indexu********/
	div#index_news img, div#index_calendar img, div#index_gallery img, div#index_weather img, div#index_locator img { border: none; }
	
	div#index_weather
	{
		width: auto;
		/* height: 160px; */
		clear: both;
	}
	
	div#leto_pocasi_text	
	{
		float: left;
		width: 320px;
	}
	
	div#weather_icons
	{
		width: 210px;
		float: left;
		height: 100px;
		margin-left: 30px;
	}
	
	div#weather_term
	{
		width: 30%;
		float: left;
		height: 100px;
	}
	
/*	div#weather_term p
	{
		height: 23px;
		font-size: 11px;
		line-height: 23px;
		padding: 0 0 0 5px;
		margin: 8px 0px;
		width: 185px;
		background-image: url(images/main_leto/images_index/p_bck.gif);
		background-repeat: no-repeat;
		background-position: center center;
		border-right: silver;
		border-left: silver;
		border-width: 0 1px 0 1px;
		border-style: none solid none solid;
		display: block;
	}  */
	
	div#weather_term p	
	{
		/* height: 23px; */
		font-size: 11px;
		/* line-height: 23px; */
		padding: 0 0 0 5px;
		margin: 8px 0px;
		width: 185px;
		/* background-image: url(images/main_leto/images_index/p_bck.gif); */
		/* background-repeat: no-repeat; */
		/* background-position: center center; */
		border-width: 1px;
		border-style:  solid;
		display: block;
		border-color: silver;
	}
	
	.weather_foto
	{
		width: 115px;
		height: 85px;
		float: left;
		display: block;
		margin: 10px 0 0 45px;
		_margin: 10px 0 0 30px;
	}
	
	div#index_news
	{
		width: 270px;
		height: 150px;
		float: left;
	}
	
	div#index_calendar
	{
		width: 270px;
		height: 150px;
		float: left;
		margin-left: 20px;
		_margin-left: 0px;
	}
	
	div#index_calendar a, div#index_news a
	{
		text-transform: inherit;
		text-decoration: none;
		color: black;
		font-weight: normal;
	}
	
	div#index_gallery
	{
		width: auto;
		height: 135px;
		clear: both;
		float: none;
		margin-top: 0px;
	}
	
	div#index_gallery img
	{
		width: 180px;
		height: 135px;
		margin: 0 10px 0 0;
	}
	
	/***********obsah boxu - MODRE PROKLADANE PRUHY*******/
	.index_news
	{
		width: 270px;
		margin: 0px;
		padding: 4px 5px 4px 18px;
		font-size: 10px;
		line-height: 14px;
		background: url(images/main_leto/images_index/h_bck.gif) top left no-repeat;
		color: red;
	}
	
	div#index_news ul, div#index_calendar ul
	{
		width: 270px;
		height: 100px;
		list-style-type: none;
		list-style-position: default;
		margin: 0;
	}
	
	.line_top
	{
		width: 270px margin: 0px;
		padding: 4px 5px 4px 18px;
		background: url(images/main_leto/images_index/line_top.gif) top left no-repeat;
		font-size: 10px;
		line-height: 14px;
		display:none;
	}
	
	.line_bot
	{
		width: 270px margin: 0px;
		padding: 4px 5px 4px 18px;
		background: url(images/main_leto/images_index/line_bot.gif) top left no-repeat;
		font-size: 10px;
		line-height: 14px;
	}
	
	.line_l
	{
		width: 270px margin: 0px;
		padding: 4px 5px 4px 18px;
		background: white url(images/main_leto/images_index/line_1.gif) top left no-repeat;
		font-size: 10px;
		line-height: 14px;
	}
	
	.line_s
	{
		width: 270px margin: 0px;
		padding: 4px 5px 4px 18px;
		background: white url(images/main_leto/images_index/line_2.gif) top left no-repeat;
		font-size: 10px;
		line-height: 14px;
	}
	
	.line_l a {color:black;}
	.line_s a {color:black;}
	/********Cisla vleku - odsazeni img od horniho okraje********/
	div#status_vleku	
	{
		padding: 0 0 0 25px;
		background: url(images/main_leto/h_bck.gif) top left no-repeat;
		clear: both;
		height: 40px;
		width: auto;
	}
	
	
	div#status_vleku a	
	{
		text-transform: inherit;
		text-decoration: none;
		color: black;
		float: left;
		margin: 10px 0 0px 0;
	}
	div#status_vleku img	
	{
		float: left;
		display: inline;
		margin: 4px 3px;
	}
	/******************* INDEX KONEC**************************/
	/**********Tabulky - urcene k zobrazovani informaci********/
	table
	{
		display: table;
		margin: 20px 10px 10px 10px;
		border-collapse: collapse;
		width: 90%;
		border-color: silver;
		border-width: 2px;
		border-style: solid;
	}
	
	table.half { width: 400px; }
	tr { display: table-row; }
	th { background-color: #F0F0F0; }
	
	td, th
	{
		display: table-cell;
		border-color: #ABE360;
		border-width: 2px;
		border-style: solid;
		font-size: 100%;
		padding: 3px;
		vertical-align: top;
	}
	
	/****Vycentrovany text v bunce****/
	table.price { margin: 0; }
	.price td { text-align: right; }
	.vleky td, .vleky th { text-align: center; }
	td.vlek, th.vlek { text-align: left; }
	
	/**********Akce- vypis akci a Novinky- vypis novinek********/
	div.akce, div.news_item
	{
		width: 550px;
		height: auto;
		display: block;
		padding: 0.2em;
		margin: 0 0 0 15px;
		border-color: #ABE360;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
	}
	
	div.akce h2, div.news_item h2, .ubytovani h2
	{
		border-style: none;
		font-size: 110%;
		margin: 0;
		padding: 0.1em 0 0.1em 1em;
		background-color: #ABE360;
		background-image: none;
		height: 1.2em;
		line-height: 1.2em;
		text-transform: inherit;
	}
	
	div.akce img, div.news_item img
	{
		width: 150px;
		height: auto;
		margin: 5px 5px 5px 15px;
		display: block;
		float: left;
	}
	
	div.akce p, div.news_item p
	{
		width: 350px;
		height: auto;
		margin: 5px auto;
		display: block;
		float: right;
	}
	
	div.akce h1, div.news_item a
	{
		text-align: right;
		text-transform: inherit;
	}
	
	span.date
	{
		font-size: 11px;
		margin-left: 5px;
	}
	
	span.date:before { content: "["; }
	span.date:after { content: "]"; }
	
	/**********Foto galerie********/
	
	div#foto_gal_list	
	{
		
		padding: 5px 15px 5px 15px;
		/* overflow: auto; */ 
		width: 550px;
		display: block;
		/* height: 150px; */
	}
	
	
	/*div#foto_gal_list_item { background-color: silver;padding:5px; }*/
	
	div#foto_gal_list_item img
	{
		width: 80%;
		display: block;
		margin: 0 auto;
	}
	
	/**********Sluzby********/
	div#sluzby_det
	{
		width: 450px;
		height: 350px;
		display: block;
		float: right;
		margin: 0 0 5px 0;
	}
	
	div#sluzby_menu
	{
		width: 125px;
		height: auto;
		display: block;
		float: left;
		padding: 10px 0 10px 0;
		border-color: silver;
		border-width: 3px 0 3px 0;
		border-style: solid;
	}
	
	div#sluzby_menu ul { margin: 0; }
	
	div#sluzby_menu li
	{
		width: 125px;
		height: auto;
		display: block;
		font-size: x-small;
		_font-size: xx-small;
		text-transform: inherit;
		white-space: nowrap;
		float: left;
		margin: 1px;
	}
	
	div#sluzby_menu a
	{
		width: auto;
		height: auto;
		display: block;
		text-align: left;
		text-transform: inherit;
		margin: 0;
		text-decoration: none;
		padding: 1px 0 1px 5px;
	}
	
	div#sluzby_menu span
	{
		width: auto;
		height: auto;
		display: block;
		background-image: url(none);
		color: red;
		font-size: 80%;
		margin-bottom: 5px;
	}
	
	table.ubytovani
	{
		float: left;
		width: 400px;
		margin-top: 0;
	}
	
	table.ubytovani th
	{
		border-style: none;
		font-size: 130%;
		margin: 0;
		padding: 0.1em 0 0.1em 1em;
		background-color: silver;
		color: red;
	}
	
	.ubytovani_header
	{
		border: none;
		margin: 0;
	}
	
	/*************Kontakty***********/
	.contact th, .calendar th { width: 25%; }
}

/****************************Print*****************************/

@media print
{
	body
	{
		text-align: left;
		text-transform: inherit;
		color: black;
		font-family: Verdana,"Geneva CE",sans-serif;
		font-size: 12px;
		margin: 0;
		padding: 1em;
	}
	
	body, p, h1, h2, h3, table, tr, td, th
	{
		text-align: left;
		text-transform: inherit;
		color: black;
		font-family: Verdana,"Geneva CE",sans-serif;
		font-size: 12px;
	}
	
	div
	{
		display: block;
		margin: 0;
		padding: 0;
	}
	
	h1 ,h2, h3
	{
		padding: 0 0 0 25px;
		clear: both;
		display: block;
		width: auto;
		text-transform: inherit;
	}
	
	h1 { font-size: 130%; }
	h2 { font-size: 110%; }
	h3 { font-size: 105%; }
	div#content p { margin: 0.5em; }
	
	a
	{
		font-weight: bold;
		text-transform: inherit;
		text-decoration: underline;
		color: #39F;
	}
	
    img {display:none;}
	
	div#header, div#footer
	{
		background-color: #CD000D;
		width: 760px;
		height: 50px;
		display: block;
		clear: both;
	}
	
	div#header { height: 2em; }
	
	div#header h1
	{
		border-style: none;
		width: auto;
		text-align: center;
		text-transform: inherit;
		margin: 0;
		font-size: 18px;
	}
	
	div#main_menu { display: none; }
	div#local_menu { display: none; }
	
	table
	{
		display: table;
		margin: 20px 10px 10px 10px;
		border-collapse: collapse;
		width: 95%;
		border-color: black;
		border-width: 2px;
		border-style: solid;
	}
	
	table.half { width: 95%; }
	tr { display: table-row; }
	th { background-color: none; }
	
	td, th
	{
		display: table-cell;
		border-color: black;
		border-width: 2px;
		border-style: solid;
		font-size: 100%;
		padding: 3px;
		vertical-align: top;
	}
	
	/****Vycentrovany text v bunce****/
	.price td { text-align: right; }
	.vleky td, .vleky th { text-align: center; }
	td.vlek, th.vlek { text-align: left; }
}