/* CSS Document, autor Pohodesign.cz */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, menu,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

body {font-size:75%;background:#A5C1E1 url('/images/bg.jpg') repeat-x;font-family:Arial, sans-serif}
.out {width:100%;overflow:hidden;background:url('/images/main1.jpg') no-repeat center 100px }
form * {vertical-align:middle;}
h1, h2 {font-family: Calibri, Arial, sans-serif;}
a {color:#1B4B7B;font-weight:bolder;}
a:hover {text-decoration:none}
h1.home {position:relative;top:130px;width:400px;left:30px;font-size:2.8em;font-weight:normal;color:#fff;line-height:120%}
h1.home span {font-size:0.8em;display:block}
.hidden {display:none;}
.hr {border-top:1px dotted #ccc; height: 2px; width:500px; margin: 15px 0;}
ul.mezery {padding:10px 30px;line-height:180%}
.noscreen {display:none}
.mezera-81 {height:81px;}
.mezera-30 {height:30px;}
#main {position:relative;margin:0 auto;width:987px;}
.logo-ul {list-style:none}
.logo-ul .current{background:url('/images/logo.png') no-repeat scroll left top transparent;display:block;height:54px;overflow:hidden;position:relative;top:25px;left:20px;width:274px;z-index:25;}
.logo-ul .current span{display:none}
.logo-ul .current strong{display:none;}

/* hlavicka webu, v html je uplne dole */
#header {width:980px;position:absolute;min-height:116px;_height:116px;top:0;left:0;background:#fff url('/images/header.jpg') no-repeat;overflow:hidden;}
#header ul {width:550px;float:right;list-style:none;display:inline;margin:41px 30px 10px 110px;}
#header ul li {float:left;font-size:1em}
#header ul li a {color:#000;text-decoration:none;margin:0 4px;font-weight:normal;float:left;}
#header ul li a span {padding:6px 8px 5px 8px;display:block;}
#header ul li a:hover {text-decoration:underline}
#header ul li a.active {background:url('/images/activ.gif') no-repeat left #45A8EA;color:#fff;font-weight:bolder}
#header ul li a.active:hover {text-decoration:none}
#header ul li a.active span {background:url('/images/activr.gif') no-repeat right;}

/*tip - mezi headerem a uvodem*/
.tip {width:950px; color:#fff;padding-left:15px;margin-top:-5px}
.tip span {background:url('/images/tip.gif') no-repeat;color:#000;padding:4px 16px 5px 10px; font-weight:bolder;margin-right:10px}
.tip a {color:#1B4B7B;font-weight:bolder;}

/* modry blok, je zde h1, vyhody, formular na pujcku... */
#uvod {width:987px;background:url('/images/top.gif') no-repeat top center;padding-top:12px;overflow:hidden;margin-top:25px;}
#uvod .in {background:url('/images/bgy1.gif') repeat-y  #1B4B7B;overflow:hidden;float:left;width:987px}
#uvod .leve {padding:25px 30px;width:499px;background:url('/images/top-lev-x.jpg') repeat-x;float:left}
#uvod .leve p {color:#fff}
#uvod .prave {padding:5px 20px;width:386px;float:right;background:url('/images/top-pra-x.jpg') repeat-x #003466;color:#fff}
#uvod .vyhody {margin-top:100px;_margin-top:120px;list-style:none;font-size:1.4em;color:#4e9ed6;}
#uvod .vyhody_small {margin: 90px 0 30px 0;}
#uvod .vyhody li {padding:13px 0 13px 55px}
#uvod .vyhody li.fir {background:url('/images/fir.png') no-repeat 8px center;}
#uvod .vyhody li.sec {background:url('/images/sec.png') no-repeat 8px center;}
#uvod .vyhody li.thi {background:url('/images/thi.png') no-repeat left center;}
#uvod .vyhody li.fou {background:url('/images/fou.png') no-repeat left center;}
#uvod .vyhody li a {color:#4e9ed6;text-decoration:none;font-weight:normal}
#uvod .prave h2 {color:#43A7EA;font-size:2em;font-weight:normal}
#uvod .bot {width:100%;background:url('/images/bot.gif') no-repeat left;clear:both;float:left;margin-top:-10px}
.splatky td{padding:5px 0;width:100px;color:white;}
.splatky_hr {margin:40px 0;border-bottom:1px dotted #ccc;}

/* formular */
#uvod .prave form {float:left;padding-top:15px;}
#uvod .prave form input, .formular input, .formular select {background:#fff url('/images/input.jpg') no-repeat;border:0;width:252px;padding:5px;color:#000;margin-bottom:12px}
.formular select {width:262px;height:25px;padding:3px 5px;}
#uvod .prave form textarea {background:#fff url('/images/textarea.jpg') no-repeat;border:0;width:256px;height:72px;padding:4px 3px;resize: none;margin-bottom:10px}
#uvod .prave form label, .formular label {color:#fff;font-weight:normal;padding-right:30px;display:block;text-align:left}
#uvod .prave form .zprava {vertical-align:top;padding-top:3px}
#uvod .prave form .submit {padding-top:10px}
#uvod .prave form .sub, .formular .sub {cursor:pointer;border:0;width:138px;padding:0;height:32px;color:#000;margin-top:8px;display:block;}
#uvod .prave form th, .formular th {padding-bottom:14px}
#uvod .prave form p {font-size:1em;float:left;padding-top:10px}
#uvod .prave form .check {width:auto;margin-right:5px;border:0;background:#fff;=background:none;padding:0 !important;margin-bottom:3px}
.chyba {margin: 10px 0 !important;padding: 20px 0 20px 50px !important; background:white url('/images/message-error-logo.gif') no-repeat 10px 10px;color:black !important;}
.ok {margin: 10px 0 !important;padding: 20px 0 20px 50px !important; background:white url('/images/message-notice-logo.gif') no-repeat 10px 10px;color:black !important;}


/* content - bila cast */
#content {width:560px;background:#fff url('/images/top-con1.png') no-repeat -1px 0;margin-top:20px;float:left}
#content h2 {font-size:2.3em;font-weight:normal;color:#000;padding-bottom:5px}
#content p, #sidebar p, #uvod .leve p {padding:10px 0;line-height:180%}
#content .tljak {display:block;width:159px;background:url('/images/tljak.gif') no-repeat #4AAAEB;font-weight:bolder;color:#fff;padding:6px 0 5px 0;float:right;text-align:center;text-decoration:none;margin-top:15px}
#content .tljak:hover {background:url('/images/tljakh.gif') no-repeat #4399D3;}
#content .bot {padding:20px 30px;background:url('/images/bot-con.png') no-repeat left bottom;overflow:hidden;float:left;width:500px;}
#content .jak-postup {width:100%;border-top:1px dotted #ccc;clear:both;margin-top:20px;float:right;padding-top:20px}
#content .jak-postup h2 {font-size:1.9em;padding-bottom:5px}
#content .jak-postup h3 {color:#FFA716;font-size:1.2em;padding-top:10px;}
#content .jak-postup p, address {padding:10px 0 10px 65px}
#content .jak-postup .prvni, #content .jak-postup .druhy {background:url('/images/postup.gif') no-repeat left 17px; padding:15px 0 15px 65px}
#content .jak-postup .druhy {background:url('/images/postup2.gif') no-repeat 2px 17px;}
#content .jak-postup .kontakt1 {font-style:italic;background:url('/images/kontakt1.gif') no-repeat left 27px; padding:20px 0 15px 90px}
#content .jak-postup .kontakt2 {font-style:italic;background:url('/images/kontakt2.gif') no-repeat left 27px; padding:20px 0 15px 90px}

/*sidebar - prava strana */
#sidebar {width:407px;padding:20px 0 20px 20px;float:left}
#sidebar h2 {color:#002B54;font-weight:normal;font-size:1.8em}
.tabulka {border:1px solid #D0DFEF;table-layout:fixed;border-collapse:collapse;width:100%;margin-top:15px;margin-bottom:5px;display:table}
.tabulka-rpsn{text-align:right;font-size:0.8em; margin-bottom: 15px;}
.tabulka thead td  {background:#97C1E5 !important;font-weight:bolder;}
.tabulka .fir {width:33%;}
.tabulka td {padding:13px;}
.tabulka tr {display:table-row;border-top:1px solid #b2CAE5;}
.tabulka tr td {background:#C1D5EA;}
.tabulka .odd td {background:#ccdcee}
#sidebar p {padding-left:2px}
#sidebar .boxik {background:url('/images/side-top.png') no-repeat top #B3CBE6;width:397px;margin:5px 0 15px 0;}
#sidebar .in {padding:15px;background:url('/images/side-bot.png') no-repeat bottom }
#sidebar h3 {color:#003366;font-size:1.2em;padding-bottom:5px}

/*paticka webu */
#footer {clear:both;width:981px;background:url('/images/fot.jpg') repeat-x;margin-top:0;margin-top:20px;padding:10px 3px 30px 3px;float:left;_margin-right:-3px}
#footer .links {float:right;}
#footer .links a {color:#00247E;font-weight:normal}



/* use a semi-transparent image for the overlay */
	#overlay {
		background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
		color:#efefef;
		height:480px;
	}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:478px;
		overflow-y:auto;
	}

/* close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(http://static.flowplayer.org/img/overlay/close.png);
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(http://static.flowplayer.org/img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}