body {margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;font-size: 75%;line-height: 1.4em;background: url(design/back-page.gif) #FFF repeat-x; padding: 0 0 30px 0;}

.clr {clear: both;}
a {color: #003366;}
a:hover {text-decoration: none;}
img {border: 0;}
h1, h2 {}
h1 {font-size: 1.5em; margin: 0.8em 0; color: #003366;}
h2 {font-size: 1.3em; margin: 1em 0; color: #003366;}
h3 {font-size: 1.2em; margin: 0.5em 0; color: #003366;}
h2.blue {color: #2E538F;}
p {margin: 1em 0;}
.pl30 {padding-left: 30px;}
.float-left {float: left;}
.float-right {float: right;}
.mr10 {margin-right: 10px;}
.bold {font-weight: bold;}
.align-center {text-align: center;}
.clear {display: table; width: 100%;}
form {margin: 0;}

#mother {width: 1000px; margin: auto; background: url(design/back-sides.gif) 0 0 repeat-y;}
#mother2 {width: 1000px; margin: auto; background: url(design/back-top.gif) top left no-repeat;}
#page {width: 950px; margin: auto; background: #FFF;}

#logo {width: 586px; height: 150px; background: url(design/logo.jpg) no-repeat; margin: 20px 0 0 40px; float: left;}
#logo a {width: 586px; height: 150px; display: block; border-bottom: none;}
#logo span {display: none;}

#podtitul {width: 300px; float: left; color: #8A8A8A; margin: 50px 0 0 21px; line-height: normal; font-size: 120%; font-style: italic;}

#search {width: 220px; float: left; margin: 69px 0 0 168px;}
#search form {margin: 0; padding: 0;}
#search .input-text {width: 146px; border: 0; height: 20px; float: left; margin-right: 6px; background: #EBEBEB; border: 1px solid #2A2A2A;}
#search .input-hledat {width: 62px; height: 23px; float: left;}

#header {width: 950px; height: 326px; background: url(design/back-header.gif) bottom left no-repeat; color: #FFF; margin: 0 0 3px 0;}

#text {margin-bottom: 3px; background: url(design/back-left.gif) #FFF 0 0 repeat-y;}
#text-left {width: 204px; float: left;}
#text-right {width: 746px; float: left;}
#in-text-right {padding: 0 20px 20px 20px;}
#in-text-left {padding: 0 20px 0 20px;}

#menu {margin-bottom: 20px;}
#menu ul {margin: 0; padding: 0;}
#menu li {width: 204px; height: 30px; list-style-type: none; border-bottom: 1px solid #FFF; background: url(design/menu-item.gif) #3E71BA no-repeat;}
#menu li.sub {padding-left: 10px; width: 194px; }
#menu li.sub2 {padding-left: 20px; width: 184px; }
#menu li a {color: #FFF; line-height: 30px; height: 30px; text-decoration: none; display: block; padding-left: 30px; background: url(design/dart1.gif) 20px 12px no-repeat;}
#menu li a:hover {color: #EBEBEB; text-decoration: underline;}

li.sub1 a {padding-left: 38px!important;}

#uvod-left {width: 441px; float: left; margin-right: 20px;}
#uvod-right {width: 245px; float: left;}

#uvod-left h2, #uvod-right h2 {background: #003366; line-height: 36px; border-bottom: 1px solid #003366; padding-left: 10px; font-size: 1.2em; color: #FFF; font-weight: normal;}

#navigace {margin-top: 10px; font-size: 0.9em; border-bottom: 1px solid #D7D7D7; padding-bottom: 5px;}

.news-item {padding: 0px 10px 10px 10px; border-bottom: 1px solid #D7D7D7; margin-bottom: 20px;}
.news-img {text-align: center; margin-top: 10px;}

#footer {width: 950px; height: 80px; background: #003366; color: #FFF;}
#in-footer {width: 910px; margin: auto; padding-top: 15px;}

ul#links {float: right; list-style-type: none; margin: 0; padding: 0;}
ul#links li {float: left; margin-right: 10px;}

#copy {}
#copy a, #links a {color: #FFF;}

ol.list li, ul.list li {margin-bottom: 1em;}

ul#category {margin: 0 0 30px 0; padding: 0;}
#category li {list-style-type: none; float: left; background: url(icon-folder.gif) 0 3px no-repeat; margin-right: 14px; line-height: 1.5em;}
#category li a {padding-left: 24px; white-space: nowrap;}
#category li a.active {font-weight: bold;}

#photogallery .photo-item {width: 155px; float: left; margin: 0 15px 15px 0;}
#photogallery .photo-item img {float: left;}

.reference-item {margin-bottom: 15px;}

.important {border: 3px solid #F7C200; padding: 1em 1em; background: #F5F5F5; color: #000;}

ul.mapa li.level-1 { margin-left: 20px; }
ul.mapa li.level-2 { margin-left: 40px; }
ul.mapa li.level-3 { margin-left: 60px; }

.formular div { margin: 8px 0; }
.formular label { float: left; width: 120px; font-weight: bold; }
.formular label.inline { float: none; font-weight: normal; }
.formular input { border: 1px solid #C2C2C2; width: 390px; }
.form-siroky input { width: 440px; }
.formular input.input-captcha { width: 50px; }
.formular textarea { border: 1px solid #C2C2C2; width: 380px; height: 160px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px; }
.formular div.captcha { line-height: 30px; height: 30px; }
.formular div.captcha img { vertical-align: middle; }
.formular div.captcha img.captcha { float: left; }
.formular div.butt { margin: 10px 0 20px 0; text-align: right; width: 510px; }
.formular div.butt input { width: auto; padding: 3px 8px; background: white; }

.photogallery {margin-top: 20px;}
.photogallery .gallery-item {width: 160px; height: 120px; float: left; margin: 0 15px 15px 0; background: #EDEDED;}

table.data {width: 100%; background: #ABB9CC; border-collapse: separate;border-spacing: 1px 1px;}
table.data th {background: #003366; color: #FFF; padding: 5px 5px;white-space: nowrap;text-align:left;}
table.data td {padding: 5px 5px; background: #FFF}
table.data th.cena, table.data td.cena {width: 70px; text-align: right;white-space: nowrap;}
table.data tr.tr1 td {background: #FFF;}
table.data tr.tr2 td {background: #EEF4F9;}