* { margin:0; padding:0; outline:none; }
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:Tahoma, Arial, Helvetica, sans-serif; font-size:100%; background:#88191b url(bg.jpg) 50% 50% no-repeat; color:#797a7c; line-height:1.6em; padding:0; margin:0; text-align:left; min-height:690px; max-width:992px; }

body.i { background:transparent none; min-height:inherit; max-width:inherit; }

/* GLOBAL
------------------------------*/
hr, .noscreen { display:none !important; }

.nobr { border:none !important; }
.nobg { background-image: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; }

.zvyraznit { color:#F00 !important; }

.t-right { text-align:right !important; }
.t-center { text-align:center !important; }
.f-right { float:right !important; }
.f-left { float:left !important; }

.wa { width:auto !important; }

.zvyrazneni { background:#FFFBD9; border:1px solid #E9DE7E; color:#333333; padding:2px 3px; }
a.zvyrazneni { color:#9e005d; }

input, select, textarea { font-size:1em; padding:2px; font-family:Arial, Helvetica, sans-serif; }
optgroup { font-size:1em; font-style:normal !important; }

.nom { margin:0 !important; }
.nomt { margin-top:0 !important; }
.nomb { margin-bottom:0 !important; }
.nob { border:0; }

.w20 { width:20px !important; }
.w30 { width:30px !important; }
.wa { width:auto !important; }
.vat { vertical-align:top !important; }

iframe { border:0; margin:0; padding:0; width:626px; height:338px; overflow:hidden; }

.det { padding:1px; background:#fff; border:1px solid #ccc; }

/* TYPOGRAFIE
------------------------------*/
p { padding:0; margin:14px 0; line-height:1.6em;}

a { color:#E06347; text-decoration:underline; outline:none; }
a:hover { color:#E06347; text-decoration:none; }

h2 { font-size:1.5em; color:#E26C52; font-weight:normal; padding:20px 15px 5px 0; margin:0; line-height:1.3em; }
h3 { font-size:1.5em; color:#E26C52; font-weight:bold; padding:15px 0 3px 0; margin:0; line-height:1.3em; }
h4 { font-size:1.2em; color:#E26C52; font-weight:bold; padding:15px 0 2px 0; margin: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 25px; font-size:1em; list-style:none; background:url(ul-hp.gif) 0 7px no-repeat; }
	ul ul { padding:0 0 8px 18px; }
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; }

table.zebra { border:1px solid #E7E6E7; }
	table.zebra td { border:1px solid #E7E6E7; }
	tr.zebra2 td { background-color:#f9f9f9; }
	.highlight td { background-color:#f7ffd4 !important; }
	
#gmap { width:800px; height:450px; margin-top:10px; }

/* H1 REPLACE
------------------------------*/
h1, h1 a { width:247px; height:110px; }
h1 { display:block; position:absolute; left:68px; top:0; text-align:center; font-size:1em; overflow:hidden; }
	h1 a { text-decoration:none; overflow:hidden; padding:0; display:block; color:#fff; text-indent:-9999px; }
	h1 a:active, h1 a:hover { text-decoration:underline; }
	
/* VERTICAL CENTER
------------------------------*/
/* mac hide \*/
html, body { height:100%; width:100%; }
/* end hide */

#inner { background:url(inner.png) no-repeat; height:688px; width:992px; margin:-344px 0 0 -496px; position:absolute !important; left:50%; top:50%; overflow:hidden; }

/* LAYOUT
------------------------------*/
#all { width:950px; height:646px; margin:0 auto; padding:20px 21px; text-align:left; position:relative; font-size:0.813em; line-height:1.7em; display:block; }
#top { background:url(header.png) no-repeat; width:949px; padding:0; margin:0; height:110px; position:relative; }

#container { width:600px; position:relative; text-align:left; margin:0; padding:0 29px 0 292px; height:338px; overflow:hidden; font-size:0.9em; }

.iframe { position:relative; font-size:0.75em; line-height:1.7em; }

	.p1 { background:url(p1.png) 24px 0 no-repeat; }
	.p2 { background:url(p2.png) 24px 0 no-repeat; }
	
	.cola { width:292px; padding:0 8px 0 0; float:left; }
	.colb { width:292px; padding:0 0 0 8px; float:left; }
	
	.preImageBuffer { height:93px; width:1px; }
		.cola .preImageBuffer { clear:right; float:right; }
		.colb .preImageBuffer { clear:left; float:left; }
	
	.middle { width:272px; margin:10px 0; height:60px; }
		.cola .middle { clear:right; float:right; margin-left:10px; margin-right:-144px; }
		.colb .middle { clear:left; float:left; margin-right:10px; margin-left:-144px; }
		
	.cervena { color:#E26C52; }
	
	#mapa { position:absolute; left:400px; top:13px; }
	
	.kontakt { position:absolute; left:45px; top:0; width:240px; }
	.r { width:626px !important; padding:0 0 0 308px !important; }
	
	h2 span { color:#797a7c; }
	
/* TOPMENU
------------------------------*/
.topmenu { text-align:center; width:364px; color:#67676b; margin:0; padding:0; position:absolute; left:429px; top:97px; height:34px; line-height:34px; font-size:0.9em; }
	.topmenu a { position:relative; padding:0 13px; margin:0 4px; color:#67676b; text-decoration:none; font-size:1em; text-align:center; font-weight:normal;  }
	.topmenu a:hover { color:#E26C52; text-decoration:none; }

/* REFERENCE
------------------------------*/	
.ref { float:left; width:175px; padding:0 33px 0 0; display:inline; }
	.ref p { margin:0; padding:5px 0 0 0; }
	
.wrap { clear:both; width:591px; position:relative; margin-top:40px; }
.scrollable { position:relative; overflow:hidden; width:591px; height:200px; padding:0; } 
	.scrollable .items { width:20000em; position:absolute; } 

	.wrap .browse { background-image:url(arrow.gif); background-repeat:no-repeat; background-color:#00CC33; cursor:pointer; display:block; float:left; font-size:1px; height:16px; width:16px; position:absolute; top:215px; z-index:250; }
	.wrap .left { background-position:0 0; left:0; }
		.wrap .left:hover { background-position:0 0; }
	.wrap .right { background-position:-16px 0; right:0; }
		.wrap .right:hover { background-position:-16px 0; }
	

/* VERTICAL
------------------------------*/
.side { position:absolute; left:35px; top:0; padding-top:23px; }
.wrap2 { padding:35px 10px 35px 0; position:relative; background:url(sep.gif) 100% 0 repeat-y; width:245px; }
			
.scrollable2 { position:relative; overflow:hidden; width:242px; height:225px; padding:0; } 
	.scrollable2 .items2 { height:20000em; position:absolute; } 

	.wrap2 .browse { background-image:url(arrow2.gif); background-repeat:no-repeat; background-color:#00CC33; cursor:pointer; display:block; float:left; font-size:1px; height:16px; width:16px; position:absolute; top:215px; z-index:250; }
	.wrap2 .prevPage { background-position:0 0; left:114px; top:0; }
		.wrap2 .prevPage:hover { background-position:0 0; }
	.wrap2 .nextPage { background-position:-16px 0; left:114px; top:279px; }
		.wrap2 .nextPage:hover { background-position:-16px 0; }

.items2 a { text-align:center; display:block; width:242px; color:#797a7c; text-decoration:none; }
.items2 a:hover { text-decoration:underline; color:#E06347; }

.disabled { display:none !important; }

/* NOVINKY
------------------------------*/
#novinky { margin-top:20px; padding-left:24px; font-size:0.9em; }
	.news { width:231px; float:left; padding:88px 13px 0 20px; position:relative; background:url(sep.gif) 0 2px no-repeat; height:92px; overflow:hidden; }
	.news img { position:absolute; top:0; left:20px; }
	.news .datum { margin:0; padding:0; position:absolute; top:63px; left:141px; color:#e06347; }
	.news p { margin:0; padding:0; line-height:1.5em; }
	.news p.vice { position:absolute; left:20px; bottom:18px; }
	
	.archiv { float:left; padding:92px 0 0 20px; position:relative; background:url(sep.gif) 0 2px no-repeat; height:88px; overflow:hidden; width:110px; }
	.archiv p { position:absolute; left:20px; bottom:25px; margin:0; padding:0; }

/* PAGES
------------------------------*/
#pages { height:18px; position:relative; z-index:1000; padding:15px 0 0 0; }
	#pages ul { height:18px; margin:0 !important; padding:0 !important; font-weight:bold; position:relative; list-style:none; color:#000; font-size:11px; }
	#pages ul li { position:relative; height:20px; line-height:20px; width:22px; float:left; text-align:center; display:block; padding:0; margin:0 2px 0 0; background:none !important; }
	#pages ul li.first { width:70px; text-align:left; color:#aaa; }
	#pages ul li.this a { background-color:#d61d24; color:#fff; }
	#pages ul li.this a:hover { background-color:#d61d24; color:#fff; }
	#pages ul li a { text-decoration:none; border:0; display:block; line-height:20px; height:20px; display:block; color:#aaa; }
	#pages ul li a:hover { text-decoration:none; background-color:#8d1a1d; color:#fff; }
	
/* 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%; }
