/* ------------------------------------------------------------------------- */
/* *default - základní nastavení >>> */
/* ------------------------------------------------------------------------- */

html {
    height: 100.5%;
    margin-bottom: 1px;

}

body {
    font-family:"GEInspira", Arial,Helvetica,sans-serif;
    font-size: 15px;
    color: #666666;

}



a {
    color: #5ba7d8;
    text-decoration:underline;
}

a:hover, a:active { text-decoration:none; }
a:focus, a:active { outline: none; }

p, ul, ol, li {
    line-height:150%;
    margin:0; padding:0;
}

h1, h2, h3, h4, h5 {
    font-size:120%;
}

.nmr{
    margin-right: 0px!important;
}

img {
    margin:0;
    border-width:0px;
}

#prave_menu img, #leve_menu img {
    padding:0;
}

p.anchor, .nodisplay { display:none; }

.cleaner {
    clear:both;
    margin:0; padding:0;
    height:0px;
    font-size:1px;
    border:none;
    background: transparent;
}

.std .text_doleva {
    text-align:left;
}
.std .text_doprava {
    text-align:right;
}
.std .obrazek_doprava {
    margin:5px 0px 10px 10px;
    float:right;
    clear:right;
}
.std .obrazek_doleva {
    margin:5px 10px 10px 0px;
    float:left;
    clear:left;
}

.konec_obtekani {
    clear: both;
}

.zvyraznit_text {
    font-weight: bold;
    color: #3b3d6b;
}

.vetsi_text {
    font-size: 140%;
}

.std img.obsah_pic, .std img.rounded {
    margin:5px;
}

.std img.obsah_pic_no_padding {
    padding:0 !important;
}

.licha_radka_tabulky {
    background:#f3f4f4 !important;
    color:#1c191d !important;
}

.obsah_pic_no_padding {
    padding:0 !important;
}

.multiBoxDesc {
    border:1px solid #000000;
    background-color:#00FF00;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.odkaz_dolu {
    padding-right:20px;
    background-image: url(media/icons/anchor.gif);
    background-repeat: no-repeat;
    background-position: right 3px;
}

.odkaz_nahoru {
    padding-left:18px;
    background-image: url(media/icons/ico_top.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
}


#headerWrap {
    width: 100%;
    height: 198px;
    position: relative;

}

.home #contentWrap{
    padding-top: 32px;
}

#contentWrap{
    background: url("media/images/bg_body.jpg") no-repeat 50% 50%;
    padding-top: 39px;
    padding-bottom: 40px;
    overflow-x: hidden;
}

.notHome #contentWrap{
    padding-top: 107px;
    padding-bottom: 20px;

}

#obsah {
    background: #fff;
    clear: both;
    width: 100%;
    height: 100%;
    float: left;
    padding-bottom: 15px;
}

#grey_strip {
    width: 100%;
    float: left;
    clear: both;
    background: url(media/images/featured_bottom_bg.png) repeat-x scroll center top transparent;
}

#grey_strip > div {
    padding: 20px 0;
}

#grey_strip > div > h3 {
    color: #2D2D2D;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 170%;
    font-weight: normal;
    height: auto;
    padding-left: 38px;
    position: relative;
    top: 10px;
}

#grey_strip > div > h3 a {
    text-decoration: none;
}

#grey_strip > div > h3 a:hover {
    text-decoration: underline;
}

#admin_lista {
    position: absolute;
}

/*	<<< default - základní nastavení   */

/* ------------------------------------------------------------------------- */
/* *zahlavi - záhlaví webu >>> */
/* ------------------------------------------------------------------------- */
#zahlavi {
    position: relative;
   
}


#hlavicka {
    /*height: 120px;*/
    height: 127px;
}

#hlavicka .container_24 {
    position: relative;
}

.linka{
    width:212px ;
    height:54px ;
    background: url("media/images/linka.png") no-repeat;
    position: absolute;
    right: 2px;
    top: 36px;
    text-indent: -9999px;
}

#zahlavi h1 {
    display:none;
}

#logo span {
    display:none;
}

/* kvůli proklikávacímu logu zpět, ktere prekryje jen castecne */
#logo, #logo .logo_block {
    width:338px;
    display:block;
    height:128px;
}

#logo {
    margin:0 auto;
    background:transparent url(media/images/logoStd.png) no-repeat top left;
    position: relative;
    left: -3px;
    top: -1px;
}

#hlavicka_grafika {
    float: left;
    width: 750px;
    height: 200px;
    margin: 0;
}

/*	<<< zahlavi - záhlaví webu   */

/* >> #zahlavi_menu */
#zahlavi_menu {
    clear:both;
    width: 100%;
    height: 71px;
    background: #5ba7d8;
}

#zahlavi_menu ul {
    list-style:none;
    padding-top: 16px;
    margin-left: 136px;
}

#zahlavi_menu ul li {
    float: left;
    position: relative;
}
#zahlavi_menu ul li a, #zahlavi_menu ul li span {
    display:block;
    text-decoration:none;
    color:#fff;
    margin-right: 2px;
    padding: 10px 16px;
    font-size: 18px;

}
#zahlavi_menu ul li a:hover, #zahlavi_menu ul li.active a, #zahlavi_menu ul li.active span, #zahlavi_menu ul li:hover a {

    background: #3b3d6b;
    border-radius: 20px;
}

#zahlavi_menu ul li.active a, #zahlavi_menu ul li.active span{
    font-weight: bold;
}
#zahlavi_menu ul ul {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 36px;
    border-top: 1px solid #EEEEEE;
    background: #E3E3E3;
    z-index: 10;
}

#zahlavi_menu ul li.last ul {
    left: auto;
    right: 0;
}


#zahlavi_menu ul li:hover ul {
    visibility: visible;
}

#zahlavi_menu ul li ul li {
    float: left;
    clear: both;
    margin: 0;
}

#zahlavi_menu ul li ul li a, #zahlavi_menu ul li ul li span {
    background: #fff ;
    display: block;
    width: 130px;
    padding: 6px 18px;
    text-decoration: none;
    color: #888888 !important;
    border-bottom: 1px solid #EEEEEE;
    font-size: 100%;
    font-weight: normal;
    height: auto;
    line-height: 120%;
}

#zahlavi_menu ul li ul li a:hover, #zahlavi_menu ul li ul li.active a, #zahlavi_menu ul li ul li.active span {
    background: #4E4E4F;
    color: #fff !important;
}

#zahlavi_menu1{
    width: 960px;
    margin: 0 auto;
    
}

.bg_zahlavi{
    width: 100%;
    clear: both;
    height: 465px;
    background: url("media/images/bg_zahlavi.jpg") no-repeat center 0px;
}

.bg_zahlavi .container_24{
    position: relative;
    height: 465px;
}


.notHome .bg_zahlavi .container_24, .notHome .bg_zahlavi{
    height: 192px;
    background-position:center -37px;
}

#duvody{
    background: #e4f3fd;
    height: 307px;
}

/*	<<< #zahlavi - záhlaví webu	 */

/* ------------------------------------------------------------------------- */
/* *leve_menu - levý sloupec >>> */
/* ------------------------------------------------------------------------- */
#leve_menu {
    overflow: hidden;
    width: 354px;
    float: right;
    margin-top: -2px;
}

#leve_menu .wrap.top {
    padding-bottom: 30px;
}

#leve_menu .wrap.bottom {
    min-height: 400px;
}

#leve_menu ul li a {
    text-decoration: none;
}

#leve_menu ul li.active a.active, #leve_menu ul li.active span {
    color: #000;
    font-weight: bold;
}

#leve_menu .lmenu ul {
    padding: 0;
}

#leve_menu .lmenu ul li {
    list-style: none;
    border-top: 1px dashed #D6D6D6;
    background-position: 0 13px;
}

.lmenu ul li a, .lmenu ul li span {
    color: #666666;
    display: block;
    text-decoration: none;
    padding: 10px 0 10px 10px;
}

.lmenu ul li.active span, .lmenu ul li.active a {
    /*color: #000;*/
    font-weight: bold;
}

.lmenu ul li a:hover {
    background: #3b3d6b;
    color: #fff;
}

.lmenu ul li.active a.active:hover {
    color: #fff !important;
}

.lmenu ul li ul li a, .lmenu ul li ul li span {
    padding: 5px 0 5px 20px;
    font-size: 90%;
    color: #666666;
    font-weight: normal !important;
}

/* defaultni styly boxu */
.box {
    padding-bottom: 3px;
    clear: both;
}

.box_header {
    color:#fff;
    font-size:120%;
    /*font-weight:bold;*/
    line-height:25px;
    height:25px;
    /*padding-top:3px;*/
    padding-left:9px;
    background: #000;
}

.box .box_obsah .box_obsah_in {
    /*background:#fff;*/
}

.box.menu .box_obsah_in {
    padding:0;
}

.box.last, .box.last .box_obsah {
    padding-bottom:0;
}

#lmenu1_last a, #lmenu1_last span {
    border:none;
}

.box.last .box_obsah_bot {
    padding-bottom:0;
}

.box_header {
    color: #FFFFFF;
    font-size: 120%;
    height: 25px;
    line-height: 25px;
    padding-left: 9px;
}

#leve_menu #hledani_form .hledani_napd {
    display: none;
}

#leve_menu #hledani_form {
    background: #c8c8c8;
    margin-bottom: 4px;
}

#leve_menu #hledani_form #q {
    margin: 5px;
    width: 130px;
}

#leve_menu #hledani_form .button {
    width: 50px;
    margin: 5px 5px 5px 0;
    /*background: #000;*/
    border: none;
    height: 22px;
    cursor: pointer;
}

/* spolecne styly pro vsechny urovne menu, default 1.uroven */
.menu a {
    text-decoration:none; /* pokud nechci podtržené odkazy v menu */
    color:#fff;
}

/* defaultni sirka a zaroven pro 0.uroven */
.menu  ul {
    padding:0 !important; margin:0;
    width:100%;
    clear:left;
}

.menu  ul li {
    padding:0; margin:0;
    float:left;
    list-style-type:none;
    border-top:1px solid #fff;
}

.menu ul li a {
    background:#c8c8c8;
    padding:5px 5px 5px 25px; /* A/SPAN_LRpadding  */
    width:166px; /* LM(200px) - A/SPAN_LRpadding */
    margin:0;
    display:block;
    color:#1e1e1e;
    font-weight:bold;
}

.menu  ul li#lmenu1_last{
    /*border-bottom:1px solid #c8c8c8;*/
}

.menu ul li span,.menu ul li a:hover,.menu ul li a.active  {
    background:#323232 !important;
    /*background:#fff !important;*/
    color:#fff !important;
    padding:5px 5px 5px 25px;
    width:167px;
    display:block;
    /*	font-weight:bold;*/
}
.menu ul li ul li a {
    padding:5px 5px 5px 35px;
    color:#323232;
    background:#ffc896 !important;
    font-size:92%;
    font-weight:normal;
    width:157px;
}
.menu ul li ul li span,.menu ul li ul li a.active{
    padding:5px 5px 5px 35px;
    background:#646464 !important;
    font-weight:normal;
    width:157px;
}
.menu ul li ul li ul li a {
    padding:5px 5px 5px 45px;
    color:#323232;
    background:#ffdcbe !important;
    width:147px;
}
.menu ul li ul li ul li span,.menu ul li ul li ul li a:hover,.menu ul li ul li ul li a.active {
    padding:5px 5px 5px 45px;
    background:#ff8316 !important;
    color:#fff;
    width:147px;
}

/*	<<< #leve_menu - levý sloupec	 */

/* ------------------------------------------------------------------------- */
/* *stred - hlavní sloupec s obsahem >>> */
/* ------------------------------------------------------------------------- */

.notHome .stred_leva_prava{
    /*padding-left: 5px;*/
    padding-bottom: 40px;
    
}

#stred {
    float: left;
    min-height: 200px;
    width: 586px;
    padding-right: 10px;
    padding-left: 5px;
}

.home #stred, .noLeftCol #stred{
    width: 960px;
}

.stred_no_cesta {
    padding: 0 0px 0px 0px;
}

.std ul {
    list-style: disc;
    padding-left: 15px;
}

.std ul li {
}

.std ol {
    padding-left: 15px;
}

.std b, .std strong {
    font-weight: bold;
}

.std p {
    margin: 0;
    padding: 3px 0 5px;
}

.std h2, p.format_nadpis2 {
    font-size:30px;
    padding:10px 0px 5px 0px;
    color:#343766;
    margin:0 0 0px 0;
    font-weight:normal;
    font-family: GEInspira, Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}

h2.mainTitle{
    padding-bottom: 18px;

}

.std .stred_no_cesta h2 {
    padding-left: 0;
    font-size: 170%;
    height: auto;
}

.std h3, p.format_nadpis3 {
    color: #343766;
    font-size: 25px;
    margin: 0;
    padding: 15px 0 5px;
    font-weight: normal;
}

.std h4 {
    font-size:22px;
    padding:10px 0px 5px 0px;
    color:#343766;
    margin:0;
    font-weight: normal;
}

.std h5 {
    padding:5px 0px;
    margin:0;
    font-size: 100%;
}

.std li h3 {
    padding: 0;
}

/* *classic_list - výpis článků, referencí */

.std .classic_list .polozka {
    padding-bottom: 5px;
}

.std .classic_list .polozka.last {
    background: none;
    padding: 0;
}

.std .classic_list .polozka .anotace img {
    float: left;
    margin: 2px 15px 7px 0;
    text-align: left;
}

.std .classic_list .vice {
    clear: both;
}


.std .classic_list .vice a, a.more_btn {
    background: #3C3C3C;
    border: 1px solid #3C3C3C;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 11px;
    outline: medium none;
    padding: 5px 12px;
    text-align: center;
    text-decoration: none;
    width: auto;
    float: left;
}

.std .classic_list .vice a:hover, a.more_btn:hover {
    background: #dedede;
    border: 1px solid #3C3C3C;
    color: #3C3C3C;
}

.std .classic_list h3 a {
    text-decoration: none;
}

.std .classic_list h3 a:hover {
    text-decoration: underline;
}

/* .box_list >>> */
.box_list h3 {
    min-height: 40px;
}

.box_list .anotace {
    text-align: justify;
}
/* <<< .box_list */

.std .cl_category_list.listNoImg li {
    padding-right: 3%;
    float: left;
}

.std .cl_category_list.listNoImg li a {
    text-decoration: none;
}

.std .cl_category_list.listNoImg li a:hover {
    text-decoration: underline;
}

.std .datum {
    background: url(media/icons/icon_date.png) no-repeat 0 2px;
    padding-left: 25px;
    font-size: 90%;
    overflow: hidden;
    zoom: 1;
}

.vsechny_novinky {
    text-align: right;
}

#stred .fotogalerie .obr {
    margin-left: 0;
}

/* *fotogalerie >>> */
.std .fotogalerie .in {
    width: 110%;
}

.std .fotogalerie .obr {
    display:inline-block; /*  ie6 hack double margin */
    margin:0 15px 13px 0px;
    width:130px;
    text-align:center;
    vertical-align: top;
}

.std .fotogalerie._s .obr {
    width: 290px;
}

.std .fotogalerie._v .obr {
    width: 403px;
}

.std .fotogalerie a:hover {
    text-decoration:none;
    background:none;
}

.std .fotogalerie .desc {
    font-weight:bold;
    padding: 8px 0 5px 0;
    display: block;
}

.std .fotogalerie .obr a, .std .fotogalerie .obr img {
    text-align: center;
}

/* <<< fotogalerie */

/* stránkování */

#pages {
    clear: both;
    float: left;
    width: 100%;
    padding-top: 15px;
    margin-top: 20px;
}

#pages .pt, #pages .next, #pages .prev {
    float: left;
    margin-right: 7px;
}

#pages .pt, #pages .pt a,
#pages .next, #pages .next a,
#pages .prev, #pages .prev a {
    display: block;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
}

#pages .pt a, #pages .next a, #pages .prev a, #pages span.t-red, #pages span.b-red {
    padding: 0 0.91em;
}

#pages .pt, #pages .next, #pages .prev {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: -moz-linear-gradient(center top , #FFFFFF 0pt, #E0E0E0 100%);
    border-color: #CCCCCC #CCCCCC #AAAAAA;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 1px #FFFFFF inset;
    color: #555555;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
    display: block;
    progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#e0e0e0);
    background-color: rgb(246, 246, 246);
}

#pages span.t-red, #pages span.b-red {
    background-image: -moz-linear-gradient(center top , #E6E6E6 0pt, #DCDCDC 100%);
    box-shadow: 0 1px 2px #AAAAAA inset;
    border-color: #aaaaaa;
    progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#e6e6e6,EndColorStr=#dcdcdc);
    background-color: #e1e1e1;
}

#pages .pt:hover, #pages .prev:hover, #pages .next:hover {
    border: 1px solid #8e8e8e;
    box-shadow: 0 1px 2px rgba (0,0,0,0.25), 0 0 3px #fff inset;
    }

/* ------------------------------------------------------------------------- */
/* *catalog - Katalog, reference >>> */
/* ------------------------------------------------------------------------- */

.tabled_data {
    border-bottom: 1px solid #D9D9D9;
    border-collapse: collapse;
}

.tabled_data.params {
    margin-bottom: 20px;
}

.tabled_data tr {
    background: #8C8B8B;
}

.tabled_data tr.licha {
    background: #F0F0F0;
}

.tabled_data tr th, .tabled_data tr td {
    padding: 7px 10px;
    border-left: 1px solid #D6D6D7;
    color: #fff;
}

.tabled_data tr > td:last-of-type {
    border-right: 1px solid #D6D6D7;
}

.tabled_data.params tr th {
    text-align: right;
}

.tabled_data tr.licha th, .tabled_data tr.licha td {
    color: #8C8B8B;
}

.tabled_data th, .tabled_data thead tr > * {
    background: #000;
    color: #fff !important;
}

/* cat_classic_detail - Katalogový detail s tabulkou v pravé části, fotogalerií dole */
#stred .cat_classic_detail .popis_zbozi .popis {
    float: left;
    width: 47%;
    padding-right: 3%;
}

#stred .cat_classic_detail .param {
    float: right;
}

#stred .cat_classic_detail.size_s .fotogalerie .obr {
    width: 295px;
}

/* cat_right_gallery_detail - Katalogový detail s galerií v pravém sloupci */
#stred .cat_right_gallery_detail .popis_zbozi {
    float: left;
    width: 429px;
}

#stred .cat_right_gallery_detail.size_s .popis_zbozi {
    width: 289px;
}

#stred .cat_right_gallery_detail .fotogalerie {
    float: right;
    width: 160px;
}

#stred .cat_right_gallery_detail.size_s .fotogalerie {
    width: 301px;
}

#stred .cat_right_gallery_detail .param {
    margin-top: 20px;
    width: 100%;
}

/*	<<< #stred - hlavní sloupec s obsahem	 */

/* ------------------------------------------------------------------------- */
/* *prave_menu - pravé sloupec >>> */
/* ------------------------------------------------------------------------- */

#prave_menu {
    width: 200px;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

#prave_menu .wrap.top {
    padding-bottom: 30px;
}

#prave_menu .wrap.bottom {
    /*min-height: 400px;*/
}

.col_prave_menu .stred_leva {
    width: 760px;
    float: left;
}

.col_prave_menu #stred {
    width: 560px;
}

.float_prave_menu #prave_menu {
    margin-top: 10px;
    margin-left: 20px;
}

/*	<<< #prave_menu - pravý sloupec	 */

/* ------------------------------------------------------------------------- */
/* *footer - hlavní sloupec s obsahem >>> */
/* ------------------------------------------------------------------------- */

#footerWrap {
    background: #41aee2;
    width: 100%;
    height: 106px;
    padding-bottom: 18px;
    clear: both;
    float: left;
    color: #fff;
}

#footerWrap .patka_iniv_in {
    /*min-height: 100px;*/
}

#patka_pod {

    /*color: #A1A1A1;*/
}

#patka_pod .copyright{
    margin-bottom: 19px;
    padding: 0px;
    font-size: 85%;
}

img.zk_logo{
    margin-right: 12px;
    position: relative;
    top: -2px;
}

#patka_pod a {
    /*color: #A1A1A1;*/
}

#patka_pod .patka_leva {
    float: left;
    width:614px;
    padding: 11px 0 0 0;
    position: relative;

}

#patka_pod .patka_prava {
    float: right;
    width: 346px;
    padding: 15px 0 0 0;
    text-align: right;
}

/*	<<< footer - paticka   */

/* ------------------------------------------------------------------------- */
/* *admin_lista - Administrační lišta  >>> */
/* ------------------------------------------------------------------------- */

.adminLista #mainWrap {
    padding-top: 32px;
}

#admin_lista {
    background:transparent url(media/images/adminer_bck.png);
    font-size: 110%;
    position:fixed;
    width:100%;
    z-index:1000;
    left:0; /*ie7*/
}

#admin_lista table {
    margin: 5px 20px;
    width: 98%;
}

#admin_lista a.edit_page, #admin_lista a.new_page {
    border: 1px solid #b9b9b9;
    background: #fff;
    text-decoration: none;
    height: 20px;
    display: inline-block;
    padding-right: 5px;
    line-height: 20px;
}

#admin_lista a.admBoxLink {
    margin-right: 5px;
}

#admin_lista a.edit_page span.act_ico, #admin_lista a.new_page span.act_ico  {
    background: #fff url(media/icons/icon_sprites.gif) -12px top;
    height: 16px;
    width: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 3px;
}

#admin_lista a.new_page span.act_ico {
    background: #fff url(media/icons/icon_sprites.gif) left top;
    width: 13px;
}

#admin_lista a:hover span {
    text-decoration: underline;
}

#admin_lista a:hover span.act_ico {
    text-decoration: none;
}

#admin_lista #logout {
    float: right
}

#admin_lista #admin_nadpis {
    font-size: 16px;
    font-weight: bold;
    padding-right: 20px;
}

#admin_lista td.adm_out {
    text-align:right;
}
/* <<< Administrační lišta */

/* ------------------------------------------------------------------------- */
/* *cesta = drobečková nápověda */
/* ------------------------------------------------------------------------- */
#cesta {
    padding:10px 0px 4px 0px;
    color:#c8c8c8;
    margin-bottom:2px;
    font-size: 90%;
}

#cesta {
    text-align: left;
    color: #000;
}

#cesta span, #cesta a {
    color: #808080;
}

#cesta a {
    text-decoration: none;
}

#cesta a:hover {
    text-decoration: underline;
}

.no_prave_menu #cesta {
}

#cesta hr {
    display:none;
}

#stred .t_doleva {
    text-align:left;
}

#cesta a, #cesta span.last{
    display:inline-block;
    /*padding-left:8px;*/
    /*background: url('media/images/cesta_separator.gif') no-repeat 0 4px;*/
}
/* <<< cesta = drobečková nápověda */

/* ------------------------------------------------------------------------- */
/* *form - formulářové prvky  >>> */
/* ------------------------------------------------------------------------- */
.forms_base form {}

.forms_base form, .forms_base label, .forms_base input, .forms_base fieldset, .forms_base textarea {
    padding:0;
    margin:0;
}

.forms_base label {
    display:block;
}


.forms_base .box {
    padding:10px 0;
}

/* VSTUPNI FORMULAR PRO uchazece */
.forms_base fieldset {
    margin-top:20px;
    padding:15px;
    /*border:auto;*/
    border: 1px solid #BCBCBC;
    border-radius: 4px 4px 4px 4px;
}
.forms_base .last { margin-bottom:20px;}

.forms_base input, .forms_base textarea {
    width:350px;
}

.forms_base input, .forms_base textarea {
    padding: 5px 8px;
    border: 1px solid #BCBCBC;
    border-radius: 4px 4px 4px 4px;
}

.forms_base input[type="submit"]:hover, .forms_base input[type="submit"]:focus {
    background: none repeat scroll 0 0 #DEDEDE;
    border: 1px solid #000000;
    color: #000000;
}

.forms_base input:hover,
.forms_base textarea:hover,
.forms_base input:focus,
.forms_base textarea:focus 	{background:#f0f0f0;}

.forms_base input.error  {
    border:1px solid red;
}

.forms_base input.submit_button {
    width:auto;
    background: none repeat scroll 0 0 #3C3C3C;
    border: 1px solid #3C3C3C;
    color: #fff;
    cursor: pointer;
}

.forms_base .width_short {
    width:150px;
}

.forms_base .pozn_pod_fieldset, .forms_base span.item_note {
    padding:0px 15px;
    color:#aaa;
    font-size:90%;
}
.forms_base label, .forms_base span.item_note {display:block;}

.forms_base span.mandatory {
    color:red;
    padding:0 3px;
}

.forms_base span.item_note {
    padding:0;
}


.forms_base textarea {
    /*width:600px;*/
}

.forms_base textarea {  min-height:150px;}
* html .forms_base textarea { height:150px;}


.forms_base .chckbox {
    float:left;
    width:25px !important;
    height:19px;
}


.forms_base legend {
    background:transparent url(media/icons/ik_form.gif) no-repeat center right;
    font-weight:bold;
    margin:0;
    padding:0.1em 30px 0.1em 4px;
}

.forms_base .msg {
    padding:10px;
    margin:5px 0;
}

.forms_base .msg p {
    padding: 3px !important;
}

.forms_base .error {
    color:#fff;
    background:red;
}

.forms_base .ok {
    color:#fff;
    background:green;
}

.forms_base .warning {
    color:#222;
    background:orange;
}

.forms_base .error, .forms_base .ok, .forms_base .warning {
    padding:10px;
}

.forms_base .spamCheck input {width:80px;}

/* overlib napoveda u formularu >> */
.fontClass {
    padding:5px; /* text */
    border:1px solid #444;
}
.capfontClass { /* nadpis */
    font-size:12px;
    font-weight:bold;
    color:#fff;
    padding:2px 5px;

}
.capfontClass a {
    color: #fff;
}
.fgClass { background: #eee; } /* pozadi textu */
.bgClass { background: #444;} /* pozadi nadpisu */
/* <<< form - formulářové prvky */

/* ------------------------------------------------------------------------- */
/* *prilohy - přílohy >>> */
/* ------------------------------------------------------------------------- */
/* *********************************** */
/* radkove prilohy downloadable */
/* *********************************** */
.priloha_download a {
    line-height:16px;
    padding-left:25px;
}

.priloha_download a.pdf {background:transparent url(media/icons/prilohy/ico-pdf.gif) no-repeat left center;}
.priloha_download a.doc, .priloha_download a.docx {background:transparent url(media/icons/prilohy/ico-doc.gif) no-repeat left center;}
.priloha_download a.xls, .priloha_download a.xlsx {background:transparent url(media/icons/prilohy/ico-xls.gif) no-repeat left center;}
.priloha_download a.jpg, .priloha_download a.jpeg {background:transparent url(media/icons/prilohy/ico-jpeg.gif) no-repeat left center;}
.priloha_download a.png {background:transparent url(media/icons/prilohy/ico-png.gif) no-repeat left center;}


/* *********************************** */
/* std  old prilohy */
/* *********************************** */
.priloha {
    width:120px;
    margin-top:10px;
    text-align:center;
    float:left;
    word-wrap: break-word;
    white-space: -moz-pre-wrap !important;
}

.priloha p {
    text-align:center;
    font-size:90%;
}

/* <<< přílohy */

/* *********************************** */
/* error a form. hlášky */
/* *********************************** */
.std .ok, .std .error, .std #error, #ok, .std .warning, .std #warning {
    background: none repeat scroll 0 0 red;
    margin: 5px 0;
    padding: 5px 10px;

}

.ok, .error{
    margin: 5px 0;
    padding: 5px 10px;
}

.ok, #ok {
    background: green !important;
}

.ok a, .error a, #error a, #ok a, .warning a, #warning a, .ok, .error, #error, #ok, .warning, #warning {
    color: #FFFFFF !important;
}
/* <<< error a form. hlášky */

/* *********************************** */
/* Diskuse >>> */
/* *********************************** */

#diskuse {
    /*
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #000000;
        width:470px;
        clear:left;
        margin-left:8px;
    */
}
#diskuse h3 {
    /*
        margin:5px 0px 0px 0px;
        padding:3px;
        border: 1px solid #999999;
        font-size: 14px;
        background-color: #09316F;
        color: #FFFFFF;
    */
}
#diskuse h4 {
    margin:5px 0px 0px 0px;
    padding:5px 3px;
    /*border: 1px solid #999999;*/
    /*font-size: 12px;*/
    background-color: #1F71B2;
    color:#fff;
}

#diskuse label {
    display:block;
    padding-top:5px;
}

#diskuse p {
    margin:3px 0px;
}
#diskuse .sirka_submit1 {
    /*width:150px;*/
}
#diskuse .sirka_submit2 {
    /*width:210px;*/
}
#diskuse .clanek {
    font-weight:bold;
    margin-top:0px;
    margin:4px 0px 0px 0px;
}
#diskuse .pocet {
    padding-bottom:10px;
}
#diskuse .prispevek {
    background-color:#E3F2FE;
    margin:3px 0px;
    padding:3px 5px;
}
#diskuse .jmeno {
    font-weight:bold;
    padding-bottom:4px;
    color:#1F71B2;
}
#diskuse .reagovat {
    text-align:right;
}

#diskuse .text_prispevku {
    width:564px;
}
#diskuse a {
    color:#1F71B2;
}

.jmeno a {
    text-decoration:none;
}

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

/* <<< diskuse */

/* Box */
.lstItem {
    float: left;
    margin-left: 50px;
    width: 286px;
    min-height: 184px;
    padding-bottom: 40px;
}

.lstItem h2 {
    margin-top: 10px;
    margin-bottom: 5px;
}

.lstItem h2 a:hover {
    text-decoration: underline;
}

.lstItem .more_btn {
    margin: 25px 0 0px 0;
}

/* Google maps - v kat. výpisu */
#mapWrap #map_canvas, #mapWrap #google_map {
    height: 400px;
    width: 100%;
}

#mapWrap #google_map .content {
    color: #000000;
    padding: 0 !important;
    width: 400px;
}

#mapWrap #google_map #content h3 {
    font-weight: bold;
}

#mapWrap #google_map #content h3, #mapWrap #google_map .content .adress {
    color: #000000 !important;
    font-size: 90%;
}

.pinLink{
    position: absolute;

}

.pinLink a{
    display: block;
}

.pinLink .pozn{
    background: #4fadd8;float: left;
    border-radius: 50px;
    color: #fff;
    margin-left: 2px;
    display: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}




.pinLink.p1{
    top: 109px;
    left: 49px;
}

    .pinLink.p1 .pozn{
        width: 210px;
        padding-left: 81px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 44px;
    }

    .pinLink .pozn p{
        line-height: 115%;

    }

.pinLink.p2{
    top: 241px;
    left: 219px;
}
    .pinLink.p2 .pozn{
        width:177px ;
        padding: 10px 26px 10px 102px;
    }

.pinLink.p3{
    top: 129px;
    left: 604px;
}
    .pinLink.p3 .pozn{
        width: 247px;
        padding: 10px 14px 10px 64px;
    }

.pinLink.p4{
    top: 41px;
    left: 823px;
}
    .pinLink.p4 .pozn{
        width: 285px;
        padding: 10px 61px 10px 18px;
        position: absolute;
        right: -50px;
        left: auto;
    }

.pinLink span.pin{
    display: block;
    position: absolute;
    z-index: 8;
}

.pinLink span.pin:hover{
    opacity: 0.8;
}

.p1 span.pin{
    width:83px;
    height:106px;
    background: url("media/images/pin1.png");

}
.p2 span.pin{
    width:87px;
    height:106px;
    background: url("media/images/pin2.png");

}
.p3 span.pin{
    width:62px;
    height:75px;
    background: url("media/images/pin3.png");
}
.p4 span.pin{
    width:64px;
    height:74px;
    background: url("media/images/pin4.png");
}

/* rychly dotaz plovouci banner postrane*/
#rychlyDotaz, #konzultace{
    position:absolute;
    z-index:99;
    height:157px;
    width:40px;
}

#rychlyDotaz{
  z-index:100;
}

#rychlyDotaz .text_pred{
    margin-bottom:5px;
}

#rychlyDotaz span.vetsi{
    font-size:130%;
}

#rychlyDotaz span.orange{
    color:#ec6624;
}

#rychlyDotazForm, #konzultaceForm{
    width:313px;
    min-height:365px;
    background:#ffb600;
    float:left;
    color:#fff;
    display:none;
    border-radius:0px 0px 5px 0px;
    padding:15px 21px 15px 23px;
    position: relative;
    z-index: 99;
}

#konzultaceForm{
  background:#3b3d6b;
}

#rychlyDotazForm input, #rychlyDotazForm textarea, #konzultaceForm input, #konzultaceForm textarea {
    border-radius: 10px;
}

#rychlyDotazForm input[type=submit], #konzultaceForm input[type=submit]{
    background: #5ba7d8;
    float: right;
}

#rychlyDotazForm input[type=submit]:hover, #konzultaceForm input[type=submit]:hover {
    background: #6dafd8;
}

#rychlyDotazBtn:hover, #konzultaceBtn:hover{
    cursor:pointer;
    opacity:0.8;
}


#rychlyDotazForm .error, #konzultaceForm .error{
    background: red;
    margin-bottom: 10px;
    padding: 5px;
}

#rychlyDotazForm .ok, #konzultaceForm .ok{
    background: limegreen;
    margin-bottom: 10px;
    padding: 5px;
}

#rychleMenu{
    width:960px;
    z-index: 50;
    border-radius: 140px;
    position: absolute;
    bottom: -65px;
    background:#5ba7d8;
    box-shadow: #bac6ce 4px 6px 10px;
    -webkit-box-shadow: #bac6ce 4px 6px 10px;
    -moz-box-shadow: #bac6ce 4px 6px 10px;

}

#rychleMenu .pol{
     width:240px;
     float: left;
     height: 140px;
     position: relative;
     text-align: center;
     box-shadow: -6px -6px 15px rgba(83, 152, 196, 1.0) inset
}

#rychleMenu .pol.first{
    border-radius: 140px 0px 0px  140px;
  }

#rychleMenu .pol.last{
    border-radius:  0px 140px 140px 0px;
}

#rychleMenu .pol a.vse{
    width: 240px;
    height: 140px;
    display: block;
    position: absolute;
    top: 0px;
 }

#rychleMenu .pol:hover{
    box-shadow: 0px 0px 0px #fff;
    background: #303363;
}

#rychleMenu .pol:hover span.detail{
    color: #4fadd8;
    background-image:url(media/images/sipka_blue2.png);
}

#rychleMenu .pol .in{
    padding: 24px 24px 15px 30px;

}

#rychleMenu .pol .obr img{
   max-width:80px;
}

#rychleMenu .pol h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

#rychleMenu .pol span.detail{
    color: #000;text-transform: uppercase;
    font-size:13px;
    font-weight: bold;display: inline-block;
    padding-left: 13px;
    margin-top: 10px;
    background: url("media/images/sipka_blue.png") no-repeat 0px 50%;
}

#owl-example-duvody{
    margin-top: 41px;

}

#duvody{
    text-align: center;
    
}

#duvody .nadp{
    color: #343766;
    font-size:30px;
    padding-top: 93px;
}

#duvody .nadp strong{
    font-weight: bold;
}

.duvod span.cislo{
    background: #5ba7d8;
    width:65px;
    text-align: center;
    height:65px;
    border-radius: 65px;
    display: inline-block;
    margin-right: 14px;
    font-size: 30px;
    line-height: 65px;
    color: #fff;
}

.duvod span.tit {
    font-size: 40px;
    color: #5ba7d8;

}

#owl-example-duvody .owl-controls.clickable .owl-page span{
    background:#d9e1e6;
    opacity: 1;
    width: 17px;height: 17px;
    margin: 0px 3px;
}

#owl-example-duvody .owl-controls.clickable .owl-page.active span{
    background: #5ba7d8;
    opacity: 1;
    
}

.patka_leva p{
    clear: both;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 16px;
    line-height: 140%;

}
.footerMenu ul{
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;

}

.footerMenu ul li{
    float: left;
    background: url("media/images/delic_footer.jpg") no-repeat 100% 50%;
    margin-bottom: 13px;
}

.footerMenu ul li:last-child{
    background: none;
}

.footerMenu ul li:first-child a, .footerMenu ul li:first-child span{
    padding-left: 0px;

}

.footerMenu ul li a, .footerMenu ul li span {
    text-decoration: none;
    color: #fff;
    padding-right: 6px;
    padding-left: 4px;
    font-size: 14px;
}

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

a.button_poptavka{
    width:270px;
    height:72px;
    display: block;
    background: url("media/images/button_poptavka.png") no-repeat;
    position: absolute;
    right: 0px;
    top: -33px;
}

a.button_poptavka:hover{
    opacity: 0.9;
}

.fb_box{
    border: 1px solid #e3e4e4;
    border-radius: 15px;
    padding:10px 0px;
    width: 960px;
    margin:0 auto;
}


.slideryHome img{
    float: left;
    margin-right: 22px!important;
}

.slideryHome p.format_nadpis3{
    float: left;
    padding: 0px;

}

.slideryHome .block1 {
     width: 444px!important;
     padding-right: 0px;
     border-right: 1px solid #ececec;
 }

.slideryHome .block2 {
     width: 478px!important;
     padding-left: 37px;
 }

.slideryHome .block2 .bbody {
    margin-left: 0px!important;
}

#owl-kronika {
    float:left;
    width: 300px ;
}


#owl-kronika h3.tit{
    color: #5ba7d8;
    font-size:16px;
    font-weight: bold;
}


.leve_kronika p.format_nadpis3 a{font-size:30px !important;color: #343766 !important;}

#owl-kronika h3.tit a, .leve_kronika p.format_nadpis3 a{
     text-decoration: none;
     color: #5ba7d8;
 }

#owl-kronika h3.tit a:hover{
    text-decoration: underline;
}

.owl-obecny .owl-buttons div{
    width: 19px!important;
    height:19px!important;
    text-indent: -9999px;
    padding: 0px!important;
    opacity:1!important;
    margin:2.5px!important;
}


.owl-obecny .owl-buttons div.disabled{
   opacity:0.5!important;
}

.owl-obecny .owl-buttons .owl-prev{
    background: url("media/images/buttons_slider.png") no-repeat 0px -19px!important ;
}

.owl-obecny .owl-buttons .owl-next{
    background: url("media/images/buttons_slider.png") no-repeat 0px 0px!important ;
}

#owl-reference {
    float:left;
    width: 378px ;
}

#owl-reference h3.tit{
    font-size:16px;
    font-weight: bold;
    min-height: 19px;
	overflow:hidden;
}

#owl-reference h3.tit a{
    text-decoration: none;
}

#owl-reference h3.tit a:hover{
    text-decoration: underline;
}

.leve_klienti{
    width: 100%;
    min-height: 369px;
    background: url("media/images/bg_leve_zkusenosti.png") no-repeat;
}

.leve_doporuceni{
    width: 100%;
    min-height: 369px;
    background: url("media/images/bg_leve_doporuceni.png") no-repeat;
}

.leve_klienti p.vetsi.format_nadpis3, .leve_doporuceni p.vetsi.format_nadpis3{
    font-size:30px;
    line-height: 115%;
}

.leve_doporuceni p.vetsi.format_nadpis3{
    margin-bottom: 11px;
    padding-top: 32px;
}

.leve_klienti p.vetsi.format_nadpis3 a:hover, .leve_doporuceni p.vetsi.format_nadpis3 a:hover{text-decoration: none;}

.klienti_in, .doporuceni_in{
    padding-left:109px;
}

.leve_klienti .item{
    margin-bottom: 15px;

}

.leve_klienti .item p.format_nadpis3{
    font-size:16px;
    padding-bottom: 0px;
    font-weight: bold;
}

.leve_klienti .item p.format_nadpis3 a, .leve_klienti p.format_nadpis3 a, .leve_doporuceni p.format_nadpis3 a{
    text-decoration: none;
    color: #2d3061;
    padding-bottom: 0px;
}


.leve_klienti .item p.format_nadpis3 a:hover, .leve_klienti p.format_nadpis3 a:hover, .leve_doporuceni p.format_nadpis3 a:hover{
    text-decoration: underline;
}

.polCinnost{
    margin-top: 23px;
    
}

.polCinnost .faze{
    width:70px;
    height:70px;
    display: block;
    background: #262a5b;
    color: #fff;
    text-align: center;
    border-radius: 70px;
    font-size:18px ;
    font-weight: bold;
    line-height: 70px;
    float: left;
    text-transform: uppercase;
    
}

.polCinnost .cont{
    margin-left: 84px;
    padding-top: 10px;
}

.polCinnost .cont h3.tit{
    text-transform: uppercase;
    color:  #262a5b;
    font-weight: bold;
    font-size: 18px;

}

.polCinnost .cont .text_clanku{
    display: none;
}

.polCinnost .vice1{
    margin-top: 10px;
    background: url("media/images/bg_vice.png") repeat-x 0px 50%;
}

.polCinnost .vice1 a{
     padding: 0px 10px 0px 44px;
     background: #fff;
     height:15px ;
    line-height: 15px;
     text-transform: uppercase;
     color: #585857;
     background: url("media/images/sipka_vice.png") #fff 10px 0% no-repeat;
     display: block;
     margin: 0 auto;
     text-decoration: none;
     font-weight: bold;
     font-size:14px;
     width: 102px;
 }


.polCinnost .vice1.active a{
    width: 80px;
    background: url("media/images/sipka_vice.png") #fff 10px 100% no-repeat;

}

/* rozjizdeci seznam  poradna*/
.polozka.sbal{
    margin-bottom:0px;
    margin-top:-1px;
    position:relative;
    z-index:9;
    padding-bottom:0px!important;
}
.polozka.sbal.active{
    margin-top:-1px;
    margin-bottom:-1px;
    z-index:99;
}


.polozka.sbal .anotace{
    display:none;
    margin-top:-1px;
    border:0px solid #ed691f;
    padding:5px 10px;
    padding-left: 62px;
    
}



.polozka.sbal h3.tit{
    height:47px;
    padding:0px;
    padding-left:10px;
    line-height:47px;
    cursor:pointer;
    border:0px solid #6cc302;
    background: #f2f2f2;
    color: #585857;
    font-size:16px;
    margin-bottom: 3px;
    border-radius:5px;
}



.polozka.sbal h3.tit a{
    text-decoration:none;
    color: #585857;
    font-size:16px;
}

.polozka.sbal.active h3.tit{

    border-color:#ed691f;
}

.polozka.sbal.active h3.tit a{
   

}

.polozka.sbal. h3.tit a:hover{

    text-decoration:underline;
}

.polozka.sbal h3.tit a span.ico{
    width:32px;
    float:left;
    margin-right:20px;
    height:32px;
    display:block;
    margin-top:8px;
    background:url(media/images/plusminus.png) no-repeat;
}

.polozka.sbal.active h3.tit a span.ico{

    background:url(media/images/plusminus.png) 0px -32px no-repeat;
}


.polozka.sbal ul{
    padding-left:25px;
}

.polozka.sbal ul li{
    list-style-image: url(media/images/ico_odr.png);
    margin-bottom:8px;
}

.vedeni_list{
    padding-left: 16px;
    
}

.vedeni_list .item{

    margin-bottom: 15px;
}

.vedeni_list .item img{
    float:left;
    margin-right: 16px;
    max-width:100px;

}

.vedeni_list .item .cont{
    width:222px;
    float:left;
}

.vedeni_list h3.mainTitList{
    font-size:25px;
    margin-bottom: 20px;

}

.vedeni_list .item h3.tit{
    display: inline-block;
    font-size:15px ;
    color: #585857;
    font-weight: bold;
    float: left;
    margin-right: 10px;
    padding-bottom: 0px;
    height: 18px;
}

.vedeni_list .item p.text, .vedeni_list .item p.text2 {
    margin-top: 9px;
}

.vedeni_list .item .sipka_more{
    width: 15px;
    height: 9px;
    display:block;
    float: right;
   /* margin-top: -17px;*/
    cursor:pointer;
    background: url("media/images/sipka_bottom.png") no-repeat ;

}

.vedeni_list .item .sipka_more:hover{
   opacity: 0.7;

}


.zkus.polozka{
    clear: both;
    padding-bottom: 14px ;
    border-bottom: 1px solid #ebebeb ;
    margin-top: 14px;
}

.zkus.polozka h3{
    font-size:15px;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 3px;
    }

.zkus.polozka h3 a{
    text-decoration: none;

    
}
.zkus.polozka h3 a:hover{
    text-decoration: underline;

}

.zkus.polozka img{
    float: left;
    margin-right: 20px;
}

.zkus.polozka .anotace p{
    padding: 0px;
    color: #585857;
}

.leve_kronika{
    width: 100%;
    min-height: 369px;
    background: url("media/images/bg_leve_kronika.png") no-repeat 10px 12px;
}

.leve_kronika p.vetsi.format_nadpis3{
    font-size:25px;
    line-height: 115%;

}

.leve_kronika .kronika_in{
    padding-left:109px;
}

.leve_kronika #owl-kronika{
    width: 100%;

}

.kontakt.grid.c2 .block1{
    width: 301px!important;
    margin-right: 30px!important;
    
}

.kontakt.grid.c2 .block2{
    width: 610px!important;


}

.modra{
    color: #41aee2;
}

.vetsi{
    font-size:150%;
    font-weight: bold;

}

.mensi{
    font-size:70%;

}

.pobocka{
    width: 460px;
    height: 144px;
    border-radius:5px;
    font-size:15px;

}

.pobocka .leva{
	background: #41aee2;
	color: #fff;
	float:left;
	width: 250px;
	padding: 0px 10px 13px 17px;
	max-height: 102px;
}

.pobocka .leva h3{
	text-transform: uppercase;
	color: #fff;
	font-size:17px;
}

.pobocka .prava{
	width: 193px;
	float: left;
	max-height: 102px;
	overflow: hidden;
}


#kf1_form, #pf1_form{
    background: #f4f4f4;
    border-radius:4px;
    padding:19px;
}

#kf1_form h3.tit, #pf1_form p.format_nadpis3{
    margin-top: 0px;
    padding-top: 0px;
    text-transform: uppercase;
    font-weight: bold;
    font-size:125%;
}

#kf1_form label, #pf1_form label{
    display: none;
}

#kf1_form input[type=text], #kf1_form textarea, #pf1_form input[type=text], #pf1_form textarea{
    border:1px solid #cdcdcd;
    border-radius:3px;
    font-size:14px;

}

#kf1_form input[type=submit], #pf1_form input[type=submit]{
    color: #48b1e3;
    border:2px solid #48b1e3;
    border-radius:50px;
    float:right;
    background: url("media/images/sipka_blue3.png") 90% 50% no-repeat;
    text-transform: uppercase;
    padding: 14px 20px;
    padding-right: 45px;
    font-size:15.48px;
    font-weight: bold;
    cursor: pointer;
}

#kf1_form input[type=submit]:hover, #pf1_form input[type=submit]:hover{
   background-color: #fff;
}


table.format{
    color: #fff;

}

table.format tr{
    background:#3b3d6b;
    border-bottom:1px solid #fff;
}


table.format td{
    padding-top: 16px;
    padding-bottom: 11px;
    padding-right: 10px;
}

table.format tr td:first-child{
    padding-left: 25px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius:5px 0px 0px 5px;
    border-radius:5px 0px 0px 5px;
}

table.format tr td:last-child{
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius:0px 5px 5px 0px;
}

table.format tr:nth-child(even){
    background:#5ba7d8;
}

.overlay{
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    z-index:99;
    background-color:rgba(0,0,0,0.7);

}

.poptavka_form{



    z-index:100;
    display: none;
    margin-top: 50px;
    width: 955px;
    min-height: 375px;
    position: relative;
    margin: 20px auto;

}

.poptavka_form .in{
    padding:19px;
    border-radius:5px;
    position: absolute;
    width: 955px;
    min-height: 375px;
    top: 35px;
    left: 0;
    background: #f4f4f4;
    right: 0;
    margin: 0 auto;


}

.poptavka_form p.format_nadpis3{
    padding-top: 0px;
}

#pf1_form label.visible{
    display: inline-block;
    margin-right: 15px;
}

#pf1_form input[type=radio] {
    margin-left:15px;
    margin-right:8px;

}

#pf1_form  .mand_text_bot{
    width: 584px;
}
.std  .classic_list .vice .btn{
    display: none;
}

.close_win_dem{
    float:right;
    text-decoration: underline;
    cursor:pointer;
    }

.close_win_dem:hover{

    text-decoration: none;

}

.up{
     text-transform: uppercase;
     padding-right: 25px;
     background: url("media/images/up.png") no-repeat 100% 50%;
     font-size:13px;
     color: #41aee2;
     height: 17px;
     line-height: 17px;
     cursor: pointer;
     margin-left:52px;
    display: inline-block;
    margin-top: 21px;
  
 }

.up:hover{
    text-decoration: underline;
    opacity: 0.7;
}

.forms_base2 input[type=text]{
    margin-bottom: 0px;

}


.newboxes {
    display: none;
}

.newboxestwo {
    display: none;
}

#box_plus {
    display: none;
    padding:20px;
}

.modre_pozadi {display:none;}


.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    backface-visibility:hidden;
}
/*.owl-item {
    width: 300px!important;
}
.owl-wrapper-outer{
    height: 98px;
}*/

.doporucujemeTab{
  width:586px;
}

.leve_doporuceni .doporucujemeTab{
  width:100%;
}

.doporucujemeTab tr td{
  width: 293px;
  height:223px;
  vertical-align:top;
  padding-bottom: 30px;
}

.leve_doporuceni .doporucujemeTab tr td{
  width: 100%;
  height:177px;
  vertical-align:top;
  background: none!important;
  border:none!important;
  padding:0!important;
} 

.doporucujemeTab tr td p{
  padding-top:0;
}

.doporucujemeTab tr td h3{
  font-size:16px;
  font-weight:bold;
}

.doporucujemeTab tr td h3 a{
  color: #343766;
}

.doporucujemeTab tr td a{
  text-decoration:none;
}

.doporucujemeTab tr td a:hover{
  text-decoration:underline;
}

.doporucujemeTab tr td img{
  margin:0!important;
}

.doporucujemeTab tr td:last-child{
  padding-left:50px;
  background:url(media/images/dopTabRight.png) no-repeat 0 bottom;
}

.doporucujemeTab tr td:first-child{
  padding-right:50px;
  background:url(media/images/dopTabLeft.png) no-repeat right bottom;
}

.doporucujemeTab tr:last-child td{
  background: none;
}

.doporucujemeTab tr:last-child td:last-child{
  border-left:1px #ddd solid;
}

#mapa{
	background: url(media/images/mapa.jpg) no-repeat top center;
	width: 614px;
	height: 358px;
	background-size: contain;
	position: relative;
}
#mapa .map_ico{
	height: 37px;
	width: 26px;
	background-size: contain;
	text-indent: -9999px;
	position: absolute;
	z-index: 5;
	font-weight: 700;
	background: url(media/images/map_icon.png) no-repeat top center;
}
#mapa .map_ico span{
	padding: 3px 13px;
	position: absolute;
	left: -2px;
	border-radius: 10px;
	opacity: 0;
	z-index:10;
	color:#ffffff;
	background: #41aee2;
}

#mapa .map_ico:hover{
	text-indent: 0;
}
#mapa .map_ico:hover span{
	opacity: 1;
	left: 95%;
	top: 2px;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

#praha {
	z-index: 7 !important;
	top: 110px;
	left: 200px;
	/*background: url(media/images/praha.png) no-repeat top center;*/
}


#plzen {
	top: 158px;
	z-index: 7 !important;
	left: 90px;
	/*background: url(media/images/plzen.png) no-repeat top center;*/
}


#klatovy {
	z-index: 8 !important;
	top: 205px;
	left: 104px;
	/*background: url(media/images/klatovy.png) no-repeat top center;*/
}

#domazlice {
	top: 197px;
	left: 62px;
	z-index: 8 !important;
	/*background: url(media/images/domazlice.png) no-repeat top center;*/
}

#kladno {
	top: 95px;
	left: 170px;
	z-index: 8 !important;
	/*background: url(media/images/kladno.png) no-repeat top center;*/
}

#marianky{
	top: 122px;
	left: 38px;
	z-index: 9 !important;
}

#rokycany{
	top: 155px;
	left: 126px;
}

#kralovice{
	top:    134px;
	left:   105px;
}

#marianky span{
	width: 0;
}
#marianky:hover span{
	width: 135px;
}


.buttonToggle{
	display: none;
}


/*form tabs >>>*/

.nav-tabs > li, .nav-pills > li {
	float:none;
	display:inline-block;

}

.nav-tabs, .nav-pills {
	text-align:center;
	margin: 0 -50% 50px;
}

.nav>li>a{
	height: 50px;
	border-radius: 0;
	text-decoration: none;
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	color: #000;
}

@media screen and (min-width: 700px) {
    .nav>li>a {
        width: 160px;
    }
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	color: #41AEE2;
}

/*<<< form tabs*/


/*<<< form styles*/
#ft1_form .form-checkbox, #hs1_form .form-checkbox, #ld1_form .form-checkbox{
	float: left;
	margin-right: 10px;
}

#ft1_form .form-label, #hs1_form .form-label, #ld1_form .form-label{
	padding-bottom: 25px;
	font-weight: 300;
	color: #000;
}

#ft1_form .br4, #hs1_form .br4, #ld1_form .br4{
	min-height: 47px;
	margin-bottom:15px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	background-color: transparent;
	padding-left: 20px;
}

#ft1_form .pb15, #hs1_form .pb15, #ld1_form .pb15{
    padding-bottom: 15px;
}

#ft1_form .pt15, #hs1_form .pt15, #ld1_form .pt15{
    padding-top: 15px;
}

#ft1_form .pt10, #hs1_form .pt10, #ld1_form .pt10{
	padding-top: 10px;
}

#ft1_form .padding0, #hs1_form .padding0, #ld1_form .padding0{
	padding: 0;
}

#ft1_form .horizontal-line, #hs1_form .horizontal-line, #ld1_form .horizontal-line{
	border-color: rgba(0, 0, 0, 0.1);
	margin: 27px 0 50px;
    width: 100%;
}

#ft1_form .bold, #hs1_form .bold, #ld1_form .bold{
	font-weight: 900;
	font-size: 17px
}

#ft1_form .black, #hs1_form .black, #ld1_form .black{
	color: #000;
}

#ft1_form .color-bprimary, #hs1_form .color-bprimary, #ld1_form .color-bprimary{
	color: #2C2F68;
}

#ft1_form .button-send, #hs1_form .button-send, #ld1_form .button-send{
	border-radius: 28px;
	background-color: #41AEE2;
	padding:16px;
	font-size: 15px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 600;
}

#ft1_form .button-send:hover, #hs1_form .button-send:hover, #ld1_form .button-send:hover{
	background-color: #262a5b;
}

label.form-label.pt10.bold.color-bprimary.resp-float{
    float: right;
}

@media screen and (max-width: 767px) {
    #ft1_form, #hs1_form, #ld1_form{
        padding: 0 5%;
    }

    label.form-label.pt10.bold.color-bprimary.resp-float{
        float: left;
        padding-left: 15px;
    }
}

@media screen and (max-width: 379px) {
    #ft1_form .col-sm-3, #ft1_form .col-sm-4, #ft1_form .col-md-3, #ft1_form .col-md-4, #hs1_form .col-sm-3, #hs1_form .col-sm-4, #hs1_form .col-md-3, #hs1_form .col-md-4, #ld1_form .col-sm-3, #ld1_form .col-sm-4, #ld1_form .col-md-3, #ld1_form .col-md-4{
        padding-left: 0px;
        padding-right: 0px;
    }

    #ft1_form .col-sm-2, #hs1_form .col-sm-2, #ld1_form .col-sm-2 {
        margin-left: -15px;
    }
}

/*<<< form styles*/

@media screen and (max-width: 1078px){

	.pp_pic_holder {
		width: 100% !important;
		left: 0 !important;
		overflow: hidden
	}

	.pp_pic_holder .pp_content_container
	.pp_left {
		padding-left: 0 !important
	}

	.pp_pic_holder .pp_content_container
	.pp_right {
		padding-right: 0 !important
	}

	.pp_content {
		width: 100% !important;
		height: auto !important
	}

	.pp_fade {
		width: 100% !important;
		height: 100% !important
	}

	a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom {
		display: none !important
	}

	#pp_full_res {
		text-align: center
	}

	#pp_full_res img {
		max-width: 100% !important;
		width: auto !important;
		height: auto !important
	}

	.pp_details {
		width: 100% !important;
		padding: 10px;
		background-color: #fff;
		margin-top: -2px !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	a.pp_close {
		right: 10px !important;
		top: 10px !important
	}

	/*end pretty photo responsive*/


	.grid.c3 > *:nth-child(n) {
		width: 100%;
	}

	.grid.c4 > *:nth-child(n){
		width: 50%;
	}

	.grid .block1 .bbody, .grid .block1 .bbody.bck, .grid .block1 > .act, .grid.merged .block1 .bbody, .grid.merged .block1 .bbody.bck, .grid.merged .block1 > .act,.grid .bbody, .grid .bbody .bck, .grid .bbody.bck, .grid .bbody .block_zvyraz_text, .grid .block1 > .act, .grid .block2 > .act, .grid .block3 > .act, .grid .block4 > .act, .grid .block5 > .act{
		margin: 0px;
	}
	.grid .bbody, .grid .bbody .bck, .grid .bbody.bck, .grid .bbody .block_zvyraz_text, .grid .block1 > .act, .grid .block2 > .act, .grid .block3 > .act, .grid .block4 > .act, .grid .block5 > .act{
		margin: 0px;
	}

	.grid.c2 .block2 .bbody, .grid.c3 .block3 .bbody, .grid.c3 .block1.two + .block2 .bbody, .grid.c3 .block2.two .bbody, .grid.c4 .block4 .bbody, .grid.c4 .block1.three + .block2 .bbody, .grid.c4 .block1 + .block2.three .bbody, .grid.c4 .block1.two + .block2 + .block3 .bbody, .grid.c4 .block2.two + .block3 .bbody, .grid.c4 .block3.two .bbody, .grid.c4 .block1.two + .block2.two .bbody, .grid.c5 .block5 .bbody, .grid.c5 .block1.four + .block2 .bbody, .grid.c5 .block2.four .bbody, .grid.c5 .block1.three + .block2 + .block3 .bbody, .grid.c5 .block1.three + .block2.two .bbody, .grid.c5 .block2.three + .block3 .bbody, .grid.c5 .block2.tree .bbody, .grid.c5 .block1.two + .block2.two + .block3 .bbody, .grid.c5 .block3.two .bbody{

		margin-right: 0;
		margin-left: 0em;
	}

	body {
		min-width: inherit;
	}

	img{
		max-width: 100%;
		height: auto;
	}

	.container_24,.container_24 .grid_24{
		width: 100%;max-width:100%;margin:0 auto;
	}

	#rychlyDotaz, #konzultace{
		display: none;
	}

    #logo{
	    max-width: 180px;
	    background-size: cover;
	    height: 68px;
	    margin-left: 15px;
	    float: left;
	    width: 100%;
    }

	#logo .logo_block{
		width: auto;
	}

    /* header */
	.linka{
		position: static;
		display: none;
	}

    #headerWrap{
	    height: auto;
    }

	#hlavicka{
		height: auto;
	}

    #zahlavi_menu{
	    display: none;
    }

	#mainWrap .pinLink .pozn {
		width: auto;
	}

	.bg_zahlavi{
		height: auto;
		/*display: none;*/
	}

	.pinLink{
		position: relative;
		clear: both;
		display: none;
	}

	.pinLink a{
		float: left;
	}

	.pinLink.p1, .pinLink.p2, .pinLink.p3, .pinLink.p4{
		top: 0px;
		left: 0px;
		position: relative;
	}

	.pinLink.p4 .pozn{
		position: relative;
	}

     .pinLink span.pin {
	    position: relative;
    }

	#kf1_form, #pf1_form{
		margin-top: 15px;
	}

	#rychleMenu{
		position: static;
		width: 100%;
		border-radius: 0px;
		margin-top: 20px;
	}

	#rychleMenu .pol{
		width: 25%;
		height: 164px;
		box-shadow: 0px 0px 0px;
	}


	
	#rychleMenu .pol h3{
		margin-top: 10px;
		/*text-align: left;*/
		
	}
	
	#rychleMenu .pol a.vse{
		width: 100%;
		height: 100%;
	}
	#rychleMenu .pol.first, #rychleMenu .pol.last{
		border-radius: 0px;
	}

	.bg_zahlavi .container_24{
		height: auto;
	}

	#nav-collapse{
		background: #41aee2;
		width: 100%;
		height:auto;
		/*margin-top: 65px;*/
		display:none;
		z-index: 999;
		position: relative;
		top:0px;

	}

	#nav-collapse ul{
		list-style: none;
		display:block;
		padding: 10px 25px;
	}

	#nav-collapse > ul > li{
		float: none;
		background: none;
		clear:both;
		border-bottom: 1px solid #41aee2;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#nav-collapse > ul > li.subLevelMenu{
		background: url("media/images/sipka_dolu_blue.png") no-repeat 98% 16px;
		padding-right: 30px;
	}

	#nav-collapse > ul > li.subLevelMenu a{
		display: block;
	}

	#nav-collapse ul  ul{
		display: none;
		visibility:visible;
		position: static;
		clear:both;
		padding: 0px;
	}

	#nav-collapse > ul > li > a, #nav-collapse > ul > li > span{
		text-transform: uppercase;
		color: #fff;
		padding: 5px 0px;
		text-decoration: none;
		display:block;
		font-weight: bold;
	}

	#nav-collapse > ul > li > a:hover{
		text-decoration: underline;
	}

	#nav-collapse ul > li > span{
		opacity:0.5;
	}

	#nav-collapse ul > li > ul > li{
		margin-left: 15px;
	}

	#nav-collapse ul > li > ul li a, #nav-collapse ul > li > ul li span{
		color: #fff;
		padding: 3px 0px;
		text-decoration: none;
		text-transform: none; display:inline-block;
		background: url(media/images/white_arrow.png) no-repeat 0px 50%;
		padding-left: 10px;
	}

	#nav-collapse ul > li > ul li a:hover{
		text-decoration: underline;
	}


	/* end header*/


	.home #stred, .noLeftCol #stred{
		width: 100%;
	}

	.fb_box{
		width: 100%;
		border: 0px;
		text-align: center;
		max-width: 960px;
	}

	.fb_iframe_widget, .fb_iframe_widget iframe{
		width: 100%!important;
	}

	a.button_poptavka{
		display: none;
	}

	#footerWrap{
		height: auto;
		padding: 15px 15px;
	}

	#patka_pod .patka_leva{
		width: 45%;
	}
	
	#patka_pod .patka_prava{
		width: 45%;
	}

	#duvody{
		height: auto;
	}

	#duvody .nadp{
		padding-top: 30px;
	}

	.slideryHome{
		width: 100%!important;
		margin-top: 0px;

	}

	#duvody{
		display: none;
	}

	#owl-reference, #owl-kronika{
		width: 100%;
	}
	
	#owl-example-duvody .owl-item{
		width: 100%!important;
	}

	.notHome .bg_zahlavi .container_24, .notHome .bg_zahlavi{
		height: auto;
	}	

	.bg_zahlavi{
		background:none;
	}

	.home #contentWrap{
		padding-top: 0px;
	}

	.notHome #rychleMenu{
		display: none;
	}

	#contentWrap{
		padding: 15px 0px;
	}

	#stred{
		padding: 0px 15px;
	}

	.slideryHome .block1{
		width: 100% !important;
		border: 0px;
	}
	#owl-reference h3.tit{
		height: auto;
	}

	.buttonToggle{
		color: #23527c;
		font-weight: bold;
		margin-right: 15px;
		padding-top: 26px;
		cursor: pointer;
		max-width:72px;
		float: right;
		display: block;
	}

	 .buttonToggle .nav-text{
		float: left;
		margin-right: 10px;
		margin-top: -2px;
	}
	.buttonToggle span.icon-bar{
		display: block;
		width: 22px;
		height: 2px;
		clear: right;
		border-radius: 1px;
		background: #23527c;
		float: right;
		margin-bottom: 4px;
	}
	
	.notHome #contentWrap{
		padding-top: 20px;
	}
	
	#leve_menu, #stred{
		width: 100%;
	}

	.vedeni_list .item{
		padding-right: 20px;
	}
	
	#leve_menu{
		padding: 15px 15px;
	}
	
	#leve_menu .vedeni_list .item .cont{
		width: 100%;
		float: none;
		margin-right: 15px;
	}

	#leve_menu .wrap.top{
		padding-bottom: 0px;
	}

	#leve_menu .wrap.bottom{
		height: auto;
	}

	
	.vedeni_list .item h3.tit{
		float: none;
	}

	.klienti_in, .doporuceni_in{
		padding-left: 0px;
	}
	
    .leve_klienti, .leve_doporuceni{
	    background: none;
    }

	.stred_leva_prava, .notHome .stred_leva_prava{
		padding-bottom: 0px;
	}

	.polozka.sbal .anotace{
		padding-left: 0px;
		padding-right: 0px;
	}

	.polozka.sbal h3.tit{
		height: auto;
	}

	table.format tr td:first-child{
		padding-left: 10px;
		width: 68%;
	}

	#rychleMenu .pol .in{
		padding: 24px 50px 15px 30px;
	}

	#rychleMenu .static_clanek {
		padding-top: 15px;
		clear: both;
	}

}


@media screen and (max-width:992px){

	.kontakt #mapa{
		 display:none;
	}
}

@media screen and (max-width: 640px){
	.polCinnost .faze{
		width: 50px;
		height: 50px;
		font-size: 14px;
		line-height: 50px;
	}

	.polCinnost .faze{
	/*	margin-left: 70px;*/
	}

	.polCinnost .cont{
		margin-left: 70px;
	}
	
	.polCinnost .cont h3.tit{
		margin-top: 0px;
		padding-top: 0px;
	}
	
}

@media screen and (max-width: 480px){

	#rychleMenu .pol{
		width: 100%;
	}

	#rychleMenu .pol .obr img{
		margin-right: 30px;
	}

	#rychleMenu .pol h3{
		text-align: left;
		margin-top: 0px;
	}

	#patka_pod .patka_leva{
		width: 100%;
	}

	#patka_pod .patka_prava{
		width: 100%;
		text-align: center;
	}

	#patka_pod .copyright{
		text-align: center;
	}

	#contentWrap{
		background: none;
	}

	.slideryHome .block1, .slideryHome .block2{
		width: 100%!important;
		border-right: 0px;
		padding: 15px;

	}

    .slideryHome a > img{
	    display: none;
    }
}


@media screen and (min-width:700px) and (max-width: 1078px){
	.slideryHome .block1, .slideryHome .block2{
		width: 50%!important;
		border-right: 0px;
		padding-left: 0px;
	}

	.notHome #rychleMenu{
		display: block;
	}
}

@media screen and (max-width: 700px){
	.slideryHome .block1, .slideryHome .block2{
		padding-left: 15px!important;
		width: 100%!important;
		margin-top: 15px;
	}
}

/*responsive menu >>>*/

@media screen and (max-width:480px) {
  #rychleMenu .menu-icon{
    float: left;
    margin-right: 35px;
  }
  #rychleMenu .pol{
    height: 90px;
  }
  #rychleMenu{
    border-radius: 30px 30px 30px 30px;
  }
  #rychleMenu .pol.first{
    border-radius: 30px 30px 0px 0px;
  }
  #rychleMenu .pol.last{
    border-radius: 0px 0px 30px 30px;
  }
	#rychleMenu .pol:hover{
		border-radius: 0px;
	}
}

/*<<< responsive menu*/

#rychleMenu .menu-icon{
    font-size: 38px;
    color: #fff;
}

#rychleMenu h3{
    margin-top: 5px;
}



 .lista {
     position: relative;
     left: 0;
     bottom: 32px;
     background: #41aee2;
     color: #fff;
     height: 150px;
     width: 100%;
     z-index: 989;
     text-align: center;
     -webkit-transition: all 1.3s ease;
     -moz-transition: all 1.3s ease;
     -o-transition: all 1.3s ease;
     transition: all 1.3s ease;

}

@media screen and (min-width:992px){
    .lista {
         text-align: left;
        height: 150px;
        /*background: #41aee2 url(../../media/images/listaBg.png) no-repeat center center;*/
        background: #41aee2;
    }
}

@media screen and (max-width:600px){
    .lista {
        height: 254px;
    }
}


.lista.relative {position: relative; .transition(bottom 2000ms ease-in-out 0s);}
.lista.fixed {position: fixed; .transition(bottom 2000ms ease-in-out 0s);}
.lista.active {bottom: 0; .transition(bottom 2000ms ease-in-out 0s);}
.lista.active.relative {bottom: 32px; !important; .transition(bottom 2000ms ease-in-out 0s);}

.lista.deactive{
     bottom: -100px;
}

@media screen and (max-width:600px){

    .lista.deactive{
        bottom: -203px;
    }
}
@media screen and (min-width:992px){
    .lista.deactive {
        bottom: -100px;
    }
}

.lista_close{
    position: absolute;
    top: 15px;
    left: 5%;
    height: 40px;
    min-width: 115px;
    color: #ffffff;
    text-align: center;
    z-index: 999;
    text-decoration:none;
}

.lista.active.fixed .lista_close{
    border:2px solid #41aee2 !important;
}


.lista_close.active {
    left: 10%;
    margin-left: -57.5px;
}


@media screen and (min-width: 992px){
    .lista_close.active {
        left: 0;
        margin: 0;
    }
}



@media screen and (min-width: 992px){
    .lista_close {
        /*right: 0;*/
        left: 0;
        top: 15px;
        margin: 0;
        min-width: 115px !important;
    }
}


.lista_close {
    border:2px solid #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    padding: 7px 11px;
}

.lista_close:hover {
    background:  #ffffff;
    color: #41aee2;
}
.lista_close:focus {
    background: transparent;
    color: #ffffff;
}
.lista_close:focus:hover {
    background:  #ffffff;
    color: #41aee2;
}

.lista-btn{
    height: 56px;
    width: 260px;
    margin: 10px 0;
    border: none;
    z-index: 999;
    background:#3b3d6b;
    transition: background 250ms ease-in-out 0s, color 250ms ease-in-out 0s, box-shadow 250ms ease-in-out 0s;
    border-radius:50px;
    font-weight:bold;
    text-decoration:none;
}

.lista-btn.btn-first {
    margin-top: 50px;
}
.lista-btn.btn-first span {
    display: block;
    padding-top: 9px;
}



@media screen and (min-width:992px){
    .lista-btn {
        margin: 0;
        top: 50px;
        position: absolute;
        display: table-cell;
        vertical-align: middle;
    }

    .lista-btn.btn-first {
        right: 100px;
        margin-top: 0;
    }

    .lista-btn.btn-secound {
        left: 100px;
    }
    .lista-btn.btn-secound span{
        display: inline-block;
        margin-top: 2px;
    }
}

.lista-btn.btn-shadow {
     box-shadow: inset 0 1px 1px @color-blue-transparent;
 }

.lista-btn:hover, .lista-btn:focus{
     background: orange !important;
     box-shadow: inset 0 1px 1px #ffffff;
}




.banner_text {
    font-size:20px;
    font-weight:bold;
    line-height:30px;
    margin-top:12px;
    margin-left:120px;
}

.banner_text .small_text {
    font-size: 16px;
}
.lista.active.fixed .banner_text,
.lista.relative .banner_text {
    margin-top:43px;
}

.lista.deactive.relative {
    bottom:32px;
}
.lista.fixed.active .lista_close.active {
    top: 10px !important;
}

@media screen and (min-width:1024px) and (max-width:1340px){
    .lista-btn.btn-first {
        right: 187px;
    }
}
@media screen and (min-width:1024px){
    .lista.deactive.fixed .lista_close{
        display:none !important;
    }
}
@media screen and (max-width:1024px){
    .banner_text {
        font-size:18px;
        margin-left:0px;
    }
    .lista.deactive.relative  .banner_text {
        margin-left: 0;
    }

    .lista_close.active {
        top:4px;
    }
}

@media screen and (min-width:769px) and (max-width:1024px){
    .lista.active.fixed .banner_text, .lista.relative .banner_text {
        margin-top:55px;
    }

    .lista.fixed.active .lista-btn {
        top:58px !important;
    }
}

@media screen and (max-width:768px){
    .lista.deactive.fixed .banner_text{
        display:none;
    }

    .lista.active.fixed .banner_text, .lista.relative .banner_text {
        margin-top: 20px;
        margin-bottom: -25px;
    }
}

@media screen and (max-width:769px){
    .lista.fixed.active .banner_text {
        margin-top: 20px;
        margin-left: 0;
        margin-bottom: -46px ;
    }
    .lista.fixed.active .lista_close.active {
        left:50%;
        top: -25px !important;
    }
}