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

/* Reset by Eric Meyer ................. */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;	
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; 	border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

blockquote2:before, blockquote2:after, q:before, q:after {}
blockquote2, q {}
	
	
/* Common ................. */
body {
	color: #555;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	text-align: center;	
}
a, a:active, a:visited { color: #FF9933; text-decoration: underline; }
a:hover { color: #056939; }

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; }


/* --| MyCSS |--*/
p.center { text-align: center; }
p.link { margin-top: 0px; } 
strong.kontakt { display: block; width: 80px; float: left; }
strong.hidden { visibility: hidden; }
img.border { padding: 3px; background-color: #09AE60; border: 1px solid #056939; }
span.grey { color: #999; }
table#kontakty tr td { padding: 0 30px 14px 0; } 

table.rozm tr td { padding-right: 20px; }
table.rozm tr.head td { font-weight: bold; color: #09AE60; }

div.ref-link { margin: 6px; background: #eee; _display: inline; text-align: left; padding: 12px 6px; }
div.ref-link a { margin-right: 4px; }


div.ref { float: left; margin: 7px; background: #eee; _display: inline; text-align: center; width: 165px; _min-height: 200px; _height: 200px; padding: 12px 0; }
div.ref img { margin-bottom: 5px; }

/* 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: 24px; color: #056939; margin: 0 0 20px 0; font-weight: normal; line-height: 105%; }
h2 { font-size: 16px; color: #09AE60; margin: 25px 0 10px 0; font-weight: bold; }
h3 { font-size: 13px; color: #09AE60; margin: 25px 0 5px 0; font-weight: bold; }

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

/* Layout ................. */
#wrapper { width: 960px; margin: 0 auto; }

/* Horna mini navigacia ................. */
#top-nav { text-align: right; height: 21px; padding: 9px 10px 0 0; }
#top-nav a, #top-nav a:active, #top-nav a:visited { color: #3FB57D; text-decoration: none; }
#top-nav a:hover { color: white; text-decoration: underline; }

/* Header ................. */
#header { height: 78px; position: relative; }
h3#logo {
    position: absolute; top: 20px; left: 20px;
	 margin: 0;
	 padding: 42px 0 0 0;
	 width: 168px;
    overflow: hidden;
	 background-image: url(../images/logo.png);
    background-repeat: no-repeat;    
    height: 0px !important;
    height /**/:42px;
}
h2#slogan {
    position: absolute; top: 32px; left: 240px;
	 margin: 0;
	 padding: 19px 0 0 0;
	 width: 172px;
    overflow: hidden;
	 background-image: url(../images/slogan.png);
    background-repeat: no-repeat;    
    height: 0px !important;
    height /**/:19px;
}

#search { position: absolute; right: 10px; top: 28px; }
#search input.policko {
	border: 0;
	background-color: white;
	background-image: url(../images/formfield-bg.png);
	background-repeat: repeat-x;
	background-position: top;
	overflow: visible;
	padding: 5px;
	vertical-align: middle;
	font-size: 12px;
	width: 160px;
}
#search input.hladaj {
	border: 0;
	background-color: transparent;
	background-image: url(../images/hladaj.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 54px; height: 25px;	
	vertical-align: middle;
	cursor: pointer;	
}

/* Lava lista ................. */
#sidebar { float: left; display: inline; width: 210px; margin-top: 30px; }
ul#menu { margin: 0 15px 30px 15px; padding: 0; list-style: none; } 
ul#menu li { margin: 0; display: inline; }
ul#menu li a, ul#menu li a:active, ul#menu li a:visited {
	display: block;
	color: #006452;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/menu-bullet.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 8px 5px 8px 20px;
	border-bottom: 1px solid #D8E7E0;
}
ul#menu li a:hover, ul#menu li a.aktivna, ul#menu li a.aktivna:link, ul#menu li a.aktivna:visited, ul#menu li a.aktivna:hover {
	background-image: url(../images/menu-bullet2.gif);
	color: #FF9933;
	text-decoration: underline;
}
ul#menu li ul li a, ul#menu li ul li a:active, ul#menu li ul li a:visited {
	text-transform: none;
	font-weight: normal;
	background-image: none;
	padding: 8px 5px 8px 30px;
	border-bottom: 1px solid #D8E7E0;
}
ul#menu li ul li a:hover, ul#menu li ul li a.aktivna, ul#menu li ul li a.aktivna:link, ul#menu li ul li a.aktivna:visited, ul#menu li ul li a.aktivna:hover {
	background-image: none;
	color: #FF9933;
	text-decoration: underline;
}
p.md { margin: 0 10px 0 33px; color: #056939; line-height: 130%; }
p.md img { margin-top: 15px; }

/* Obsah ................. */
#obsah-wrapper { float: left; display: inline; width: 750px; }
#intro {
	background-image: url(../images/intro-bg.png);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-bottom: 25px;
}
#top {
	background-image: url(../images/intro2-bg.png);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-bottom: 25px;
}
#intro img, #top img { margin: 0 10px 10px 10px; }
h2#vitajte {
    margin: 0 0 25px 0;
	 padding: 28px 0 0 0;
	 width: 100%;
    overflow: hidden;
	 background-image: url(../images/vitajte.gif);
    background-repeat: no-repeat;    
    height: 0px !important;
    height /**/:28px;
	 border-bottom: 1px solid #CDE0D8;
}
#obsah { margin: 0 10px 20px 20px; font-size: 12px; line-height: 130%; }
ul.list, ul.list2 { margin: 10px 0; }
ul.list li, ul.list2 li {
	background-image: url(../images/list-bullet.gif);
	background-position: 5px 10px;
	background-repeat: no-repeat;
	padding: 5px 0 5px 20px;
}
ul.list2 { margin: 0 0 10px 0; }
ul.list2 li { padding: 2px 0 2px 20px; }
span.dark { font-weight: bold; color: #222; }
#obsah h1 { border-bottom: 1px solid #CDE0D8; }
p.podpis { float: right; color: #999; font-style: italic; text-align: right; padding: 10px 0; }

/* Footer ................. */
#footer {
	background-image: url(../images/footer-bg.png);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 11px;
	padding: 15px 20px 0 20px;
	text-align: right;
	margin-bottom: 20px;
}
#footer a, #footer a:active, #footer a:visited { color: #4FDD8B; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }
#footer span { color: #4FDD8B; margin: 0 15px; }
.copyright { margin: 25px 0 0 0; color: #888; text-align: left; }
.author { float: right; width: 300px; margin: 0; text-align: right; }
.author a, .author a:active, .author a:visited { color: #888 !important; text-decoration: underline !important; }
.author a:hover { color: #555 !important; }
a.selflink { font-size:100% !important; color: #056939 !important; line-height:130%; margin:5px 0 0px 0px; display:block;}

#zahlavie h1{
  float: left;
  font-size:100%;
  line-height:100%;
  font-weight:bold;
  margin-left: 30px;
  color:white;
}



#zahlavie a:hover, #zahlavie a:active, #zahlavie a:visited {
  color: white;
  /*font-weight: bold;*/
}

#slogan_down{
  color:#DCDCDC;
  margin-bottom:8px;
  font-weight:bold;
}

#slogan_down a:link,
#slogan_down a:visited,
#slogan_down a:active,
#slogan_down a:hover{
  color:#DCDCDC;
  margin-bottom:8px;
  font-weight:bold;
}

#partneri {
  display:block;
  margin-bottom:6px;
  color:#DCDCDC;
}

#partneri a, #partneri a:hover, #partneri a:active, #partneri a:visited{
  color:#DCDCDC !important;
  font-weight:bold;
}