* { margin:0; padding:0; }
body, div, p, a, img, span, ul, ol, li, table, th, tr, td, dl, dt, dd, form, fieldset, legend, blockquote, applet, object { border:0; }

body { font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size:100%; background:#fff url(../design/bg.jpg) no-repeat; color:#4d4d4d; line-height:1.5em; text-align:center; }

/* GLOBAL
------------------------------*/
p { margin:10px 0; padding:0; font-size:1em; }
table p { margin:0; padding:0; }

a { color:#318925; text-decoration:underline; outline:none; }
a:hover { color:#318925; text-decoration:none; }

hr, legend { display:none; }

input, select, textarea { padding:1px 0; outline:none; }

.nobg { background:none !important; }
.noscreen { display:none; }

.f-right { float:right !important; }
.f-left { float:left !important; }

.ttu { text-transform:uppercase; }

ul { list-style:none; margin:0 0 8px 15px; padding:0; }
ul li { list-style:none; background:url(../design/li.gif) 0 4px no-repeat; padding-left:12px; }

h3 { margin-top:20px; font-size:1.2em; color:#000; font-weight:bold; }
h4 { margin-top:20px; font-size:1.1em; color:#000; font-weight:bold; }

.rssSubdate {	padding-left:7px;	}
.zelena { color:#228220 !important; }
.kon { background:url(../design/kon.gif) repeat-x; width:245px; display:block; }

.vlevo { margin:0 15px 15px 0; float:left; padding:1px; border:1px solid #ccc; clear:left; }
.vpravo { margin:0 0 15px 15px; float:right; padding:1px; border:1px solid #ccc; clear:right; }

.center td { text-align:center; }
.center td img { padding:1px; border:1px solid #ccc; }

/* H1 REPLACE
------------------------------*/
h1 { display:block; position:absolute; width:210px; height:57px; right:0; top:40px; text-align:center; line-height:85px; font-size:1.1em; background:url(../design/logo.png) no-repeat; overflow:hidden; line-height:1.2em; padding:0; }
h1 a { display:block; width:210px; height:57px; text-indent:-9999px; }

.pg-default-fp h1 { top:224px; } 

/* LAYOUT
------------------------------*/
#all { width:964px; margin:0 auto; position:relative; text-align:left; font-size:0.75em; line-height:1.5em; }
#kus { width:54px; height:98px; display:block; z-index:400; position:absolute; top:162px; left:371px;  background:url(../design/kus.png) no-repeat; }
#flash { position:absolute; top:0; left:0; width:425px; height:284px; z-index:1; overflow:hidden; }
#container { position:relative; }
	.pg-default-fp #container { padding-top:15px; }
	.container { background:url(../design/container.gif) repeat-y; }
	
	#fade { margin-bottom:4px; height:77px; width:473px; overflow:hidden; position:relative !important; }

/* TOP
------------------------------*/
#top { background:url(../design/top-sub.jpg) 0 0 no-repeat; position:relative; width:964px; height:141px; }
	.top2 { height:168px !important; }
	
	.pg-default-fp #top { background:url(../design/top.jpg) 0 9px no-repeat; position:relative; width:964px; height:325px; }

	#top ul { list-style:none; width:964px; position:absolute; top:282px; top:98px; left:0; margin:0; padding:0; }
	.pg-default-fp #top ul { top:282px; }
	#top ul li { float:left; height:44px; padding:0 25px; background:none; margin:0; }
	#top ul li a { float:left; text-align:center; padding:0 15px; text-transform:uppercase; font-weight:normal; font-size:1em; text-decoration:none; color:#ecfec8; line-height:44px; height:44px; font-weight:bold; font-size:1.1em; } 
	#top ul li a:hover,
	#top ul li.active a { text-decoration:none; color:#093b17; background:url(../design/zalozka.gif) repeat-x; } 
	
	#top ul ul { position:absolute; top:44px; left:0; width:964px; height:27px; }
	#top ul ul li { padding:0 10px; background:url(../design/sep.gif) 100% 50% no-repeat; height:27px; }
	#top ul ul li a,
	#top ul li.active ul li a { height:27px; line-height:27px; color:#203e00; text-decoration:none; font-weight:normal; font-size:1em; background:none; }
	#top ul ul li a:hover { color:#203e00; text-decoration:underline !important; background:none; }
	
	.lang { position:absolute; top:10px; right:0; text-align:right; font-size:1em; margin:0; padding:0; }
	.pg-default-fp .lang { top:70px; }
	.lang a { padding:0 2px; }
	
/* DROBKY
------------------------------*/
.drobky { margin:0; padding:6px 0; background-color:#fff; font-size:0.85em; color:#626262; }
.drobky a { text-decoration:none; }
.drobky a:hover { text-decoration:underline; }

/* CONTENT
------------------------------*/
#content { float:right; width:707px; padding-top:5px; overflow:hidden; }
	.h2-img { float:left; padding-right:10px; }
	#content h2, #content2 h2, #content3 h2 { color:#0c331e; font-size:1.3em; border-bottom:1px solid #42762b; padding-bottom:3px; }
	.detaily { font-size:0.9em; margin:0; padding-top:10px; }
	
/* TITULKA
------------------------------*/
#titulka { width:742px; float:left; overflow:hidden; }
	#content4 { width:473px; float:right; overflow:hidden; }
	#content5 { width:236px; float:left; overflow:hidden; }
		#content5 h2 { font-size:1.2em; }
		.tit { width:279px; height:77px; display:block; color:#fff; text-decoration:none; text-transform:uppercase; font-size:1em; font-weight:normal; padding:0 0 0 194px; line-height:67px; margin-bottom:4px; }
		.tit:hover { color:#fff; text-decoration:underline; }
		.tit1 { background:url(../design/tit1.jpg) no-repeat; }
		.tit2 { background:url(../design/tit2.jpg) no-repeat; }
			.cs .tit2 { background:url(../design/tit2cs.jpg) no-repeat; }
		.tit3 { background:url(../design/tit3.jpg) no-repeat; }
		.tit4 { background:url(../design/tit4.jpg) no-repeat; }
		.tit5 { background:url(../design/tit5.jpg) no-repeat; }
		
		.tit-spec { border-top:1px solid #42762b; padding:10px 0 10px 0; font-weight:bold; font-size:1.2em; color:#228220; text-transform:uppercase; margin:0; }
		
	.spolu a.ext { background:url(../design/ext.gif) 100% 50% no-repeat; padding-right:15px; }
	
	.novatop { position:absolute; display:block; width:215px; height:40px; top:0; right:0; }
	
	#arch { padding:15px 0 15px 0; text-align:center; border-top:1px solid #42762B; margin-top:3px; }
	
/* SORTIMENT
------------------------------*/
.sor { width:334px; height:39px; display:block; color:#000; text-decoration:none; padding:147px 0 14px 20px; overflow:hidden; text-transform:uppercase; font-weight:bold; font-size:1.2em; }
	.sor:hover { color:#000; text-decoration:underline; }
	
	.sor1 { background:url(../design/sor1.jpg) no-repeat; width:724px; height:133px; display:block; clear:both; padding:0 0 14px 0; text-indent:-9999px; overflow:hidden; }
	.cs .sor1 { background:url(../design/sor1cs.jpg) no-repeat; }
	.sor2 { background:url(../design/sor2.jpg) no-repeat; margin-top:14px; }
	.sor3 { background:url(../design/sor3.jpg) no-repeat; margin-top:14px; }
	.sor4 { background:url(../design/sor4.jpg) no-repeat; }
	.sor5 { background:url(../design/sor5.jpg) no-repeat; }

/* 3 SLOUPCE
------------------------------*/
#obsah { float:left; width:734px; overflow:hidden; }
	#content3 { float:right; width:469px; padding-right:10px; overflow:hidden; }
	
/* 2 SLOUPCE
------------------------------*/
#content2 { float:left; width:724px; }

/* SIDEBAR2
------------------------------*/
#sidebar2 { float:right; width:212px; padding:0 0 0 10px; }

	.special { color:#0c331e; font-size:1.2em; text-transform:uppercase; font-weight:bold; margin:0; padding:0; }
	
	.news { border-bottom:1px solid #c7c7c7; padding-bottom:20px; font-size:0.9em; }
	.news .datum { font-size:0.8em; padding:15px 0 0 0; margin:0; color:#228220; }
	.news h3 { font-size:1.2em; margin:0; }
	.news h3 a { color:#228220; text-decoration:none; text-transform:uppercase; font-weight:bold; margin:0; }
	.news h3 a:hover { color:#228220; text-decoration:underline; }
	.news p { margin:4px 0; padding:0; font-size:1.1em; }
	
	.prace-vypis { color:#696a69; font-size:0.9em; border-bottom:1px solid #c7c7c7; padding:19px 0; }
	.prace-vypis p { margin:0; }
	.prace-vypis .special { font-size:1.3em; padding-bottom:10px; }
	
	.soubory { padding:20px 0 15px 0; }
	.soubory .special { background:url(../design/pdf.gif) 0 50% no-repeat; padding-left:30px; margin-bottom:10px; height:23px; line-height:23px; }
	
	#sidebar2 ol { list-style:none !important; margin:0 !important; padding:0 9px 8px 9px!important; border-bottom:3px solid #fff; }
	#sidebar2 ol li { list-style:none !important; margin:0; padding:3px 0 0 0 !important; width:194px; line-height:normal; }
	
/* NEWSLETTER
------------------------------*/
.n { padding:10px 0 0 0; border-bottom:1px solid #C7C7C7; }
	.n p { margin:0; padding:5px 0; }
	.newsletter a { width:153px; height:145px; background:url(soutez.gif) no-repeat; display:block; cursor:pointer; text-indent:-9999px; overflow:hidden; border-top:5px solid #fff; }
	.newsletter a:hover { background:url(soutez.gif) 0 100% no-repeat; }
	.newsletter p { font-weight:bold; text-transform:uppercase; margin:0; padding:0; }
	.newsletter p.special { padding-bottom:10px !important; }
	
  .enews a { width:153px; height:145px; background:url(soutez.gif) no-repeat; display:block; cursor:pointer; text-indent:-9999px; overflow:hidden; border-bottom:5px solid #fff; }
	.enews a:hover { background:url(soutez.gif) 0 100% no-repeat; }


/* SIDEBAR
------------------------------*/
#sidebar { float:left; width:245px; }

	#sidebar ul.sub { list-style:none; width:245px; margin:0; padding:0; margin-bottom:4px; }
	#sidebar ul.sub li { list-style:none; border-bottom:1px solid #3f614c; background:none; margin:0; padding:0; }
	#sidebar ul.sub li a { width:206px; padding:7px 10px 7px 29px; display:block; font-size:1em; color:#c2f290; text-decoration:none; text-transform:uppercase; background:#1a3424 url(../design/li-sub.gif) 14px 50% no-repeat; }
	#sidebar ul.sub li a:hover { color:#fff; text-decoration:none; background:#1a3424 url(../design/li-sub2h.gif) 14px 50% no-repeat; text-decoration:underline; }
	
	#sidebar ul.sub2 { list-style:none; margin:0; padding:0;  width:245px; }
	#sidebar ul.sub2 li { list-style:none; border-bottom:1px solid #3f614c; background:none; margin:0; padding:0; }
	#sidebar ul.sub2 li a { width:206px; padding:7px 10px 7px 29px; display:block; font-size:1em; color:#c2f290; text-decoration:none; text-transform:none; background:#244431 url(../design/li-sub2.gif) 14px 50% no-repeat; }
	#sidebar ul.sub2 li a:hover { color:#fff; text-decoration:none; background:#244431 url(../design/li-sub2h.gif) 14px 50% no-repeat; text-decoration:underline; }
	
	#sidebar .rychly-kontakt { padding:5px 0; font-size:0.9em; }

/* FOOTER
------------------------------*/
#footer { width:964px; position:relative; background:url(../design/footer.gif) no-repeat; clear:both; padding:40px 0 20px 0; margin-top:25px; }
	
	#footer .footermenu { height:22px; line-height:22px; position:absolute; top:9px; left:5px; color:#fff; font-size:0.9em; }
	#footer .footermenu a { padding:0 5px; color:#fff; text-decoration:none; }
	#footer .footermenu a:hover { color:#fff; text-decoration:underline; }
	
	#footer .eu { background:url(../design/projekt-eu.gif) 0 3px no-repeat; padding-left:25px; width:713px; margin:0; }
	
	#footer .copyright { width:214px; float:right; margin:0; font-size:0.9em; }

/* STRANKOVANI
------------------------------*/
#pages { clear:both; position:relative; }
	#pages ul { color:#000; font-size:0.8em; font-weight:bold; height:18px; list-style:none; margin:15px 0 10px !important; padding:0 !important; position:relative; }
	#pages ul li { background:none !important; display:block; float:left; line-height:16px; margin:0 2px 0 0; padding:0; position:relative; text-align:center; width:18px; }
	#pages ul li a { display:block; height:16px; line-height:16px; text-decoration:none; border:1px solid #91A0BA; color:#91A0BA; }
	#pages ul li a:hover { text-decoration:none; background-color:#2D5F85; border:1px solid #2D5F85; color:#fff; }
	#pages ul li.this a, #pages ul li.this a:hover { background-color:#91A0BA; border:1px solid #91A0BA; color:#fff; }
	
/* FORM
------------------------------*/
legend { display:none; }
#form { margin-top:15px; }
	#form ol { list-style:none; margin:0; padding:0; font-size:1em; }
	#form ol li { clear:both; width:100%; padding-top:5px; }
	#form ol li span { padding:0 0 0 5px; color:#FF0000; font-weight:bold; font-size:1.4em; }
	#form label { width:120px; display:block; margin-top:0; float:left; text-align:left; padding:0 10px 0 0; }
	#form .styluj textarea { width:350px; height:130px; background:#fff; }
	#form .styluj input { width:210px; float:left; background:#fff; }
	#form select { width:213px; float:left; background:#fff; }
	#form .styluj textarea,
	#form .styluj select,
	#form .styluj input { padding:2px; border:1px solid #2a8628; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
	#form .zemSubmit { width:auto !important; padding:1px 2px; margin:5px 14px 0 120px; }
	
	ul.zemError { margin:5px 0 5px 25px !important; list-style:square; line-height:1.3em; }
	ul.zemError li { padding:0; list-style:square; line-height:1.3em; background:none; }
	.error, .alert, .zemError strong { color:#FF0000; font-weight:bold; }
	
	.zemCheckbox { float:left; }
	input.zemCheckbox { float:left; clear:left; }
	label.zemCheckbox { width:220px !important; padding:0 0 0 5px !important; }
	.n label.zemCheckbox { width:auto !important; padding:0 0 0 5px !important; }
	.ch { padding-left:140px !important; width:241px !important; }
	
	#form em { display:none; }
	
	.zemThanks { color:#fff; background:#74ae0f; font-weight:bold; padding:10px 15px; text-align:center; border:1px solid #4b700a; margin-top:20px; font-size:0.9em; }
	.zemThanks p { margin:0; padding:0; text-transform:uppercase; }

/* CLEARFIX
------------------------------*/
.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }