body
{
	padding: 0px;
	margin: 5px;
	margin-top: 2px;
	text-align: left;
	font-size: 1em;
	font-family: 'Poppins', sans-serif;
	color: #323f4d;
	background-color: #F2F2F2;
}




#page0
{
	width: 100%; 
	margin: 0 auto; 
	text-align: center;
	
	position: relative; 
}


		#page_top
		{
			margin: 0 auto; 
			text-align: center;
			width: 100%;
			height: 70px;
			
			position: relative;
		}
			

        #header {
            position: fixed;
            margin: 0 auto; 
            top: 0;
            width: 100%;
            background-color: #e3e3e3;
            padding: 0px;
            z-index: 999;
         
        }
        
        
        

        #header ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        #header ul li {
            display: inline-block;
            margin-right: 10px;
        }

        #header ul li a {
            text-decoration: none;
            color: #333;
            padding: 5px;
        }




.header_logo {
	
	float: left;
	Width: 30%;
	margin-left: 40px;
	height: 70px;
	background-image: url(../img/logo_krameriova70.png);
	background-repeat: no-repeat;
	
}

.header_menu {
	float: right;
	width: 65%;
	right: 80px;
	top: 40px;
	text-align: right;
	font-size: 1.1em;
	position: relative;
	
}



		#page_slide
		{
			margin: 0 auto; 
			text-align: center;
			width: 100%;
			height: 440px;
			position: relative;
			background-color: #a2A2A2;
			/*background-image: url(../img/top_bg_slide.jpg);*/
			background-repeat: repeat-x;
		}















	
    /* schování tlačítka */
    .schovat div {display: none}
    /* nastylování „ikony“ plus nebo mínus */
    .live button span:before {content: "+"; display: inline-block; margin-right: .5em; padding: 0 .4em; border-radius: 3px; background: #fff; color: #000}
    /* ikona minus bude mít pomlčku */
    .live button span.skryt:before {content: "–"}
    /* když je obsah schovaný, schováme popisek „Skrýt“ */
    .live .schovat .skryt {display: none}
    /* když je obsah zobrazený, schováme popisek „Zobrazit“ */
    .live .ukazat .zobrazit {display: none} 
  
	

a
{
	color: #31669a;
	text-decoration: none;
}

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

img
{
	border: 0px;	
}


.left {float: left; }
.right {float: right; }
.fclose { clear: both; }

.linka { border-bottom: solid 4px #F3F3F3; }
.linka1 { border-top: solid 2px #F1F1F1; width: 100%; height: 10px; }
.tabulator{left: 50px;}

.pozvanka_status
{
	font-size: 1.2em;
}


.polozka:first-child .odebrat {
    display: none;
}

th
{
	height: 24px;
	font-size: 0.9em;
	font-weight: normal;
	color: #004080;
	padding: 0px;
	margin: 0px;
}

.th_sub
{
	height: 20px;
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #004080;
	background-color: #FFF8EA;
}

.tabulka_grid
{
	border-bottom: solid 1px #C2EAFE;
	height: 20px;
}


.sloupce_mezera
{
	clear: both;
	width: 100%;
	height: 2px;
	position: relative;
	background-color: #FFFFFF;
}


#vypisovat-page-bottom 
	{
		width: 1004px; 
		margin-bottom: 0; 
		margin-left: auto; 
		margin-right: auto; 
		margin-top: 0; 
		padding-bottom: 1em; 
		color: #555555;
		background-image: url(../img/bg_telo.jpg);
		background-repeat: repeat-y;
	}
#vypisovat-page-bottom_dalsi 
	{
		width: 1004px; 
		margin-bottom: 0; 
		margin-left: auto; 
		margin-right: auto; 
		margin-top: 0; 
		padding-bottom: 1em; 
		color: #555555;
		background-image: url(../img/bg_telo_dalsi.jpg);
		background-repeat: repeat-y;
	}
			div.telo-maker 
			{
				clear: both;
				border: 0; 
				font-size: 0px; 
				margin: 0; 
				padding: 0;
			}



		
			#page_top_leva
			{
				float: left;
				width: 200px;
				text-align: left;
				position: relative;
			}
				.page_top_logo
				{
					top: 17px;
					text-align: left;
					position: relative;
				}


			#page_top_prava
			{
				float: left;
				width: 800px;
				text-align: right;
				position: relative;
			}
			.page_top_prava_menu
			{
				width: 100%;
				top: 10px;
				font-size: 12px;
				position: relative;
			}
			
				.page_top_prava_menu a  { color: #0081C2; }
				.page_top_prava_menu a:hover  { color: #323F4D; }
			
			
			.page_top_prava_search
			{
				
				width: 100%;
				top: 30px;
				position: relative;
			}			
			
				#hledej
				{
					float: right;
					width: 30%;
					height: 24px;
					border: solid 1px #E9EAEC;				
					position: relative;
				}
					.hledej_tlacitko
					{
						float: right;
						width: 15px;
						height: 15px;
						top: 4px;
						right: 2px;
						background-image: url(../img/ico_hledej.jpg);
						position: relative;
						
					}
							
					.hledej_tlacitko :hover
					{
						float: right;
						width: 15px;
						height: 15px;
						top: 0px;
						right: 0px;
						background-image: url(../img/ico_hledej_over.jpg);
						position: relative;
						
					}		
					
					.hledej_input input
					{
						top: 2px;
						left: 6px;
						float: left;
						border: 0px;
						position: relative;
					}
			
	

		#page_submenu
		{
			margin: 0 auto; 
			text-align: center;
			top:1px;
			height: 151px;
			background-image: url(../img/bg_submenu.jpg);
			background-repeat: repeat-x;
			position: relative;
		}
		
			.page_submenu_data
			{
				margin: 0 auto; 
				top: 0px;
				text-align: center;
				width: 1000px;
				height: 150px;

				position: relative;
			}		



		#page_telo2
		{
			clear: both;
			font-size: 0.9em;
			margin: 0 auto; 
			text-align: center;
			width: 1080px;
			min-height: 350px;
			position: relative;
		}
		
			#page_telo2_stred
			{
				float: left;
				text-align: left;
				width: 99%;
				position: relative;
			}
			
			.page_telo2_stred_data
			{
				width: 96%;
				text-align: left;
				
				position: relative;
			}
			
			
			
				.page_telo2_stred_menu
				{
					float: left;
					text-align: left;
				
					
					width: 226px;
				
					position: relative;
				}		
				.page_telo2_stred_menudata
				{
					float: left;
					text-align: left;
					left: 20px;
					width: 513px;
				
				position: relative;
				}			
			

#telo_main_blok_dokumenty
{ clear: both; }


			.odstavec
			{
				width: 100%;
				min-height: 131px;
				border-bottom: 2px solid #F1F1F1;
				position: relative;
			
			}

			.odstavec_540
			{
				width: 100%;
				min-height: 131px;
				position: relative;
			
			}
				.boxnadpis
				{
					border-bottom: 2px solid #0081C2;
					
				}
			
			
			.odstavec:hover, .odstavec_540:hover
			{
				background-color: #FEFEFE;	
			}


			.boxobr
			{
				float: left;
				min-height: 150px;
				width: 32%;
				position: relative;
			}			

			.boxtext
			{
				float: left;
				left:10px;
				min-height: 101px;
				width:68%;
				position: relative;
			}


			.boxtext_bez_obr
			{
				float: left;
				left:10px;
				min-height: 101px;
				width: 98%;
				position: relative;
			}

			.kalendar_anotace
			{
				background-color: #F3F3F3;
				margin-bottom: 2px;
				padding: 2px;
			}
			.kalendar_anotace_text
			{
			color: #3166A9;
			
			}




			.boxtlacitka_celytext
			{
				width: 68px;
				float: right;
				height: 26px;
				
				background-color: transparent;
				position: relative
			}
				.tlacitko_celytext
				{
					width: 65px;
					height: 21px;
					border: 1px solid #0181C2;
					padding: 0px;
					background-color: transparent;
					position: relative
				}
				.tlacitko_celytext:hover
				{
					width: 65px;
					height: 21px;
					margin: 0px;
					color: #FFFFFF;
					border: 1px solid #0181C2;
					background-color: #013E5D;
					position: relative
				}
					.tlacitko_text, .tlacitko_text:hover
					{
					left: 6px;
					top: 1px;
					position: relative;
					}
				



			.boxtlacitka_prava_textove
			{
				width: 226px;
				float: right;
				height: 75px;
				background-image: url(../img/tl_svetle.jpg);
				background-color: transparent;
				position: relative
			}
			.boxtlacitka_prava_textove_mezera
			{
				clear: both;
				height: 8px;
				position: relative;
			}
			
				.tlacitko_prava_textove
				{
					width: 226px;
					height: 74px;
					color: #FFFFFF;
					background-color: transparent;
					position: relative
				}
				.tlacitko_prava_textove_aktivni, .tlacitko_prava_textove:hover
				{
					width: 226px;
					height: 74px;
					color: #7bc5ec;
					background-image: url(../img/tl_tmave.jpg);
					background-color: #013E5D;
					position: relative
				}
	
					
					.tlacitko_prava_text
					{
						left: 1px;
						font-size: 1.35em;
						font-weight: bold;
						top: 25px;
						position: relative;
					}					
					.tlacitko_prava_text_2r
					{
						left: 1px;
						font-size: 1.35em;
						font-weight: bold;
						top: 13px;
						position: relative;
					}

				
				
				
				
					.tlacitko_prava_logotext1
					{
						width: 226px;
						height: 74px;
						align: left;
						left: 10px;
						top: 4px;
						font-weight: bold;
						background-image: url(../img/logo_pv.jpg);
						background-repeat: no-repeat;
						position: relative;
					}		
					
					.tlacitko_prava_logotext1:hover
					{
						width: 226px;
						top: 4px;
						left: 10px;
						align: left;
						background-image: url(../img/logo_pv1.jpg);
						background-repeat: no-repeat;
						font-weight: bold;
						position: relative;
					}			
		
					.tlacitko_prava_logotext1_2r
					{
						float: left;
						left: 85px;
						width: 135px;
						top: 8px;
						text-align: left;
						font-size: 1.35em;
						font-weight: bold;
						position: relative;
					}

					.tlacitko_prava_logotext2
					{
						width: 226px;
						height: 74px;
						align: left;
						left: 10px;
						top: 4px;
						font-weight: bold;
						background-image: url(../img/logo_rp.jpg);
						background-repeat: no-repeat;
						position: relative;
					}		
					
					.tlacitko_prava_logotext2:hover
					{
						width: 226px;
						top: 4px;
						left: 10px;
						align: left;
						background-image: url(../img/logo_rp1.jpg);
						background-repeat: no-repeat;
						font-weight: bold;
						position: relative;
					}			
		
					.tlacitko_prava_logotext2_2r
					{
						float: left;
						left: 85px;
						width: 135px;
						top: 8px;
						text-align: left;
						font-size: 1.35em;
						font-weight: bold;
						position: relative;
					}


					.tlacitko_prava_logotext2a
					{
						width: 226px;
						height: 74px;
						align: left;
						left: 10px;
						top: 4px;
						font-weight: bold;
						background-image: url(../img/logo_edkt.jpg);
						background-repeat: no-repeat;
						position: relative;
					}		
					
					.tlacitko_prava_logotext2a:hover
					{
						width: 226px;
						top: 4px;
						left: 10px;
						align: left;
						background-image: url(../img/logo_edkt1.jpg);
						background-repeat: no-repeat;
						font-weight: bold;
						position: relative;
					}			
		
					.tlacitko_prava_logotext2a_2r
					{
						float: left;
						left: 85px;
						width: 135px;
						top: 8px;
						text-align: left;
						font-size: 1.35em;
						font-weight: bold;
						position: relative;
					}


				
					.tlacitko_prava_logotext3
					{
						width: 226px;
						height: 74px;
						align: left;
						left: 10px;
						top: 4px;
						font-weight: bold;
						background-image: url(../img/logo_pe.jpg);
						background-repeat: no-repeat;
						position: relative;
					}		
					
					.tlacitko_prava_logotext3:hover
					{
						width: 226px;
						top: 4px;
						left: 10px;
						align: left;
						background-image: url(../img/logo_pe1.jpg);
						background-repeat: no-repeat;
						font-weight: bold;
						position: relative;
					}			
		
					.tlacitko_prava_logotext3_3r
					{
						float: left;
						left: 85px;
						width: 135px;
						top: 1px;
						text-align: left;
						font-size: 1.2em;
						font-weight: bold;
						position: relative;
					}				

				
					.tlacitko_prava_logotext4
					{
						width: 226px;
						height: 74px;
						align: left;
						left: 10px;
						top: 4px;
						font-weight: bold;
						background-image: url(../img/logo_lrur.jpg);
						background-repeat: no-repeat;
						position: relative;
					}		
					
					.tlacitko_prava_logotext4:hover
					{
						width: 226px;
						top: 4px;
						left: 10px;
						align: left;
						background-image: url(../img/logo_lrur1.jpg);
						background-repeat: no-repeat;
						font-weight: bold;
						position: relative;
					}			
		
					.tlacitko_prava_logotext4_4r
					{
						float: left;
						left: 85px;
						width: 135px;
						top: 22px;
						text-align: left;
						font-size: 1.35em;
						font-weight: bold;
						position: relative;
					}				



			.tlacitko_prava_logotext5
					{
						width: 226px;
						height: 74px;
						align: left;
						left: 10px;
						top: 4px;
						font-weight: bold;
						background-image: url(../img/logo_regp.jpg);
						background-repeat: no-repeat;
						position: relative;
					}		
					
					.tlacitko_prava_logotext5:hover
					{
						width: 226px;
						top: 4px;
						left: 10px;
						align: left;
						background-image: url(../img/logo_regp1.jpg);
						background-repeat: no-repeat;
						font-weight: bold;
						position: relative;
					}			
		
					.tlacitko_prava_logotext5_5r
					{
						float: left;
						left: 85px;
						width: 135px;
						top: 1px;
						text-align: left;
						font-size: 1.2em;
						font-weight: bold;
						position: relative;
					}				



.tlacitko_prava_logotext6
					{
						width: 226px;
						height: 74px;
						align: left;
						left: 10px;
						top: 4px;
						font-weight: bold;
						background-image: url(../img/logo_d4f.jpg);
						background-repeat: no-repeat;
						position: relative;
					}		
					
					.tlacitko_prava_logotext6:hover
					{
						width: 226px;
						top: 4px;
						left: 10px;
						align: left;
						background-image: url(../img/logo_d4f1.jpg);
						background-repeat: no-repeat;
						font-weight: bold;
						position: relative;
					}			
		
					.tlacitko_prava_logotext6_6r
					{
						float: left;
						left: 85px;
						width: 135px;
						top: 22px;
						text-align: left;
						font-size: 1.30em;
						font-weight: bold;
						position: relative;
					}				






.boxfotogalerie1
	{
		float: left;
		left: -20px;
		width: 128px;
		height: 128px; 
		position: relative;
	}
	.boxfoto1
	{	
		width: 119px;
		height: 119px;
		margin: 4px;
		border: 1px solid #E3E3E3;
		background-color: #F3F3F3;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	
	} 	


	.boxfotogalerie
	{
		float: left;
		width: 184px;
		height: 184px; 
		position: relative;
		margin: 8px;
		
	}
	.boxfoto
	{	
		width: 175px;
		height: 160px;
		margin: 4px;
		padding: 10px;
		/*border: 1px solid #E3E3E3;*/
		/*background-color: #F3F3F3;*/
		text-align: center;
		/*vertical-align: middle;*/
		display: table-cell;
	} 	
	.boxfoto:hover
	{	
		/*background-color: #E3E3E3;*/
	} 			

	.boxfotka
	{
		/*border: 1px solid #000;*/
	
	}


	.boxfoto_txt
	{
		top: 5px;
		font-size: 0.75em;
		padding: 10px;
		position: relative;
	}

		.nastred {width: 100%;}
		


			#page_telo2_prava
			{
				float: right;
				width: 226px;
				position: relative;			
			}
				.page_telo2_prava_box
				{
					
					width: 90px;
					position: relative;		
				}			
			

					/* #obsah { left: 0%; top: 29px; width: 100%; z-index: 1; padding: 0em 0 0 0; border-top: 1px solid #6699cc; } */

					#menu {  font-size: 1em; color: #323f4d; float:left; left: -20px; width:100%; margin:0 0 0 2em; padding:0; list-style-type:none; 
					background-color: transparent;  position: relative;  }

					#menu ul { text-align: left; right: 5px; list-style-type:none; margin:0; padding:0; }

					#menu li { text-align: left; right: 5px; list-style-type:none; margin:0; padding:0; }

					#menu ul.submenu { left: 0px; display:none; position: relative; }

					#menu a { color: #000; display:block; margin:0; padding:1ex; font-size:1em; font-weight:bold; text-decoration:none; }
					#menu a:hover {color: #323f4d; background-image: url(../img/bg_leva_tl1.jpg); background-repeat: no-repeat; }
		/*			
					#menu .submenu a {  background: #ffffff; font-weight: normal; left: 0px; right: 5px; width: 95%; height: 22px;  position: relative; }
					#menu .submenu a:hover {  background: #EDEDED; color: #000000; font-weight: normal; left: 0px; position: relative; }*/

					#menu .submenu a {  font-weight: normal; left: 0px; right: 5px; width: 95%; height: 22px;  position: relative; }
				/*	#menu .submenu a:hover {  background: #000; color: #000000; font-weight: normal; left: 0px; position: relative; }*/
					

.tldruha{width: 226px; height:28px; background-image: url(../img/tl_2.jpg); background-repeat: no-repeat; z-index: 999; position: relative; }
.tldruha:hover{ background-image: url(../img/tl_2_hover.jpg); background-repeat: no-repeat; }

.tltreti{width: 226px; height:28px; color: #323f4d; background-image: url(../img/tl_3.jpg); background-repeat: no-repeat; z-index: 999; position: relative; }
.tltreti:hover { background-image: url(../img/tl_2_hover.jpg); background-repeat: no-repeat; }





			.page_prava_newsletter
			{
				width: 226px;
				height: 98px;
				top: 0px;
				
				background-image: url(../img/tl_emailing.jpg);
				background-repeat: no-repeat;
							
				position: relative;
			}			
			
				#newsletter
				{
					float: right;
					right: 10px;
					width: 90%;
					top: 5px;
					height: 24px;
					background-color: #FFFFFF;
					border: solid 1px #E9EAEC;				
					position: relative;
				}
					.newsletter_tlacitko
					{
						float: right;
						width: 15px;
						height: 15px;
						top: 4px;
						right: 2px;
						background-image: url(../img/ico_hledej.jpg);
						position: relative;
						
					}
							
					.newsletter_tlacitko :hover
					{
						float: right;
						width: 15px;
						height: 15px;
						top: 0px;
						right: 0px;
						/* background-image: url(../img/ico_hledej_over.jpg); */
						position: relative;
						
					}		
					
					.newsletter_input input
					{
						top: 2px;
						left: 6px;
						float: left;
						border: 0px;
						position: relative;
					}















	#page_pata
	{
		clear: both;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		position: relative; 
		background-color: #E3E3E3;
		/*background-image: url(../img/bg_pata_top.jpg);
		background-repeat: repeat-x; */
	}
	
		.pata_linka
		{
			clear: both;
			margin: 0 auto; 
			text-align: center;
			width: 1080px;
			border-top: solid 2px #0081C2;
			height: 0px;
		}
	
	
		#page_pata_data
		{
			margin: 0 auto; 
			text-align: left;
height: 170px;
			width: 1080px;
			position: relative;
		}
		
			.page_pata_data_id
			{
				float: left;
				width: 15%;
				top: 10px;
				
				position: relative;
			}
			.page_pata_data_menu
			{
				float: right;
				text-align: left;
				top: 0px;
				width: 82%;
				font-size: 16px;
				position: relative;
			}		
			
				.page_pata_data_menu_leva a, .page_pata_data_menu a:hover, .page_pata_data_menu_prava a, .page_pata_data_menu_prava a:hover  { color: #323f4d; text-decoration: underline;}
				.page_pata_data_menu a:hover, .page_pata_data_menu_prava a:hover  { color: #0081C2; text-decoration: underline;}
				
				.page_pata_data_menu_leva
				{
					float: left;
					left: 30px;
					width: 35%;
					font-color: #323F4D;
					position: relative;
				}
				.page_pata_data_menu_prava
				{
					float: left;
					width: 50%;
					left: 20px;
					font-color: #323F4D;
					position: relative;
				}
			
			
			
			
			.page_pata_data_tools
			{
				float: right;
				/*width: 226px;*/
				top: 25px;
				position: relative;
			}
			
					.pata_tl_facebook
					{
						float: left;
						left: 137px;
						width: 40px;
						height: 40px;
						background-image: url(../img/ico_facebook.png);
						position: relative;
					}	
					.pata_tl_facebook:hover
					{
						background-image: url(../img/ico_facebook_over.png);
					}	
					
					.pata_tl_youtube
					{
						float: left;
						left: 145px;
						width: 41px;
						height: 41px;
						background-image: url(../img/ico_youtube.png);
						position: relative;
					}	
					.pata_tl_youtube:hover
					{
						background-image: url(../img/ico_youtube_over.png);
					}
			

		#page_pata_copy
		{
			clear: both;
			top: 0px;
			margin: 0 auto; 
			text-align: center;
			width: 100%;
			height: 50px;
			font-size: 12px;
			background-image: url(../img/bg_pata_bottom.jpg);
			background-repeat: repeat-x;
			position: relative;
		}

			#page_pata_copy_data
			{
				clear: both;
				top: 12px;
				margin: 0 auto; 
				text-align: center;
				width: 1080px;
				height: 20px;
				font-size: 12px;
				position: relative;
			}
			
			.page_pata_copy_leva a, .page_pata_copy_leva a:hover  { color: #323f4d; text-decoration: none;}
			
				.copy_linka
				{
					border-top: solid 3px #FFFFFF;
					height: 15px;
		
				}
			
				.page_pata_copy_leva
				{
					float: left;
					
				}
				.page_pata_copy_prava
				{
					float: right;
			
				}


.alttable
{
	width: 100%;
	position: relative;
}

.alttable_left
{
	float: left;
	position: relative;
	
}

.alttable_right
{
	float: right;
left: 20px;
	position: relative;
	
}





#files { }

#files ul { text-align: left; list-style-type:none; margin:0; padding:0; }
#files li { text-align: left; list-style-type:none; margin:0; padding:0; }
#files li.popis_souboru { text-align: left; left: 22px; list-style-type:none; margin:0; padding:0; position: relative;}


.line_seda2
{
	clear: both;
	margin: 0 auto; 
	text-align: center;
	width: 1000px;
	border-top: solid 2px #E3E3E3;
	height: 1px;
}


.fotogalerie_carusel
{
	clear: both;
	top: 20px;
	left: 20px;
	position: relative;
}

#mapk
{
	width: 390px;
	height: 500px;
	border: solid 1px #e7e8ea;
}

.smerovnik
{
	font-size: 0.95em;
	color: #0081C2;
}
	.smerovnik_linka
	{
		border: solid 1px #E3E3E3;
		
	}

.nadpis
{
	color: #0081C2;
	font-size: 1.8em;
	font-weight: 600;
	position: relative;
}

.nadpis_seznam
{
	color: #0081C2;
	font-size: 1.1em;
	font-weight: 600;
	position: relative;
}

.nadpis_h1
{
	visibility: hidden;
	width: 0px;
}


.image_ostatni
{
	border: 0px;
	margin-right: 10px;
	position: relative;
}

.img_foto
{
	border: 3px solid #E9EAEC;
	margin-right: 10px;
}

.image
{
	border: 3px solid #E9EAEC;
	float: left;
	position: relative;
	margin-right: 20px;
}

#strankovani
{
	text-align: right;
	color: #0081C2;
	position: relative;	
}