/* ================================================================================= RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

/* ================================================================================= ZAKLADNI HTML PRVKY */
body	{
	background: url(../../img/bcg_body.png) top center no-repeat #ffffff;
	color: #000000;
	font-family: Candara, 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

/* --- odkazy --- */
a 						{color: #000000; text-decoration: underline;}
a:hover 				{color: #000000; text-decoration: none;}

/* --- ikonky k odkazum --- */
a[href$='.doc'], a[href$='.rtf'] 	
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/doc.png) no-repeat center right;}
a[href$='.txt']
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/txt.png) no-repeat center right;}
a[href$='.xls']		
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/xls.png) no-repeat center right;}
a[href$='.rss'], a[href$='.atom']
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/rss.png) no-repeat center right;}
a[href$='.vcard']
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/vcard.png) no-repeat center right;}
a[href$='.pps'], a[href$='.ppt']
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/pps.png) no-repeat center right;}
a[href$='.pdf']
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/pdf.png) no-repeat center right;}
a[href$='.fla'], a[href$='.swf']
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/swf.png) no-repeat center right;}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] 
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/zip.png) no-repeat center right;}
a[href$='.css']
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/css.png) no-repeat center right;}
a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] 		
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/avi.png) no-repeat center right;}
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] 
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/mp3.png) no-repeat center right;}
a[href *="icq.com"]
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/icq.png) no-repeat center right;}
a[href ^="callto:"]
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/skype.png) no-repeat center right;}
a[href ^="skype:"]
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/skype.png) no-repeat center right;}  
a[href ^="mailto:"], a.mail
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/mailto.png) no-repeat center right;}
a.out
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/external.png) no-repeat center right;}
a.print
		{padding: 5px 20px 5px 0; background: transparent url(../../img/ico/print.png) no-repeat center right;}

/* --- zakladni html prvky ---*/
em, i		{font-style: normal;}
p 			{text-align: left; margin: 0px 0px 15px 0px; line-height: 1.3em;}
hr			{display: block; clear: both; margin: 10px 0px 10px 0px; color: #f68f21; background: #f68f21; text-align: center; border-width: 0px;}

/* --- seznamy --- */
ul			{list-style: square; margin: 5px 0px 5px 15px; padding: 0px; text-align: left;}
ol			{margin: 5px 0px 5px 15px; padding: 4px 0px 0px 5px;}

/* --- obrazky --- */
img			{border: 0px;}

/* --- horni a dolni indexy --- */
sub, sup	{vertical-align: baseline; position: relative;}
sub 		{top: 0.4em;}
sup 		{bottom: 0.4em;}

/* --- hlavicky --- */
h1, h2, h3, h4, h5, h6 	{clear: both; color: #114587; font-size: 1.3em; margin: 0px;}
h1						{display: none;}
h2						{font-size: 1.3em; margin: 5px 0px 10px 0px; padding: 0px;}
h3 						{font-size: 1.1em; margin: 10px 0px 5px 0px; padding: 0px;}
h4						{font-size: 1.0em; margin: 10px 0px 5px 0px; padding: 0px;}

/* --- tabulky --- */
table.nice					{width: 400px; border-collapse: collapse;}
table.nice tr td 			{padding: 4px; font-size: 1em; border: 1px solid #dddddd; background: #ddeff9;}
table.nice tr td.item		{background: #f5f5f5; font-weight: bold; width: 210px; color: #000000}
table.nice tr th			{background: #f5f5f5; border: 1px solid #dddddd; font-weight: bold; padding: 3px; width: 120px;}
table.nice tr td.long		{width: 250px;}
table.short					{width: 150px;}
table.medium				{width: 350px;}
table.galerie				{width: 660px;}
table.galerie td			{width: 150px; padding: 5px 0px 5px 0px;}
table.galerie td a img		{border: 1px solid #999999; padding: 2px;}
table.galerie td a:hover img{border: 1px solid #bb9451;}
table.kalendar				{width: 660px; border: 1px solid #dddddd; border-collapse: collapse;}
table.kalendar tr td			{border: 1px solid #dddddd; height: 18px; width: 15px;}
table.kalendar tr th			{background: #ddeff9;}
table.kalendar tr td.mesic		{background: #f5f5f5; font-weight: bold; padding: 0px 3px 0px 3px; width: 70px;}
table.kalendar tr td.neni		{background: #99cd99;}
table.kalendar tr td.obsazeno	{background: #ff0000;}
table.kalendar tr td.nadotaz	{background: #f3fd82;}
table.kalendar tr td.volno		{background: #fafdfe;}
table.kalendar tr td.vymena_odjezd		{background: url(../../img/kal_odjezd.gif);}
table.kalendar tr td.vymena_prijezd		{background: url(../../img/kal_prijezd.gif);}
table.kalendar tr td.vymena_plna		{background: url(../../img/kal_vymena.gif);}
table.kalendar tr td.popis		{background: #ffffff; padding: 0px 3px 0px 3px; width: 115px;}

/* --- formulare --- */
form							{margin: 0px; padding: 0px;}
input, button, textarea			{background: #fef8ed; border: 1px solid #000000; font-family: Calibri, sans-serif; margin-bottom: 5px; padding: 3px;}
input.checkbox					{vertical-align: -0.5em;}
input.aktivni, textarea.aktivni	{border: 1px solid #333333; background: #f5f5f5;}
fieldset						{border: 1px solid #000000; background: #ffffff; margin-top: 15px; width: 550px;}
legend							{border: 1px solid #000000; background: #c2c0d8; color: #000000; font-weight: bold; padding: 2px 10px 2px 10px;}

/* --- globalni tridy --- */
.clear			{clear: both;}
.smaller		{font-size: 0.85em;}
.small 			{font-size: 0.8em;}
.bigger 		{font-size: 1.1em;}
.gray 			{color: #686868;}
.blue 			{color: #004080;}
.red			{color: #9f0000;}
.green			{color: #008000;}
.brown			{color: #573a32;}
.right 			{text-align: right;}
.center			{text-align: center;}
.left			{text-align: left;}
.toblock		{text-align: justify;}
.toleft			{display: block; float: left;	text-align: left;}
.toright		{display: block; float: right; text-align: left;}
.nomargin		{margin: 0px;}
.nobold			{font-weight: normal;}
.noborder		{border-width: 0px;}
.nobackground	{background: none;}
.error			{display: block; color: #000000; font-weight: bold; text-align: center; margin-bottom: 10px; padding: 2px 0px 2px 0px; border: 1px solid #999999;}
.error a		{color: #000000;}
.hidden			{display: none;}
.half			{width: 240px;}
.bad			{background-color: #ff0000; color: #ffffff; padding: 2px 3px 2px 3px;}
.bad a			{color: #ffffff;}
.ImageToLeft	{float: left; width: 150px;}
.TextToRight	{float: right; width: 300px;}
.box-info		{border: solid 1px #000000; background: #ffffcc url(../../img/ico/info.png) 8px 5px no-repeat; color:#222222; padding: 4px 4px 4px 15px; text-align: center; width: 400px; margin: 10px 0px 10px 0px;}
.box-error		{border: solid 1px #cc0000; background: #f7cbca url(../../img/ico/error.png) 8px 5px no-repeat; color:#cc0000; padding: 4px 4px 4px 15px; text-align: center; width: 400px; margin: 10px 0px 10px 0px;}
.strong			{font-weight:bold; font-size: 1.3em; margin: 10px 5px 10px 5px;}


/* ================================================================================= LAYOUT */
#layout {
	background: url(../../img/bcg_layout_1.jpg) top right no-repeat;
	display: block;
	margin: auto;
	width: 925px;
	}


#layout.wider {
	background: url(../../img/bcg_layout_wider.jpg) top right no-repeat;
	display: block;
	margin: auto;
	width: 925px;
	}

	
#layout.version1 {
	background: url(../../img/bcg_layout_1.jpg) top right no-repeat;
	}
	
#layout.version2 {
	background: url(../../img/bcg_layout_2.jpg) top right no-repeat;
	}

#layout.version3 {
	background: url(../../img/bcg_layout_3.jpg) top right no-repeat;
	}
	
#layout.versionAnna {
	background: url(../../img/bcg_layout_1_anna.jpg) top right no-repeat;
	}

#layout.versionVera {
	background: url(../../img/bcg_layout_1_vera.jpg) top right no-repeat;
	}
	
#layout.versionIndex {
	background: url(../../img/bcg_layout_1_index.jpg) top right no-repeat;
	}

#layout.versionAnna2 {
	background: url(../../img/bcg_layout_2_anna.jpg) top right no-repeat;
	}

#layout.versionVera2 {
	background: url(../../img/bcg_layout_2_vera.jpg) top right no-repeat;
	}
	
#layout.versionIndex2 {
	background: url(../../img/bcg_layout_1_index.jpg) top right no-repeat;
	}


	
	#layout #layoutTop {
		background: url(../../img/bcg_top.png) 0px 30px no-repeat;
		clear: both;
		display: block;
		height: 100px;
		width: 925px;
		}

		#layout #layoutTop #topImage {
			display: block;
			float: left;
			height: 37px;
			margin: 30px 0px 0px 0px;
			width: 360px;
			}

		#layout #layoutTop ul#topLanguage {
			display: block;
			float: right;
			height: 25px;
			margin: 35px 0px 0px 0px;
			padding: 0px 420px 0px 0px;
			width: 110px;
			}

			#layout #layoutTop ul#topLanguage li {
				display: inline;
				float: left;
				height: 25px;
				margin: 0px 10px 0px 0px;
				width: 30px;
				list-style: none;
				}

				#layout #layoutTop ul#topLanguage li.last {
					margin: 0px;
					}
				
				#layout #layoutTop ul#topLanguage li a {
					display: block;
					height: 25px;
					width: 30px;
					}
					
					#layout #layoutTop ul#topLanguage li a span {
						visibility: hidden;
						display: none;
						}

	#layout #layoutLeft {
		display: block;
		float: left;
		width: 220px;
		}
		
		#layout #layoutLeft #leftTop {
			background: url(../../img/bcg_menu_top.png) top left no-repeat;
			height: 9px;
			width: 220px;
			}

		#layout #layoutLeft #leftBottom {
			background: url(../../img/bcg_menu_bottom.png) top left no-repeat;
			height: 9px;
			width: 220px;
			}
			
		#layout #layoutLeft #leftInner {
			background: url(../../img/bcg_menu_inner.png) top left repeat-y;
			width: 220px;
			}
			
			#layout #layoutLeft #leftInner ul {
				list-style: none;
				margin: 0px;
				padding: 0px;
				}
			
				#layout #layoutLeft #leftInner ul li {
					background: url(../../img/bcg_menu_inner_li.png) bottom left no-repeat;
					height: 30px;
					margin: 0px 14px 0px 14px;
					width: 192px;
					}
					
					#layout #layoutLeft #leftInner ul li a {
						color: #122949;
						display: block;
						height: 23px;
						padding: 7px 0px 0px 15px;
						text-decoration: none;
						width: 177px;
						}

					#layout #layoutLeft #leftInner ul li a:hover {
						text-decoration: underline;
						}
				
			#layout #layoutLeft #leftInner p {
				clear: both;
				margin: 0px;
				padding: 20px 0px 10px 0px;
				}

	#layout #layoutRight {
		background: url(../../img/bcg_right_bottom.pngNE) bottom left no-repeat;
		display: block;
		float: right;
		min-height: 515px;
		width: 700px;
		}

		#layout.wider #layoutRight {
			background: url(../../img/bcg_right_bottom_wider.jpgNO) bottom left no-repeat;
			}
	
		#layout #layoutRight #rightInner {
			margin: 15px 0px 20px 15px;
			width: 420px;
			}

				#layout #layoutRight #rightInner #formular {
					float: left;
					margin-top: 10px;
					width: 460px;
					}

				#layout #layoutRight #rightInner #formular label {
					float: left;
					font-weight: bold;
					width: 85px;
					padding: 3px 0px 0px 0px;
					}

				#layout #layoutRight #rightInner #formular input {
					width: 190px;
					}

					#layout #layoutRight #rightInner #formular input#psc {
						width: 40px;
						}

					#layout #layoutRight #rightInner #formular input#vera_a_pocet_osob {
						width: 50px;
						}
				
					#layout #layoutRight #rightInner #formular input#vera_b_pocet_osob {
						width: 50px;
						}
				
				#layout #layoutRight #rightInner #formular textarea {
					width: 400px;
					height: 100px;
					}

				#layout #layoutRight #rightInner #formular input.submit {
					margin-top: 15px;
					width: 120px;
					}		

					#layout #layoutRight #rightInner #formular div.border {
						border: 1px solid #e7dac3;
						clear: both;
						float: left;
						margin: 0px 0px 10px 0px;
						padding: 10px 10px 0px 10px;
						width: 360px;
						}

					#layout #layoutRight #rightInner #formular div.border input {
						margin-bottom: 0px;
						}
			
			
		#layout.wider #layoutRight #rightInner {
			margin: 15px 15px 20px 15px;
			width: 670px;
			}
			
			
#layoutBottom {
	display: block;
	margin: auto;
	width: 925px;
	}
	
	#layoutBottom #bottomButton {
		display: block;
		float: left;
		height: 180px;
		}
		
		#layoutBottom #bottomButton ul {
			display: block;
			float: left;
			list-style: none;
			margin: 20px 0px 0px 0px;
			padding: 0px;
			}

			#layoutBottom #bottomButton ul li {
				display: inline;
				float: left;
				height: 160px;
				margin: 0px 5px 0px 5px;
				width: 214px;
				}
		
				#layoutBottom #bottomButton ul li.button1 {
					background: url(../../img/button_pruvodce_cz.jpg) top right no-repeat;
					}

				#layoutBottom #bottomButton ul li.button2 {
					background: url(../../img/button_obsazenost_cz.jpg);
					}

				#layoutBottom #bottomButton ul li.button3 {
					background: url(../../img/button_pocasi_cz.jpg);
					}

				#layoutBottom #bottomButton ul li.button4 {
					background: url(../../img/button_nem.jpg);
					}

				#layoutBottom #bottomButton ul li.button1de {
					background: url(../../img/button_pruvodce_de.jpg) top right no-repeat;
					}

				#layoutBottom #bottomButton ul li.button2de {
					background: url(../../img/button_obsazenost_de.jpg);
					}

				#layoutBottom #bottomButton ul li.button3de {
					background: url(../../img/button_pocasi_de.jpg);
					}

				#layoutBottom #bottomButton ul li.button4de {
					background: url(../../img/button_nem_de.jpg);
					}

				#layoutBottom #bottomButton ul li.button1en {
					background: url(../../img/button_pruvodce_en.jpg) top right no-repeat;
					}

				#layoutBottom #bottomButton ul li.button2en {
					background: url(../../img/button_obsazenost_en.jpg);
					}

				#layoutBottom #bottomButton ul li.button3en {
					background: url(../../img/button_pocasi_en.jpg);
					}

				#layoutBottom #bottomButton ul li.button4en {
					background: url(../../img/button_nem_en.jpg);
					}

					
			#layoutBottom #bottomButton ul li a {
				display: block;
				height: 160px;
				width: 214px;
				}		
			
			#layoutBottom #bottomButton ul li a span {
				display: none;
				}
			
	#layoutBottom #bottom {
		background: url(../../img/bcg_bottom.png) top center no-repeat;
		display: block;
		float: right;
		font-size: 0.8em;
		margin: 20px 0px 0px 0px;
		padding: 35px 0px 15px 0px;
		width: 925px;
		text-align: right;
		
		}

		#layoutBottom #bottom p {
			text-align: right;
		}