/* --------------------------------------------------------------------------
		created by Marek Levák - www.designme.sk
	-------------------------------------------------------------------------- */

* { margin: 0; padding: 0; }
a { /* remove the dotted outlines when clicking tabs */ outline: none; text-decoration: none; }
ul { list-style: none; }

	
	
/* Common ................. */
body {
	color: #333;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
}
a, a:active, a:visited { color: #122E8D; text-decoration: underline; }
a:hover { color: #399F9A; }

div { text-align: left; }
img { border: none; }
input, textarea { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #555; border: 1px solid #009442; padding: 3px; overflow: visible; }
select, option { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #555; }

/* Cleaners ................. */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.cleaner { height: 0; font-size: 0; line-height: 0; clear: both }

/* Headings ................. */
h1 { font-size: 28px; color: #122E8D; margin: 0 0 20px 0; font-weight: normal; line-height: 105%; }
h1.uvodnad { margin: 0 0 20px 0; border-bottom: 1px solid #ddd; padding: 10px 0; }
h2 { font-size: 14px; color: #122E8D; margin: 0; margin-bottom: 5px; padding: 0; font-weight: bold; line-height: 101%; }
h3 { font-size: 12px; color: #122E8D; margin: 25px 0 5px 0; font-weight: bold; }

/* Paragraphs ................. */
p { margin: 10px 0; }

/* Layout ................. */
#wrap { width: 960px; margin: 0 auto; }
#header { height: 100px; position: relative; margin: 0; }
img#logo { position: absolute; top: 18px; outline: none; }
ul.topmenu { position: absolute; right: 0; top: 35px; }
ul.topmenu li { float: left; display: inline; }
ul.topmenu li a, ul.topmenu li a:active, ul.topmenu li a:visited { display: block; margin: 0 5px; text-decoration:none; color: #777; }
ul.topmenu li a span, ul.topmenu li a:active span, ul.topmenu li a:visited span { display: block; line-height: 26px; height: 26px; padding-left: 12px; padding-right: 12px; }
ul.topmenu li a:hover, ul.topmenu li a.aktiv, ul.topmenu li a.aktiv:link, ul.topmenu li a.aktiv:visited, ul.topmenu li a.aktiv:hover 
{ background-image: url(../images/topmenu-bg.png); background-repeat: no-repeat; background-position: left; color: #1A44D1; }
ul.topmenu li a:hover span, ul.topmenu li a.aktiv span, ul.topmenu li a.aktiv:link span, ul.topmenu li a.aktiv:visited span, ul.topmenu li a.aktiv:hover span 
{ background-image: url(../images/topmenu-bg-right.png); background-position:right; background-repeat:no-repeat; cursor:pointer; }

img.reklama { float: left; display: inline; margin-top: 15px; }
div.onas { float: left; display: inline; width: 460px; margin-left: 20px; margin-top: 5px; }
div.kontakt { float: left; display: inline; width: 220px; margin-left: 30px; margin-top: 5px; background-image: url(../images/phone.jpg); background-position: right 49px; background-repeat: no-repeat; }
div.kontakt2 { float: right; display: inline; width: 230px; margin-left: 30px; margin-top: 5px; background-image: url(../images/phone2.jpg); background-position: right 49px; background-repeat: no-repeat; }
div.onas p, div.kontakt p { line-height: 150%; margin-right: 10px; margin-left: 10px; }

div#footer { font-size: 11px; margin: 20px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 10px; color: #777; }
div#footer span { float: right; }

.hlavnynadpis { clear: both; height: 92px; background-image: url(../images/nadpis-bg.jpg); margin-bottom: 10px; }
.hlavnynadpis img { margin: 25px 0 0 30px; }
.obsah { float: left; display: inline; width: 650px; line-height: 150%; font-size: 12px; margin-left: 30px; margin-top: 15px; }
.obsah p { margin-top: 0; margin-bottom: 20px; padding: 0; }
span.blue { font-weight: bold; color: #122D8C; }

ul.bullets { margin-bottom: 15px; }
ul.bullets2 { margin-bottom: 15px; float: left; display: inline; width: 300px; }
ul.bullets li, ul.bullets2 li { background: url(../images/bullet.gif) left 6px no-repeat; padding-left: 15px; }

div.fotky img { float: left; display: inline; margin: 0 8px 8px 0; }