html, body {margin: 0; padding: 0;}
body {background-color: #d2e9f1; font-family: sans-serif; font-size: 12px;}

#wrap {width: 765px; margin: 0 auto 30px; padding: 0 2px; background: #fff url('../design/bg.gif') 0 0 repeat-y scroll;}

#head {position: relative; height: 148px; background: url('../design/head.jpg') 0 0 no-repeat scroll;}
#head h1 {position: absolute; bottom: 4px; left: 30px; width: 215px; margin: 0; font-size: 14px; color: #32539d; text-align: center;}
#head h1 a {color: #32539d; text-decoration: none;}
#head img {position: absolute; top: 28px; left: 30px;}
#head ul {position: absolute; bottom: 0; right: 63px; margin: 0; padding: 0; list-style-type: none;}
#head ul li {float: left; margin: 0 2px 0 1px; text-transform: uppercase; font-size: 12px; font-weight: bold;}
#head ul li a {display: block; float: left; width: 105px; height: 44px; line-height: 50px; overflow: hidden; text-align: center; text-decoration: none; background: transparent url('../design/menu.png') 0 0 no-repeat scroll; color: #28444f; outline: none;}
#head ul li a:hover, #head ul li a.active {background-position: 0 -44px;}

#zelena {width: 747px; height: 289px; margin: 10px auto; background: url('../design/zelena.jpg') 0 0 no-repeat scroll;}
#zelena h2 {display: none;}

#main {padding: 0 10px 30px;}

#main hr {margin: 12px 0 10px 0px; background: #a9a9a9; height: 1px; overflow: hidden; border: none;}
#main h2 {clear: both; margin: 10px 0 10px; padding: 3px 13px; background: #a9a9a9; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 14px;}
#main h3 {font-size: 14px; margin: 15px 0 6px 10px;}
#main h4 {font-size: 12px; margin: 15px 0 5px 10px;}
#main p {margin: 0 10px;}
#main p img {padding: 2px 10px 2px 4px;}
#main .vyrobky h2, #main .sluzby h2 {margin: 0 0 10px;}

.column {margin: 0 -10px; padding: 10px; background: #f2f2f2;}
.vyrobky {width: 484px; padding-right: 10px; border-right: 1px solid #dfdfdf; float: left;}
.sluzby {width: 240px; padding-left: 10px; float: right;}
ul.image {margin: 0; padding: 0; list-style-type: none;}
ul.image li {width: 98px; margin: 0 11px 20px; _margin: 0 8px 20px; float: left; font-size: 12px; font-weight: bold; text-transform: uppercase;}
ul.image li.btm {margin-bottom: 0;}
ul.image li a {display: block; width: 100%; height: 32px; padding: 95px 0 0; background-position: center top; background-repeat: no-repeat; text-align: center; text-decoration: none; color: #28444f; outline: none;}
ul.image li a:hover {text-decoration: underline;}
ul.image li a.active {color: #3074a3;}
ul.image li .v01 {background-image: url('../design/vyrobky01.png');}
ul.image li .v02 {background-image: url('../design/vyrobky02.png');}
ul.image li .v03 {background-image: url('../design/vyrobky03.png');}
ul.image li .v04 {background-image: url('../design/vyrobky04.png');}
ul.image li .v05 {background-image: url('../design/vyrobky05.png');}
ul.image li .v06 {background-image: url('../design/vyrobky06.png');}
ul.image li .v07 {background-image: url('../design/vyrobky07.png');}
ul.image li .s01 {background-image: url('../design/sluzby01.png');}
ul.image li .s02 {background-image: url('../design/sluzby02.png');}
ul.image li .s03 {background-image: url('../design/sluzby03.png');}
ul.image li .s04 {background-image: url('../design/sluzby04.png');}

.gallery {padding: 0 42px;}
.gallery h3 {margin: 15px 15px 0 15px !important; padding: 3px 0; font-weight: bold; text-transform: uppercase;}
.gallery h3 span {padding: 3px 7px; background: #a9a9a9; color: #fff;}
.gallery a img {border: 3px solid #b0ada7; width: 182px; margin: 15px;}
.gallery a:hover img {border: 3px solid #3074a3;}


#foot {clear: both; height: 20px; padding: 15px 0px; text-align: center; background: #e2e2e2 url('../design/foot.gif') left bottom no-repeat scroll; color: #484848}
#foot .right {float: right; display: block;}
#foot a {color: #3074a3; text-decoration: none;}
#foot a:hover {text-decoration: underline;}

form {margin: 20px 0;}
form input[type=text] {width: 170px; height: 16px; margin-bottom: 5px;}
form label {display: block; float: left; width: 110px; line-height: 20px; padding-right: 5px; margin-bottom: 5px; text-align: right;}
form textarea {width: 355px;}
form .kod {width: 478px; text-align: center;}
form .kod input {width: 30px; text-align: center;}
form .submit {width: 478px; text-align: right;}

.clear {clear: both;}

a {color: #000;}
a:hover {text-decoration: none;}
a img {border: none;}