* { margin:0; padding:0; font-size:100%; }
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 { background-color:#fff; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#636466; text-align:center; font-size:100%; }

a { color:#2291D7; outline:none; text-decoration:underline; }
a:hover { color:#2291D7; text-decoration:none; }

h2 { color:#206eb8; font-size:1.6em; padding:20px 0 8px 0; margin:0; line-height:1.3em; font-weight:normal; }
h3 { color:#206eb8; font-size:1.3em; padding:15px 0 8px 0; margin:0; text-transform:none; font-weight:normal; }
h4 { color:#206eb8; font-size:1.2em; padding:10px 0 0 0; margin:0; text-transform:none; }

p { padding:0; margin:8px 0; }

table { margin:12px 0; border-collapse:collapse; border-spacing:0; font-size:100%; }
th { text-align:left; font-weight:bold; }
th, td { padding:2px 5px; vertical-align:top; }

table.nobr, table.nobr td { border:none !important; }

input, select, textarea { padding:2px; outline:none; font-family: Arial, Helvetica, sans-serif; font-size:1em; }

ul { list-style:none; padding:0; margin:5px 0 8px 15px; font-size:1em; }
ul li { list-style:none; background:url(li.gif) 0 6px no-repeat; padding-left:12px; font-size:1em; }

ol { list-style:decimal; padding:0; margin:5px 0 8px 35px; font-size:1em; }
ol li { list-style:decimal; padding:0; margin:0; font-size:1em; }

ol ol { list-style:none; padding:0; margin:5px 0 8px 15px; font-size:1em; }
ol ol li { list-style:none; background:url(li.gif) 0 8px no-repeat; padding-left:12px; font-size:1em; }

.rssSubdate { padding-left:7px; }

/* GLOBAL
------------------------------*/
.nobg {background:none!important;}
.nobr {border:0 !important; }
.nomargin {margin:0 !important}
.wa { width:auto !important; }

.f-left {float:left !important;} 
.f-right {float:right !important;}

.t-left, tr.t-left td {text-align:left !important;}
.t-center, tr.t-center td, .center {text-align:center !important;}
.t-right, tr.t-right td {text-align:right !important;}
.t-justify {text-align:justify !important;}

.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

.pr { position:relative; }

.clear {clear:both; width:100%; height:1px; font-size:1px; }

.noscreen, hr { display:none; }

.vlevo { float:left; margin:6px 10px 10px 0; padding:4px; background-color:#fff; z-index:1; clear:right; }
.vpravo { float:right; margin:6px 0 10px 10px; padding:4px; background-color:#fff; z-index:1; clear:left; }

.vlevo-bez-ramecku { float:left; margin:6px 10px 10px 0; z-index:1; clear:right; }
.vpravo-bez-ramecku { float:right; margin:6px 0 10px 10px; z-index:1; clear:left; }

/* LAYOUT
------------------------------*/
#all { width:849px; margin:0 auto; padding:0; text-align:left; position:relative; font-size:0.7em; line-height:1.6em; }

	#header { position:relative; width:849px; height:399px; }
		.trilex { position:absolute; width:98px; height:120px; top:9px; right:-21px; background:url(trilex.png) no-repeat; z-index:100; cursor:pointer; }
	#platno { position:absolute !important; width:849px; height:258px; top:94px; left:0; z-index:1; }
	
	#container { width:849px; background:url(container.gif) repeat-y; }
		
	#content { width:579px; float:right; padding:0 30px 0 25px; background:url(content.gif) 0 5px no-repeat; min-height:120px; height:auto !important; height:120px; }
	
	.pg-default-fp #content { width:551px; padding:0; background:none; }
	.pg-default-fp #container { background:url(hp-container.gif) repeat-y; }
	.pg-default-fp #sidebar { background:url(sidebar.gif) no-repeat; width:298px; }
	
	#hpclear { width:849px; height:10px; background:url(inner.gif) no-repeat; overflow:hidden; clear:both; }
	#clear { width:849px; height:19px; background:url(clear.gif) no-repeat; overflow:hidden; clear:both; }
	
	.slogan { width:420px; top:0; height:78px; left:345px; position:absolute; font-family:Tahoma, Arial, Helvetica, sans-serif; line-height:1.5em; background:url(slogan.gif) 156px 12px no-repeat; }
		.slogan span.s1 { position:absolute; right:0; bottom:0; width:245px; }
		.slogan span.s2 { position:absolute; right:277px; bottom:2px; }
		
		.s2 img { /*float:right; clear:right;*/ padding:0 5px; display:block; float:left; }
		
		/*.slogan a { font-weight:normal; color:#636466; text-decoration:none; padding:1px 3px 2px 4px; -moz-border-radius:2px; -webkit-border-radius:2px; }
		.slogan a:hover{ color:#0071bb; text-decoration:none; background:#0071bb; color:#fff; }
		.slogan a.active { color:#0071bb; text-decoration:none; }
		.slogan a.active:hover { color:#0071bb; text-decoration:none; background:none; }*/
	
/* H1 REPLACE
------------------------------*/
h1 { display:block; position:absolute; width:195px; height:80px; left:69px; top:14px; text-align:center; font-size:1em; overflow:hidden; }
	h1 a { text-decoration:none; overflow:hidden; width:195px; height:80px; padding:0; display:block; color:#fff; text-indent:-9999px; }
	h1 span { width:195px; height:80px; display:block; position:absolute; left:0; top:0; z-index:100; cursor:pointer; background:url(logo.gif) 0 0 no-repeat; }
	h1 a:active, h1 a:hover { text-decoration:underline; }
	h1 a:hover span { background:url(logo.gif) 0 100% no-repeat; }
	
/* MENU
------------------------------*/
#menu { width:849px; height:42px; padding:5px 0 0 0; top:352px; left:0; position:absolute; text-align:center; }

	#menu p { margin:0; padding:0; text-align:center; font-size:1.1em; }
	#menu p a { background:url(menu-carka.gif) 100% 50% no-repeat; line-height:42px; height:42px; padding:0 18px; color:#636466; text-decoration:none; font-weight:normal; font-size:1em; }
	#menu p a:hover { text-decoration:underline; color:#2291d7; }
	
/* TITULKA
------------------------------*/
#doporucuje { width:248px; position:relative; padding:5px 25px 0 25px; }
	.dop-nadpis { background:url(dop-nadpis.gif) 0 50% no-repeat; font-size:1.3em; color:#636466; height:40px; line-height:40px; padding:0 10px 0 40px; margin:0 0 15px 0; }
	.n-nadpis { background:url(news.gif) 3px 50% no-repeat; font-size:1.3em; color:#636466; height:40px; line-height:40px; padding:0 10px 0 40px; margin:0 0 15px 0; }
		.n-nadpis span a { font-weight:normal; font-size:0.8em; }

.doporucuje { position:relative; padding:5px 25px 0 25px; background:url(sidebar.gif) no-repeat; width:248px; min-height:300px; height:auto !important; height:300px; }

#s-end { width:298px; display:block; height:10px; background:url(inner.gif) no-repeat; font-size:0; line-height:0; }
	
#zakaznici { background: url(zakaznicibg.gif) repeat-y; width:551px; overflow:hidden; position:relative; }
	.zakaznici { background: url(zakaznici.gif) no-repeat; width:501px; padding:5px 25px 0 25px; }
	.customer { width:380px; float:right; font-style:italic; font-family:Arial, Helvetica, sans-serif; }
	.zak-img { width:100px; float:left; }
	.zak-nadpis { background:url(zak-nadpis.gif) 0 50% no-repeat; font-size:1.3em; color:#636466; height:40px; line-height:40px; padding:0 10px 0 40px; margin:0 0 15px 0; }
	#zakazniciend { width:551px; clear:both; background:url(zakazniciend.gif) no-repeat; height:10px; overflow:hidden; display:block; }
	
#novinky { background:url(novinky.gif) 0 5px no-repeat; width:501px; padding:5px 25px 0 25px; }

.new-nadpis { background:url(news.gif) 5px 50% no-repeat; font-size:1.3em; color:#636466; height:40px; line-height:40px; padding:0 10px 0 40px; margin:5px 0 15px 0; }
	.new-nadpis span a { font-weight:normal; font-size:0.8em; }
.n { background:url(n.gif) repeat-y; }
	.news { float:left; width:230px; }
	.news2 { float:right !important; width:220px !important; }
	.n h3 { font-size:1em; margin:0; padding:0; }
	.n p { padding:4px 0 0 0; margin:0; }
	#novinky a { color:#2291d7; }
	.n .datum { color:#2291D7; padding:0; }
	
	.text-vpravo { text-align:right; }

/* TABS
------------------------------*/
div.panes div.pane {
	display:none;	
}

.tabs { position:absolute; top:13px; right:15px; }
.tabs li { float:left; background:none; padding:0; margin:0 0 0 5px; }
.tabs li a { float:left; display:block; width:17px; height:17px; font-size:10px; line-height:15px; background:#2291D7; color:#fff; text-align:center; text-decoration:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
.tabs a.current { background:#f0f0f1; color:#000; }
	
/* CONTENT
------------------------------*/
.pg-novinky-fp h3 { color:#000; }

#google-map { width:579px; height:500px; clear:both; margin-bottom:15px; }

/* SIDEBAR
------------------------------*/
#sidebar { width:210px; padding:0; float:left; position:relative; background:url(sidebar2.gif) no-repeat; min-height:300px; height:auto !important; height:300px; }

	#sidebar .title { height:40px; line-height:40px; font-size:1.3em; color:#636466; padding:0 15px 0 25px; margin:5px 0 15px 0; color:#0071BB; }
	
	#sidebar ul { margin:0 25px; padding:0; list-style:none; }
	#sidebar ul li { margin:0; padding:0 0 0 9px; list-style:none; background:url(li.gif) 0 10px no-repeat; }
	#sidebar ul li a { color:#58595b; text-decoration:none; padding:4px 0; font-weight:normal; font-size:1.1em; display:block; }
	#sidebar ul li a:hover { color:#0071bb; text-decoration:underline; }
	#sidebar ul li.active a { color:#0071bb; }

	.sidebox { background:#f2f2f2 url(bg-sidebox.gif) 0 100% repeat-x; width:252px; border:1px solid #d3d3d3; padding:21px 21px; margin:0 0 15px 0; }
	.sidebox2 { background:#f2f2f2 url(bg-sidebox.gif) 0 100% repeat-x; width:273px; border:1px solid #d3d3d3; padding:21px 0 21px 21px; margin:0 0 15px 0; }
	.sidenadpis { color:#a80100; font-size:2.2em; padding:0 0 8px 0 !important; margin:0; }
	.sidebox .datum { color:#b80000; padding:0; margin:0; }
	.sidebox p { margin:0 0 8px 0; }
	.sidebox2 a { margin:10px 10px 0 0; float:left; display:block; width:122px; height:122px; }
	
	#sidebar h3 { font-size:1.1em; margin:0; padding:10px 0 0 0; }
	#sidebar h3 a,
	#sidebar p a { color:#2291d7; }

/* FOOTER
------------------------------*/
#footer { width:799px; padding:5px 20px; margin:0 auto 30px auto; font-size:0.7em; text-align:left; line-height:25px; clear:both; position:relative; overflow:hidden; }
	#footer p { padding:0 23px 0 0; margin:0; color:#636466; float:left; font-size:1em; line-height:1.6em; }
	#footer p a { color:#636466; text-decoration:underline; font-weight:bold; }
	#footer p a:hover { color:#636466; text-decoration:none; }
	
	#footer p.prava { padding:0; margin:0; color:#636466; float:right; font-size:1em; }
	
/* DROBKY
------------------------------*/	
#drobky { padding:5px 0 0 0; }
	#drobky p { margin:0; padding:10px 0 0 0; font-size:0.8em; }
	#drobky a { color:#0095da; text-decoration:underline; font-weight:bold; }
	#drobky a:hover { color:#0095da; text-decoration:none; }

/* FORM
------------------------------*/
#form { clear:both; margin:5px 0 0 0; }
	fieldset { border:none; margin:0; padding:10px 0; }
	legend { display:none; }
	#form ol { list-style:none; margin:0; padding:0; font-size:1em; }
	#form ol li { width:100%; padding-top:3px; clear:both;list-style:none; }
	#form ol li em { color:#ccc; padding-left:10px; }
	#form label { margin-top:0; font-weight:bold; float:left; width:100px; }
	#form textarea { width:400px; height:150px; background:#fff; }
	#form input { width:180px; background:#fff; float:left; }
	textarea, select, input { padding:2px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:1em; }
	#form .zemSubmit { width:auto !important; background:#0071BB none; color:#fff; border:none; padding:3px; margin:0 6px 0 100px; float:left; border:1px solid #0071BB; text-transform:uppercase; cursor:pointer; font-size:0.9em; }
	#form ul.zemError { padding:0 0 13px 0 !important; margin:0 !important; font-size:0.9em; }
	.error, .alert { color:#FF0000; font-weight:bold; }

	input.zemRequirederrorElement, textarea.zemRequirederrorElement { border:1px solid #FF3300; }
	
	.zemError strong { color:#FF0000; }


/* 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%; }