@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp, b
small, strike, tt, var,
b, u, i, center, multiselect
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ul {
    list-style: none;

}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

*:focus {
    outline: none
}

/*selection color */
::selection {
    background: #37c7ab;
    color: #FFF;
}

::-moz-selection {
    background: #37c7ab; /* Firefox */
    color: #FFF;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* ---------------------------------------------------------- */

/* basic layout */

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    color: #414141;

    background-color: #ffffff;

}

html, body {
    height: 100%;

}

a {
    color: #000000;
    text-decoration: none;
}

a:hover {
    color: #37c8ab;
    text-decoration: none;
}

.strong {
    font-weight: bold;
}

.clear {
    clear: both;
}

.clear_left {
    clear: left;
}

.clear_right {
    clear: right;
}

.left, .m_left_1 {
    float: left;
}

.right, .m_right_1 {
    float: right;
}

body.touch .touch_hide {
    display: none !important;
}

.hide, .hide2 {
    display: none;
}

.t_center {
    text-align: center;
}

.t_right {
    text-align: right;
}

.t_left {
    text-align: left;
}

.inl_block {
    display: inline-block;
    vertical-align: top;
}

.table_block {
    display: table;
    width: 100%;
}

.t_cell, .t_cell_block, .f_b.t_cell {
    display: table-cell;
}

.t_row_block {
    display: table-row;
}

.small_c {
    text-transform: lowercase;
}

.no_wrap {
    white-space: nowrap;
}

.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.oh {
    overflow: hidden;
}

.ov {
    overflow: visible;
}

.break-me {
    word-wrap: break-word;
}

.open {
    cursor: pointer;
}

.wait.w1 {
    background-image: url("../images/layout/ajax_loader_1.gif");
    background-repeat: no-repeat;
    width: 16px;
    height: 11px;
    display: block;
    display: none;
}

body.touch .click {
    cursor: pointer
}

/* ----------------------------------------------------------------------  */

.content_page {
    /*width: 950px;*/
    width: 98%;

    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    clear: both;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    /*background-color: #ff1493;*/

}

.content_page.v2 {
    position: initial;
}

.content_page.v3 {
    display: table;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-right: auto;
    margin-bottom: -80px;
    margin-left: auto;
}

.push {
    margin-top: 20px;
}

.push, footer {
    height: 80px;
}

.main_content {
    /*background-color: windowtext;*/

    display: table-cell;
    vertical-align: top;
}

.left_block {
    padding-right: 30px;
    width: 300px;
    display: table-cell;
    /*background-color: yellowgreen;*/
    vertical-align: top;

}

#goto_top {
    background-color: rgba(0, 0, 0, 0.2);

    bottom: -60px;
    right: 0px;
    cursor: pointer;
    overflow: hidden;
    position: fixed;

    width: 60px;
    height: 60px;

    -webkit-transition: background-color 500ms ease-out 0s;
    -moz-transition: background-color 500ms ease-out 0s;
    -o-transition: background-color 500ms ease-out 0s;
    transition: background-color 500ms ease-out 0s;
    text-align: center;
}

#goto_top span {

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 18px 15px 18px;
    border-color: transparent transparent rgba(255, 255, 255, 0.7) transparent;
    display: inline-block;
    margin-top: 21px;
}

#goto_top:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

/* HEADER */
header {
    margin-bottom: 40px;
    background-color: #6acaff;
}

.header_wrap {

    min-height: 100px;

    background: #6acaff; /* Old browsers */
    background: -moz-linear-gradient(top, #6acaff 0%, #6acaff 50%, #b2df95 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6acaff), color-stop(50%, #6acaff), color-stop(50%, #b2df95)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6acaff 0%, #6acaff 50%, #b2df95 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6acaff 0%, #6acaff 50%, #b2df95 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6acaff 0%, #6acaff 50%, #b2df95 50%); /* IE10+ */
    background: linear-gradient(to bottom, #6acaff 0%, #6acaff 50%, #b2df95 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6acaff', endColorstr='#b2df95', GradientType=0); /* IE6-9 */

    position: relative;

}

#logo_header {
    background-image: url("../images/layout/it_dopyt.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 238px;
    height: 70px;
    position: absolute;
    top: 0px;
    z-index: 1;
}

.main_menu {

    line-height: 50px;
    margin-left: 280px;
    position: relative;

}

.main_menu.v1 {

}

.main_menu.v1.user {
    margin-left: 20px;
    float: right;
}

.main_menu.v2 {
    clear: both;
}

.main_menu .odk_button {
    padding: 10px 8px;
    margin-top: 8px;
    font-size: 12px;
}

.main_menu.v2 .odk_button.but_1, .main_menu.v2 .odk_button.but_4 {
    color: #ffffff;
}

.main_menu li {
    float: left;
    position: relative;

}

.main_menu li.right {
    float: right;

}

.main_menu.v1 li.odk_button {
    margin-right: 20px;
}

.main_menu.v1 li.odk_button a:hover {
    text-decoration: none;
}

.main_menu.v1 li {
    margin-right: 30px;
}

.main_menu.v2 li {
    margin-right: 5px;;
}

.main_menu li a {
    display: block;
    float: left;
}

.main_menu li a:hover {
    text-decoration: underline;
}

.main_menu li:last-of-type {
    margin-right: 0px;;
}

.main_menu.v1 li a {
    color: #ffffff;
}

.main_menu.v2 li a {
    color: #000000;
}

.main_menu.v2 li:after {
    content: "|";
    float: left;
    margin-left: 5px;
    margin-top: -1px;
    color: rgba(0, 0, 0, 0.1);
}

.main_menu.v2 li:last-of-type:after {
    content: "";
    margin-left: 0px;
}

.main_menu.user ul {
    display: none;
    width: 100%;
    float: none;
    position: absolute;
    z-index: 103;
    padding: 3px 0px;
    line-height: initial;
    background-color: #4eade1;

    max-width: 200px;
    top: 50px;
    right: 0px;

    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.17);

    border-radius: 0 0 4px 4px;

}

.main_menu.user ul li {
    margin: 0px 5px;
    float: none;
}

.main_menu.user ul li:first-of-type {
    margin-bottom: 8px;
}

.main_menu.user ul li a {
    display: block;
    padding: 5px 5px;
    width: 100%;
    box-sizing: border-box;
    float: none;
}

.main_menu.user ul li a.logoff {
    background-image: url("../images/layout/logoff_icon.png");
    background-repeat: no-repeat;
    background-position: 4px center;
    padding-left: 26px;
}

.main_menu.user ul li a:hover {
    background-color: #6acaff;
    color: #ffffff;
    border-radius: 3px;
    text-decoration: none;
}

.main_menu.user .submenu {

}

.main_menu.user .submenu:hover {
    text-decoration: none;

}

.main_menu.user .submenu span {

    background-image: url("../images/layout/arrow_1.png");
    background-repeat: no-repeat;
    background-position: center center;

    margin: 0 0 0 15px;
    padding: 0 10px;

    display: block;
    float: right;
    width: 30px;
    height: 50px;

    background-color: #5fbff3;

}

.main_menu.user .submenu span:hover, .main_menu.user .submenu.activ span {
    background-color: #4eade1;
}

.search_box {
    position: relative;
    float: right;
    margin-top: 7px;

}

.search_box .inp {
    height: 32px;
    width: 200px;
    border: 1px solid #96c478;
}

.search_box .f_b.activ .inp {
    border: 1px solid #729958;

}

.search_box .inp input {
    height: 32px;
}

.search_box .but_pl {
    position: absolute;
    right: 2px;
    top: 4px;
    z-index: 102;
}

.search_box .search_butt {
    float: left;
    background-image: url("../images/layout/search_icon.png");
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    padding: 0px;
    overflow: hidden;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.search_box .search_butt:hover, .search_box .f_b.activ .search_butt {
    background-position: bottom;

}

/* ----------------------------------------------------------------------  */

/* footer */

footer {
    background-color: #f5f5f5;

}

footer .content_page {
    padding: 35px 0 10px;

}

.copyright, .makers {
    text-align: center;
    font-size: 14px;
}

.makers {
    font-size: 10px;
}

/* ----------------------------------------------------------------------  */
/* pomocne prvky*/

.pom_1 {
    margin-bottom: 10px;
}

.pom_2, .m_pom_2 {
    margin-right: 10px;
}

.pom_3 {
    margin-top: 20px;
}

.pom_4 {
    margin-bottom: 20px !important;
}

.pom_5, .m_pom_5 {
    width: 70px;
}

.f_blue {
    color: #6acaff;
}

.f_green, .f_green:hover {
    color: #91b679;
}

.f_green:hover {
    text-decoration: underline;
}

.f_12 {
    font-size: 12px;
}

.sign {
    padding-left: 2px;
}

.no_items {
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
    color: #b3b3b3;
    font-style: italic;
}

.contact_item {
    display: inline-block;
    margin-right: 80px;
    margin-bottom: 20px;
    overflow: hidden;
}

.contact_item2 {
    clear: both;
    margin-top: 30px;
}

.desc {
    font-size: 15px;
    margin: 30px 0;

}

/* msg hlasky */

.form_msg {
    /*display:none;*/
}

.msg_alert_1 {
    margin: 15px 0px;
    padding: 8px 10px;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;

    text-align: left;
    background-color: #c73737;
    border-radius: 4px;
}

.msg_alert_1 .h {
    font-weight: bold;
}

.msg_alert_1.icon_1 {
    background-image: url('../images/layout/not_alert_1.png');
    background-repeat: no-repeat;
    background-position: 10px 5px;
    padding: 8px 10px 8px 40px;
}

.msg_alert_2 {
    margin: 15px 0px;
    padding: 8px 10px;
    color: #525252;
    font-size: 12px;
    line-height: 16px;

    text-align: left;
    background-color: #ebebeb;
    border-radius: 4px;
}

.notice_msg_wrap {
    position: fixed;
    width: 100%;
    text-align: center;
    z-index: 9999;
    top: 0;

}

.notice_msg {
    display: inline-block;
    padding: 10px 30px 10px 40px;
    max-width: 600px;
    min-height: 20px;
    position: relative;
    color: #ffffff;
    font-size: 12px;
    text-align: left;

    z-index: 9999;
    background-image: url('../images/layout/not_alert_1.png');
    background-repeat: no-repeat;
    background-position: 10px 7px;

    background-color: #c73737;
    -webkit-box-shadow: 0px 5px 4px -4px rgba(50, 50, 50, 0.27);
    -moz-box-shadow: 0px 5px 4px -4px rgba(50, 50, 50, 0.27);
    box-shadow: 0px 5px 4px -4px rgba(50, 50, 50, 0.27);

    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    border-radius: 0px 0px 6px 6px;

}

.notice_msg_wrap.m_close .notice_msg a {
    color: #ffffff;
    text-decoration: underline;
}

.notice_msg_wrap.m_close .notice_msg a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.notice_msg_wrap span.close {
    background-color: rgba(0, 0, 0, 0.1);
    background-image: url('../images/layout/close_4.png');
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 10px;
    right: 4px;
    padding: 3px;
    cursor: pointer;
}

.notice_msg_wrap span.close:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

/*zoznamy*/

.list_1 {

}

.list_1 li {
    float: left;

}

.list_1 li a {

}

.list_1 li:after {
    content: "|";
    margin-left: 10px;
    padding-right: 10px;
    margin-top: -1px;
    color: rgba(0, 0, 0, 0.1);

}

.list_1 li:last-of-type:after {
    content: "";
    margin-left: 0px;
    padding-right: 0px;
}

.list_2 {
    font-size: 14px;
    overflow: hidden;
}

.list_2 li {
    float: left;
    background-color: #f2faee;
    padding: 7px 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.list_2 li, .list_2 li a {
    color: #475e37;
}

.list_2 li:last-of-type {
    margin-right: 0px;
}

.list_2 li a {

}

/*  cat menu  */

.sec_title {

    color: #000000;
    font-size: 15px;
    line-height: 15px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 15px 13px;
    text-transform: uppercase;

    background-color: #6acaff;
    border-radius: 4px;

}

.cat_menu {
    font-size: 15px;
    line-height: 22px;
    background-color: #f0faff;
    border-radius: 4px;
    padding: 8px 13px;
}

.cat_menu li {
    position: relative;
    padding: 3px 0;
    overflow: hidden;

}

.cat_menu li a {
    color: #000000;
    display: block;

}

.cat_menu li a:hover {
    color: #6acaff;

}

.cat_menu li ul {
    padding-left: 20px;
}

.cat_menu li ul li ul {
    padding-left: 20px;
}

.cat_menu li.sub_cat ul {
    display: none;
}

.cat_menu li.sub_cat.activ ul {
    display: block;
}

#res_cat_menu {
    display: none;
}

.cat_menu li .plus {
    background-image: url("../images/layout/plus_minus_1.png");
    background-position: left top;
    width: 14px;
    height: 14px;
    display: block;
    float: left;
    cursor: pointer;
    margin: 5px 5px 0 0;
}

.cat_menu li.sub_cat.activ .plus {
    background-position: left bottom;
}

/* --------------------------------- */

/*  cat menu form  */

.cat_menu_form .main_cat {
    background-color: #f1fde9;
    border-radius: 4px;
    padding: 10px 5px 10px 40px;
    display: block;
    overflow: hidden;

}

.cat_menu_form .main_cat:hover {
    background-color: #dbf5ca;

}

.cat_menu_form {
    font-size: 15px;
    line-height: 22px;
    text-align: left;
}

.cat_menu_form a:hover {
    color: #000000;
}

.cat_menu_form li {
    position: relative;
    padding: 3px 0;

}

.cat_menu_form li ul {
    max-height: 110px;

}

.cat_menu_form li.sub_cat ul {
    display: none;
    margin: 5px 0 0 0px;

}

.cat_menu_form li.sub_cat ul.show {
    display: block;

}

.cat_menu_form li.sub_cat ul li {
    margin-left: 8px;
}

.cat_menu_form li.sub_cat ul li ul li {
    margin-left: 35px;
}

.cat_menu_form li.sub_cat {
    clear: both;

    margin-bottom: 0px;
    display: inline-block;
    vertical-align: top;
    width: 32%;
    box-sizing: border-box;
    margin-right: 1%;
}

.cat_menu_form ul li.sub_cat {

    width: 100%;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0 !important;
}

.cat_menu_form li.sub_cat:nth-of-type(3n) {
    margin-right: 0;
}

.cat_menu_form .f_b label.checkbox {
    padding: 0;

}

.cat_menu_form .main_cat .plus {
    background-image: url("../images/layout/plus_minus_2.png");
    background-position: left top;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 10px;
    left: 5px;

}

.cat_menu_form ul li.sub_cat .main_cat .plus {
    background-image: url("../images/layout/plus_minus_3.png");
    width: 20px;
    height: 20px;
    top: 15px;
    left: 8px;

}

.cat_menu_form .main_cat.activ .plus {
    background-position: bottom;
}

/* --------------------------------- */

/* ----------------------------------------------------------------------  */
/* BUTTONS  */

button {
    border: none;
    background-color: transparent;
    margin: 0px;
}

button[disabled] {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button, .odk_button {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: bold;

    line-height: 15px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    display: block;
    vertical-align: middle;
    padding: 15px;
    border-radius: 5px;
    transition: background 0.2s ease 0s, opacity 0.2s ease 0s;

}

button.hide, .odk_button.hide {
    display: none;
}

button.inl_block, .odk_button.inl_block {
    display: inline-block;
}

button.auto, .odk_button.auto {
    width: auto;
}

/* button sizes */

button.size_0, .odk_button.size_0 {
    max-width: 100%;
}

button.size_1, .odk_button.size_1 {
    min-width: 220px;
}

button.size_3, .odk_button.size_3 {
    padding: 5px 10px;
}

/* button types */
.but_1 {
    color: #000000;
    width: auto;
    background-color: #6acaff;
}

.but_1:hover {
    color: #ffffff !important;
    background-color: #4db3ec;
    text-decoration: none !important;
}

.but_1:active {
    color: #ffffff;
    background-color: #3fa0d6;
}

.but_2 {
    color: #000000;
    width: auto;
    background-color: #b2df95;
}

.but_2:hover {
    color: #ffffff;
    background-color: #96cb74;
}

.but_2:active {
    color: #ffffff;
    background-color: #80b65d;
}

.but_3 {
    color: #ffffff;
    width: auto;
    background-color: #1986c2;
}

.but_3:hover {
    color: #ffffff;
    background-color: #0c73ac;
}

.but_3:active {
    background-color: #096496;
}

.but_4 {
    color: #ffffff;
    width: auto;
    background-color: #8bc963;
}

.but_4:hover {
    color: #ffffff;
    background-color: #659347;
    text-decoration: none !important;
}

.but_4:active {
    color: #ffffff;
    background-color: #537c39;
}

.but_5 {
    color: #ffffff;
    width: auto;
    background-color: #ff4b55;
}

.but_5:hover {
    color: #ffffff;
    background-color: #ff1b34;
    text-decoration: none !important;
}

.but_5:active {
    color: #ffffff;
    background-color: #ff1b34;
}

/* ----------------------------------------------------------------------  */

/* nadpisy */

.ndp_1 {

    color: #000000;
    font-size: 20px;
    margin-bottom: 10px;
    padding: 8px 13px;
    text-transform: uppercase;

    background-color: #b2df95;
    border-radius: 4px;
}

.ndp_1.v2 {

    color: #ffffff;
    background-color: #6acaff;
}

.ndp_2 {
    color: #000000;
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.ndp_3 {
    color: #000000;
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
    background-color: #f2f2f2;
    padding: 10px;

}

/* ----------------------------------------------------------------------  */

/* aricle block */

.article_block {
    position: relative;
    margin-bottom: 15px;
    /*padding: 5px 5px;*/
    overflow: hidden;

}

.edit .article_block {
    padding: 5px 5px;
}

.article_block h1 {
    color: #414141;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 5px 0 10px;
}

.article_block h2 {
    color: #414141;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    margin: 5px 0 10px;
    font-weight: normal;
}

.article_block h3 {
    color: #414141;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.article_block .f_small {
    font-size: 11px;
    line-height: 13px;
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

.article_block p {

}

.article_block .standard_text {
    font-size: 16px;
    line-height: 135%;
    text-align: justify;
}

.article_block .standard_text a {
    color: #37c8ab;
    text-decoration: none;
}

.article_block .standard_text a:hover {
    text-decoration: underline;
}

.article_block ol, .article_block ul {
    margin: 10px 0px;
    padding-left: 25px;
}

.article_block ol li {
}

.article_block ul li:before {
    color: #6acaff;
    content: "■";
    display: block;
    font-size: 20px;
    left: -20px;
    max-height: 0;
    max-width: 0;
    position: relative;
    top: -2px;
}

.article_block .c_image_wide {
    text-align: center;
    width: 100%;
    margin: 10px 0;

}

.article_block .c_image_wide a {
    width: 100%;
}

.img_res {
    width: auto; /* This makes the next two lines work in IE8. */
    max-width: 100%;
    height: auto; /* Add !important if needed. */
}

/* --------------------------------- */

/* news block*/
.top_msg {
    margin-bottom: 10px;
}

.top_msg ul {
    width: 100%;

}

.top_msg ul li {

    display: inline-block;
    vertical-align: top;
    width: 20.3%;

    height: 110px;
    box-sizing: border-box;
    padding: 5px 5px 5px 0;
    border-right: 1px solid #b7d4da;
    overflow: hidden;
}

.top_msg ul li .msg {
    font-size: 12px;
    line-height: 16px;
    margin-left: 5px;
}

.top_msg ul li .msg img {
    display: block;
    margin-bottom: 5px;

}

.top_msg ul li.news_wrap {
    width: 37%;
    border-right: none;
    margin-right: 0px;
}

.top_msg ul li .news {
    clear: both;
    overflow: hidden;
    height: 70px;
}

.top_msg ul li .news .date {
    padding-right: 10px;
    color: #6acaff;
}

.top_msg ul li .news a {
    color: #6acaff;
    text-decoration: underline;
}

.top_msg ul li .news a:hover {
    color: #408eb9;
}

#top_msg {
    margin-top: 10px;
}

/* ----------------------------------------------------------------------  */

/* modal_box*/

/* Z-index of .modal_overlay must lower than .modal_box .window */
.modal_overlay {
    position: absolute;
    z-index: 9000;
    background-color: #000;
    top: 0px;
    left: 0px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal_box .window {
    position: absolute;
    max-width: 960px;
    min-width: 250px;
    height: auto;
    display: none;
    z-index: 9001;
    background-color: #ffffff;
    border-radius: 6px 6px 6px 6px;

    box-shadow: 0px 0px 10px -4px #000000;
    -webkit-box-shadow: 0px 0px 10px -4px #000000;
    -moz-box-shadow: 0px 0px 10px -4px #000000;
    -o-box-shadow: 0px 0px 10px -4px #000000;

}

.modal_box .window.top {
    border-radius: 0px 0px 6px 6px;
}

.modal_box .header_sign {
    background-image: url("../images/layout/modal_header.png");
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: 36px;
    top: -20px;
    position: absolute;
    text-align: center;
    display: inline-block;
}

.modal_box .close {
    background-image: url('../images/layout/close_4.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 12px;
    width: 12px;
    position: absolute;
    top: 10px;
    right: 5px;
    cursor: pointer;
    z-index: 1;
    background-color: #269680;
    padding: 5px;

}

.modal_box .close:hover {
    background-color: #1b6d5d;
}

.modal_box_header {

    background-color: #6acaff;
    color: #ffffff;
    font-size: 17px;
    line-height: 20px;
    min-height: 20px;
    font-family: Arial, Tahoma;
    padding: 10px 10px;
    text-transform: uppercase;

}

.bot_plc {
    position: relative;
    border-top: 1px solid #e6eced;
    margin-top: 0px;
    padding: 12px 10px 0px 10px;
    overflow: hidden;
    clear: both;
}

.modal_box .bot_plc .close {
    position: relative;
    display: block;
    margin-top: 0px;
    float: left;
    top: initial;
    right: initial;
}

/* --------------------------------- */

/* modal fancy box */

.modal_ksa .fancybox-title-inside-wrap {
    padding-top: 0px;
}

.mbh_b {
    height: 5px;
}

/* --------------------------------- */

/* short navigation */

.short_nav {
    padding: 0px;
    margin: 0px 0px 10px;
    font-size: 0.9em;
    color: #bbbbbb;
    overflow: hidden;
    position: absolute;
    top: -30px;
}

.short_nav li {
    float: left;
    list-style-type: none;
}

.short_nav li a {
    display: block;
    color: #a9a9a9;
    padding-right: 5px;
    font-weight: normal;
}

.short_nav li a:after {
    content: "/";
    padding-left: 5px;
}

.short_nav li:last-of-type a:after {
    content: "";
}

.short_nav li a:hover {
    color: #6acaff;
}

/* -------------------------------------------------------------------------------------------------- */
/* pagination */

.pagination {
    list-style-type: none;
    clear: both;
    padding: 0px;
    margin-top: 15px;
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #FFFFFF;

}

.pagination ul {

    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    text-align: center;
    font-size: 16px;
}

.pagination ul li {
    /*   display:block;*/
    float: left;
    list-style: none;
    padding: 0;
    position: relative;
    right: 50%;
}

.pagination li {
    margin-right: 7px;

}

.pagination li a {
    color: #636363;
    display: block;
    text-align: center;
    padding: 0px 10px;
    height: 28px;
    line-height: 28px;
    background-color: #f5f5f5;
    z-index: 1;
    border-radius: 4px;
    transition: background 0.2s ease 0s, opacity 0.2s ease 0s;
}

.pagination li.activ a, .pagination li a:hover {
    color: #FFFFFF;
    background-color: #b2df95;
}

.pagination li.prev a, .pagination li.next a {
    background-repeat: no-repeat;
    background-position: center 4px;
    padding: 0px 15px;
}

.pagination li.prev a:hover, .pagination li.next a:hover {
    background-position: center -17px;
}

.pagination li.prev a {
    background-image: url("../images/layout/page_prev.png");
}

.pagination li.next a {
    background-image: url("../images/layout/page_next.png");
}

.pagination .pag_info {
    float: right;
    padding-top: 6px;
    color: #b3b3b3;
}

/* ---------------------------------------------------------- */

/* FORM styles */

/* form item block */
.modify_content {
    padding: 0px 22px;
    clear: both;
    display: inline-block;
    box-sizing: border-box;
}

.modify_content.v2 {
    padding: 0px 0px;
    display: inherit;
}

.modify_content.v2.inl_block {
    display: inline-block;
}

.modify_content.size_1 {
    width: 650px;
}

/* ----------------------- */

/* fieldset */
.fs_1 {
    border-top: 1px solid #b2df95;
    padding: 10px 0;
    margin: 20px 0 10px;
    background-color: #ffffff;
    position: relative;
}

.fs_1 legend {
    font-size: 12px;
    text-align: left;
    color: #91b679;
    background-color: #ffffff;
    position: absolute;
    padding: 5px;
    left: 10px;
    top: -15px;
}

/* ------------- */

.w_auto, .f_b.w_auto {
    width: auto;
}

.f_b {
    padding: 2px 0px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.f_b.left, .f_b.right {
    padding-bottom: 6px;
}

.f_b.vis {
    overflow: visible;
}

.f_b.np {
    padding: 0px;
}

.f_b label, .lab_1 {
    display: block;
    float: left;
    width: 150px;
    text-align: right;
    line-height: 18px;
    margin-right: 20px;
    padding-top: 11px;
    font-size: 13px;
    font-family: Arial, Tahoma;
    position: relative;
}

.f_b.activ label {
    color: #91b679;

}

.f_b label.t_left, .lab_1.t_left {
    text-align: left;
}

.f_b label span {
    font-size: 0.8em;
}

.modify_content.v2 .f_b label, .modify_content.v2 .lab_1 {
    float: none;
    margin-bottom: 3px;

    text-align: left;
    width: 100%;
    position: relative;
    margin-right: 0px;
    line-height: 13px;

}

.f_b label.l_1, .modify_content .f_b label.l_1, .f_b .lab_1.l_1, .modify_content .f_b .lab_1.l_1 {
    width: auto;
}

/* input field */

.inp input {
    height: 36px;
    line-height: normal;
    padding: 0;
    margin-left: 10px;
    line-height: normal;
    width: 90%;
}

.inp input:focus::-webkit-input-placeholder {
    color: transparent;
}

.inp input:focus::-moz-placeholder {
    color: transparent;
}

/*select box */
.select_box_select {
}

/* odsadenie poloziek v selectboxe */
.select_box .odd_1:before, select .odd_1:before {
    content: '└ ';
    color: #999999;
}

.select_box .odd_2:before, select .odd_2:before {
    content: '\00a0\00a0└ ';
    color: #999999;
}

.select_box .odd_3:before, select .odd_3:before {
    content: '\00a0\00a0\00a0\00a0└ ';
    color: #999999;
}

.select_box .odd_4:before, select .odd_4:before {
    content: '\00a0\00a0\00a0\00a0\00a0\00a0└ ';
    color: #999999;
}

.select_box [class^="odd"] {
    font-weight: normal;
}

body.touch .select_box_select {

    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */

    background-image: url("../images/layout/fancy_select_arrow_mobil.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #ffffff;

    border: 1px solid #d3d3d3;
    border-radius: 3px 3px 3px 3px;

    text-align: left;

    padding: 5px 25px 5px 5px;

    width: 220px;
    height: 40px;
    position: relative;
    float: left;
    font-size: 1em;
    color: #60656A;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

body.touch .f_b.right .select_box_select {
    float: right;
}

body.touch .f_b.typ_2 .select_box_select {
    font-size: 0.8em;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(187, 200, 203, 0.62);
    -moz-box-shadow: 0px 1px 1px 0px rgba(187, 200, 203, 0.62);
    box-shadow: 0px 1px 1px 0px rgba(187, 200, 203, 0.62);
    background-image: url("../images/layout/arrow_2_mobil.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #ffffff;
    height: 32px;
}

body.touch .f_b .select_box_select.dis, .f_b .select_box.dis {
    background-color: #f1f4f6;
}

.select_box .val {
    overflow: hidden;
    position: absolute;

    padding-right: 30px;
    padding-left: 10px;
    color: #7F8287;
    font-size: 14px;
    height: 38px;
    line-height: 38px;

}

.select_box .v {
    background-image: url('../images/layout/fancy_select_arrow.png');
    height: 13px;
    width: 12px;
    position: absolute;
    right: 7px;
    top: 13px;
    z-index: 1;
}

.f_b.typ_2 .select_box .v {
    background-image: url("../images/layout/arrow_2.png");
    height: 5px;
    width: 10px;
    top: 15px;
    right: 9px;
}

.select_box:hover .v {
    background-position: bottom;
}

.select_box_list {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #ffffff;
    display: none;

    padding-top: 5px;
    max-height: 200px;
    overflow: hidden;
    border: 1px solid #d3d3d3;
    border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: inset 0 1px 7px -2px #d3d3d3;
    -webkit-box-shadow: inset 0 1px 7px -2px #d3d3d3;
    box-shadow: inset 0 1px 7px -2px #d3d3d3;
    -moz-box-shadow: 3px 3px 3px -3px #000;
    -webkit-box-shadow: 3px 3px 3px -3px #000;
    box-shadow: 3px 3px 3px -3px #d3d3d3;
}

.select_box_list_ul {
    width: 100%;
    height: 95%;
}

.select_box_list ul {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;

    padding-top: 0px;
    padding-bottom: 3px;
    overflow: auto;
    margin-left: 5px;
    margin-right: 5px;

}

.select_box_list li {
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 15px;
    cursor: pointer;
    margin-right: 3px;
    margin-bottom: 2px;
    float: none !important;
    font-size: 0.8em;
    border-radius: 3px 3px 3px 3px;
}

.select_box_list li span.color {
    display: block;
    width: 20px;
    height: 15px;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.select_box_list li.col_1 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #37c7ab;
    border-radius: 0px 0px 0px 0px;
    margin-bottom: 5px;
    margin-top: 0px;
    padding-top: 0px;
    color: #999;

}

.select_box_list li.col_1:hover {
    background-color: initial;
    color: #616161;

}

.select_box_list li.group {
    font-size: 0.9em;
    color: #999;
    font-style: italic;
    padding-left: 5px;
    background-color: #f3f3f3;
}

.select_box_list li.active, .select_box_list li.active:hover, .select_box_list li.pr.active, .select_box_list li.pr.active:hover {
    background-color: #37c7ab;
    color: #FFF;
    font-weight: bold;
}

.select_box_list li.disable, .select_box_list li.disable:hover {
    background-color: #f3f3f3;
    cursor: default;
    text-transform: uppercase;
    border: 0px;
    color: #a2a2a2;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 15px;
    font-size: 0.7em;
    border-radius: 3px 3px 3px 3px;
}

.select_box_list li.pr {
    background-color: #e7e6e6;
    text-transform: uppercase;
}

.select_box_list li:hover {
    background-color: #f3f3f3;
    color: #37c7ab;
}

/* multiple select */

/*.select_box.multiple .select_box_list_ul  {	height: 185px;}*/

.select_box.multiple .select_box_list li {
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
}

.select_box.multiple .select_box_list span {
    background-image: url(../images/layout/checkbox_1.png);
    background-repeat: no-repeat;
    background-position: 0px top;
    display: block;
    height: 19px;
    width: 19px;
    top: 7px;
    left: 5px;
    position: absolute;
}

.select_box.multiple .select_box_list span.check {
    background-position: 0px -19px;
}

/* ----- */

/* textarea */

.textarea textarea {
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    resize: none;
    overflow: auto;

    width: 92%;
    box-sizing: border-box;

}

.textarea textarea :focus {
    font-style: normal;
}

.textarea {
    height: 120px;
    position: relative;
    float: left;
    line-height: 20px;
    background-color: #FFF;
    font-size: 1em;
    text-shadow: none;
    /*overflow: hidden;*/
}

.textarea.h1 {
    height: 150px;
}

.count_char {
    position: absolute;
    clear: both;
    padding: 0px 4px;
    font-size: 10px;
    color: #8d9191;
    right: 0px;
}

.textarea .count_char {
    bottom: -18px;
}

.count_char span {
    position: relative;
    background: none;
    height: auto;
    width: auto;
    top: initial;
    right: initial;
}

/* checkbox */

.checkbox, .f_b label.checkbox {
    padding: 15px 0 10px;
    display: block;
    float: left;
    cursor: pointer;
    text-align: left;
    line-height: 20px;
}

.checkbox.v2, .f_b label.checkbox.v2 {
    padding: 25px 0 10px;
}

.checkbox.v3, .f_b label.checkbox.v3 {
    padding: 4px 0 5px;
}

.modify_content.v2 .checkbox, .modify_content.v2 .f_b label.checkbox {
    /*margin-top: 30px;*/
}

.checkbox .chb {

    background-image: url('../images/layout/checkbox_1.png');
    background-position: top;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    position: relative;
    float: left;
    margin-top: -3px;
    margin-right: 10px;

}

.checkbox.v2 .chb {

    background-image: url('../images/layout/checkbox_2.png');
    width: 39px;
    height: 39px;
    margin-top: -12px;
    margin-right: 10px;

}

.checkbox .chb.right {
    float: right;
    margin-right: 0px;
    margin-left: 10px;
}

.checkbox.on .chb, .radio.on {
    background-position: 0 -19px;
}

.checkbox.v2.on .chb, .radio.on {
    background-position: 0 -39px;
}

.checkbox input[type="checkbox"], .radio input[type="radio"] {
    position: absolute;
    left: -9999px;
}

/* radio */

.radio {

    background-image: url('../images/layout/radio_1.png');
    background-position: top;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    position: relative;
    float: left;
    margin-top: 8px;
    margin-right: 10px;
}

.f_b label.ra_1 {

    width: 290px;
    margin-right: 30px;
    text-align: left;

}

.radio_type_1 {
    padding: 3px 2px 3px 3px;
    text-align: center;
    /*white-space:nowrap;*/

}

.radio_type_1.s_2 {
    width: 315px;
}

.radio_type_1 label, .modify_content.v2 .radio_type_1 label {
    font-size: 0.9em;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px 5px 5px 5px;
    color: #858585;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    padding: 6px 10px 6px 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: auto;
    position: relative;

}

.radio_type_1.v2 label, .modify_content.v2 .radio_type_1.v2 label {
    background-color: #f5f5f5;
}

.radio_type_1.dis label, .modify_content.v2 .radio_type_1.dis label, .radio_type_1 label.dis:hover, .modify_content.v2 .radio_type_1.dis label:hover {
    color: #c8c8c8;
    cursor: default;
}

.radio_type_1 label:hover {

    color: #4b4b4b;
}

.radio_type_1 label.on {

    box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3), 2px 2px 3px -2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3), 2px 2px 3px -2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0px 0px rgba(255, 255, 255, 0.3), 2px 2px 3px -2px rgba(0, 0, 0, 0.4);

    color: #ffffff;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
    background-color: #f04d49;
    border: 1px solid #c93f3b;

    background-image: linear-gradient(bottom, #f04d49 36%, #f46661 73%);
    background-image: -o-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
    background-image: -moz-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
    background-image: -webkit-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
    background-image: -ms-linear-gradient(bottom, #f04d49 36%, #f46661 73%);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.36, #f04d49),
            color-stop(0.73, #f46661)
    );
}

.radio_type_1.dis label.on {
    color: #ffffff;
    background-color: #a8a8a8;
    border: 1px solid #8b8b8b;
    background-image: none;
}

.radio_type_1 input[type="radio"] {

    position: absolute;
    left: -9999px;
}

.radio_type_1 label.img {
    text-indent: 25px;

}

.radio_type_1 label.img span {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 28px;
    width: 28px;
    position: absolute;
    left: 4px;
    top: 1px;

}

.radio_type_1 label .pr {
    font-size: 0.8em;
    margin-top: 5px;
}

.radio_type_1 label .dis {
    font-size: 0.7em;
    line-height: 12px;
    margin-top: 0px;
}

/* --------------------------------- */

.select_box, .select_box_list, .inp, .textarea, .radio_type_1 {
    border: 1px solid #b8b8b8;
    border-radius: 3px 3px 3px 3px;

    text-align: left;

    background-color: #ffffff;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    box-sizing: border-box;
}

.select_box, .select_box_list, .inp, .textarea {
    padding-left: 0px;
    padding-right: 0px;
    width: 220px;
}

.select_box, .inp {
    height: 36px;
    position: relative;
    float: left;
    /*	font-size: 1em;*/
}

.u_1 .select_box, .u_1 .inp {
    float: none;
}

.inp input:focus, .textarea textarea:focus {
    color: #535a5c;
    font-style: normal;

}

.inp input::-webkit-input-placeholder.inp textarea:-moz-placeholder {
    color: #73777d;
}

.inp input, .textarea textarea {

    background-color: transparent;
    border: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #7f8287;
    font-style: normal;
}

/* ine velkosti inputov  (select ,input,textarea)*/

.s_0 .select_box, .s_0 .select_box_list, .touch .s_0 .select_box_select, .inp.s_0, .textarea.s_0 {
    width: 100%;
}

/* stav form polozky */
.col_1, .inp input.col_1, .select_box .val.col_1, .textarea textarea.col_1 {
    color: #afb0b0;

}

.f_b.activ .inp, .f_b.activ .select_box, .f_b.activ .select_box_list, .f_b.activ .textarea, .f_b.activ.search .but_2 {
    border: 1px solid #b2df95;

}

.f_b.activ .select_box, .f_b.activ .select_box_list {
    -webkit-box-shadow: 3px 4px 5px -4px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: 3px 4px 5px -4px rgba(0, 0, 0, 0.46);
    box-shadow: 3px 4px 5px -4px rgba(0, 0, 0, 0.46);
}

.f_b.typ_2.activ .select_box, .f_b.typ_2.activ .select_box_list {
    border: 1px solid #d5dee1;

    -webkit-box-shadow: 0px 1px 1px 0px rgba(187, 200, 203, 0.62);
    -moz-box-shadow: 0px 1px 1px 0px rgba(187, 200, 203, 0.62);
    box-shadow: 0px 1px 1px 0px rgba(187, 200, 203, 0.62);
}

.f_b.highlight .inp, .f_b.highlight .select_box, .f_b.highlight .select_box_list, .f_b.highlight .textarea, .f_b.highlight a.odk_button {

    border: 2px solid #f25b56;
}

.inp .ozn {

    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #FFFFFF;
    height: 24px;
    line-height: 24px;
    padding: 0px 10px 0px 5px;
    margin: 8px 0px;
    color: #b9b9b9;
    font-size: 0.8em;
}

.inp.dis {
    background-color: #f1f4f6;
}

.pov_val label:not(.no_pov):first-of-type:after, .pov_val .lab_1:not(.no_pov):first-of-type:after {
    content: "";
    height: 11px;
    width: 13px;
    background-image: url('../images/layout/pov_inp.png');
    top: 10px;

    position: absolute;
}

.modify_content.v2 .pov_val label:not(.no_pov):first-of-type:after, .modify_content.v2 .pov_val .lab_1:not(.no_pov):first-of-type:after {
    top: 7px;
}

.pov_val2:after {
    content: "";
    height: 11px;
    width: 13px;
    background-image: url('../images/layout/pov_inp.png');
    top: 10px;
    position: absolute;
}

/*.f_b.bad_val   {background-color:#ffe9e8;}*/

.bad_val .inp input, .bad_val .select_box input, .bad_val label, .bad_val {
    color: #c73737;
}

.bad_val .inp, .bad_val .textarea, .bad_val .select_box, body.touch .bad_val .select_box_select, .bad_val .token-input-list-ksa {

    border: 1px solid #c73737;
}

.pov {
    color: #999999;
    font-size: 12px;
    margin-right: 10px;
    margin-top: 10px;
    text-align: right;
    text-transform: lowercase;
    float: right;
}

.pov.t_left {
    text-align: left;
}

.pov.v2 {
    text-transform: none;
}

/* ------------------------------------------------------------------------------------------------------ */

/* form velkost boxy */
.res_block {
    display: inline-block;
    vertical-align: top;
}

.w_48 {
    width: 47%;
}

.w_30 {
    width: 30%;
}

.w_28 {
    width: 28%;
}

.w_20 {
    width: 20%;
}

.w_55 {
    width: 55%;
}

.w_60 {
    width: 60%;
}

.w_70 {
    width: 70%;
}

.w_40 {
    width: 40%;
}

.ml_40 {
    margin-left: 2%;
}

/* ------------------------------------------------------------------------------------------------------ */

/* lokalita AJAX box */

.lok_obal {
    overflow: visible;
    position: relative;
    z-index: 600;

}

.lok_obal .inp .v {

    background-image: url("../images/layout/fancy_select_arrow.png");
    height: 13px;
    position: absolute;
    right: 7px;
    top: 11px;
    width: 12px;
    z-index: 1;
}

.lok_obal .inp input {
    width: 80%;

}

.lok_obal .inp:hover .v {
    background-position: bottom;
}

.lokalita_box {

    width: 100%;
    min-width: 150px;
    position: absolute;
    top: -1px;
    left: 0px;
    border: 1px solid #8f9ea3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 7px -2px #D3D3D3 inset;
    box-shadow: 1px 1px 3px #969696;

    /*display:none;*/
    cursor: default;
    z-index: 1000;
    background-color: #FFF;
    font-size: 14px;
    text-align: left;
}

.lokalita_box .obs {
    max-height: 180px;
    margin-top: 5px;
}

.lokalita_box ul {
    margin-left: 10px;
    padding-bottom: 10px;
    width: 45%;
    float: left;
    font-size: 13px;
}

.lokalita_box li {
    cursor: pointer;
    padding: 3px 5px;
    border-radius: 5px;
}

.lokalita_box li:hover {
    cursor: pointer;
    background-color: #8f9ea3;
    color: #FFF;

}

.lokalita_box li.lok_activ, .lokalita_box ul.hl li.lok_activ {
    background-color: #8f9ea3;
    color: #FFF;
}

.lokalita_box .ndp_lok {

    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    background-color: #768a91;
    color: #FFF;

}

.lokalita_box p {
    font-size: 14px;
    font-weight: bold;
    padding-top: 7px;
    padding-left: 10px;
    padding-bottom: 7px;
    background-color: #8f9ea3;
    color: #FFF;
}

.inp .lokalita_box span {
    background-image: none;
    position: inherit;

}

.inp .lokalita_box p span {
    cursor: pointer;
    display: block;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: right;

}

.lokalita_box p span.s {
    background-color: #63747a;
    color: #FFF;
    font-size: 12px;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: normal;
    line-height: 18px;
    height: 20px;
    margin-right: 10px;
    width: auto;
}

.lokalita_box p span.d {
    background-image: url('../images/layout/close_3.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px;
    margin-right: 5px;

}

.lokalita_box p span.s:hover {
    background-color: #ffffff;
    color: #63747a;
}

.lokalita_box p span.d:hover {
    background-color: #ffffff;
}

/* --------------------------------- */

/* jScrollPane  */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 100%;
    background: transparent;
}

.select_box_list .jspVerticalBar, .lok_obal .jspVerticalBar {
    right: 5px;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: transparent;
}

.jspVerticalBar *,
.jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

.jspCap {
    /*display: none;*/

}

.jspCapBottom {
    height: 10px;

}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    position: relative;
    background-color: #f2f2f2;
    padding: 4px 0px;
    border-radius: 4px;
}

.jspDrag {
    position: relative;
    top: 0;
    left: 4px;
    cursor: pointer;

    background-color: #d3d3d3;
    border-radius: 3px;
    width: 12px;

}

.jspDrag:hover {
    background: #b2df95;

}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    text-indent: -20000px;
    display: block;
    cursor: pointer;

}

.jspArrowUp {

    margin-bottom: 5px;

}

.jspArrowDown {

    margin-top: 5px;
}

.jspArrow.jspDisabled {
    cursor: default;
    /*	background: #FFF;*/
}

.jspVerticalBar .jspArrow {
    height: 20px;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspVerticalBar .jspArrow:hover {
    background-position: bottom;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;

}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
    margin: 0 -3px 0 0;
}

/* ---------------------------------------------------------- */

/* jquery UI styles */

.ui-tooltip, .arrow:after {

    background-color: rgba(195, 238, 230, 1);

    -webkit-box-shadow: 0px 5px 4px -4px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 5px 4px -4px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 5px 4px -4px rgba(50, 50, 50, 0.15);
}

.ui-tooltip {
    padding: 10px 20px;
    color: #278976;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    max-width: 200px;
    padding: 8px;
    position: absolute;
    z-index: 9999;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    font-style: italic;

}

.arrow {
    width: 70px;
    height: 12px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -12px;

}

.arrow.top {
    top: -12px;
    bottom: auto;
}

.arrow.left {
    left: 20%;

}

.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

}

.arrow.top:after {
    bottom: -20px;
    top: auto;
}

/* --------------------------------------------------------- */

/* tabulky */

/* tabulky */

.tab_1 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 2px;

    text-align: left;
    overflow: hidden;

}

.tab_1 td, .tab_1 th {
    padding: 8px 8px;
}

.tab_1 thead tr {

    font-weight: bold;
    font-size: 0.8em;
    padding: 0px 10px;

}

.tab_1 thead tr th {
    background-color: #f5f5f5;
}

.tab_1 tbody tr {

    font-size: 0.8em;
    min-height: 50px;

}

body.touch .tab_1 tbody tr {
    cursor: pointer;

}

.tab_1 tbody tr:not(.detail) td {
    background-color: #f0faff;
    transition: background 0.4s ease 0s, opacity 0.4s ease 0s;

}

.tab_1 tbody tr:nth-child(4n+1) td {
    background-color: #f2faee;
}

.tab_1 tbody td.act {
    text-align: right;
}

.tab_1 tbody tr td:first-child, .tab_1 thead tr th:first-child {
    border-radius: 5px 0 0 5px;
}

.tab_1 tbody tr td:last-child, .tab_1 thead tr th:last-child {
    border-radius: 0 5px 5px 0;
}

.tab_1 tbody tr.clean td {
    background-color: transparent;
    width: 100%;
}

.tab_1 tbody tr:not(.no_hov):hover td {
    background-color: rgba(204, 247, 182, 0.6);
}

.tab_1 tr.detail {
    display: none;
    text-align: center;
}

.tab_1 tr.detail .odk_button {
    margin-top: 8px;
    padding: 5px 10px;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
}

.tab_1 tr.detail td {
    background-color: #f7f7f7;
    border-radius: 5px !important;
}

.tab_1 tr.detail .desc {
    font-size: 1em;
    margin: 0 0 10px 0;
    text-align: left;
}

.tab_1 tr.detail .desc .attr {
    margin-bottom: 10px;
}

.tab_1 .no_item {
    padding: 20px;
    text-align: center;
    font-style: italic;
    color: #9ea2a8;
}

.tab_1 a:hover {
    color: #f95e3a;
}

.tab_1 .t_icon {
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin-top: 3px;
    display: inline-block;
}

.tab_1 tr.activ .t_icon {
    background-position: bottom
}

.tab_1 .t_icon.show {
    background-image: url("../images/layout/plus_minus_2.png");
}

.tab_1 .item_name {
    font-weight: bold;
    text-decoration: underline;
    display: block;
}

.tab_1 .loc {

}

.tab_1 .read_more {
    display: block;
    text-decoration: underline;
    color: #607e4d;
    margin-top: 3px;
}

.tab_2 {
    width: auto;
    border-collapse: separate;
    border-spacing: 0 0px;

    text-align: left;
    overflow: hidden;

}

.tab_2 tr td {
    border-bottom: 1px solid #b2df95;
    padding: 5px 0;
}

/* --------------------------------------------------------- */

/* banners*/

.banner {
    overflow: hidden;
    box-sizing: border-box;
}

.banner img.bimg {
    max-width: 100%;
}

.banner_pos_2 {
    max-width: 300px;
    text-align: center;
    margin: 20px auto 20px auto;
}

.banner_pos_1 {
    max-width: 980px;
    text-align: center;
    margin: 5px auto 5px auto;
}

.banner_pos_3 {
    max-width: 560px;
    text-align: center;
    margin: 5px auto 5px auto;
}

/* blogs*/

.blog_item {

    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 1px solid #d1d1d1;
    overflow: hidden;
}

.blog_item.detail {
    margin: 10px 0 0 0;
    border-bottom: none;
}

.blog_item h2 {
    color: #414141;
    font-size: 22px;
    line-height: 22px;
    margin: 0 0 10px;
}

.blog_item h2 a:hover {
    color: #4583a5;

}

.blog_item .date {
    color: #ffffff;
    background-color: #6acaff;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 10px;
    padding: 3px 5px;

    display: inline-block;
}

.blog_item .perex {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px;
}

.blog_item.detail .perex {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 10px;
}

.blog_item .img {
    width: 100%;
    max-width: 200px;
    margin: 0 25px 10px 0;
    float: left;
    overflow: hidden;

}

.blog_item .img img {
    width: 100%;

}

.blog_item:not(.detail) .img img {

    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;

}

.blog_item:not(.detail) .img img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.8;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

/* --------------------------------------------------------- */