/* Layout - grid */
.row { width: 100%; display: block; position: relative; }
.row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.col { position: relative; float: left; left: 100%; }

.row-main { width: 960px; margin: 0 auto; }

/*
.col-main { margin-left: -950px; width: 620px; }                                          
.col-side { margin-left: -310px; width: 290px; }
*/

.col-full { margin-left: -905px; width: 850px; }
                                                            
html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: #d3c677; color: black; }    /*barva pozadí*/

#header { position: relative; height: 325px; background: url(../img/bg-header.png) center 0px no-repeat; zoom: 1; min-width: 960px; }

#logo { position: absolute; left: 72px; top: 48px; }
#logo a { text-decoration: none; display: block; }
#logo img { display: block; }

#site-menu { position: absolute; left: 390px; top: 100px; }
#site-menu ul { margin: 0; padding: 0; list-style: none; }
#site-menu ul li { margin: 0; padding: 0 5px 0 0; float: left; }
#site-menu ul li.first { }
#site-menu ul li a, #top-menu ul li a:visited { display: block; height: 30px; padding: 10px 15px; color: #000; font-weight: bold; }
#site-menu ul li a:hover { color: #346930; }
#site-menu ul li.active a, #site-menu ul li.active a:visited { text-decoration: none; color: #346930; }
#main-menu { position: absolute; left: 390px; top: 240px; }
#main-menu ul { margin: 0; padding: 0; list-style: none; }
#main-menu ul li { margin: 0; padding: 0; float: left; }
#main-menu ul li.first {  }
#main-menu ul li a, #top-menu ul li a:visited { display: block; height: 20px; padding: 15px;  color: #000; font-weight: bold; }
#main-menu ul li a:hover { color: #346930; }

#main-menu ul li.active a, #main-menu ul li.active a:visited { text-decoration: none; /*background: #5dbb56;*/ color: #346930; }

/* BANNERY - mezery */
#banners { text-align: center; }
#banners img { margin: 5px 25px; }
/*#banners img.first { margin-left: 0px; margin-right: 3px; }*/

#share { position: absolute; right: -15px; top: 40px; text-align: right; }

#content { /*margin-top: 25px;*/ }

#footer { position: relative; height: 50px; background: url(../img/bg-footer.png) center top no-repeat; zoom: 1; margin: 25px 0; padding: 12px 0; color: #000; min-width: 960px; }
#footer a { color: #000; }

/* Related images */
.related-images { position: relative; margin: 0 0 30px; zoom: 1; }
.related-images ul { margin: 0 -10px 0 0; padding: 0; font-size: 0; position: relative; zoom: 1; list-style: none; }
.related-images ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.related-images ul li { margin: 0 10px 10px 0; padding: 0; background: none; float: left; _display: inline; position: relative; }
.related-images ul li a { display: block; position: relative; }
.related-images ul li img { display: block; margin: 0; }

/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { /*font-size: 100%; font-family: Arial, sans-serif; */ }

.inp-text { border: 1px solid #d8d8d8; background: #fff; }
input.inp-text, textarea { padding: 2px 3px; }

.btn-submit { padding: 1px 5px; }
 /*Ramecek na kontakt*/
.form-box { padding: 20px 20px 15px 20px; background: #959EC5; zoom: 1; position: relative; margin-bottom: 30px; }
.form-box .inp-fix { margin-right: 8px; display: block; }
.form-box .inp-fix .w-full { margin-right: -8px; }
.form-box p { margin-bottom: 8px; }

.error { color: #ed2024; font-weight: bold; }
.error-message, .ok-message { /*color: #2d5e19; font-size: 100%; */ font-weight: bold; margin: 15px 0; background: #7fdc74; padding: 5px 20px; }
.ok-message { background: #5dbb56; /*background: #dde6db url(../img/ico-tick.png) no-repeat 8px 50%;*/ }
.error-message { background: #ed2024; /*background: #dde6db url(../img/ico-cross.png) no-repeat 8px 50%;*/ }

.w-full { width: 100%;  }
.w-half { width: 50%;  }

.item-box { padding: 25px 0; /*border-bottom: 1px solid #5dbb56;*/ }
.item-box .img-box img { margin-right: 25px; }
.item-box h3 { margin: 0; } 