/** template.css*/
html {font-family: Verdana, 'Geneva CE', lucida, sans-serif;} 
body, html, h1, h2, h3, h4, h5, h6 {color: #000000; margin: 0; padding: 0; font-size: 12px; text-align: left} 
table, th, td {text-align: left; padding: 0.3em; /*border: 1px solid #d1d1d1;*/}
table {margin: 1em;}
h1 {font-size: 16px; margin: 0.5em 0;padding-left: 10px;}
h2 {font-size: 16px; margin: 0.5em 0;padding-left: 10px;}
h3 {font-size: 14px; margin: 0.3em 0;padding-left: 10px;}
h4 {font-size: 14px; margin: 0.2em 0;padding-left: 10px;}
h5, h6 {font-size: 12px;  font-weight: bold; margin: 0.2em 0;padding-left: 10px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none; color: #000000;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline; color: #000000;}
p {margin: 0.5em 1em; padding: 0; line-height: 130%;}
input, select, textarea {font-family: inherit;}
abbr {border-bottom: 1px dotted;cursor: help}
a {text-decoration: underline; color: #00628d;}
a:hover {color: #3c748c;}
img {display: block; float: left; margin: 0 1em 0.5em 0;}
.la {text-align: left !important;}
.ca {text-align: center !important;}
.ra {text-align: right !important;}
.fright {float: right;}
.fleft {float: left;}
table {border-collapse: collapse;}
/*th {background: #eee;}*/
/*td {border: 0px solid #e1e1e1;}*/
ul, ol {padding: 0 0 0 2em; margin: 0.5em 1em; line-height: 130%;}
ul li, ol li {margin: 2px 0;}

div.perex {font-style: italic;}

/** gelst.cz */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}

/* HTML 5 pro starsi browsery */
article, aside, details, figcaption, figure, footer, header,
hgroup, menu, nav, section {display:block;}

body {background: #009ee0 url('/img/front/bg-body.png') 0 0 repeat-x;}
#header {margin: 0 auto;width: 960px;height: 390px;position: relative;}
#header .logo {background: transparent url(/img/front/logos.png) 0 0 no-repeat;width: 255px; height: 63px;
		display: block;position: relative; top: 48px; left: 30px;overflow: hidden;line-height: 300px;}
#header #category {width: inherit; height: 245px; position: absolute; top: 144px;}
#header #category .item {margin-left: 30px; width: 280px; height: inherit; float: left;}
#header #category .item .img {width: inherit; height: 190px; background-repeat: no-repeat; 
		background-image: url('/img/front/bg-categories.jpg');}
#header #category .item .img a {display: block;width: inherit; height: inherit;overflow: hidden;line-height: 600px;}
#header #category .item .text {width: inherit; height: 55px; padding-top: 22px;}
#header #category .item .text a {color: #fff; text-decoration: none;font-size: 14px; display: block; padding: 0 10px;}
#header #category .item .text a:hover {text-decoration: underline;}
#header #top-menu {position: absolute;text-align: right;width: 960px;height: 50px; top: 20px;}
#header #top-menu ul {margin: 0 30px;}
#header #top-menu ul li {display: inline;}
#header #top-menu ul li a {display: inline;padding: 10px 12px; border-right: 1px #009ee0 solid;font-size: 14px; color: #000;text-decoration: none;}
#header #top-menu ul li a:hover {text-decoration: none;}
#header #top-menu ul li a.last {border: none;}
#header #top-menu ul li span {}

/** kategorie - 3ks */
.stavba .img {background-position: 0px 0px;}
.sprava .img {background-position: 0px -190px;}
.udrzba .img {background-position: 0px -380px;}
.stavba-hover .img,
.stavba-active .img {background-position: -280px 0px;}
.sprava-hover .img,
.sprava-active .img {background-position: -280px -190px;}
.udrzba-hover .img,
.udrzba-active .img {background-position: -280px -380px;}

#content {margin: 30px auto;width: 960px; position: relative;background-color: #85d0f0;}
#content-conteiner {width: 100%;padding: 35px 30px;}
#content #left-column {width: 690px; float: left;}
#content #right-column {width: 205px; float: left;}
#content h1 {padding-left: 10px;}
#content .left-line {border-left: 1px #00628d solid; padding-left: 10px;}
#content #left-column .left-line {padding-right: 40px;}
#right-column h2,
#right-column h2 a {color: #00628d;}
#right-column ul {list-style: none;padding: 0; margin: 0;color: #00628d;}
a.more {display: block;margin-top: 14px;color: #fff; text-decoration: underline;}
#footer {margin: 0 auto;width: 960px;position: relative;padding: 5px 0px; 30px 0px;}
#footer #footer-left,
#footer #footer-right {line-height: 130%;width: 40%; color: #a9def4; font-size: 11px;}
#footer #footer-left a,
#footer #footer-right a {color: #a9def4; text-decoration: underline;}
#footer #footer-left {float: left;text-align: left;padding-left: 20px}
#footer #footer-right {float: right;text-align: right;padding-right: 20px;}

