* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:100%; background-color:#fff; color:#000; line-height:1.6em; text-align:center; padding-top:50px; }

/* GLOBAL
------------------------------*/
hr, .noscreen { display:none !important; }
.nobr { border:none !important; }
.nomargin { margin:0 !important }

.vlevo { float:left; margin:6px 10px 10px 0; padding:4px; background-color:#fff; border:1px solid #e2e2e2; z-index:1; clear:right; }
.vpravo { float:right; margin:6px 0 10px 10px; padding:4px; background-color:#fff; border:1px solid #e2e2e2; z-index:1; clear:left; }
.center { text-align:center !important; }

.zvyraznit { color:#F00 !important; }

.t-right { text-align:right !important; }
.f-right { float:right !important; }
.f-left { float:left !important; }

/* CLASSES
------------------------------*/
.rssSubdate { padding-left:8px; }

/* TYPOGRAFIE
------------------------------*/
p { padding:0; margin:5px 0 12px 0; font-size:0.9em; line-height:1.8em;}

a { color:#d64545; text-decoration:underline; outline:none; font-weight:normal; }
a:hover { color:#d64545; text-decoration:none; }

h2 { font-size:1.4em; color:#000; font-weight:normal; padding:10px 0 5px 0; margin:0; line-height:1.3em; }
h3 { font-size:1.1em; color:#000; font-weight:bold; padding:10px 0 5px 0; margin:0; line-height:1.3em;  }
h4 { font-size:1em; color:#000; font-weight:bold; padding:0 0 2px 0; margin:15px 0 0 0; border-bottom:1px solid #e2e2e2; line-height:1.3em; }

ul { margin:0; padding:5px 0 8px 18px; list-style:none; position:relative; }
ul li { padding:0 0 0 15px; font-size:1em; list-style:none; background:url(../design/li.gif) 0 6px no-repeat; }
ol { margin:5px 0 8px 34px; padding:0; list-style:decimal; }
ol li { margin:0; padding:0; font-size:1em; }

table { margin:12px 0; font-size:1em; border-collapse:collapse; }
table td { padding:3px 5px; }
table th { font-weight:bold; padding:3px 5px; text-align:left; color:#fff}

/* H1 REPLACE
------------------------------*/
h1 { display:block; position:absolute; width:282px; height:222px; left:0; top:0; text-align:left; font-size:1.1em; background:url(../design/logo.gif) 0 0 no-repeat; }
	h1 a { width:282px; height:222px; display:block; position:relative; left:0; top:0; color:#ccc; text-align:center; text-indent:-9999px; }
	h1 a span { width:282px; height:222px; display:block; position:absolute; left:0; top:0; z-index:500; cursor:pointer; background:url(../design/logo.gif) 0 0 no-repeat; }
	h1 a:hover span { cursor:pointer; }
	h1 a:hover { color:#fff; }

/* LAYOUT
------------------------------*/
#all { background:url(../design/all.png) 0 0 repeat-y; width:897px; margin:0 auto; padding:0; text-align:left; position:relative; font-size:0.813em; line-height:1.7em; display:block; }
#top { background:url(../design/top.gif) 0 0 no-repeat; width:897px; padding:0; height:222px; position:relative; }
	#top p { color:#a4a3a5; font-size:1em; padding: 13px 0 0 298px; text-transform:uppercase; width:130px; } 

#container { background:url(../design/bg-container-n.gif) 0 0 repeat-y; width:897px; margin:1px 0 0 0; text-align:left; padding:0; z-index:1000; }
	.pg-default-fp #container { background:url(../design/bg-container-uvod.gif) 0 0 repeat-y !important; }
	
/* SPODEK-UVOD
------------------------------*/
#spodek-uvod { width:897px; padding:0; margin:1px 0 0 0; position:relative; height:216px; background:url(../design/spodek.jpg) 0 0 no-repeat; }

	.box { position:relative; height:156px; float:left; margin:0; color:#fff; padding:30px 14px; overflow:hidden; border-right:1px solid #fff; }
	.box h2 { color:#000; font-size:1.1em; text-transform:uppercase; margin:0; padding:0; }
	.box p { margin:0; padding:15px 0 0 0; font-size:0.85em; line-height:1.4em; }
	.vice { position:absolute; bottom:17px; right:0; padding:0; }
	.vice a { color:#fff; font-size:1.2em; text-decoration:none; padding-right:55px; height:25px; line-height:25px; display:block; text-align:right; }
	.vice a:hover { color:#fff; text-decoration:underline; }
	
	.b1 { width:151px; }
	.b2 { width:150px; }
	.b3 { width:151px; }
	.b4 { width:150px; }
	.b5 { width:150px; border:0; }
		.b5 .vice a { padding-right:50px; }
	
	.celistove { margin:0; padding:0; background:#c7c7c7 url(../design/bg-celistove.gif) 100% 100% no-repeat; height:216px; }
	.celistove p.nadpis { background:url(../design/celistove.gif) 0 55% no-repeat; padding:12px 26px 9px 26px; margin-left:26px; color:#575658; font-size:1.2em; font-weight:normal; text-transform:uppercase; }
	.celistove img { padding:3px 26px 0 26px; margin:0; }
	.celistove p { padding:0 26px 0 26px; margin:0; }

/* SIDEBAR
------------------------------*/
#sidebar { float:left; width:282px; padding:0; margin:0 1px 0 0; }

#menu { margin:0; padding:0; position:relative; width:282px; }

	#menu ul { margin:0; padding:0; list-style:none; }
	#menu ul li { margin:0; padding:0; list-style:none; text-align:left; }
	#menu ul li a { display:block; color:#c8c8c8; text-decoration:none; text-transform:uppercase; font-weight:bold; padding:20px 10px 20px 30px; width:242px; margin:0; font-size:1.1em; border-bottom:1px solid #fff; }
	#menu ul li a:hover, 
	#menu ul li.activ a { color:#fff; text-decoration:none; background:#575658 url(../design/menu-li.gif) 0 50% no-repeat; }
		
	.nase-prace { margin:0; padding:0; background-color:#575658; }
	.nase-prace p.nadpis { background:#575658 url(../design/nase-prace.gif) 0 55% no-repeat; padding:17px 26px 9px 26px; margin-left:26px; color:#fff; font-size:1.2em; font-weight:normal; text-transform:uppercase; }
	.nase-prace p { padding:3px 26px 0 26px; margin:0; color:#fff; }
	.nase-prace a { padding:5px 0 10px 0; margin:0; display:block; }

/* CONTENT
------------------------------*/	
#content { background:none; width:556px; float:right; overflow:hidden; padding:20px 29px 15px 29px; margin:0;}
	.pg-default-fp #content { padding:0; width:614px; }
	
	.vetsi-pismo { font-size: 1.1em; line-height:1.4em; }
	
#content ul { margin:0; padding:4px 0 15px 25px; position:relative; }
#content ul li { padding:0; list-style-type:disc; font-size:1em; line-height:1.4em; }

#con-left { float:left; width:310px; margin:0; padding:20px 29px 15px 29px; background-color:#575658; }
#con-right { float:right; width:187px; margin:0; padding:20px 29px 15px 29px; color:#000; }
	#con-right h2 { color:#000; text-transform:uppercase; }
	#con-right p { padding:0; margin:0; font-size: 0.85em; line-height:1.4em; }
	#con-right .info { padding:0 0 15px 0; margin:0; }
	
	#hp { background:url(../design/con-right.png) 100% 100% no-repeat; }
	#hp #con-left h2 { color:#fff; }
	#hp #con-left p { color:#fff; }
	
	.ref-vypis { width:100%; font-size:0.9em; }
	.ref-vypis th { padding:3px 6px 3px 0; line-height:1.3em; color:#000; font-weight:bold; text-align:left; }
	.ref-vypis td { padding:3px 6px 3px 0; line-height:1.3em; }
	.ref-vypis .cara td { border-top:1px solid #ccc; }

/* MENU
------------------------------*/
ul.topmenu { position:absolute; top:100px; left:282px; width:615px; height:122px; list-style:none; font-size:1.2em; z-index:1000; padding:0; }
	ul.topmenu li { width:122px; padding:0; border-left:1px solid #fff; float:left; position:relative; list-style:none; }
	ul.topmenu li a { width:95px; padding:27px 10px 0 17px; text-decoration:none; color:#fff; font-weight:normal; font-size:0.9em; height:95px; display:block; text-align:left; background:url(../design/menu.png) 0 0 no-repeat; text-transform:uppercase; }
	ul.topmenu li a:hover { color:#fff; background:url(../design/menu.png) 0 100% no-repeat; }
	ul.topmenu li.active a { color:#fff; background:url(../design/menu.png) 0 100% no-repeat; }
	
	ul.topmenu .last, ul.topmenu .last a { margin:0 !important; background:url(../design/menu.png) 100% 0 no-repeat; }
	ul.topmenu .last a:hover { margin:0 !important; background:url(../design/menu.png) 100% 100% no-repeat; }
	ul.topmenu li.active2 a { color:#fff; background:url(../design/menu.png) 100% 100% no-repeat; }
	
	ul.topmenu li.lh { line-height:122px !important; }
	ul.topmenu li.lh a { padding-top:0 !important; line-height:122px !important; height:122px !important; }
	ul.topmenu li.lh2 a { padding-top:39px !important; height:83px !important; }
	

/* VLAJKY
------------------------------*/
#vlajky { color:#a4a3a5; padding:0; margin:0; width:173px; margin:0; position:absolute; top:36px; right:63px; }
	#vlajky a { padding:0 5px; color:#a4a3a5; text-align:center; margin:0; font-size:1em; float:right; position:relative; text-decoration:none; }
	#vlajky a:active, #vlajky a:hover { text-decoration:underline; color:#a4a3a5; }

/* FOOTER
------------------------------*/
#footer { background: url(../design/bg-footer.gif) 100% 0 no-repeat; width:897px; height:125px; color:#575658; padding:0; margin:0; border-top:1px solid #fff; clear:both; position:relative; text-align:left; font-size:0.813em; line-height:1.7em; }
	#footer a { color:#575658; text-decoration:none; }
	#footer a:hover { color:#575658; text-decoration:underline; }
	#footer p { width:306px; float:left; color:#575658; text-align:left; margin:0; padding:20px 0 0 31px; line-height:1.4em; font-size:1em; z-index:1000; font-weight:normal; }
	#footer .kontakty { font-size:1em; width:auto; color:#575658; text-align:left; float:left; margin:0; padding-right:30px; }
	#footer .kontakty a { color:#575658; text-decoration:none; font-weight:normal; }
	#footer .kontakty a:hover { color:#575658; text-decoration:underline; }
	#footer .kontakty span { color:#000; }
	#footer strong { font-weight:normal; }
	
	#footer .menu { width:897px; margin:0; padding:35px 0 0 0; float:right; text-align:right; color:#acacac; }
	#footer .menu a { font-weight:normal; text-transform:uppercase; font-size:1.1em; color:#acacac; text-decoration:none; padding:0 4px }
	#footer .menu a.mapa { padding-right:20px; }
	#footer .menu a:hover { text-decoration:underline; color:#acacac; }
	
/* REFERENCE
------------------------------*/
.box-ref { width:169px; padding:0; float:left; margin:0 23px 0 0; display:inline; height:210px; overflow:hidden; position:relative; }
	.box-ref p { color:#000; margin:0; padding:4px 0 0 0; }
	.box-ref p.vicer { margin:0; padding:0; position:absolute; left:8px; bottom:28px; }
	.nomg { margin:0 !important; }
	
	table.ref { width:100%; }
	table.ref td { vertical-align:top; text-align:center; padding:5px 0; }
	table.ref td img { border:1px solid #7b787f; padding:2px; }
 
/* FORM
------------------------------*/
#form { margin:0; padding:17px 26px; }
#form p.nadpis { background:url(../design/kontakt-form.gif) 0 50% no-repeat; padding:0 0 0 26px; color:#c8c8c8; font-size:1.2em; }

	fieldset { border:none; margin:0; padding:0 0 10px 0; }
	legend { display:none; }
	#form ol { list-style:none; margin:0; padding:0; font-size:1em; }
	#form ol li { clear:both; width:100%; padding-top:3px; }
	#form ol li em { color:#ccc; padding-left:10px; }
	#form label { width:225px; display:block; margin-top:2px; color:#c8c8c8; float:right; text-align:left; }
	#form textarea { width:225px; height:150px; background:#fff; }
	#form input { width:225px; background:#fff; }
	textarea, select, input { padding:1px; border:1px solid #aaa; font-family:Arial, Helvetica, sans-serif; font-size:1em; float:right; }
	#form .zemSubmit { width:auto !important; background:#d5d5d5 none; color:#575658; padding:2px 5px; float:right; }
	#form ul.zemError { padding:13px 0 13px 20px !important; margin:0 !important; color:#C8C8C8; list-style:square; }
	#form ul.zemError li { list-style:square; padding:0 !important; font-size:0.85em; line-height:1.5em; }
	.error, .alert, .zemError strong { color:#FF0000; font-weight:bold; }
	
#form2 { margin:0; padding:0; }
	#form2 fieldset { padding:10px 0 10px 0; }
	#form2 ol { list-style:none; margin:0; padding:0; font-size:1em; }
	#form2 ol li { clear:both; width:100%; padding-top:3px; }
	#form2 ol li em { color:#ccc; padding-left:10px; }
	#form2 label { width:130px; display:block; margin-top:2px; color:#000; text-align:left; float:left; }
	#form2 textarea { width:225px; height:150px; background:#fff; }
	#form2 input { width:225px; background:#fff; }
	#form2 textarea, select, input { padding:1px; border:1px solid #aaa; font-family:Arial, Helvetica, sans-serif; font-size:1em; float:none; }
	#form2 .zemSubmit { width:auto !important; background:#d5d5d5 none; color:#575658; padding:2px 5px; margin:0 0 0 130px !important; }
	#form2 ul.zemError { padding:13px 0 13px 20px !important; margin:0!important; color:#555; list-style:square; }
	#form ul.zemError li { list-style:square; padding:0 !important; font-size:0.85em; line-height:1.5em; }
	.error, .alert, .zemError strong { color:#FF0000; font-weight:bold; }

/* 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%; }