@charset "utf-8";
/* CSS Document */
body {background:url(/files/obrazky/pozadi.png) repeat-x;}
	#platno {background:inherit top no-repeat;}
	#stranka {margin:0 auto 0 auto; 
			  min-height:986px; 
			  height:1100px !important;  
			  text-align:left; 
			  width:980px;}
	#hlavicka {background:url(/files/obrazky/sss.png) no-repeat; 
			   border-bottom-right-radius:10px;
			   border-top-right-radius:20px;	   
			   height:150px;
			   margin:60px 0px 0px 0px;}
	#logo {float:left;
		   margin:-50px 0px 0px 20px; 
		   padding:0px 0px -0px 20px; 
		   width:200px;}
	#titulek {background:#5F5F5F; 
			  height:256px;
			  margin:20px auto;}
	#titulek1 {float:left; 
			   height:246px; 
			   margin:5px 0px 0px -235px;
			   padding:0px 0px 0px 0px; 
			   width:588px;}
	#titulek2 {background:url(/files/obrazky/slogan.png) no-repeat;
			   float:right; 
			   height:246px;
			   width:377px;
			   overflow:hidden; 
			   margin:5px 5px 0px 0px;
			   padding:0px 0px 0px 0px; 
			   }
		#titulek2 h3 {font-size:29px;
					  padding:0px 0px 0px 10px;
					  color:#fd1515;
					  text-shadow:1px 1px #878686;
					  }
		#titulek2 ul {font-size:23px;
					  text-shadow:1px 1px #878686;
					  
					  list-style-type:square;
					  color:black}
	#text {float:left;
		   width:620px; 
		   padding:0 10px;
		   height:400px;}
	#text h1 {background:url(/files/obrazky/hlavicka2.png) no-repeat;
			  color:black;
			  height:36px; 
			  margin:0 -10px;
			  padding:15px 8px; 
			  }
		#text p {
			  margin:0 -10px;
			  padding:15px 10px 0px 0px; 
			  }
		#paragraf {
			background:url(/files/obrazky/text.png) no-repeat;
			width:auto;
			height:366px;
			margin:10px -10px;
			padding:15px 0px 0px 30px;
			}		  
	#panel {float:right; 
			width:320px;}
	#kontakt {
		background:url(/files/obrazky/kontakty.png);
		width:980px;
		height:auto;
		float:left;
			  margin:20px 0px 0px 0px;}
	#info {
		height:auto;
		width:auto;
		float:left;
		padding:0px 0px 0px 20px;}	
		#info h2 {
			font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
			font-size:30px;}
		#info p {
			}
		.odsad {padding:10px 0px 0px 0px;}
	#mapa {
		height:auto;
		width:auto;
		float:right;
		padding:20px 20px 21px 20px;}
	#foto {
		background:#5F5F5F;
		width:980px;
		height:auto;
		float:left;
		margin:20px 0px 0px 0px;}	
	#fotografie {
		padding:2px 2px 2px 2px;
		}		
	#kontaktform {width:320px;
				  height:auto}
		.kontaktform-title {background:url(/files/obrazky/kontakt.png) no-repeat; 
							color:#000000; font-size:22px; 
							height:66px;
							}
		.kontaktform-title p {color:#000000;
		 					  margin:0 0px;
			  				  padding:25px 30px; 
								}							  
		.form_container {background:url(/files/obrazky/kontakt2.png) top no-repeat; 
						 padding:10px 30px 55px 30px;
						 height:315px;
						 margin:10px 0px 0px 0px;
						 }
		.fieldRow {margin:2px 0; padding:0px;}
			.fieldTitle {margin-top: 5px;}
		 	.fieldItem input {border:1px solid #333; 
							  padding:3px; 
							  width:250px;}
			.fieldItem textarea {border:1px solid #333; 
								 height:100px; 
								 overflow:auto; 
								 padding:3px; 
								 width:250px;}
			.fieldItem .req {color:black; 
						     padding-left:5px;}
			.fieldItem .error {color:#ff4e00; 
							   line-height:18px;}
			.submitButton {background: #EBEBEB; 
						   border-width:thin;
						   border-color:#000000; 
						   color:#000000; 
						   cursor:pointer; 
						   font-size:12px; 
						   padding:10px 20px;}
			#ffield_4 {resize:none; 
					   width:250px;}
			.success {color:#ff4e00; 
					  font-weight:bold;}
	#footer {background:none; 
			 margin-top:5px;
			 margin-bottom:20px; 
			 text-align:center;
			 padding:0px 0px 0px 0px;}
	#center {margin:0 auto 0 auto; 
			  
			 width:980px;}

		
		.right {float:right; 
				text-align:right;}
		.clear {clear:both;}