<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

.rssnews {
    line-height: 17px;
    font-size: 11px;
}

.rssnews a {
    margin-bottom: 3px;
}

.revtitle {
    font-weight: bold;
    font-size: 12px;
    display: block;
    width: 100%;
    color: #5da8eb;
}

.revimg {
    width: 104px;
    float: left;
    margin-right: 6px;
    margin-bottom: 3px;
    display: block;
    z-index: 100;
    border: 3px solid white;
}

/* css resret */
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, 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: 0;
    padding: 0;
    border: 0;
    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;
}

ol, 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: #349626;
    color: #FFF;
}

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

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

/* basic layout */

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9em;
    background-image: url(../images/layout/bck_body_1.png);
    background-repeat: repeat;
    color: #84878b;
    letter-spacing: 0.03em;
    word-spacing: 0.05em;
}

html, body {
    height: 100%;
}

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

#footer, .push {
    height: 90px;
    clear: both;
}

#footer {
    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    background-position: top;
}

#footer a {
    color: #64696d;
}

#footer a:hover {
    color: #FFF;
}

#footer ul {
    font-size: 0.9em;
    text-transform: uppercase;
    padding-top: 35px;
    float: right;
    font-weight: bold;
}

#footer li {
    float: left;
    margin-left: 30px;
}

#footer li a {
    display: block;
    position: relative;
    background-repeat: no-repeat;
}

#footer li a span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-position: left bottom;
    background-repeat: no-repeat;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
}

#footer li.fb a, #footer li.twitter a {
    height: 18px;
    width: 18px;
}

#footer li.fb a, #footer li.fb a span {
    background-image: url(../images/layout/icon_fb_1.png);
}

#footer li.twitter a, #footer li.twitter a span {
    background-image: url(../images/layout/icon_twitter_1.png);
}

#footer li a span:hover {
    opacity: 1;
}

.footer_con {

    overflow: hidden;
}

.copyright {
    font-size: 0.8em;
    color: #4b5357;
    margin-top: 35px;
}

.makers {
    margin-top: 15px;
    color: #4b5357;
    font-size: 0.65em;
}

.content, .footer_con {
    margin-right: auto;
    margin-left: auto;
    clear: both;
    position: relative;
    width: 960px;
    padding-left: 10px;
    padding-right: 10px;
}

#goto_top {
    cursor: pointer;

    overflow: hidden;
    position: fixed;
    right: 30px;
    bottom: -44px;
    width: 44px;
    height: 44px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(../images/layout/top.png);
    background-repeat: no-repeat;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;

}

#goto_top:hover {
    background-position: bottom;
}

#header {
    height: 95px;
    background-image: url(../images/layout/bck_top_line.png);
    background-position: bottom;
    background-repeat: repeat-x;

    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;

}

#header .logo_wrap {
    float: left;
    margin-top: 7px;

}

#header .logo {
    overflow: hidden;
    display: block;
    height: 40px;
}

.mon_veh {
    display: block;
    text-align: center;
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 3px;
    color: #ffa200;
}

.top_menu {
    font-size: 0.9em;
    text-transform: uppercase;
    margin-top: 20px;
    margin-left: 5px;
    float: left;
    font-weight: bold;
}

.top_menu li {
    float: left;
    margin-left: 20px;
}

.top_menu li.activ a {
    color: #FFF;
}

.top_menu li a {
    display: block;
    position: relative;
    background-repeat: no-repeat;
}

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

/* basic elements */

a {
    text-decoration: none;
    color: #84878b;
}

a:hover {
    color: #FFF;
}

.strong {
    font-weight: bold;
}

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.rel {
    position: relative;
}

.o_hid {
    overflow: hidden;
}

.hide {
    display: none;
}

.o_div {
    width: 100%;
    text-align: center;

}

.i_div {
    display: inline-block;
}

.o_div2 {
    width: 100%;
    text-align: center;
}

.i_div2 {
    display: inline-block;
}

.open {
    cursor: pointer;
}

.ts_1 {
    text-shadow: #101010 1px 1px 2px;
}

.t_left {
    text-align: left;
}

.t_right {
    text-align: right;
}

.t_center, .f_b.t_center {
    text-align: center;
}

.underline {
    text-decoration: underline;
}

.w_auto {
    width: auto;
}

.line_through {
    text-decoration: line-through;
}

.f_1, .f_1 a {
    color: #FFF;
    text-shadow: #101010 1px 1px 1px;
    line-height: 20px;
    font-weight: bold;
}

.f_1 a:hover, .open:hover .f_1 a {
    color: #4cc232;
}

.car_block_3 .f_1 a:hover {
    color: #FFF;
}

.f_2 a {
    color: #4cc232;
    text-shadow: #101010 1px 1px 1px;
}

.f_2 a:hover, .open:hover .f_2 a {
    text-decoration: underline;
}

.f_3, .f_3 a {
    color: #FFF;
    text-shadow: #101010 1px 1px 1px;
    font-size: 2em;
    margin-bottom: 20px;
    font-weight: bold;
}

.f_4 {
    font-size: 0.8em;
}

.f_4.v2 {
    padding-top: 4px;
    display: inline-block;
}

.f_5, .f_5 a {
    color: #FFF;
    text-shadow: #101010 1px 1px 1px;
    font-size: 1.4em;

    font-weight: bold;
}

.f_6 {
    color: #4cc232;
    text-shadow: #101010 1px 1px 1px;
}

.f_7 {
    color: #84878b;
    text-shadow: #101010 1px 1px 1px;
    font-style: italic
}

.f_8 {
    color: #F00;
    text-shadow: #000 1px 1px 1px;
}

.f_9 {
    color: #FFF;
    text-shadow: #101010 1px 1px 1px;
    font-size: 1.2em;

    font-weight: bold;
}

.f_10, .f_10 a {
    font-size: 11px;
    color: #84878b !important;
}

.f_11 {
    font-size: 11px;
    color: #84878b;
}

.f_green, .f_green:hover {

    color: #4cc232;
}

.f_white {

    color: #ffffff;
}

/* clanok  */
.clanok_obsah {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1em;
    line-height: 1.3em;

}

.clanok_obsah a {
    color: #FFF;
    text-shadow: #101010 1px 1px 1px;
}

.clanok_obsah a:hover {
    text-decoration: underline;
}

.clanok_obsah ul li {
    list-style-position: inside;
    list-style-type: square;

}

.clanok_obsah ol li {
    list-style-position: inside;
    list-style-type: decimal;
}

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

.form_msg {
    display: none;
}

.msg_1 {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #84878b;
    font-size: 0.8em;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #e41e2d;
}

.msg_1 .h {
    color: #FFF;
}

.msg_2 {

    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #FFFFFF;
    font-size: 1em;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #4cc232;
    text-shadow: #101010 1px 1px 1px;

}

.msg_2 .h {
    color: #FFF;
}

.msg_3 {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    font-size: 0.9em;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #4cc232;
    text-shadow: #101010 1px 1px 1px;
}

.msg_4 {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    font-size: 0.9em;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #af101d;
    text-shadow: #101010 1px 1px 1px;
}

.msg_5 {
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 1em;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #af101d;
    text-shadow: #101010 1px 1px 1px;
    color: #FFF;
}

.msg_5 span {
    color: #ff0000;
}

.msg_6 {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 0.9em;

    color: #d0d4d7;
    background-color: #3c4043;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: left;
    -moz-box-shadow: inset 0px 0px 2px #131313, 0px -2px 2px #131313;
    -webkit-box-shadow: inset 0px 0px 2px #131313, 0px -2px 2px #131313;
    box-shadow: inset 0px 0px 2px #131313, 0px -2px 2px #131313;
    overflow: hidden;

    border: 5px solid #4cc232;
}

.msg_6 span {
    font-weight: bold;
}

.msg_6 a {

    color: #4cc232;

}

.msg_6 a:hover {

    text-decoration: underline;
}

.msg_7 {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 0.9em;

    color: #d0d4d7;

    text-align: left;
    background-image: url(../images/layout/pix_1.png);
    background-repeat: repeat;
    overflow: hidden;

}

.msg_7 span {
    font-weight: bold;
}

.msg_7 a {

    color: #4cc232;

}

.msg_7 a:hover {

    text-decoration: underline;
}

.msg_8 {
    margin-top: 5px;
    padding: 5px;
    background-color: red;
    color: #ffffff;
}

.hgl_1, .hgl_1 a {
    color: #4cc232;
}

.hgl_1 a:hover {
    color: #ffffff;
}

.lazy {
    display: none;
}

.hlp_box {
    margin-top: 20px;
    clear: both;
    font-size: 12px;

}

.hlp_box .hlp_p {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #333438;

}

.hlp_box .hlp_p:last-of-type {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.hlp_box .hlp_p .t {
}

.hlp_box .hlp_p .v {
}

.hlp_box .pov {
    color: #4cc232;
}

.hlp_block {
    border: 1px solid #333438;
    padding: 10px;
    border-radius: 4px;
    margin: 7px 0;

}

.imp_val {
    color: #dbdbdb;
}

.imp_type_ndp {
    text-decoration: underline;
}

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

/* buttony  ------------------------------------------------------------------*/

button {
    border: none;
    background-color: transparent;
}

button:hover, .odk_button:hover {
    background-position: bottom;
    color: #ffffff !important;
}

button::-moz-focus-inner /*Firefox fix - button padding in FF*/
{
    border: 0px;
    padding: 0px;
}

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

button, .odk_button {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    display: block;

}

button.i_div, .odk_button.i_div {
    display: inline-block;

}

.odk_button {
}

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

.button_7, .button_5, .button_1, .button_2, .button_6, .button_10, .button_4, .button_8, .button_3, .upload-button {
    color: #FFF;
    text-shadow: #333438 1px -1px 1px;
    font-size: 13px;
    padding: 0px 15px;
    border-radius: 24px;

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

}

.button_1 {
    background-image: url(../images/layout/bck_but_1.png);
    height: 38px;
    line-height: 38px;

}

.button_2 {
    background-image: url(../images/layout/bck_but_2.png);
    height: 38px;
    line-height: 38px !important;
}

.button_3 {
    height: 53px;
    line-height: 53px;
    width: 240px;
    background-image: url(../images/layout/bck_but_3.png);
}

.button_4 {
    height: 48px;
    line-height: 48px !important;
    width: 290px;
    background-image: url(../images/layout/bck_but_4.png);
}

.button_5 {
    width: 260px;
    height: 48px;
    line-height: 48px;
    background-image: url(../images/layout/bck_but_5.png);

}

.button_6 {
    height: 42px;
    line-height: 42px;
    width: 170px;
    background-image: url(../images/layout/bck_but_6.png);
}

.button_7 {

    background-image: url(../images/layout/bck_but_7.png);
    width: 152px;
    height: 43px;
    line-height: 43px;
}

.button_8 {
    background-image: url(../images/layout/bck_but_8.png);
    width: 152px;
    height: 43px;
    line-height: 43px;
}

.button_9 {
    background-color: #2a2d31;
    color: #FFF;
    text-shadow: #333438 1px -1px 1px;
    height: 20px;
    line-height: 21px;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;

    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;

    -webkit-box-shadow: 3px 3px 3 pxrgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

.button_9:hover {
    background-color: #373b40;

}

.button_10 {
    height: 42px;
    line-height: 42px;
    width: 152px;
    background-image: url(../images/layout/bck_but_6.png);
}

.button_11, .button_12, .button_13 {
    color: #FFF;
    text-shadow: #63020a 1px -1px 1px;
    height: 51px;
    width: 160px;
    line-height: 20px;
    font-size: 16px;
    text-transform: none;
    text-align: left;
    text-indent: 30px;
    padding-top: 9px;
    float: left;
}

.button_11 {
    background-image: url(../images/layout/bck_button_11.png);
}

.button_12 {
    background-image: url(../images/layout/bck_button_12.png);
}

.button_13 {
    background-image: url(../images/layout/bck_button_13.png);
}

.button_11 span, .button_12 span, .button_13 span {
    display: block;
    font-weight: normal;
    font-size: 12px;
}

.button_14 {
    background-color: #FF0000;
    color: #FFF;
    text-shadow: #333438 1px -1px 1px;
    height: 20px;
    line-height: 21px;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;

    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;

    -webkit-box-shadow: 3px 3px 3 pxrgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

.button_14:hover {
    background-color: #B70000;
    color: #FFF;
}

.button_15 {
    background-color: #308e22;
    color: #FFF;
    text-shadow: #333438 1px -1px 1px;

    font-size: 12px;
    line-height: 16px;
    padding: 6px 10px;

    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;

    -webkit-box-shadow: inset 1px 5px 0px -4px rgba(255, 255, 255, 0.3), 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 5px 0px -4px rgba(255, 255, 255, 0.3), 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 5px 0px -4px rgba(255, 255, 255, 0.3), 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

.button_15:hover {
    background-color: #339824;
    color: #FFF;
}

.button_16 {

    background-color: #767a80;
    color: #FFF;
    text-shadow: #333438 1px -1px 1px;

    font-size: 12px;
    line-height: 16px;
    padding: 6px 10px;

    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;

    -webkit-box-shadow: inset 1px 5px 0px -4px rgba(255, 255, 255, 0.3), 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 5px 0px -4px rgba(255, 255, 255, 0.3), 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 5px 0px -4px rgba(255, 255, 255, 0.3), 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

.button_16:hover {
    background-color: #84888f;

}

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

/* FORM STYLES */

/* form item block */
.f_b {
    margin-bottom: 0px;
    overflow: hidden;
    margin-right: 0px;
    padding-top: 5px;
    padding-left: 0px;
    padding-bottom: 4px;
    padding-right: 0px;
    text-align: left;
}

.f_b.vis {
    overflow: visible;
}

.f_b label, .f_b .lab_1 {
    display: block;
    float: left;
    width: 150px;
    text-align: right;
    line-height: 20px;
    margin-right: 10px;
    padding-top: 10px;
}

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

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

.f_b label.l_2, .f_b .lab_1.l_2 {
    width: 100px;
}

.f_b label.l_3, .f_b .lab_1.l_3 {
    width: 200px;
}

.f_b label.l_4, .f_b .lab_1.l_4 {
    max-width: 460px;
    width: auto;
    text-align: left;
}

/* checkbox */
.checkbox {

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

.checkbox.on, .radio.on {
    background-position: top;
}

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

.tab_checkbox {
    margin-top: 10px;
    padding: 5px;
    border-radius: 4px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.1);
}

.tab_checkbox .checkbox {
    margin-right: 0px;
}

/* radio */

.f_b label.ra_1 {

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

}

.radio_type_1 {
    text-align: center;
    /*white-space:nowrap;*/

    float: left;
    position: relative;
    background-color: #191c1e;
    margin-top: 2px;
    padding: 3px 4px 3px 4px;
    border-radius: 18px;
    box-shadow: inset 0px 0px 20px -10px #000000, 3px 3px 2px -4px #707070;
    /*-webkit-box-shadow: inset 0px 0px 23px -7px #000000, 3px 3px 2px -4px #707070;
    -moz-box-shadow: inset 0px 0px 23px -7px #000000, 3px 3px 2px -4px #707070;
    -o-box-shadow: inset 0px 0px 23px -7px #000000, 3px 3px 2px -4px #707070;*/

}

.radio_type_1 .big_1 {
    display: block;
    font-size: 20px !important;
    padding-top: 5px;
}

.radio_type_1 .big_1.v2 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.payment_img {
    padding-top: 10px;
    padding-bottom: 5px;
}

.payment_img img {
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #ffffff;
}

.radio_type_1 .par_1 {
    margin-top: 10px;
    line-height: 14px;
}

.radio_type_1.right {
    float: right;
}

.radio_type_1.v_2 {
    display: inline-block;
    float: none;

}

.radio_type_1.v_3 {
    display: flex;
    flex-direction: column;
    float: none;

}

.radio_type_1.v_3 label {
    background-color: rgba(255, 255, 255, 0.1);
    margin-bottom: 3px;
    text-align: left;
}

.radio_type_1.v_3 label:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.radio_type_1.s_2 {
    width: 315px;
}

.radio_type_1 label {
    font-size: 0.9em;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    border-radius: 14px;
    color: #bebebe;
    border: 1px solid #131617;
    /*background-color: #131617;*/
    padding: 5px 10px 5px 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: auto;
    position: relative;

}

.radio_type_1.s_1 label {
    font-size: 0.8em;
    padding: 5px 5px 5px 5px;
}

.radio_type_1 label:hover {

    color: #ffffff;
}

.radio_type_1 label.on, .modify_content.v2 .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);
    border: 1px solid #257a19;

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

}

.radio_type_1 input[type="radio"] {

    position: absolute;
    left: -9999px;
}

.radio_type_2 {

    display: block;
    cursor: pointer;
    position: relative;
    padding: 10px 10px 10px 35px;
}

.radio_type_2:before {
    content: '';
    position: absolute;
    background-image: url(../images/layout/checkbox_1.png);
    background-position: left bottom;
    background-repeat: no-repeat;

    width: 17px;
    height: 17px;
    top: 12px;
    left: 10px;
}

.radio_type_2.on:before {
    background-position: top;
}

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

}

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

/* input field */

.inp input {
    background-color: transparent;
    border: 0px;

    width: 95%;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;

    height: 30px;
    color: #FFFFFF;
    font-style: normal;
    margin-top: 5px;

}

.inp input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #191c1e inset;
    -webkit-text-fill-color: #FFFFFF !important;
}

.inp input:focus {
    color: #FFFFFF;
    font-style: normal;
}

.inp .sign {
    background-image: url(../images/layout/icon_search.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 22px;
    width: 22px;
    position: absolute;
    left: 12px;
    top: 12px;
}

.inp span.dp_icon, .pov_val .inp span.dp_icon, .pov_val.activ .inp span.dp_icon {

    background: url(../images/layout/calendar.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    /*cursor: pointer;*/
    height: 16px;
    width: 16px;
    position: absolute;
    right: 5px;
    top: 13px;
    z-index: 1;

}

/*select box */

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

.s_1 .select_box, .inp.s_1 {
    width: 310px;
}

.s_1 .select_box_list {
    width: 355px;
}

.s_2 .select_box, .inp.s_2 {
    width: 400px;
}

.s_2 .select_box_list {
    width: 445px;
}

.s_3 .select_box, .inp.s_3 {
    width: 243px;
}

.s_3 .select_box_list {
    width: 288px;
}

.s_4 .select_box, .inp.s_4 {
    width: 150px;
}

.s_4 .select_box_list {
    width: 195px;
}

.s_5 .select_box, .inp.s_5 {
    width: 125px;
}

.s_5 .select_box_list {
    width: 170px;
}

.s_6 .select_box, .inp.s_6 {
    width: 100px;

}

.s_6 .select_box_list {
    width: 145px;
}

.s_6.v2 .select_box_list {
    width: 245px;

}

.s_6.v2 .select_box .val {
    width: 80px;
}

.s_7 .select_box, .inp.s_7 {
    width: 350px;
}

.s_7 .select_box_list {
    width: 445px;
}

.s_8 .select_box, .inp.s_8 {
    width: 390px;
}

.s_8 .select_box_list {
    width: 505px;
}

.select_box_select {

    width: 228px;
    height: 38px;
    position: relative;

    line-height: 38px;
    padding-left: 15px;

    font-size: 1em;
    text-shadow: none;

    box-sizing: content-box;
    background-color: #191c1e;
    border-radius: 20px;
    border: none;
    color: #ffffff;

}

.select_box, .inp {
    width: 200px;
    height: 42px;
    position: relative;
    float: left;
    line-height: 42px;
    padding-left: 20px;
    margin-right: 30px;

    font-size: 1em;
    text-shadow: none;
    background-image: url(../images/layout/fancy_input.png);
    background-repeat: no-repeat;

}

body.touch .select_box {
    cursor: pointer;

}

.select_box .val {
    overflow: hidden;
    position: absolute;
    height: 38px;
    padding-right: 15px;
    color: #FFFFFF;
    font-weight: bold;

}

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

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

.select_box .inf, .inp span {
    background-image: url(../images/layout/fancy_input_end.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 42px;
    width: 30px;
    position: absolute;
    right: -30px;
    top: 0px;
}

.select_box_list {
    position: absolute;
    top: 0px;
    left: 0px;

    background-color: #191c1e;
    display: none;

    width: 245px;
    height: 220px;
    padding-top: 5px;

    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;

    -moz-box-shadow: inset 0px -2px 2px #131313, 0px -2px 2px #131313;
    -webkit-box-shadow: inset 0px -2px 2px #131313, 0px -2px 2px #131313;
    box-shadow: inset 0px -2px 2px #131313, 0px -2px 2px #131313;
}

.select_box_list_ul {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 100%;
    height: 95%;

}

.select_box_list ul {
    font-size: 16px;
    line-height: 22px;
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 3px;
    overflow: auto;
    margin-left: 10px;
    margin-right: 10px;

}

.select_box_list li {
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 15px;
    cursor: pointer;
    margin-right: 3px;
    margin-bottom: 2px;

    font-size: 0.8em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.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: #25292c;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 5px;
    margin-top: 10px;
    padding-top: 0px;
    font-weight: bold;
    font-size: 0.9em;
}

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

.select_box_list li.active, .select_box_list li.active:hover {
    background-color: #349626;
    color: #FFF;
}

.select_box_list li.disable, .select_box_list li.disable:hover {
    color: #585858;
    background-color: transparent;
    cursor: default;
}

.select_box_list li:hover {
    background-color: #212527;
    color: #FFF;
}

/* 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 li.col_1 {
    padding-left: 8px;
}

.select_box.multiple .select_box_list li.active, .select_box.multiple .select_box_list li.active:hover {
    background-color: transparent;
}

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

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

.select_box.multiple .select_box_list .multiple_action {

    overflow: hidden;
    color: #84878b;
    font-size: 12px;
    height: 20px;
    background-color: #191c1e;
    border-top: 1px solid #25292C;
    padding-top: 6px;
    z-index: 1;
    margin-top: 185px;
    position: relative;

}

.select_box.multiple .select_box_list .multiple_action span {
    top: 8px;
    left: 17px;
}

.select_box.multiple .select_box_list .multiple_action .sel_check_all {
    float: left;
    cursor: pointer;
    margin-left: 12px;
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 30px;

    line-height: 20px;
}

.select_box.multiple .select_box_list .multiple_action .close {
    background-image: url(../images/layout/close_1.png);
    height: 20px;
    width: 20px;
    margin-right: 10px;

}

.select_box.multiple .select_box_list .multiple_action .close:hover {
    background-position: center bottom;
}

/* ----- */

.textarea textarea {
    background-color: transparent;
    border: 0px;

    font-family: 'Open Sans', sans-serif;
    font-size: 1em;

    height: 78px;
    width: 260px;
    color: #FFFFFF;
    font-style: normal;
    margin-top: 15px;
    resize: none;
    overflow: auto;

}

.textarea textarea :focus {
    color: #FFFFFF;
    font-style: normal;
}

.textarea {
    width: 290px;
    height: 106px;
    position: relative;
    float: left;
    line-height: 20px;
    padding-left: 15px;
    margin-right: 0px;

    font-size: 1em;
    text-shadow: none;
    background-image: url(../images/layout/fancy_textarea_1.png);
    background-repeat: no-repeat;

}

.textarea.t_1 {
    background-image: url(../images/layout/fancy_textarea_2.png);
    width: 250px;
}

.textarea.t_1 textarea {

    width: 215px;

}

.textarea.t_2 {
    background-image: url(../images/layout/fancy_textarea_3.png);
    width: 630px;
    height: 76px;
}

.textarea.t_2 textarea {
    margin-top: 12px;
    width: 600px;
    height: 54px;
    font-size: 0.9em;
    color: #ebebeb;

}

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

.check_car_type {
    background-image: url(../images/layout/switch_1.png);
    background-repeat: no-repeat;

    height: 41px;
    width: 290px;
    float: left;
    cursor: pointer;
}

.check_car_type.c_on {
    background-position: left bottom;
}

.check_car_type input {
    position: absolute;
    left: -9999px;
}

.f_b.bad_val .select_box .v, .f_b.ok_val .select_box .v, .f_b.pov_val .select_box .v {
    right: 7px;
}

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

}

.activ .inp span {
    background-position: 0px -42px;
}

.activ .inp, .pov_val.activ .inp {
    background-position: 0px -42px;
}

.activ .textarea {
    background-position: 0px -106px;
}

.activ .textarea.t_1 {
    background-position: 0px -106px;
}

.activ .textarea.t_2 {
    background-position: 0px -76px;
}

.pov_val .inp span, .pov_val .select_box .inf {
    background-position: 0px -84px;
}

.pov_val.activ .inp span {
    background-position: 0px -126px;
}

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

.bad_val .inp span, .bad_val .select_box .inf {
    background-position: 0px -210px;
}

.ok_val .inp span, .ok_val .select_box .inf {
    background-position: 0px -168px;
}

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

/* tipsy style - tooltip */

.tipsy {
    font-size: 14px;
    position: absolute;
    padding: 5px;
    z-index: 100000;
}

.tipsy-inner {
    color: #333;
    max-width: 200px;
    text-align: center;

    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;

    background-image: url("../images/layout/bck_body_2.png");
    background-repeat: repeat;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 4px #000000;
    font-size: 0.8em;

}

/* Rounded corners */
/*.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }*/

/* Uncomment for shadow */
.tipsy-inner {

}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000;
}

/* Rules to colour arrows */
.tipsy-arrow-n {
    border-bottom-color: #999;
}

.tipsy-arrow-s {
    border-top-color: #999;
}

.tipsy-arrow-e {
    border-left-color: #999;
}

.tipsy-arrow-w {
    border-right-color: #999;
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy_alert .tipsy-inner {
    border: 1px solid #F00;

    border: none;
    color: #FFF;
    background-color: #F00;
}

.tipsy_alert .tipsy-arrow-n {
    border-bottom-color: #F00;
}

.tipsy_alert .tipsy-arrow-s {
    border-top-color: #F00;
}

.tipsy_alert .tipsy-arrow-e {
    border-left-color: #F00;
}

.tipsy_alert .tipsy-arrow-w {
    border-right-color: #F00;
}

.tipsy_normal .tipsy-inner {
    /*border: 1px solid #FFF;*/

    border: none;
    background-color: #1b5c78;
    color: #FFF;
}

.tipsy_normal .tipsy-arrow-n {
    border-bottom-color: #84878b;
}

.tipsy_normal .tipsy-arrow-s {
    border-top-color: #84878b;
}

.tipsy_normal .tipsy-arrow-e {
    border-left-color: #84878b;
}

.tipsy_normal .tipsy-arrow-w {
    border-right-color: #84878b;
}

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

/* 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: 10px;
    width: 20px;
    height: 100%;
    background: transparent;
}

.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: #212527;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

}

.jspDrag {
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    -moz-box-shadow: px 2px 2px #191c1e;
    -webkit-box-shadow: px 2px 2px #191c1e;
    box-shadow: 0px 1px 3px #191c1e;
    background-color: #808C95;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 16px;
    margin-left: 2px;
    -moz-box-shadow: inset 0 0 2px #35393b;
    -webkit-box-shadow: inset 0 0 2px #35393b;
    box-shadow: inset 0 0 2px #35393b;
}

.jspDrag:hover {
    background: #349626;

}

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

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

}

.jspArrowUp {
    background-image: url(../images/layout/scroll_arrow_top.png);
    margin-bottom: 5px;

}

.jspArrowDown {
    background-image: url(../images/layout/scroll_arrow_bottom.png);
    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;
}

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

/* modal_box*/

/* Z-index of #modal_overlay must lower than #modal_box .window */
#modal_overlay {

    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9000;
    background-color: #000;

}

body.modal-open {
    overflow: hidden;
}

body.modal-open #modal_box {

}

#modal_box {

    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 8999;
    outline: 0;

    display: block;
    overflow-x: hidden;
    overflow-y: auto;

}

#modal_box .window {
    position: relative;
    max-width: 800px;
    height: auto;
    z-index: 9001;
    /*padding:5px;*/
    text-shadow: #101010 1px 1px 2px;

}

#modal_box .window .cl {
    background-image: url(../images/layout/close_2.png);
    height: 18px;
    width: 18px;
    display: block;
    float: right;
    cursor: pointer;
    margin-top: 17px;
    margin-right: 0px;
    margin-left: 20px;
}

#modal_box .window .cl:hover {
    background-position: bottom;
}

#modal_box .window .n {
    float: left;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;

}

#modal_box .window .modal_header {
    overflow: hidden;
    padding-bottom: 5px;
    margin-bottom: 10px;

}

#modal_box .modal_msg {
    display: none;

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;

    background-image: url(../images/layout/bck_body_2.png);
    background-repeat: repeat;

    /*		-moz-box-shadow:    inset 0px 1px 0px #2a3033;
	-webkit-box-shadow: inset 0px 1px 0px #2a3033;
	box-shadow:        inset 0px 1px 0px #2a3033;
*/

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

#modal_box .modal_msg_content {
    font-size: 1.1em;
    font-weight: bold;
    min-height: 50px;
    background-image: url(../images/layout/bck_modal_title.png);
    background-repeat: repeat-x;
    color: #FFFFFF;
    text-shadow: #101010 1px 1px 2px;
    line-height: 50px;
    padding-right: 20px;
    padding-left: 20px;
}

#modal_box .modal_msg_content .info {
    background-image: url(../images/layout/icon_info.png);
    display: block;
    height: 22px;
    width: 23px;
    float: left;

    margin-left: 7px;
    margin-right: 10px;
    margin-top: 15px;

}

.modal_msg .modal_box_content {
    clear: both;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;

}

#modal_box .modal_activ {
    background-color: #006699;
    -moz-box-shadow: 4px 4px 8px #666;
    -webkit-box-shadow: 4px 4px 8px #666;
    box-shadow: 4px 4px 8px #666;
    color: #FFF;
    padding-bottom: 15px;
}

.modal_activ .modal_box_content {
    clear: both;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
}

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

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

.pom_1 {
    margin-left: 20px;
}

.pom_2 {
    margin-top: 20px;
}

.pom_3 {
    margin-left: 30px;
}

.pom_4 {
    padding-top: 30px;
}

.pom_5 {
    margin-bottom: 10px;
}

.pom_6 {
    width: 290px;
}

.pom_7 {
    margin-top: 0px;
    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    background-position: center top;
    padding-top: 20px;
    padding-left: 20px;
    margin-bottom: 15px;

}

.pom_8 {
    float: right;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #16181a;
    padding-left: 10px;
}

.pom_9 {
    margin-left: 160px;
}

.pom_10 {
    padding-top: 120px;
}

.pom_11 {
    width: 480px;
}

.pom_12 {
    margin-bottom: 40px;
}

.pom_13 {
    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    background-position: center 29px;
    clear: both;
    margin-top: 20px;
    height: 33px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;

}

.pom_14 {
    background-image: url(../images/layout/bck_search_1.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 200px;
    padding-left: 44px;
    padding-top: 13px;
    position: absolute;
    right: 16px;
}

.pom_15 {
    margin-left: 10px;
}

.pom_16 {
    margin-top: 5px;
}

.pom_17 {
    margin-top: 8px;
}

.pom_18 {
    margin-top: 30px;
    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    background-position: center top;
    padding-top: 30px;
    margin-bottom: 15px;
}

.pom_18.v2 {
    padding-top: 10px;
}

.pom_18.v3 {
    margin-top: 5px;
    margin-bottom: 0px;
    padding-top: 5px;
}

.pom_18.v4 {
    margin-top: 0px;
}

.pom_18.v5 {
    margin-top: 12px;
    margin-bottom: 8px;
    padding-top: 4px;
}

.pom_19 {
    margin-bottom: 30px;
}

.pom_20 {
    margin-top: 10px;
}

.pom_21 {
    margin-left: 10px;
}

.pom_22 {
    margin-left: 210px;
}

.pom_23 {
    position: absolute;
}

.pom_24 {
    width: 300px;
}

.pom_25 {
    margin-top: 0px;

    position: absolute;
    bottom: 70px;
    right: 0px;

}

.pom_26 {
    position: absolute;
    bottom: 70px;
    left: 0px;

}

.pom_27 {
    position: absolute;
    bottom: 70px;
    left: 70px;

}

.pom_28 {
    margin-left: 220px;
}

.pom_29 {
    margin-left: 5px;
}

.pom_30 {
    margin-top: 8px;
}

.pom_31 {
    height: 150px;
}

.pom_32 {
    margin-top: 2px;
}

.pom_33 {
    margin-right: 10px;
}

.pom_34 {
    margin-top: 120px;
}

.btn_sub_text {
    display: block;
    font-size: 11px;
    text-transform: none;
}

.sh_1 {
    max-height: 184px;
    overflow: auto;
}

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

.send_question {
    background-image: url("../images/layout/bck_body_2.png");
    background-repeat: repeat;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 10px;

}

.send_question form {

    padding-left: 15px;
}

.send_question button {
    margin-top: 10px;
}

.send_question h3 {
    text-align: center;
    padding-left: 5px;
    letter-spacing: 0em;
    word-spacing: 0em;
    padding-top: 10px;
    padding-bottom: 10px;

}

/* user menu */
.user_box {
    float: right;
    width: 250px;
    position: relative;
}

.user_name {
    margin-top: 8px;
    color: #FFF;
    position: relative;
    font-weight: bold;
    padding-right: 40px;

    float: right;
    max-width: 220px;
    height: 54px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    text-align: right;
}

.user_name span.un {

    padding-left: 30px;
    background-image: url(../images/layout/icon_user.png);
    background-repeat: no-repeat;
    background-position: left 2px;

}

.user_name span.nick {
    font-weight: normal;
    font-size: 0.8em;
    line-height: 0.8em;
    color: #84878B;
    display: block;

}

.user_name span.um {
    font-weight: normal;
    font-size: 11px;
    display: block;
    padding-top: 5px;
    color: #84878B;
    text-transform: uppercase;

}

.user_name span.a {
    background-image: url(../images/layout/arrow_1.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    bottom: 37px;
    height: 7px;
    width: 14px;
}

.user_name:hover span.a {
    background-position: bottom;
}

.lgn_but__block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    float: right;
    margin-top: 8px;
    justify-items: flex-end;
    justify-self: flex-end;
    justify-content: flex-end;

    max-width: 240px;

}

.lgn_but__block .lost_pass {
    margin-top: 4px;
    text-align: right;
    padding: 0;

}

.user_menu {
    clear: both;

    background-repeat: repeat;
    background-color: #1d1f21;
    -moz-box-shadow: 0px 4px 8px #0d0d0d;
    -webkit-box-shadow: 0px 4px 8px #0d0d0d;
    box-shadow: 0px 4px 8px #0d0d0d;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    font-weight: bold;
    position: absolute;
    top: 61px;
    z-index: 100;
    width: 100%;
    display: none;
    overflow: hidden;

}

.user_menu, .user_menu a {
    color: #FFF;
}

.user_menu ul {
}

.user_menu li {
    background-repeat: no-repeat;
    background-position: 20px 14px;

}

.user_menu li a {
    margin-right: 20px;
    margin-left: 20px;
    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    background-position: center top;
    display: block;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 20px;

}

.user_menu li:hover {
    background-color: #212325;
}

.user_menu li.logoff {
    background-image: url(../images/layout/icon_logoff.png);
}

.user_menu li.add_fuel {
    background-image: url(../images/layout/icon_small_2.png);
}

.user_menu li.add_exp {
    background-image: url(../images/layout/icon_small_1.png);
}

.user_menu li.add_travel {
    background-image: url(../images/layout/icon_small_3.png);
}

.user_menu li.petrol_s {
    background-image: url(../images/layout/icon_small_7.png);
}

.user_menu li.shared_car {
    background-image: url(../images/layout/icon_my_shares.png);
}

.user_menu li.add_reminder {
    background-image: url(../images/layout/icon_small_6.png);
}

.user_menu li.add_car {
    background-image: url(../images/layout/icon_add_car2.png);
}

.user_menu li.login_inf {
    background-image: url(../images/layout/icon_login_inf.png);
}

.user_menu li.my_car {
    background-image: url(../images/layout/icon_my_car.png);
}

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

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

/* hp */

#hp_app {
    background-image: url(../images/layout/bck_hp_app.jpg);
    background-repeat: repeat-x;
    height: 494px;
    margin-top: 77px;
}

#hp_app .content {
    background-image: url(../images/layout/app_iphone_1.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 492px;
}

#hp_app h1 {
    font-size: 2em;
    width: 450px;
    height: 125px;
    color: #FFF;
    padding-top: 70px;
    overflow: hidden;
}

#hp_app p {
    width: 450px;
    height: 130px;
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: hidden;
}

.hp_block_1 {
    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    padding-bottom: 40px;
}

.hp_block_1 .a_top {
    background-image: url(../images/layout/bck_hp_ks3.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 11px;
    width: 120px;
    position: absolute;
    top: -36px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-top: 25px;

}

.fuel_info {
    text-align: center;
    overflow: hidden;
    display: inline-block;
    margin-top: 20px;
}

.fuel_info li {
    float: left;
    margin-left: 8px;
    font-weight: bold;

    width: 135px;

}

.fuel_info li span {
    margin-left: 5px;
    color: #FFF;

}

.hp_block_1 .soc_icon {
    overflow: hidden;
    margin-top: 3px;
}

.hp_block_1 .soc_icon li {
    float: left;
    margin-left: 21px;
    margin-right: 21px;
}

.hp_block_1 .soc_icon li a {
    display: block;
    position: relative;
    background-repeat: no-repeat;
}

.hp_block_1 .soc_icon li a span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-position: left bottom;
    background-repeat: no-repeat;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
}

.hp_block_1 .soc_icon li.fb a, .hp_block_1 .soc_icon li.twitter a {
    height: 18px;
    width: 18px;
}

.hp_block_1 .soc_icon li.fb a, .hp_block_1 .soc_icon li.fb a span {
    background-image: url(../images/layout/icon_fb_1.png);
}

.hp_block_1 .soc_icon li.twitter a, .hp_block_1 .soc_icon li.twitter a span {
    background-image: url(../images/layout/icon_twitter_1.png);
}

.hp_block_1 .soc_icon li a span:hover {
    opacity: 1;
}

.hp_a {
    padding-top: 40px;
    background-image: url(../images/layout/bck_hp_action_ul.png);
    background-repeat: no-repeat;
    background-position: 230px 90px;
    overflow: hidden;

}

.hp_a li {
    float: left;
    margin-right: 26px;
    width: 220px;
    height: 180px;
    display: block;
    text-align: center;
    font-size: 1.2em;
    color: #FFF;
    overflow: hidden;
    font-weight: bold;

}

.hp_a li.trips {
    margin-right: 0px;
}

.hp_a li:hover a {
    color: #FFF;
}

.hp_a li span {
    height: 76px;
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    margin-bottom: 10px;
}

.hp_a li:hover span {
    background-position: center bottom;
}

.hp_a li.add_car span {
    background-image: url(../images/layout/icon_add_car.png);
}

.hp_a li.tank span {
    background-image: url(../images/layout/icon_tank.png);
}

.hp_a li.servis span {
    background-image: url(../images/layout/icon_ser_nak.png);
}

.hp_a li.trips span {
    background-image: url(../images/layout/icon_trips.png);
}

.hp_a li p {
    font-size: 0.7em;
    color: #84878b;
    margin-top: 5px;
    font-weight: normal;
}

#hp_ks {

    position: relative;
    margin-bottom: 0px;
}

.ks_top {
    background-image: url(../images/layout/bck_hp_ks2.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 11px;
    width: 460px;
    position: absolute;
    top: -36px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-top: 25px;
    text-align: center;
    font-weight: bold;
}

#hp_ks form {
    padding-top: 30px;

}

#hp_new_car {

    overflow: hidden;
}

.hp_stat ul {
    margin-top: 30px;
    margin-bottom: 25px;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
}

.hp_stat li {
    flex-basis: 100%;
    padding: 0 10px;

    font-size: 1em;
    color: #FFF;
    line-height: 1.2em;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.hp_stat li.highlight {
    background-color: #349626;
    border-radius: 10px;
    padding: 10px;
    color: #ffffff;

    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);

    border: 1px solid #257a19;

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

}

.hp_stat li span.val {

}

.hp_stat li span.title {
    margin-top: 7px;
    font-size: 0.8em;
    color: #84878b;
    font-weight: normal;
    letter-spacing: 0em;
    word-spacing: 0em;
}

.hp_stat li.highlight span.title {

    color: #ffffff;

}

.hp_stat li span {
    /* font-size: 0.8em;
     color: #84878b;
     font-weight: normal;

     margin-top: 7px;
     display: block;
     letter-spacing: 0em;
     word-spacing: 0em;*/
}

/* aplikacia */

.app {
}

.app p {
}

.app hr {
    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    height: 3px;
    border: 0px;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 40px;
    padding-left: 0px;
}

.app .ic_1, .app .ic_2, .app .ic_3, .app .ic_4, .app .ic_5 {
    background-repeat: no-repeat;
    float: left;
    height: 42px;
    width: 42px;
    margin-left: 15px;
    margin-top: 21px;
}

.app .ic_1 {
    background-image: url(../images/layout/icon_add_car3.png);
}

.app .ic_2 {
    background-image: url(../images/layout/icon_add_tank3.png);
}

.app .ic_3 {
    background-image: url(../images/layout/icon_add_nak3.png);
}

.app .ic_4 {
    background-image: url(../images/layout/icon_add_all_in_one3.png);
    margin-top: 28px;
}

.app .ic_5 {
    background-image: url(../images/layout/icon_add_jaz3.png);
}

/*  -------- */
/* zoznam pump - listing*/
.list_header_1 {
    min-height: 60px;

}

.list_header_1, .list_header_2, .list_header_3 {
    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}

.list_header_1 .count_item {
    float: right;
    padding-top: 30px;
    font-size: 0.9em;
}

.list_header_1 h1 {
    float: left;
    padding-top: 18px;
    padding-bottom: 10px;
    font-size: 1.2em;
    width: 700px;
}

.list_header_1 h1 span.search {

    font-size: 0.8em;
    color: #84878b;
    text-shadow: none;
    font-style: italic;

}

.list_header_1 h1 span.sub {

    font-size: 0.7em;
    color: #84878b;
    text-shadow: none;
    display: block;

}

.list_header_2 {
    padding-top: 20px;
    height: 40px;
}

.list_header_2 div span {
    color: #84878b;
}

.list_header_3 {

    height: 40px;
    font-size: 0.9em;
    line-height: 38px;
}

.list_header_3 ul {
    float: right;

}

.list_header_3 li {
    float: left;
    margin-right: 35px;
    position: relative;
    padding-right: 20px;

}

.list_header_3 li a {
    color: #84878b;
    line-height: 38px;
}

.list_header_3 li a:hover, .list_header_3 li.activ a {
    color: #ffffff;
}

.list_header_3 li span {
    background-image: url(../images/layout/arrow_4.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 10px;
    height: 6px;
    position: absolute;
    right: 0px;
    top: 17px;

}

.list_header_3 li.activ a span {
    background-position: left -6px;
}

.list_header_3 li.activ a span.lo {
    background-position: left -18px;
}

.list_header_3 li a span.lo {
    background-position: left -12px;
}

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

.top_cars_wrap {
    display: flex;
}

.top_cars_wrap &gt; div {
    flex-basis: 100%;
    margin-right: 10px;

}

.top_cars_wrap &gt; div:last-of-type {
    margin-right: 0px;
}

.top_cars_wrap .f_9 {
    text-align: center;
    display: block;

}

.car_block_1.v2 {
    float: none;
    height: 38px;
    width: 100%;
    margin-top: 15px;
    margin-right: 0px;
    overflow: hidden;
}

.car_block_1 {
    float: left;
    height: 38px;
    width: 300px;
    margin-top: 15px;
    margin-right: 30px;
    overflow: hidden;
}

.car_block_1.e {
    margin-right: 0px;
}

.car_block_1 .img {
    height: 37px;
    width: 45px;
    position: relative;
    background-color: #434548;
    float: left;
    margin-right: 10px;

}

.car_block_1 .img span {
    background-image: url(../images/layout/bck_img_1.png);
    height: 37px;
    width: 45px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.car_block_1 p {
    font-size: 0.8em;
    line-height: 12px;
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 15px;
    height: 14px;
    padding-top: 1px;
}

.car_block_1 p.fuel {
    background-image: url(../images/layout/icon_small_2.png);
}

.car_block_1 p.exp {
    background-image: url(../images/layout/icon_small_1.png);
}

.car_block_1 p.trip {
    background-image: url(../images/layout/icon_small_3.png);
}

.car_block_1 h2 {
    font-size: 0.9em;
    overflow: hidden;
    height: 20px;
}

.car_block_1 .left {
    overflow: hidden;
    width: 240px;
}

.car_block_2 {
    float: left;
    height: 260px;
    width: 210px;
    margin-top: 0px;

    margin-right: 40px;
    overflow: hidden;
}

.car_block_2.v2 {
    float: none;
    width: 100%;
    height: auto;
    margin-right: 0px;
}

.top_cars_wrap &gt; .car_block_2.v2 {

    margin-right: 40px;
}

.top_cars_wrap &gt; .car_block_2.v2:last-of-type {
    margin-right: 0px;
}

.top_users_wrap &gt; .car_block_2 {
    flex-basis: 293px;
}

.car_block_2.v2 .nb_wrap {
    display: flex;
    margin-bottom: -10px;
    justify-content: center;
    padding-top: 10px;
    z-index: 1;
    position: relative;
}

.car_block_2.v2 .nb_wrap .nb {
    padding: 3px 10px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 18px;
    margin-right: 15px;
    border: 1px solid #575757;
    background-color: #404040;
    transition: 0.3s all ease;
}

.car_block_2.v2.nb_1 .nb_wrap .nb {
    background-color: #4cc232;
    border-color: rgba(0, 0, 0, 0.3);
}

.car_block_2.v2:hover .nb_wrap .nb {
    transform: scale(1.1);
}

.pom_2 .car_block_2 {

    margin-top: 30px;

}

.car_block_2.e {
    margin-right: 0px;
}

.car_block_2 .f_1 a:hover, .car_block_2.open:hover .f_1 a {
    color: #FFFFFF;
}

.car_block_2 .img {
    height: auto;
    width: 100%;
    position: relative;
    margin-right: 10px;
    border-radius: 4px;
    overflow: hidden;
}

.car_block_2 .img img {

    width: 100%;
    height: auto;
}

.car_block_2 .img span.h {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: 0.3s all ease;
}

.car_block_2:hover .img span.h {
    background-color: rgba(0, 0, 0, 0.4);
}

.car_block_2.v2 .img .username {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;

    width: 100%;
    overflow: hidden;
    padding: 15px 0 5px 0;

    display: flex;
    justify-content: center;
    align-items: center;
}

.car_block_2.v2.nb_1 .img .username {
    background-color: rgba(76, 194, 50, 0.8);
}

.car_block_2 h2 {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0px;
    bottom: 0px;
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    line-height: 10px;
    text-align: center;
    min-height: 35px;
    width: 100%;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;

}

.car_block_2 h2 a {
    line-height: 1.2em;

    padding: 0px 5px;
}

.car_block_2 p {
    font-size: 0.8em;
    text-shadow: #101010 1px 1px 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    position: relative;
}

.car_block_2 p span {
    color: #FFF;
    display: block;
    float: right;
}

.car_block_2 p.o {
    background-image: url(../images/layout/pix_1.png);
    background-repeat: repeat;
}

.car_block_2 p.p {
    margin-top: 3px;
    height: 34px;
    padding: 0px;
    line-height: 15px;
    overflow: hidden;
}

.car_block_3 {
    overflow: hidden;
    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    padding-top: 20px;
    padding-bottom: 20px;

}

.car_block_3:hover {
    background-color: #202325;
}

.touch .car_block_3 {
    cursor: pointer;
}

.item_locked {

    opacity: 0.3;
}

.car_block_3 .img {
    height: 37px;
    width: 45px;
    position: relative;
    background-color: #434548;
    float: left;
    margin-right: 10px;

}

.car_block_3 .img span.mask {
    background-image: url(../images/layout/bck_img_1.png);
    height: 37px;
    width: 45px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.car_block_3 h2 {
    padding-top: 2px;
    font-size: 0.9em;
    line-height: 1.3em;
    width: 170px;
}

.car_block_3 .arrow {
    float: right;
    background-image: url(../images/layout/arrow_2.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 11px;
    margin-top: 10px;
    margin-right: 3px;
}

.car_block_3.activ .arrow {
    background-position: center bottom;
}

.car_block_3 .primary_car {
    background-image: url(../images/layout/icon_primary_vehicle.png);
}

.car_block_3 .locked_car {
    background-image: url(../images/layout/icon_locked.png);
}

.car_block_3 .primary_car, .car_block_3 .locked_car {
    display: block;
    float: left;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    margin-top: 11px;
    margin-right: 6px;
    margin-left: 3px;

}

.car_block_3 .primary_car:hover, .car_block_3 .primary_car.active, .car_block_3 .locked_car:hover, .car_block_3 .locked_car.active {

    background-position: bottom;
}

.car_block_3 .owner_info {
    clear: both;
    padding-top: 15px;
    font-size: 11px;
}

.car_block_3 .owner_info div span {
    color: #ffffff;
}

.car_block_3 .action {
    clear: both;
    padding-top: 15px;
    display: none;

}

.car_block_3 .action_2 {
    display: none;

}

.car_block_3:hover .action, .car_block_3:hover .action_2, .car_block_3.activ .action, .car_block_3.activ .action_2 {
    display: block;
}

.car_block_3 .action a, .car_block_3 .action span {
    display: block;
    margin-left: 25px;
    float: left;
}

.car_block_3 .action span, .action_2 li span {
    text-decoration: line-through;
}

.action_2 {
    padding-top: 15px;
    margin-left: 7px;
    clear: both;

}

.wrap_1 {

}

.action_2.u_ndp {

    padding-top: 0px;
    padding-bottom: 12px;

}

.action_2.u_ndp li {
    float: left;
    margin-left: 20px;
    font-size: 0.8em;
}

.action_2 li {

    margin-top: 2px;
    margin-bottom: 2px;
}

.action_2 li a, .action_2 li span {
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: left center;

}

.action_2 li .add_fuel {
    background-image: url(../images/layout/icon_small_2.png);
}

.action_2 li .add_expension {
    background-image: url(../images/layout/icon_small_1.png);
}

.action_2 li .add_profit {
    background-image: url(../images/layout/icon_small_10.png);
}

.action_2 li .add_travel {
    background-image: url(../images/layout/icon_small_3.png);
}

.action_2 li .add_reminder {
    background-image: url(../images/layout/icon_small_6.png);
}

.action_2 li .activity_list {
    background-image: url(../images/layout/icon_small_4.png);
}

.action_2 li .consumption_icon {
    background-image: url(../images/layout/icon_small_5.png);
}

.action_2 li .stats_icon {
    background-image: url(../images/layout/icon_small_8.png);
}

.action_2 li .patrol_s {
    background-image: url(../images/layout/icon_small_7.png);
}

.action_2 li .shared_car {
    background-image: url(../images/layout/icon_my_shares.png);
}

.gas_block_1 {

    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    padding-top: 18px;
    padding-bottom: 22px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    text-shadow: #101010 1px 1px 1px;

}

.gas_block_1.det {
    background-image: none;
}

.gas_block_1.det:hover {
    background-color: transparent;
}

.gas_block_1:hover {
    background-color: #202325;
}

.gas_block_1 .basic {
    cursor: pointer;
    overflow: hidden;
}

.gas_block_1.det .basic {
    cursor: default;
}

.gas_block_1 .img {
    float: left;
    margin-right: 30px;
}

.gas_block_1 h2, .gas_block_1 h1 {
    margin-top: 10px;
    margin-bottom: 3px;
}

.gas_block_1 h2 a, .gas_block_1 h1 {
    color: #FFF;
    line-height: 20px;
    font-weight: bold;
}

.gas_block_1 p {
    font-size: 0.8em;

}

.gas_inf {
    float: right;
}

.gas_inf .fuel {
    float: left;
    margin-left: 10px;
    margin-top: 20px;
    color: #FFF;
    font-weight: bold;
}

.gas_inf .last_upd_fuel {
    clear: both;
    float: right;
    margin-top: 0px;
    font-size: 0.8em;
}

.gas_block_1 .gas_inf div span {
    color: #84878b;
}

.gas_detail {

}

.faq_block_1 {

    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    padding-top: 18px;
    padding-bottom: 22px;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    text-shadow: #101010 1px 1px 1px;
    cursor: pointer;
    font-size: 1.2em;
    color: #a2a4a7;

}

.faq_block_1:hover {
    background-color: #202325;
}

.faq_block_1.active {
    color: #ffffff;
    background-color: #202325;
}

.faq_block_1 .answer {
    font-size: 0.8em;
    margin-top: 10px;
    color: #84878b;

}

.a_block_res {
    display: none;
    margin-top: 30px;
}

#a_block_res {
    position: relative;
}

.mapa_1 {
    clear: both;
    background-color: #212427;
    width: 100%;
    height: 300px;
    margin-top: 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-shadow: none;
}

/* car detail*/

.car_detail {
    margin-top: 20px;
}

.car_detail .img {

    float: left;
    height: 326px;

    position: relative;
    width: 464px;
}

.car_detail .img span {
    background-image: url("../images/layout/bck_img_4.png");
    background-repeat: no-repeat;
    height: 326px;
    width: 464px;
    left: 0;
    position: absolute;
    top: 0;

}

.car_detail_list {
    float: left;
    width: 230px;
    margin-top: 3px;
    margin-left: 18px;
    overflow: hidden;
    font-size: 0.9em;
    letter-spacing: 0em;
    word-spacing: 0em;
}

.car_detail_list .z_1 {
    background-color: #242729;
}

.car_detail_list li {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 7px;
    overflow: hidden;
    line-height: 1.2em;

}

.car_detail_list li span {
    display: block;
    float: right;
    color: #ffffff;
    font-weight: bold;
    padding-left: 10px;
    text-align: right;

}

.act_list {

    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    overflow: hidden;

    letter-spacing: 0em;
    word-spacing: 0em;
    font-size: 0.9em;
    padding-left: 10px;
}

.act_list li {
    float: left;

}

.act_list li a.activ {
    color: #ffffff;
    background-image: url(../images/layout/bck_act_list.png);
}

.act_list li a {
    width: 150px;
    height: 45px;
    display: block;
    line-height: 57px;
    text-align: center;
}

.act_list li a.act_rem {
    width: 30px;
    padding-left: 10px;

    background-image: url(../images/layout/icon_small_6.png);
    background-repeat: no-repeat;
    background-position: left 22px;

}

/* //////////////////////////////////////////// */

/* user zona */

.left_block {
    float: left;
    width: 270px;
    overflow: hidden;
}

.main_block {
    float: right;
    width: 650px;

}

.main_block h1 {

    position: relative;
    float: left;
    left: -50%;

}

.main_block h1 span.ndp {
    display: block;
    font-size: 0.7em;
    color: #84878b;

}

.main_block h1 span.ndp.v2 {
    font-size: 11px;
    padding-top: 10px;

}

.main_block_2 {
    float: left;
    width: 650px;

}

.right_block {
    float: right;
    width: 280px;

}

.h1_wrap {
    position: relative;
    float: left;
    left: 50%;
    height: 70px;
}

.main_block h1 span.add_drive, .main_block h1 span.icon_activity, .main_block h1 span.add_fuel, .main_block h1 span.add_expense, .main_block h1 span.add_reminder, .main_block h1 span.icon_petrol_s, .main_block h1 span.icon_shared_car {

    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 30px;

}

.main_block h1 span.add_fuel {
    background-image: url(../images/layout/icon_fuel_1.png);
}

.main_block h1 span.add_expense {
    background-image: url(../images/layout/icon_expenses_1.png);
}

.main_block h1 span.add_drive {
    background-image: url(../images/layout/icon_drive_1.png);
}

.main_block h1 span.add_reminder {
    background-image: url(../images/layout/icon_reminder.png);
}

.main_block h1 span.icon_activity {
    background-image: url(../images/layout/icon_activity.png);
}

.main_block h1 span.icon_petrol_s {
    background-image: url(../images/layout/icon_petrol_s.png);
}

.main_block h1 span.icon_shared_car {
    background-image: url(../images/layout/icon_shared_car.png);
}

.add_img {
    margin-top: 50px;

    overflow: hidden;

}

.add_img .img {
    height: 208px;
    width: 294px;
    position: relative;
    float: left;
    margin-right: 10px;

}

.add_img .img span {
    background-image: url(../images/layout/bck_img_3.png);
    background-repeat: no-repeat;
    height: 208px;
    width: 294px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.add_img .img #upload_file_list {

    width: 100%;
    position: absolute;

    top: 20px;
    text-align: center;
    background-image: url(../images/layout/pix_2.png);
    background-repeat: repeat;
    color: #191c1e;
    -webkit-box-shadow: 3px 3px 3 pxrgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);

}

.upl_inf {
    float: right;
    width: 320px;
}

/* //////////////////////////////////////////// */

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

/* Uploadify */

.uploadify {
    position: relative;

    float: left;

}

.uploadify-button.disabled {
    background-color: #D0D0D0;
    color: #808080;
}

.uploadify-queue {
    margin-bottom: 1em;
}

.uploadify-queue-item {
    background-color: #F5F5F5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: 11px Verdana, Geneva, sans-serif;
    margin-top: 5px;
    max-width: 350px;
    padding: 10px;
}

.uploadify-error {
    background-color: #F00 !important;
}

.uploadify-queue-item .cancel a {
    background: url('../images/layout/uploadify-cancel.png') 0 0 no-repeat;
    float: right;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}

.uploadify-queue-item.completed {
    background-color: #E5E5E5;
}

.uploadify object {
    left: 0px;
}

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

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

/* plupload */

.upload-button {

    position: relative;

    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    background-image: url(../images/layout/bck_but_7.png);
    color: #FFF;
    text-shadow: #333438 1px -1px 1px;
    width: 150px;
    height: 43px;
    line-height: 43px;
    padding: 0px;

}

.upload-button:hover {
    background-position: center bottom;
}

.file_upload .upload_msg {
    float: left;
    display: none;

    padding: 10px;

    color: #ffffff;
    font-size: 12px;
    text-align: left;
    background-color: #f3625c;
    background-repeat: no-repeat;
    background-position: 10px 7px;

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

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

/*  tabulky*/

.tab_1 {
    margin: 0px;
    padding: 0px;
}

.tab_1 tbody tr.z_1 {
    background-color: #24282a;
}

.tab_1 tbody tr:hover {
    background-color: #181B1D;
}

.tab_1 th {
    color: #FFF;

}

.tab_1 td, .tab_1 th {
    padding: 5px;

}

.tab_2, .tab_3 {
    margin: 0px;
    padding: 0px;
    clear: both;
    font-size: 0.8em;

}

.tab_2 tbody.bad_value {

    background-color: rgba(158, 10, 10, 0.2);
}

.tab_2 tbody.bad_value:hover {
    color: #55585c;
    background-color: rgba(158, 10, 10, 0.3);
}

.tab_2 tbody:not(.no_items):hover, .tab_3 tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.tab_2 tbody.activ {
    background-color: #303234;
}

.tab_2 tbody:hover tr.main, .tab_2 tbody.activ tr.main {
    color: #FFF;
}

.tab_2 tbody td {
    cursor: pointer;
}

.tab_2 tbody.no_items td, .tab_2.v2 td, .tab_2 tbody td.n {
    cursor: default;
}

.tab_2 th, .tab_3 th {
    color: #FFF;

    padding-bottom: 10px;
    padding-top: 10px;
}

.tab_3 td, .tab_3 th {
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;

}

.tab_3 td.t_right, .tab_3 th.t_right {
    text-align: right;
}

.tab_3 td.t_left, .tab_3 th.t_left {
    text-align: left;
}

.tab_2 td, .tab_2 th {
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;

}

.tab_2.v2 td, .tab_2.v2 th, .tab_2 th.l, .tab_2 td.l {
    text-align: left;
}

.tab_2 tr.pozn td {
    padding-top: 0px;
    padding-bottom: 3px;
    text-align: left;
    font-size: 0.8em;
    height: 12px;

}

.tab_2 tbody tr.main, .tab_3 tbody tr {
    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    background-position: center top;
}

.tab_2 tfoot tr.main {
    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    background-position: center 10px;
}

.tab_2 tfoot tr.main.v2 {
    background-position: center 0px;
}

.tab_2 tfoot tr.main th {
    padding-top: 30px;
    color: #84878B;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0;
    word-spacing: 0;
    vertical-align: top;
    line-height: 13px;
}

.tab_2 tfoot tr th {
    padding-top: 0px;
    color: #FFFFFF;
    margin-top: 7px;
    font-size: 13px;
    font-weight: bold;
    line-height: 10px;

}

.tab_2 tr.main td, .tab_2 tr.no td, .tab_3 tr.no td {
    padding-top: 20px;
}

.tab_2 tr.main td.n {
    padding-top: 7px;
    z-index: 1;
    position: relative;
}

.tab_3 tr td {
    padding: 7px 5px;
}

.tab_3 tr td .checkbox {
    margin-top: 1px;
}

.tab_2 tr.extend {
    display: none;

}

.tab_4 {
    margin: 0px;
    padding: 0px;
}

.tab_4 tr.v {
    background-color: #24282a;
}

.tab_4 tr.v td:first-of-type {
    width: 80%;
}

.tab_4 tr:not(.ndp):hover {
    background-color: #181B1D;
}

.tab_4 tr:not(.ndp):hover td.val {
    background-color: #2e781e;
}

.tab_4 td {
    padding: 5px;
}

.tab_4 td.val {
    color: #ffffff;
    font-weight: bold;
    text-align: right;
    background-color: #44ac2d;
    white-space: nowrap;

}

.tab_4 td.val2 {
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    background-color: #84888f;
    white-space: nowrap;

}

.tab_4 td .desc {
    font-size: 0.6em;
    display: block;
}

.tab_4 tr:not(.ndp):hover td.val2 {
    background-color: #65696e;
}

.tab_4 td.val.t_center {
    text-align: center;
}

.tab_4 td.val3 {
    color: #ffffff;
    font-weight: bold;
}

.tab_4 tr.ndp td {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;

}

tbody.i_bad tr td:first-of-type {
    border-left: 5px #e41e2d solid;

}

.v_hgl {

    background-color: #e41e2d;
    color: #ffffff;
    padding: 5px;
    position: relative;

}

.v_hgl.v2 {
    background-color: rgba(255, 255, 255, 0.1);
}

.v_hgl.v3 {
    background-color: transparent;
    padding-left: 20px;
}

.v_hgl span {
    position: absolute;
    background-color: #b11824;
    top: 0px;
    right: 0px;
}

.v_hgl.v2 span {
    background-color: rgba(255, 255, 255, 0.1);
}

.v_hgl.v3 span {
    background-color: rgba(255, 255, 255, 0.1);
    right: initial;
    left: 0px;
    top: 5px;

}

.v_hgl span:after {
    content: 'i';
    font-size: 10px;
    padding: 5px;
}

.pozn .v_hgl {
    float: left;
    margin-top: 5px;
    padding-right: 20px;
}

.fuel_type {
    display: block;
    padding-top: 3px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
    float: right;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 0.8em;
    color: #CCC;
    background-color: #444;
}

.ext_cont {

    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;

    background-image: url("../images/layout/bck_body_2.png");
    background-repeat: repeat;

    margin-right: 20px;
    margin-left: 20px;

    box-shadow: 0 0 4px #000000;
    overflow: hidden;
    background-color: #404345;

}

.ext_cont a {
    color: #FFF;
}

.ext_cont a:hover {
    text-decoration: underline;
}

.ext_cont .d {
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    color: #FFF;
    text-align: center;
}

.ext_cont .d span {
    display: block;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 7px;

    margin-bottom: 5px;
    background-color: #339824;

    text-shadow: #101010 1px 1px 1px;
}

.tab_2 td a.edit, .tab_2 td a.del, .tab_3 td a.edit, .tab_3 td a.del, .tab_2 td a.pdf, .tab_3 td a.pdf, .tab_2 td a.xls, .tab_3 td a.xls {
    background-repeat: no-repeat;
    background-position: left top;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;

}

.tab_2 td a.edit, .tab_3 td a.edit {
    background-image: url(../images/layout/icon_edit_1.png);
}

.tab_2 td a.del, .tab_3 td a.del {
    background-image: url(../images/layout/icon_del_1.png);
}

.tab_2 td a.pdf, .tab_3 td a.pdf {
    background-image: url(../images/layout/icon_pdf_1.png);
}

.tab_2 td a.xls, .tab_3 td a.xls {
    background-image: url(../images/layout/icon_xls_1.png);
}

.tab_2 td a.pdf:hover, .tab_3 td a.pdf:hover, .tab_2 td a.xls:hover, .tab_3 td a.xls:hover, .tab_2 td a.edit:hover, .tab_2 td a.del:hover, .tab_3 td a.edit:hover, .tab_3 td a.del:hover {
    background-position: left bottom;
}

.tab_2 td span.trip, .tab_2 td span.expense, .tab_2 td span.profit, .tab_2 td span.tank, .tab_2 td span.prem_tank, .tab_2 td span.reminder {
    background-repeat: no-repeat;
    background-position: left center;
    width: 11px;
    height: 15px;
    display: block;
}

.tab_2 td span.prem_tank {
    background-image: url(../images/layout/icon_small_premium_fuel.png);
}

.tab_2 td span.tank {
    background-image: url(../images/layout/icon_small_2.png);
}

.tab_2 td span.trip {
    background-image: url(../images/layout/icon_small_3.png);
}

.tab_2 td span.expense {
    background-image: url(../images/layout/icon_small_1.png);
}

.tab_2 td span.profit {
    background-image: url(../images/layout/icon_small_9.png);
}

.tab_2 td span.reminder {
    background-image: url(../images/layout/icon_small_6.png);
}

.tab_2 td span.alert {
    font-size: 0.8em;
    color: #596063;
}

.filter {
    width: 190px;
}

.filter.wauto {
    width: auto;
}

.filter li {
    float: left;
}

.filter li a {
    padding-top: 3px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 0.8em;
    color: #CCC;
    border: 1px solid #444;
    margin-right: 10px;
    -webkit-box-shadow: 3px 3px 3 pxrgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

.filter li.l a {
    margin-right: 0px;
}

.filter li a.activ, .filter li a.activ:hover {
    background-color: #444;
}

.filter li a:hover {
    background-color: #2A2A2A;

}

/* //////////////////////////////////////////// */

.title_block_1, .title_block_2 {
    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: 20px;
    margin-bottom: 30px;
    clear: both;
    min-height: 26px;

}

.title_block_1.v2 {

    padding-bottom: 10px;

}

.title_block_2 {
    margin-top: 24px;
}

.title_block_1 .text, .title_block_2 .text {
    background-repeat: no-repeat;
    background-position: right top;
    text-align: center;
    display: block;
    font-weight: bold;
}

.title_block_1 .text {
    background-image: url(../images/layout/bck_ndp_blk_1.png);
    height: 11px;
    width: 340px;
    padding-top: 25px;
}

.title_block_2 .text {
    background-image: url(../images/layout/bck_ndp_blk_2.png);
    height: 11px;
    width: 190px;
    padding-top: 25px;
}

.title_block_3 {
    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    background-position: bottom;
    clear: both;
    height: 3px;
    margin-bottom: 30px;

}

.title_block_3.no_b {

    margin-bottom: 10px;

}

/*  ostatne */

.gps_info {
    float: right;
    font-size: 0.8em;
    margin-top: 7px;
    margin-bottom: 20px;
}

.gps_info div {
    float: left;
    margin-left: 10px;
}

.gps_info div span {
    margin-left: 5px;
    color: #FFF;
}

.act {
    position: relative;
}

.act h2 {
    width: 94%;
}

.act span.exp {
    background-image: url(../images/layout/expand_1.png);
    background-repeat: no-repeat;
    display: block;
    height: 42px;
    width: 41px;
    position: absolute;
    right: 0px;
    top: 10px;
    cursor: pointer;

}

/*  -------------------------------------------- */
/* short navigation */

.short_nav {
    padding: 0px;
    font-size: 0.8em;
    display: inline-block;
}

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

.short_nav li a {
    display: block;
    color: #847d80;
    margin-right: 4px;
    padding-right: 15px;
    background-image: url(../images/layout/bck_shortnav.png);
    background-repeat: no-repeat;
    background-position: right center;

}

.short_nav li.end a {
    background-image: none;

}

.short_nav li a:hover {
    color: #E5E5E5;
}

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

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

/* Easy Slider */

.slider_1 ul, .slider_1 li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.slider_1 li {

    width: 960px;
    height: 252px;
    overflow: hidden;

}

#prevBtn, #nextBtn {
    display: block;
    width: 30px;
    height: 77px;
    position: absolute;
    left: -30px;
    top: 71px;
    z-index: 1000;
}

#nextBtn {
    left: 696px;
}

#prevBtn a, #nextBtn a {
    display: block;
    position: relative;
    width: 30px;
    height: 77px;
    background: url(../images/btn_prev.gif) no-repeat 0 0;
}

#nextBtn a {
    background: url(../images/btn_next.gif) no-repeat 0 0;
}

/* numeric controls */

ol#controls {
    padding: 0;
    overflow: hidden;
    width: 100px;
    margin-top: 30px;

}

ol#controls li {

}

ol#controls li a {
    float: left;
    height: 13px;
    line-height: 28px;
    color: #555;
    padding: 0;
    text-decoration: none;
    background-image: url(../images/layout/slider_1_dot.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 20px

}

ol#controls li.current a {
    background-position: center bottom;
}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
}

/* // Easy Slider */

/* pagination */

.pagination {
    list-style-type: none;
    margin-top: 10px;
    margin-bottom: 20px;

    font-size: 18px;
    clear: both;

    padding-top: 50px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    background-position: center top;

    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;

}

.pagination ul {

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

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

.pagination li {
    margin-right: 8px;
    font-size: 0.7em;

}

.pagination li a {
    color: #60646F;
    display: block;
    text-align: center;
    line-height: 44px;
    background-image: url(../images/layout/pagination.png);
    background-repeat: no-repeat;
    width: 44px;
    height: 44px;

}

.pagination li a:hover {
    background-position: center -44px;
    color: #6B707C;
}

.pagination li.activ a {
    background-position: center bottom;
    color: #FFFFFF;
}

.pagination li a span {

    height: 10px;
    width: 10px;
    position: absolute;
    top: 17px;
    left: 17px;
    background-image: url(../images/layout/pagination_oth.png);
}

.pagination li.first a span {
    background-position: center -40px;
}

.pagination li.first:hover a span {
    background-position: center -50px;
}

.pagination li.last a span {
    background-position: center -60px;
}

.pagination li.last:hover a span {
    background-position: center -70px;
}

.pagination li.next a span {
    background-position: center 0px;
}

.pagination li.next:hover a span {
    background-position: center -10px;
}

.pagination li.prev a span {
    background-position: center -20px;
}

.pagination li.prev:hover a span {
    background-position: center -30px;
}

.pagination.activity {
    background-image: url(../images/layout/line_hor_1.png);
    background-repeat: repeat-x;
    background-position: center 10px;
    padding-top: 30px;

}

.pagination.activity .odk_button {
    position: relative;
    margin-bottom: 15px;
}

.pagination .item_per_page {

    position: absolute;
    z-index: 1;
    margin: 0;
    padding: 0;
    right: 0px;
    top: 42px;
    left: inherit;
    text-align: center;
}

.pagination .item_per_page.v2 {
    position: inherit;
    top: 0px;
    float: right;
}

.pagination .item_per_page li {

    right: inherit;
    margin-right: 5px;
}

.pagination .item_per_page li a {
    color: #6B707C;
    line-height: inherit;
    background-image: none;
    width: inherit;
    height: inherit;
}

.pagination .item_per_page li a.activ, .pagination .item_per_page li a:hover {
    color: #ffffff;

}

.pagination .item_per_page li a:after {
    content: '|';
    padding-left: 5px;
}

.pagination .item_per_page li:last-of-type a:after {
    content: '';
    padding-left: 0;
}

.pag_info {
    font-size: 0.7em;
    float: right;
    padding-top: 12px;
    color: #4D5257;
}

.pag_2 .pag_info {
    clear: both;

}

/* manual - synchronizacia */

.synch {

    background: none;
    color: #000000;

    background-color: #EFEFEF;
}

#man {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    letter-spacing: 0em;
    word-spacing: 0em;
}

#man .content {
    clear: both;
    background-color: #E2E2E2;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
    width: 940px;
    margin-bottom: 40px;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #999;
}

#man .content.sel {
    background-color: #BBF;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-left: 20px;
    width: 940px;
    margin-bottom: 40px;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #96C;
}

#man h1 {
    padding-top: 50px;
    padding-bottom: 20px;
    font-size: 24px;
}

#man h2 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
}

#man h3 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    font-style: italic;
}

#man .priklad {
    margin-top: 10px;
    margin-bottom: 30px;
    background-color: #FFF;
    font-style: italic;
    padding: 20px;
}

#man .pozn {
    font-style: italic;
    color: #333;
    font-size: 12px;
}

.tab_atr {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.tab_atr th {
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    text-align: left;
    -webkit-box-shadow: 3px 3px 3 pxrgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    background-color: #999;
}

.tab_atr th.h {

    background-color: #D8D8D8;
}

.ta
.tab_atr .pov_1 {
    background-color: #F00;
}

.tab_atr .ria_1 {
    background-color: #D8D8D8;
}

.tab_atr .ria_hov_1 {
    background-color: #B7B7B7;
}

.tab_zvyr_1 {
    border: 3px solid #999;
}

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

/* test vyberu auta */

#test_car_build fieldset {
    border: 1px solid #CCC;
    padding: 15px;
    margin-top: 20px;
}

#test_car_build label {
    width: 200px;
    display: block;
    float: left;
}

#test_car_build select, #test_car_build input {
    float: left;
    margin-bottom: 15px;
    min-width: 250px;
}

#test_car_build #car_list li {
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #CCC;
}

#test_car_build h1 {
    font-size: 24px;
    font-weight: bold;
    color: #999;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

#test_car_build h3 {
    margin-bottom: 15px;
    margin-top: 15px;
}

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

/* system hlasky  */
.sys_info_1 {
    font-size: 0.75em;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
    float: left;
    background-color: #666;
    border: 1px solid #93C9FF;
    padding: 5px;
    color: #FFF;
}

.sys_info_2 {
    font-size: 0.75em;
    border: 1px solid #93C9FF;
    padding: 5px;
    position: absolute;
    right: 30px;
    bottom: 30px;
}

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

.ui_slider_1 {
    width: 394px;

    background-image: url("../images/layout/fancy_slider_1.png");
    background-repeat: no-repeat;
    float: left;
    height: 26px;
    margin-top: 10px;
    margin-bottom: 55px;
    margin-right: 0px;

    padding-top: 16px;
    padding-left: 23px;
    padding-right: 23px;
    position: relative;
}

.ui_slider_1 .inf_1, .ui_slider_1 .inf_2 {

    position: absolute;
    bottom: -58px;
    text-align: center;
    padding: 2px 8px;
    color: #EAEAEA;
    text-shadow: #000000 1px 1px 1px;
    border-radius: 8px;
    font-size: 12px;
    background-color: rgba(255, 255, 255, 0.1);
}

.ui_slider_1 .inf_1 {
    left: 0px;
}

.ui_slider_1 .inf_2 {
    right: 0px;
}

.ui_slider_1 .inf_1 span {
    font-size: 16px;
    font-weight: bolder;
}

.ui_slider_1.coef .ui-slider {
    background-color: #0066CC;
}

/* lang bar */
.lang_menu {
    float: right;

    font-size: 0.8em;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-right: 10px;

}

.lang_menu li {
    float: left;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #454a4e;
}

.lang_menu li.activ a {
    color: #FFFFFF;
}

.lang_menu li:first-child {
    border: none;
}

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

/* share icon */

.fb_share, .twitter_share, .google_share {

    display: inline-block;
    background-repeat: no-repeat;
    width: 180px;
    height: 33px;
    margin-right: 15px;

}

.fb_share span, .twitter_share span, .google_share span {

    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    line-height: 34px;
    padding-left: 35px;

}

.fb_share {
    background-image: url("../images/layout/fb_share.png");
}

.twitter_share {
    background-image: url("../images/layout/twitter_share.png");
}

.google_share {
    background-image: url("../images/layout/google_share.png");
    margin-right: 0px;
}

.fb_share:hover, .twitter_share:hover, .google_share:hover {
    background-position: left bottom;
}

/* chart legend */
.line-legend {
    overflow: hidden;
    margin-top: 20px;
    text-align: center;
}

.line-legend li {
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    margin-left: 10px;
    position: relative;
    padding-left: 20px;
}

.line-legend li span {
    left: 0px;
    top: 0px;
    position: absolute;
    width: 15px;
    height: 15px;
}

/*  */

.to_step {
    margin-bottom: 40px;
    color: #84878b;

    position: relative;

}

.to_step .sign {
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.1);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 26px;
    position: absolute;
    left: -50px;

}

.to_step .hlp {
    padding-top: 12px;
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: left;

}

/* cookie info */
.cookieinfo_wrap {
    background-color: rgba(51, 51, 51, 0.9);
    font-size: 12px;
    color: #cccccc;

    width: 100%;
    margin: auto;
    padding: 10px 5px 15px 5px;

    position: fixed;
    bottom: 0px;
    box-sizing: border-box;
    text-align: center;
    z-index: 1000;

}

.cookieinfo {
    max-width: 975px;
    display: inline-block;
}

.cookie_close_btn {
    cursor: pointer;
    color: #fff;
    background: #2f8d21;
    border-radius: 4px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    margin-left: 10px;
    margin-top: 5px;
}

.cookie_close_btn:hover {
    background: #1e5b15;
}

.cookie_more_btn {
    text-decoration: underline;
    color: #cccccc;
}

.cookie_more_btn:hover {
    color: #ffffff;
}

/* autocomplete result KSA */

.fsearch_results {
    margin-top: 5px;
    margin-bottom: 10px;
    background-color: #191c1e;
    border-radius: 14px;
    display: none;

    border: 1px solid rgba(255, 255, 255, 0.1);
}

.fsearch_results.show {
    display: inherit;
}

.fsearch_results ul {
    max-height: 200px;
    overflow-y: hidden;
    font-size: 12px;

}

.fsearch_results .jspVerticalBar {
    top: 5px;
    right: 5px;
}

.fsearch_results li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.fsearch_results li:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.fsearch_results li.other {
    border-top: 3px solid rgba(255, 255, 255, 0.1);

}

.fsearch_results li a.link, .fsearch_results li.exist {
    padding: 5px 10px;
    display: block;
}

.fsearch_results li.exist:hover {
    background-color: transparent;
}

.fsearch_results ul li:last-of-type {
    border-bottom: none;
}

.fsearch_results .radio_type_2:before {
    top: 10px;
}

/* autocomplete */

.sugg_wrap {
    display: block;
    position: relative
}

ul.ui-autocomplete {

    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    border-radius: 14px;
    border: none;
    font-size: 14px;
    line-height: 15px;
    padding-top: 0px;

    background-color: #191c1e;

    -moz-box-shadow: inset 0px -2px 2px #131313, 0px -2px 2px #131313;
    -webkit-box-shadow: inset 0px -2px 2px #131313, 0px -2px 2px #131313;
    box-shadow: inset 0px -2px 2px #131313, 0px -2px 2px #131313;

    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;

}

ul.ui-autocomplete li {
    border-bottom: 1px solid #2d2f32;
    color: #808890;
    padding: 7px 10px;
    margin-right: 10px;
}

ul.ui-autocomplete li:last-of-type {
    border-bottom: none;
}

ul.ui-autocomplete li a {

}

ul.ui-autocomplete li:hover {
    cursor: pointer;
}

ul.ui-autocomplete li a.ui-state-focus {
    color: #494949;
    background-color: #cecece;
}

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

/* NFC block */

.nfc_wrap {
    padding: 10px 0 0 0;
    overflow: hidden;
}

.nfc_wrap {
    display: table;

}

.nfc_wrap .nfc_img {
    display: table-cell;
    vertical-align: middle;
    padding-left: 40px;
}

.nfc_wrap .nfc_content {
    display: table-cell;
    vertical-align: middle;
}

.nfc_wrap .nfc_content h2, .nfc_wrap .nfc_content p {
    margin-bottom: 15px;
}

.nfc_wrap .nfc_content .odk_button {
    display: inline-block;
    margin-right: 20px;
}

[data-name='nfc_video'] {
    margin: 40px 0 30px 0;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    display: none;
}

[data-name='nfc_video'] iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.list_1_header {
    min-height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.list_1 {

    display: flex;
    justify-content: center;

}

.list_1 li {
    font-size: 12px;
}

.list_1 li a {
    display: block;
    position: relative;
    padding: 0 7px;
}

.list_1 li:not(:last-of-type) a:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    height: 100%;
}

.list_1 li a:hover, .list_1 li a.active, .list_1 li &gt; span.active {
    color: #4cc232;
}
</pre></body></html>