html, body {margin:0;padding:0;font-family:Roboto,Verdana,sans-serif;font-weight: 300;font-size:16px;background-color: #aaa;min-height:100%;position:relative}
a img {border:none}
.out {background-color:#ffffff;width:950px;padding-top:15px;padding-bottom:15px;margin-left:auto;margin-right:auto;position: relative;}
#page {width:918px;margin-left:auto;margin-right: auto;min-height:100%}
.out:before {
    box-shadow: -7px 0 7px -7px #888 inset;
    content: " ";
    height: 100%;
    left: -7px;
    position: absolute;
    top: 0;
    width: 7px;
}
.out:after {
    box-shadow: 7px 0 7px -7px #888 inset;
    content: " ";
    height: 100%;
    position: absolute;
    right: -7px;
    width: 7px;
    top:0px
}
.bpad {padding-left:20px;padding-right:20px}
.green {color:#86a72b}
.zelene {color:#86a72b}
.green a {color:#86a72b}
.zelene a {color:#86a72b}
strong {font-weight:400}
p {margin:0;margin-bottom:10px;}
a {color:#000;font-weight:400;text-decoration: underline}
a:hover {color:#444;text-decoration:underline}
#header {width:916px;height:184px;background-color:#ffffff;color:#ffffff;background-image:url(/img/bg_header.png);background-repeat:no-repeat;background-position:top left;border:1px solid #769717;border-top-left-radius:10px;border-top-right-radius:10px;position:relative;}
#logo {width:142px;height:145px;position:absolute;top:27px;left:25px;}
#header .title {font-weight: 500;text-transform: uppercase;font-size:40px;position:absolute;top:45px;left:224px;margin:0;padding:0;letter-spacing:3px}
#header .subtitle {font-weight: 300;font-style:oblique;font-size:24px;position:absolute;top:94px;left:284px;margin:0;padding:0}

#menu {margin:0;padding:0;position:absolute;left:170px;bottom:9px;}
#menu li {display:inline-block;font-weight:400;}
#menu li a {color:#000000;text-decoration: none;text-transform: uppercase;position:relative;font-size: 15px;margin: 0;padding-left:8px;padding-right:8px;border-right:1px solid #86a72b;
}
#menu li:last-child a {border-right:none}
#menu li a:hover {color:#444;}
#menu li a.active {color:#444;}
#lang {margin:0;position:absolute;top:10px;right:10px;}
#lang li {display:inline-block;}
#lang li a {text-decoration:none}
#lang li a span {color:#ffffff;margin-left:10px;}
#lang li a:hover span {text-decoration: underline}
#lang li a img {opacity:0.7;}
#lang li a:hover img {opacity:1}
#lang li a.active img {opacity: 1}
.cols {display:block;position:relative}
.cols:after {
    top:0;
    right:197px;
    width:1px;
    height:100%;
    position:absolute;
    background:#85a91f;
    content:' '
}
#left {width:720px;float:left;min-height:400px;}
#left .in {padding-left:10px;padding-right:20px;}
#right {width:195px;float:right;}
h1,h2 {color:#86a72b;text-align:right;border-bottom:1px solid #85a91f;text-transform: uppercase;font-weight:500;font-size:20px;margin:0;padding:0;clear:both;margin-bottom:20px}

#right h2 {text-align: center;border:none}
#right .in {padding-left:10px;}
.cl {clear:both;width:100%;height:1px}
#footer {border-top:1px solid #85a91f;margin:10px;padding-top:10px;position:relative;min-height: 50px}
#footer .left {position:absolute;top:20px;left:0;}
#footer .right {position:absolute;top:15px;right:0;}
#footer .in {padding-left:220px;padding-right:220px;font-size:11px;margin-top:10px}
.divider {width:100%;height:1px;overflow: hidden;background:#85a91f;margin-top:10px;margin-bottom:10px}
#breadcrumbs {margin:10px}
#breadcrumbs,#breadcrumbs a {color:#828282;font-weight: 300;font-size:15px}
.imageonright {float:right;margin-bottom:5px;margin-left:20px;}
.imageonleft {float:left;margin-bottom:5px;margin-right:20px;}
.submenu {margin-top:10px;margin-bottom:10px;padding:0;text-align:center;margin-left:auto;margin-right:auto;max-width:500px;}
.submenu li {display:inline-block;width:106px;text-align:center;margin:15px}
.submenu li span {width:106px;height:106px;background:#85a91f;border-radius:10px;text-align:center;vertical-align: middle;display:table-cell;}
.submenu a {color:#666666;text-decoration: none;font-size:14px;font-weight:500}
.submenu a:hover {color:#444444}
.submenu li span img {width:90px;height:90px;}
.submenu li a:hover span {background:#457900}

.submenu2 {margin:0;margin-top:10px;margin-bottom:10px;padding:0;text-align:left;width:100%;display:block}
.submenu2 li {display:block;margin-bottom:5px;min-height:40px;vertical-align: middle}
.submenu2 li span {width:30px;height:30px;background:#85a91f;border-radius:5px;text-align:center;display:block;position:absolute;top:5px;left:0}
.submenu2 a {color:#666666;text-decoration: none;font-size:13px;font-weight:300;display:block;min-height:40px;padding-left:35px;position:relative}
.submenu2 a:hover {color:#444444}
.submenu2 li span img {width:20px;height:20px;margin:5px}
.submenu2 li a:hover span {background:#457900}
.submenu2 li a strong {display:table-cell;vertical-align: middle;height: 40px;text-transform: uppercase}

.gallery {text-align:center}
.gallery .fancybox img {margin:10px;}

#hamburger {display:none}
.block {position:relative}
.block table {width:100%;color:#666666;margin-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;padding:0}
.block table.table50 {width:50%;margin-left:auto;margin-right:auto}
.block table th {text-align:left;font-weight:normal;padding-top:4px;padding-bottom:2px;padding-left:0;padding-right:0;margin:0}
.block table td {text-align:right;padding-top:4px;padding-bottom:2px;padding-left:0;padding-right:0;margin:0}
.block table td.l {text-align:left}
.inp {box-sizing: border-box;width:100%;font-size:13px;border:1px solid #e1e1e1;padding:2px;color:#666666}
.inp:focus {color:#000000;outline: none;border:1px solid #86a72b}
table.list {border-collapse:collapse;border:1px solid #e0e0e0;border-spacing: 0}
table.list th {text-align: center}
table.list th,table.list td {padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;margin:0;border:1px solid #e0e0e0}
table.list tr:first-child th {background-color:#f1f1f1;border:1px solid #e0e0e0}
table.list td {text-align:center;}
table.list td:first-child {text-align:left}
table.list td:last-child {text-align:right}
table.list tr:hover td {background-color:#ffffe1}
table.list tr.inactive td {background-color:#000}
table.list tr.inactive td a {color:#fff}



table.form {width:100%;color:#666666;margin-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;padding:0}
table.form th {text-align:left;font-weight:normal;padding-top:4px;padding-bottom:2px;padding-left:0;padding-right:0;margin:0}
table.form td {text-align:right;padding-top:4px;padding-bottom:2px;padding-left:0;padding-right:0;margin:0}
table.form td.l {text-align:left}
table.form tr:hover td,table.form tr:hover th {background-color:#ffffe1}

table.form input[type=text],table.form select,table.form textarea {box-sizing: border-box;width:100%;font-size:13px;border:1px solid #e1e1e1;padding:2px;color:#666666}
table.form input[type=text]:focus,table.form select:focus,table.form textarea:focus {color:#000000;outline: none;border:1px solid #86a72b}


.btn {font-size:15px;background:#86a72b;color:#ffffff;padding:5px;padding-left:8px;padding-right:8px;border:1px solid #457900;cursor:pointer;cursor:hand;display:inline-block;margin-top:1px;margin-bottom:1px;margin-right:5px;text-decoration:none}
.btn:hover {background:#457900;color:#ffffff;text-decoration: none}

.red {background:#e52212;border-color:#a50000;}
.red:hover {background:#c50000;color:#ffffff;text-decoration: none}

.blue {background:#7db6dd;border-color:#3d869d;}
.blue:hover {background:#3d769d;color:#ffffff;text-decoration: none}

.article {margin-top:10px;margin-bottom:10px}
.article h3 {font-size:18px;margin:0px;}
.article .imageonleft {max-width:250px;}
.article ul {overflow:hidden}

.minibut {font-size: 13px;padding-top:2px;padding-bottom:2px;}
#message {width:50%;border:1px solid #96971b;background:#ffffff;padding:10px;position:absolute;top:20px;left:25%;box-sizing: border-box;z-index: 999}
#message h5 {margin:20px;text-align:center;font-size:14px;}
#message.error button {background:#e52212;border:1px solid #000000;}
#message.error button:hover {background:#d51202}

.acent {text-align:center !important}
.aright {text-align: right !important}
.hint {font-size:12px;margin-left:5px}

.captcha {padding:10px;width:220px;background:#f1f1f1;margin-top:10px;margin-bottom:10px;text-align:center;border:1px solid #c9c9c9}
 .captcha input {background: #ffffff;width:100px;letter-spacing: 3px;text-align:center}
 .captcha img {cursor:help}
 .captchacenter {width:240px;margin-left:auto;margin-right:auto}
.ico {border-radius:10px;padding:10px;background:#85a91f;margin-bottom:15px;text-align:center;}
.onlyMobile {display:none}

@media screen and (max-width:600px) {
    html, body {font-size:15px;background-color: #daded0}
    a img {border:none}
    .ico {display:none}
    .block img {max-width: calc(100% - 20px) !important; margin:10px !important; height: auto !important;float:none !important;display:block}
    #right img {display:inline;}
    .out {background-color:transparent;width:100%;padding-top:0px;padding-bottom:10px;position: relative}
    .noMobile {display:none}
    .onlyMobile {display:block}
    #page {width:100%;margin:0}
    .out:before {
        display:none;
    }
    .out:after {
        display:none;
    }
    .green {color:#86a72b}
    .block h1,.block h2,.block h3,.block h4,.block h5,.block p {text-align:left !important}
    p {margin:0;margin-bottom:10px;}
    a {color:#6092d1;text-decoration: none}
    a:hover {color:#5082c1;text-decoration:underline}
    #header {width:100%;background-color:#000000;color:#ffffff;background-image:none;border:none;border-top-left-radius:0px;border-top-right-radius:0px;position:relative;display:table;height:auto;margin-bottom:10px}
    #logo {width:50px;height:50px;position:absolute;top:0px;left:0px;display:block;text-align:center;background:#8a9f34}
    #logo img {width:40px;margin-top:4px}
    #hamburger {width:50px;height:50px;position:absolute;top:0px;right:0px;display:block;text-align:center;}
    #hamburger img {width:40px;margin-top:7px}
    #header .title {display:table;width:100%;position:static;top:0;left:0;margin:0;padding:0;}
    #header {background-image:none !important}
    #header .title span {font-weight: 500;color:#86a72b;text-transform: uppercase;font-size:20px;letter-spacing:1px;padding-left:55px;padding-right:55px;text-align:center;vertical-align: middle;display:table-cell;height:50px}
    #header .subtitle {display:none}
    #header:after {
        box-shadow:  0 5px 5px -5px #000 inset;
        content: " ";
        height: 5px;
        position: absolute;
        left:0;
        bottom: -5px;
        width: 100%;
    }
    .cols:after {display:none}
    #outmenu {display:none}
    .block {border:1px solid #bec0ba;box-shadow:0px 0px 3px #bec0ba;padding:10px;margin:10px;background-color: #fff;}
    #menu {margin:0;padding:0;position:static;left:0px;bottom:0px;}
    #menu li {display:block;font-weight:300;text-align:center;padding:0;margin-bottom:5px;margin-top:5px}
    #menu li a {color:#86addf;text-decoration: none;text-transform: uppercase;font-size:16px;margin:0;margin-right:0px;position:relative;border:none}
    #menu li a:hover {color:#668dbf;}
    #menu li a.active {color:#668dbf;}
    #lang {margin:0;position:static;top:0px;right:0px;text-align:center;display:block;padding:0;margin-top:5px;margin-bottom:5px}
    #lang li {display:inline-block;padding:0}
    #lang li a img {opacity:0.7;margin:10px}
    #lang li a:hover img {opacity:1}
    #lang li a.active img {opacity: 1}
    #left {width:100%;float:none;border-right:none;min-height:0px;}
    #left .in {padding-left:0px;padding-right:0px;}
    #right {width:100%;float:none}
    h1,h2 {text-align:center;font-size:20px;margin:0;padding:0;clear:both;margin-bottom:15px;border-bottom:none}
    #right h2 {text-align:center;font-size:20px;margin:0;padding:0;clear:both;margin-bottom:15px;border-bottom:none}

    #right .in {padding-left:0px;}
    .cl {clear:both;width:100%;height:1px}
    #footer {border-top:none;margin:10px;padding-top:0px;position:relative;min-height: 0px}
    #footer .left {position:static;float:left;max-width:40%}
    #footer .right {position:static;float:right;max-width:40%}
    #footer .left img {max-width:100%;}
    #footer .right img {max-width:100%;}
    #footer .in {clear:both;padding-left:0px;padding-right:0px;font-size:11px;margin-top:10px;text-align:center}
    .divider {display:none}
    #breadcrumbs {display:none}
    .imageonright,.imageonleft {float:none;margin-top:10px;margin-bottom:10px;margin-left:-10px;margin-right:-10px;width:100% !important;width:calc(100% + 20px) !important;max-width:100% !important;max-width:calc(100% + 20px) !important;}
    .submenu {margin:0;margin-top:10px;margin-bottom:10px;padding:0;text-align:center}
    .submenu li {display:inline-block;width:106px;text-align:center;margin:15px}
    .submenu li span {width:106px;height:106px;background:#85a91f;border-radius:10px;text-align:center;vertical-align: middle;display:table-cell;}
    .submenu a {color:#666666;text-decoration: none;font-size:14px;font-weight:500}
    .submenu a:hover {color:#444444}
    .submenu li span img {width:90px;height:90px;}
    .submenu li a:hover span {background:#457900}

    .submenu2 {margin:0;margin-top:10px;margin-bottom:10px;padding:0;text-align:left;width:100%;display:block}
    .submenu2 li {display:block;margin-bottom:5px;min-height:40px;vertical-align: middle}
    .submenu2 li span {width:30px;height:30px;background:#85a91f;border-radius:5px;text-align:center;display:block;position:absolute;top:5px;left:0}
    .submenu2 a {color:#666666;text-decoration: none;font-size:13px;font-weight:300;display:block;min-height:40px;padding-left:35px;position:relative}
    .submenu2 a:hover {color:#444444}
    .submenu2 li span img {width:20px;height:20px;margin:5px}
    .submenu2 li a:hover span {background:#457900}
    .submenu2 li a strong {display:table-cell;vertical-align: middle;height: 40px;text-transform: uppercase}

    .gallery {text-align:center}
    .gallery .fancybox img {max-width:150px;margin:10px;}
    .mobileBroken,.mobileBroken tr,.mobileBroken td,.mobileBroken th {display:block;width:100% !important}
    .form,.form tr,.form td,.form th,.form col,.form tbody {display:block;width:100% !important;text-align:left}
    form {max-width:none !important;}
    .bpad {padding-left:0px;padding-right:0px}
}