/*@import 'core/core.css';*/
@import 'MCEstyle.css';
@import 'core.css?2';

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype'),
        url('../fonts/OpenSans-Regular.eot') format('truetype');
    font-weight:normal;
    font-style:normal; 
} 

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype'),
        url('../fonts/OpenSans-Bold.eot') format('truetype');
    font-weight:normal;
    font-style:normal; 
}

@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold.eot') format('truetype');
    font-weight:normal;
    font-style:normal; 
}



@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/OpenSans-Light.ttf') format('truetype'),
         url('../fonts/OpenSans-Light.eot') format('truetype');
    font-weight:normal;
    font-style:normal; 
}


@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('../fonts/OpenSans-Semibold.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold.eot') format('truetype');
    font-weight:normal;
    font-style:normal; 
}


.fake_a {position: absolute;
    top: 0;
    left: 0;
    width: 345px;
    height: 100%;
    display: inline;
    text-decoration:none;
    z-index: 10;}

@media (max-width: 1239px) {
    .fake_a {width: 100%;}
}    
    
/* main responsive aka bootstrap */
@media (max-width: 5000px) {
    .col-lg-1   {width:8.33333%;float:left;}
    .col-lg-2   {width:16.66666%;float:left;}
    .col-lg-2-4 {width:20%;float:left;}
    .col-lg-3   {width:25%;float:left;}
    .col-lg-4   {width:33.33333%;float:left;}
    .col-lg-4-8 {width:40%;float:left;}
    .col-lg-6   {width:50%;float:left;}
    .col-lg-7-2 {width:60%;float:left;}
    .col-lg-12  {width: 100%;float:left;}
    
    .col-lg-5 {width:41.66666%;float:left;}
    .col-lg-7 {width:58.33333%;float:left;}
    .col-lg-8 {width:66.66666%;float:left;}   
}
@media (max-width: 1019px) {
    .col-md-1 {width:8.33333%;float:left;}
    .col-md-2 {width:16.66666%;float:left;}
    .col-md-3 {width:25%;float:left;}
    .col-md-4 {width:33.33333%;float:left;}
    .col-md-6 {width:50%;float:left;}
    .col-md-12 {width: 100%;float:left;}    
      
    .col-md-5 {width:41.66666%;float:left;}
    .col-md-7 {width:58.33333%;float:left;}
    .col-md-8 {width:66.66666%;float:left;}
}
@media (max-width: 784px) {
    .col-sm-1 {width:8.33333%;float:left;}
    .col-sm-2 {width:16.66666%;float:left;}
    .col-sm-3 {width:25%;float:left;}
    .col-sm-4 {width:33.33333%;float:left;}
    .col-sm-6 {width:50%;float:left;}
    .col-sm-12 {width: 100%;float:left;}
        
    .col-sm-5 {width:41.66666%;float:left;}
    .col-sm-7 {width:58.33333%;float:left;}
    .col-sm-8 {width:66.66666%;float:left;}
}





.cleaner { clear: both; height: 0px; width: 0px; float: none; display: block; height: 0 !important;}

body {
    background: #f4f4f4;
    min-width: 330px;
}

body.nohp {
    /*background-image: url('/img/top_background_page.png')!important; background-repeat: repeat-x;*/
}

img{
    border-width: 0px;
}

#wrapper {
    /*background-image: url('/img/bot_background.png')!important;
    background-position: bottom;
    background-repeat: repeat-x;*/
}

.inner_wrapper {
    width:1000px;
    margin: 0 auto;
    position: relative;
}

.highlight {
    background-color: #ffff99;
}

#content_left {
    text-align:justify;
}


/**************************************
************** HLAVI�KA ***************
**************************************/

#header {/*height: 225px;*/ width: 1200px; margin: 0 auto;background: #ffffff;}




.langs_768 {display: none;}

#header #top_lang {
    height: 33px; 
    width: 330px;
    position: absolute;
    top: 30px;
    left: 210px;
    top: 58px;
}

#header #top_lang #lang {height: 33px; /*width: 76px;*/ float: left;}

#header #top_lang #lang a {
    color: #7d7d7d;
    font-size: 13px;
    text-align: center;
    line-height: 23px;
    text-decoration: none;
    margin-left: 3px;
    margin-top: 5px;
    display: block;
    height: 23px;
    width: 32px;
}

#header #top_lang #lang .lang_selected {background-color: #f4f4f4;}
#header #top_lang #lang #cz {float: left;}
#header #top_lang #lang #en {float: left; margin-right: 4px; margin-left: 7px;}
#header #top_lang #lang #sk {float: left;}
#header #top_lang #lang a:hover {background-color: #f4f4f4;}

#header #top_lang #klient {
    height: 33px;
    float: left;
    background-image: url('/img/vstup_ks.png');
    background-repeat: no-repeat;
    background-position: 100% 35%;
    margin-left: 7px;
    padding-right: 25px;
}

#header #top_lang #klient a {
    display: block;
    height: 17px;
    line-height: 17px;
    margin-top: 6px;
    font-size: 13px;
    text-decoration: none;
    background-repeat: repeat-x;
    background-position: left bottom;
    font-weight: bolder;
    color: #0a2878;
    border-bottom: dotted 1px #0a2878;  
}

@-moz-document url-prefix() {
    #header #top_lang #klient a {
        font-size: 12px;
    }
}


#header #top_logo {height: 146px; width: 1000px; border-bottom: 1px solid #efefef;}

#header #top_logo #logo {
    background-image: url('/img/logo.png');
    background-repeat: no-repeat;
    height: 57px;
    width: 198px;
    display: block;
    position: relative;
    float: left;
    top: 40px;
    left: 0;
}

#header #top_logo #logo.logo_uk {background-image: url('/img/logo_uk.png') !important;}
#header #top_logo #logo.logo_sk {background-image: url('/img/logo_sk.png') !important;}


#header .hp_logo_bozp {margin-top: 10px; position: absolute; top: 92px; right: 200px;}
#header .hp_logo_bozp img {width: 75px; height: auto;float:left;}
#header .hp_logo_bozp p {font-size: 13px; color: black; margin-top: 7px; display: block; margin-left: 10px;float: left;}


.menu_desktop {height: inherit; width: 800px; float: left;}


#kontakty {
    /*height: 62px;*/
    /*width: 235px;
    width: 1000px;
    /*float: right;    
    position: relative;
    top: 34px;
    right: 35px;   
    width: 1000px;
    margin: 0 auto;*/ 
    padding-bottom: 30px;
        background-color: #fafafa;
}

#kontakty .kontakty_test_wrapper {    
    width: 1000px;
    margin: 0 auto;
}


#kontakty p {
    font-size: 13px;
    text-align: right;
    font-weight: bolder;
    color: #7d7d7d;
    margin-bottom: 0px;
    text-align: left;
    margin-top: 10px;
}

#kontakty .kontakt_top h2, #kontakty .kontakt_top h4.h2-style {
    font-size: 43px;
    color: #8691b0;
    padding-top: 30px;
    padding-bottom: 5px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: 'OpenSans-Bold';
    margin-top: 0; 
}

#kontakty.kontakty_cs {
    background-color: white;
    border-top: 1px solid #efefef;
}



#kontakty .top_kontakt_phone {
    color: #0a2878;
    font-size: 23px;
}

#top_logo #poptavka {
    height: 50px;
    /*width: 195px;*/
    float: right;    
    position: relative;
    top: 33px;
}

#top_logo #poptavka a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bolder;
    background: #f02d00;
    font-size: 16px;
    padding: 9px 22px;
    margin-top: 16px;
    display: block;
    border-top: 1px solid #f02d00;
}
#top_logo #poptavka a:hover {
    background: #d6411f;
}

#top_logo #poptavka p {
    font-size: 12px;
    font-weight: bolder;
    color: #1a3680;
    margin-bottom: 0px;
    font-size: 13px;
    color: #7d7d7d;
}

#header #top_logo #certikaty {
    width: 364px;
    float: right;
    position: relative;
    top: 77px;
    
    width: auto;
    top: 61px;
    margin-right: 23px;
}

#header #top_logo #certikaty div p a {
    color: #ffffff;
    background: #0A2878;
    text-decoration: none;
    font-size: 13px;
    padding: 5px 10px;
}

@-moz-document url-prefix() {
    #header #top_logo #certikaty div p a {font-size: 11px;}
    #header #top_logo #certikaty {margin-right: 15px;}
}

#header #menu {
    height: 80px;    
}

#header .main_menu {
    float: left;
    padding-left: 0px;
    height: inherit;
}

#header .main_menu ul {
    padding-left: 0px;
    list-style-type: none;
    height: 80px;
    margin: 0;
}

#header .main_menu ul li {
    font-size: 14px;
    list-style: none;
    float: left;
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 0px;
    background: none;
}

#header .main_menu ul li.has_menu {
    background-image: url('/img/menu_sipka.png'); background-repeat: no-repeat; background-position: 100% 51%;
}

#header .menu_desktop .main_menu ul li.selected, #header .menu_desktop .main_menu ul li:hover {
    border-top: 1px solid #f02d00;
    margin-top: -1px; 
}

#header .menu_desktop .main_menu ul li ul li:hover {
    border-top: none; margin-top: 0;
}
/*#header .menu_desktop .main_menu ul li ul li.first:hover {border-top: 1px solid white;}*/

#header .menu_desktop .main_menu ul li ul li a:hover {color: #bed0ff;}


#header .main_menu ul li .sipka{
    display: none;
    height: 5px;
    width: 9px;
    background-image: url('/img/sipka_vybrane.png');
    position: relative;
    margin: 0 auto;
}

#header .main_menu ul li:hover .sipka{
    /*display: block;*/
}


#header  .main_menu ul li ul {
    display: none;
    position: absolute;
    z-index: 100;
    /*background: #0a2878;*/
    height: auto;
    margin-top: 48px;
    padding-bottom: 10px;
        background-image: url('/img/submenu_sipka2.png');
        background-position: 0px 9px;
    background-repeat: no-repeat;
}

#header .menu_768 .main_menu ul li ul {
    background-image: none;
    background: #0a2878;
}

#header .main_menu ul li ul li {
    float: none;
    height: 39px;
    font-size: 12px;
    margin: 0 20px;
    padding: 0;
    border-top: none !important;
}
#header .menu_desktop .main_menu ul li ul li.first {
    padding-top: 10px;
    padding-top: 28px;
}


#header .main_menu ul li ul li a {
    margin-left: 8px;
    margin-right: 8px;
    color: #ffffff;
    text-align: left;
    line-height: 39px;
}


#header .menu_desktop .main_menu ul li:hover ul{
    display: block;
}
#header .menu_desktop .main_menu ul li.has_menu:hover{
    background-image: url('/img/menu_sipka_rotated.png');
}


#header  .main_menu ul li ul .top_list {
    height: 14px;
    margin: 0;
    margin-top: -5px !important;
    padding: 0;
    background: white;
}

#header .menu_desktop .main_menu ul li ul .top_list {
    height: 0;
}
    
#header .main_menu ul li ul .bot_list {
    height: 3px;
    width: 198px;
}

#header .main_menu ul li a {
    color: #0a2878;
    text-decoration: none;
    position: relative;
    display: block;
    line-height: 80px;
    text-align: center;
    font-family: OpenSans-Semibold;
    font-size: 15px;
}

#header .main_menu ul li a .l{
    /*padding-left: 8px;*/   
}

#header .main_menu ul li a .r{
    padding-left: 8px;
    display: none;
}

#header .main_menu ul li ul a .l {
    padding-left: 8px;    
}

#header .main_menu ul li ul li a .r {
    padding-left: 8px;   
}


#header .menu_desktop .main_menu ul li:hover .l {
    display: block;
    /*height: 45px;*/
    float: left;
}




/*#header  .main_menu ul li:hover .r {display: block; background-image: url('/img/vybrana_r.png'); background-repeat: no-repeat; height: 38px; float: left; background: none;}*/

#header .menu_desktop .main_menu ul li:hover ul li .l {
    display: block;
    height: 45px;
    float: left;
}

#header .menu_desktop .main_menu ul li:hover ul li .r {
    display: block;
    height: 45px;
    float: left; 
}

#header .main_menu ul li.selected .l {
    display: block;
    /*height: 45px;*/
    float: left;
    padding:0;
}

#header .main_menu ul li.selected .r {
    display: block;
    /*height: 45px;*/
    float: left; 
    display: none;
}

#header #hledej {
   height: 42px;
   width: 200px; 
   float: right;
   margin-top: 19px;
}


#header #hledej #text{
    margin-top: 0px;
    border-width: 0px;
    padding: 0px;   
    background-color: transparent;
    float: left;
    margin: 6px 0 0 10px;   
}

 #header #hledej #submit{
    background-color: transparent;
    border-width: 0px; 
    padding: 0px; 
    width: 18px;
    float:left;
    margin-top: 6px;
}

/* new search */
#header #hledej .search_wrapper {
    float: right;
    width: inherit;
    height: inherit;
    /*background: #fafafa;*/ /*!important;*/
    background-color: #fafafa;
}



#header #hledej .search_wrapper .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

#header #hledej .search_wrapper .form-control#system-search {
    border: none;
    background-color: inherit;
    color: black;
    /*display: none;*/
    height: inherit;
    line-height: 41px;
    width: 127px; width: 120px;
    border: none !important;
    outline: none;
    padding-left: 18px;
    font-size: 14px;
    height: 41px; height: 40px;
    background-color: #fafafa;   
}

#header #hledej .search_wrapper .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

#header #hledej .search_wrapper .btn.btn-default {
    /*background-color: inherit;*/
    border: none;
    float: right;
    outline: none;
    
    display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 9px 15px; font-size: 15px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    height: 42px;
    border-radius: 0;
    background-color: white;
    background-color: #fafafa;
}

#header #top_lang #klient a.klient_768 {display:none;}

@media (max-width: 5000px) and (min-width: 1020px) {
    #header .menu_768_click, #header .menu_768 {
        display: none !important;
    }
    
    
}



/* responzivnost */

@media (max-width: 1219px) {
    #header {width: auto;}     
}
@media (max-width: 1019px) {
    
    #header .hp_logo_bozp {top: 63px;}
    
    #header {/*padding: 0 20px;*/}   
    #header .inner_wrapper {width: 100%;}
    #header #top_logo #certikaty {display:none;}
    #kontakty {display:none;}
    #poptavka span {display:none;}
    #header #top_logo {width: auto; height: 110px; padding: 0 20px;}
    #header #top_logo #poptavka {top: 1px;}
    #header #top_logo #logo {top: 25px;}
    #header #top_lang {top: 44px; left: 240px;}

    #header #menu {height: 60px; padding: 0 20px;}
    #header .menu_desktop {display:none;}   
    #header .menu_768_click {display: block; cursor: pointer; width: 108px; height: 60px; position: absolute; left: 20px; background-image: url('/img/menu_768.png'); background-repeat: no-repeat; background-position: 0% 50%;}
    #header .menu_768_click span {color: #0a2878; font-size: 15px; margin-left: 48px; line-height: 60px; font-family: OpenSans-Semibold;}
    #header .menu_768_click span.menu_768_selected {color: #ffffff;}
    #header .menu_768 {right: 0; position: absolute; top: 164px; z-index: 102; width: 100%; /*background-color: #071b53; border-top: 3px solid #f02d00;*/}
    
    #header .menu_768 .main_menu {margin-left: 20px; background-color: #071b53; border-top: 3px solid #f02d00;}   
    
    #header .menu_768 .main_menu ul li a {color: #ffffff; text-align: left; line-height: 50px;/*height: 45px;*/}
    #header .menu_768 .main_menu ul li a span.l {padding-left: 20px; float: left;}
    #header .menu_768 .main_menu ul li {width: 100%; border-bottom: 1px solid #203265; padding: 0px; background: none;}
    #header .menu_768 .main_menu ul {margin-top: 0;}        
    #header .menu_768 .main_menu ul li.selected .l {height: auto;}
    #header .menu_768 .main_menu ul li ul {position: inherit; margin-top: 52px; padding-bottom: 0;}
    
    /*#header .menu_768 .main_menu ul li:hover ul {display: block;}*/
    #header .menu_768 .main_menu ul li ul .top_list {display: none;}
    #header .menu_768 .main_menu ul li ul li {border-bottom: 1px solid #233e86; height: 50px; margin-left: 0;}
    #header .menu_768 .main_menu ul li ul li a {padding-left: 20px; margin-left: 0;}
    #header .menu_768 .main_menu ul li ul .bot_list {display: none;}
    
    #header .menu_768 .main_menu ul li.has_menu a .r {display: block; float: left; height: 45px; background-image: url('/img/menu_sipka.png'); margin-left: 10px; background-repeat: no-repeat; background-position: 50% 59%;}
    
    #header #hledej {margin-top: 9px;}
}    



@media (max-width: 784px) {
    
    #header .hp_logo_bozp {display: none;}
    
    #header .menu_768 {top: 189px;}
    
    #header #top_logo #poptavka {display: none;}
    #header #top_lang {top: 88px; left: 0; right: 0; margin: 0 auto; width: 200px;}
    #header #top_logo #logo {top: 20px; margin: 0 auto; float: none;}
    #header #top_logo {height: 135px;}
    #header #top_lang #klient { margin-left: 18px; background-image: url('/img/vstup_ks_768.png'); background-color: #0a2878; width: 131px; padding: 0; background-position: 105px 50%;}
    
    #header #top_lang #klient a.klient_desktop {display:none;}
    #header #top_lang #klient a.klient_768 {display: block; color: white; border: none; padding: 0; line-height: 33px; margin: 0; padding-left: 10px;}
    
    
    .home_slider_wrapper .hp_company_summary h2 {font-size: 15px; width: auto !important;}
    
    .langs_desktop {display: none;}
    .langs_768 {display: block; width: 50px; height: 33px; background-color: #f4f4f4; cursor: pointer;}
    
    .langs_768 span.current_lang {background-image: url('/img/langs_sipka_off.png'); background-repeat: no-repeat; background-position: right 14px; width: 31px; display: block;
                                  color: #7d7d7d; font-size: 14px; padding-left: 12px; line-height: 32px;}
    
    .langs_768 span.current_lang.open_langs_bg {background-image: url('/img/langs_sipka_on.png');}
    
    div.opened_langs {background-color: #f4f4f4; z-index: 1; position: relative;}
    
    #header #top_lang #lang a {height: 33px; width: 32px; margin: 0; line-height: 31px; font-size: 14px; padding-left: 5px;}
    #header #top_lang #lang a:hover {text-decoration: underline;}
    
}    

/**************************************
********** KONEC HLAVI�KY *************
**************************************/




/**************************************
*************** OBSAH *****************
**************************************/
#content {width: 1200px; margin: 0 auto; background: #ffffff; border-top: 7px solid #ededed;}
#content #content_left {width: 650px; padding-right: 30px; float: left;}
#content #content_right {width: 320px; float: right; width: 240px; width: 300px;}

#content #content_right .stav_bozp .stav_bozp_bozp {display:block; height:78px;  width:260px; background-image: url('/img/stav_bozp.png');
        background-repeat: no-repeat; text-align: center; margin-top: 22px; margin-left: 1px; padding: 20px 30px 0 30px; font-size: 23px;}

#content #content_right .stav_bozp .stav_bozp_bozp a {color: #495524; text-decoration: none;}

#content #content_right .nase_sluzby {margin-top: 15px; margin-bottom: 15px; color: #383838; background-image: url('/img/under_line_top.png'); 
                                      background-repeat: no-repeat; background-position: bottom; height: 45px; display: none;}

#content #content_right .stav_bozp_sluzby, .e_sluzby_nadpis, .kontaktujte_nadpis {color: #383838; font-weight: bolder; font-size: 26px;}

#content #content_right .nse_sluzby_menu {margin-top: 20px; padding-top: 1px; margin-top: 37px;}

#content #content_right .nse_sluzby_menu a {display: block; margin-left: 1px; padding-left: 25px; height: 45px; font-size: 18px; 
                                            font-weight: bold; color: #0a2878; text-decoration: none; line-height: 45px;  border-bottom: 1px solid #ededed;}
#content #content_right .nse_sluzby_menu a.last {border-bottom: none;}

#content #content_right .nse_sluzby_menu a:hover, #content #content_right .nse_sluzby_menu a.selected {
    color: #434343;  
    color: #ffffff;
    background-color: #0a2878;   
}

#content #content_right .e_sluzby_nadpis {
    margin-top: 15px;
    margin-bottom: 20px;
    color: #383838;
    background-image: url('/img/under_line_top.png');
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 15px;
}

#content #content_right .e_sluzby p {color: #ffffff;}

#content #content_right .e_sluzby a {color: white; font-size: 16px; font-family: 'OpenSans-Bold'; /*font-weight: bold;*/ text-decoration: none;}

#content #content_right .e_sluzby a.a_text {    
    padding-top: 0;
    font-size: 14px;
    font-family: 'OpenSans-Semibold';
    padding-bottom: 25px;
    line-height: 19px;
}

#content #content_right .prvni_polozka_e_sluzby {
    height: 210px;
    padding-left: 1px;
    color: #ffffff;
    background-color: #f02d00;
    background-image: url('/img/hp_sluzby_elearning.png');
    background-position: 20px 22px;
    /*padding-top: 27px;*/
    background-repeat: no-repeat;
}

#content #content_right .druha_polozka_e_sluzby {
    background-image: url('/img/sluzby_polozka_bozp.png');
    height: 75px;
    width: 318px; 
    padding-left: 1px; 
    margin-top: 5px;  
}

#content #content_right .prvni_polozka_e_sluzby p, #content #content_right .druha_polozka_e_sluzby p {  
    padding-right: 5px;
    font-size: 14px;
    font-family: 'OpenSans-Semibold';
    margin-bottom: 0px;
    /*padding-left: 25px;*/
    line-height: 20px;
}

#content #content_right .prvni_polozka_e_sluzby a, #content #content_right .druha_polozka_e_sluzby a { 
    padding-top: 8px;    
    padding-top: 70px;
    display: block;
    padding-bottom: 13px;
    padding-left: 25px;
    padding-top: 88px;
}

#content #content_right .kontaktujte {
    margin-bottom: 30px;    
}



#content #content_right strong {
    font-size: 16px;
    line-height: 20px;
    font-family: 'OpenSans-Bold';
    display: block;
    margin-bottom: -10px;
}


#content #content_right .kontaktujte_nadpis {
    margin-top: 15px;
    margin-bottom: 20px;
    color: #383838;
    background-image: url('/img/under_line_top.png');
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 15px;
}

#content #content_right .kontaktujte_bold {
    font-weight: bolder;
}

#content #content_right .kontaktujte p {
    font-size: 16px;
    color: #353535;
}

#content #content_right .kontaktujte .kontaktujte_nadpis {
    color: #8691b0;
    font-size: 23px;
    background: none;
    padding-bottom: 0;
    margin-top: 35px;
}

#content #content_right .kontaktujte .kontaktujte_mapa, #content #content_left .kontaktujte_mapa2{    
    display: block;
    height: 205px;
    width: 320px;
    /*background: url('/img/mapa.png');*/
    margin-bottom: 10px;
    background-position: -40px;
    margin-top: 18px;
}

#content #content_left .kontaktujte_mapa2_sk, #content #content_right .kontaktujte .kontaktujte_mapa_sk {
    display: block;
    height: 148px;
    width: 240px;
    background: url('/img/mapa_sk.png');
    margin-bottom: 10px;
    background-position: -40px;
}

.kontaktujte_mapa.kontaktujte_mapa_right {width: 240px !important; height: 160px !important;}





#content #content_right .kontaktujte a.right_kontakt {height: auto; line-height: 19px; margin-bottom: 15px; width: auto; position: relative; border: 1px solid #0a2878;color: #0a2878; 
               padding: 10px 15px; font-size: 16px; font-family: OpenSans-Bold; text-decoration: none; margin-top: 27px; display: inline-block;}

#content #content_right .kontaktujte a.right_kontakt:hover {
    color: #ffffff;
    background-color: #0a2878;
}




#content #content_right .kontaktujte .kontaktujte_mapa span, #content #content_left .kontaktujte_mapa2 span, #content #content_left .kontaktujte_mapa2_sk span{
    display: none;
}
#content #content_left .kontaktujte_mapa2{
    float: right;
    position: relative;
    margin-top: -111px; 
    margin-right: -30px; 
}

#content #content_left .kontaktujte_mapa2_sk {
    float: right;
    position: relative;
    margin-top: -69px; 
    margin-right: 30px; 
    
}

#content #content_left .kontaktujte_mapa_add {margin-top: -75px; height: 165px;}

#content #hp_slider {
    width: 980px;   
    width: 1200px;
    position: relative;
}

#content #hp_slider .slider_slider_hp {
    height: 483px;
    width: 494px;
    background-image: url('/img/slider.png');
    position: absolute;
    top: -7px;
    right: 0;
}

#content #hp_slider .slider_slider_hp .slide_left {
background: url(/img/levy_slider.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 23px;
    width: 13px;
    position: absolute;
    left: 360px;
    bottom: 35px;
    z-index: 101;
}

#content #hp_slider .slider_slider_hp .slide_right {
background: url(/img/pravy_slider.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 23px;
    width: 13px;
    position: absolute;
    left: 400px;
    bottom: 35px;
    z-index: 101; 
}


#content #hp_slider .slider_slider_hp #s1 {
    height: 483px !important;
    width: 100% !important;
    position: relative;
    margin: 0 auto;
}

#content #hp_slider .slider_slider_hp #s1 .slider_images {
    display: none;
    width: 100% !important;
    height: auto !important;
}

#content #hp_slider .slider_slider_hp #s1 #slide_0 {
    display: block;
}


#content #hp_slider .slider_slider_hp .prouzek_na_obrazek {
    position: absolute;
    left: 6px;
    bottom: 6px;
    z-index: 99;
    display: none;
}

#content #hp_slider .slider_slider_hp #title_image {
    font-size: 17px;
    position: absolute;
    bottom: 0;
    color: #ffffff;
    z-index: 99;
    margin-bottom: 0px;
    top: 0;
    left: 0;
    background: none;
    background-image: url('/img/slider_stin_desktop.png');
    padding-top: 50px;
}

#content #hp_slider .slider_slider_hp #title_image h5 {
    margin-top: 125px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 29px;
    font-family: OpenSans-Bold;
    padding-right: 17px;
    padding-bottom: 20px;
    margin-bottom: 35px;
    padding-left: 35px;
    border-bottom: 1px solid #f4f4f4;
}

#content #hp_slider .slider_slider_hp #title_image p.p_h5 {
    margin-top: 125px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 29px;
    font-family: OpenSans-Bold;
    padding-right: 17px;
    padding-bottom: 20px;
    margin-bottom: 35px;
    padding-left: 35px;
    border-bottom: 1px solid #f4f4f4;
    margin-left: 0;
}


#content #hp_slider .slider_slider_hp #title_image p {   
    color: #ffffff;
    text-transform: uppercase;
    font-size: 26px;
    font-family: OpenSans-Bold;
    padding-right: 30px;
    margin-left: 35px;
}

#content #hp_slider .slider_slider_hp #title_image div a {   
    color: #ffffff;
    font-size: 16px;
    font-family: OpenSans-Bold;
    padding: 10px 30px;
    border: 1px solid white;
    text-decoration: none;
    margin-left: 35px;
    -webkit-box-shadow: 1px 2px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: 1px 2px 0px rgba(255, 255, 255, 1);
    box-shadow: 1px 2px 0px rgba(255, 255, 255, 1);
}

#content #hp_slider .slider_slider_hp #title_image div a:hover {
    color: #0a2878;
    background-color: white;
}


#content #hp_slider .home_slider {
    height: 469px;
    width: 606px;
    width: auto;
    background-repeat: no-repeat;
    position: relative;
    color: #383838;
    padding-top: 19px;
    /*margin-bottom: 30px;*/
    padding-left: 100px;
    /*border-top: 7px solid #ededed;*/
    border-bottom: 7px solid #ededed;
    padding: 0;
}

#content #hp_slider .home_slider_wrapper {
    margin: 0 auto;
    width: 1000px;
    padding-top: 27px;
}


#content #hp_slider .home_slider_wrapper .hp_outsourcing {}
#content #hp_slider .home_slider_wrapper .hp_outsourcing h1 {color: #0a2878; text-transform: uppercase; font-size: 23px; margin-bottom: 5px; margin: 0; padding: 0; display: list-item; line-height: inherit;}
#content #hp_slider .home_slider_wrapper .hp_outsourcing h2 {color: #f02d00; text-transform: uppercase; font-size: 23px; font-family: OpenSans-Bold;  margin-top: 0; margin-bottom: 15px;
                                                             padding: 0; margin: 0; color: #0a2878;}
#content #hp_slider .home_slider_wrapper .hp_outsourcing p.p_h2 {color: #f02d00; text-transform: uppercase; font-size: 22px; font-family: OpenSans-Bold; margin-top: 0; margin-bottom: 15px; padding-bottom: 5px;}
#content #hp_slider .home_slider_wrapper .hp_outsourcing ul {float:left; margin-top: 0; padding-right: 15px; margin-bottom: 20px;}
#content #hp_slider .home_slider_wrapper .hp_outsourcing ul li {color: #0a2878; text-transform: uppercase; font-size: 23px; font-family: OpenSans-Bold; margin-bottom: 5px;
                                                                background-position: 0% 50%;background-image: url('/img/hp_li_list_style.png'); padding-left: 19px;}
#content #hp_slider .home_slider_wrapper.home_slider_wrapper_en .hp_outsourcing ul li h1, #content #hp_slider .home_slider_wrapper.home_slider_wrapper_en .hp_outsourcing ul li h2 {font-size: 21.5px !important;}


#content #hp_slider .home_slider_wrapper .hp_company_summary {width: 598px;}
#content #hp_slider .home_slider_wrapper .hp_company_summary p.h3-style {color: #f02d00; font-size: 23px; font-family: OpenSans-Bold; margin-top: 0; margin-bottom: 10px; padding-bottom: 5px;}
#content #hp_slider .home_slider_wrapper .hp_company_summary div.company_summary_polozka  {width: 281px; float: left; height: 73px;position: relative; cursor: pointer;}
#content #hp_slider .home_slider_wrapper .hp_company_summary div.hp_mapka {background-image: url('/img/hp_mapka.png'); background-repeat: no-repeat; background-position: 0% 21%;}
#content #hp_slider .home_slider_wrapper .hp_company_summary div.hp_elearning {background-image: url('/img/hp_elearning.png'); background-repeat: no-repeat; background-position: 0% 55%;}

#content #hp_slider .home_slider_wrapper .hp_company_summary div.hp_mapka p {padding-left: 105px;}
#content #hp_slider .home_slider_wrapper .hp_company_summary div.hp_elearning p {padding-left: 75px;}

#content #hp_slider .home_slider_wrapper .hp_company_summary div span {float: left; color: #8691b0; font-size: 50px; font-family: OpenSans-ExtraBold;}
#content #hp_slider .home_slider_wrapper .hp_company_summary div span span {font-size: 34px; float: none; margin-left: -3px;}
#content #hp_slider .home_slider_wrapper .hp_company_summary div p {float: left; color: #7d7d7d; font-size: 16px; padding: 15px; margin: 0; line-height: 18px;}


.hp_company_summary div.company_summary_polozka {}

.hp_company_summary div.bubble_text_out {display:none; position: absolute; left: -2px;  width: 260px !important;  padding-left: 20px;  height: auto !important;  
                                                 bottom: 73px;  z-index: 103;  background-image: url('/img/bubble_text_sipka_left.png'); background-repeat: no-repeat; background-position: 30px 100%;
                                                height: 220px !important; /*height: 100% !important;*/}



.hp_company_summary div.bubble_text_out.bubble_text_out1 {left: 250px; width: 290px !important; bottom: auto; /*height: 220px !important;*/ background-position: 0 18px;}
.hp_company_summary div.bubble_text_out.bubble_text_out3 {top: -73px; left: 250px; width: 290px !important; bottom: auto; /*height: 220px !important;*/ background-position: 0 90px;}
.hp_company_summary div.bubble_text_out.bubble_text_out5 {top: -146px; left: 250px; width: 290px !important; bottom: auto; /*height: 220px !important;*/ background-position: 0 165px;}
.hp_company_summary div.bubble_text_out.bubble_text_out1 a, .hp_company_summary div.bubble_text_out.bubble_text_out3 a, .hp_company_summary div.bubble_text_out.bubble_text_out5 a {left: 50px;}

.hp_company_summary div.bubble_text_out.bubble_text_out2 {left: -285px; width: 260px !important; bottom: auto; /*height: 220px !important;*/background-image: url('/img/bubble_text_sipka_right.png'); padding-right: 20px; padding-left: 0; background-position: 100% 18px;}
.hp_company_summary div.bubble_text_out.bubble_text_out4 {top: -73px; left: -285px; width: 260px !important; bottom: auto; /*height: 220px !important;*/background-image: url('/img/bubble_text_sipka_right.png'); padding-right: 20px; padding-left: 0;background-position: 100% 90px;}
.hp_company_summary div.bubble_text_out.bubble_text_out6 {top: -146px; left: -285px; width: 260px !important; bottom: auto; /*height: 220px !important;*/background-image: url('/img/bubble_text_sipka_right.png'); padding-right: 20px; padding-left: 0;background-position: 100% 165px;}

.hp_company_summary div.bubble_text_out .bubble_text_wrapper_out {height: 170px;/*height: 100%;*/}



.hp_company_summary div.bubble_text_out .bubble_text_wrapper_out {background-color: #0a2878; padding: 30px; padding-top: 20px; }

.hp_company_summary div.bubble_text_out a {color: #ffffff !important; font-size: 16px !important; font-family: OpenSans-Bold; padding: 10px 30px !important; border: 1px solid white; 
                                                   -webkit-box-shadow: 1px 2px 0px rgba(255, 255, 255, 1); -moz-box-shadow: 1px 2px 0px rgba(255, 255, 255, 1); box-shadow: 1px 2px 0px rgba(255, 255, 255, 1);
                                                   text-decoration: none; width: auto !important; height: auto !important; display: inline !important;
                                          position: absolute; bottom: 30px; left: 30px;}
.hp_company_summary div.bubble_text_out a:hover {color: #0a2878 !important; background-color: white;}


.hp_company_summary div.bubble_text_out p {padding: 0 !important; padding-bottom: 35px !important; color: #ffffff !important;}


.hp_company_summary div.selected_bubble div.bubble_text_out {display:block;}


@media (max-width: 1219px) {
    #content {width: 1000px; width: 100%; margin: 0 auto;}
    #content #hp_slider {width: 100%;}
    #content #hp_slider .slider_slider_hp #title_image h2 {font-size: 23px;}
    #content #hp_slider .slider_slider_hp {height: 483px; width: 405px;}
    #content #hp_slider .slider_slider_hp #s1 .slider_images {width: auto !important; }
    
    #content #hp_slider .slider_slider_hp .slide_left {left: 320px;}
    #content #hp_slider .slider_slider_hp .slide_right {left: 360px;}
    
    #content #hp_slider .home_slider_wrapper .hp_outsourcing ul li {padding-left: 17px;}
    #content #hp_slider .home_slider {padding-left: 20px;}
    
    #content #hp_slider .home_slider_wrapper .hp_company_summary h2 {font-size: 22px;}
    
    #content #hp_slider .home_slider_wrapper.home_slider_wrapper_en .hp_outsourcing ul li {font-size: 21px;}
    #content #hp_slider .slider_slider_hp #title_image p {font-size: 25px;}
}

@media (max-width: 1019px) {
    #content #hp_slider .home_slider_wrapper .hp_company_summary {margin-top: 27px;}
    #content #hp_slider .home_slider_wrapper .hp_company_summary div {float: none !important; margin: 0 auto;}
    .hp_company_summary div.bubble_text_out {display: none !important;}
    
    #content #hp_slider .home_slider_wrapper .hp_company_summary div.hp_mapka p {padding-top: 0px !important;}
    #content #hp_slider .home_slider_wrapper .hp_company_summary div p {padding-bottom: 10px !important;}
    
    #content #hp_slider .home_slider_wrapper .hp_outsourcing ul {float: none; margin-bottom: 0;}
    #content #hp_slider .home_slider_wrapper .hp_outsourcing ul li {font-size: 17px;}
    #content #hp_slider .home_slider_wrapper .hp_company_summary h2 {font-size: 18px; width: 336px;}
    
    #content #hp_slider .home_slider {height: auto;}
    #content #hp_slider .slider_slider_hp {height: 316px;}
    #content #hp_slider .slider_slider_hp #s1 {height: 316px !important;}
    
    #content #hp_slider .slider_slider_hp #title_image p {padding-right: 25px; margin-left: 30px; font-size: 23px;}
    #content #hp_slider .slider_slider_hp #title_image {padding-top: 25px;background-size: 330px;}   
    #content #hp_slider .slider_slider_hp #title_image h2 {margin-top: 40px; font-size: 27px; padding-right: 15px; padding-bottom: 10px; margin-bottom: 24px; padding-left: 30px;}
    #content #hp_slider .slider_slider_hp #title_image div a {margin-left: 30px;}
    #content #hp_slider .slider_slider_hp .slide_left {bottom: 25px;}
    #content #hp_slider .slider_slider_hp .slide_right {bottom: 25px;}
    
    #content #hp_slider .home_slider_wrapper {width: auto;}
    #content #hp_slider .home_slider_wrapper .hp_company_summary {width: auto;}
}

@media (max-width: 784px) {    
    #content #hp_slider .slider_slider_hp {display: none;}   
    #content #hp_slider .home_slider_wrapper.home_slider_wrapper_en .hp_outsourcing ul li {font-size: 19px;}
}    






#content #hp_slider .home_slider .main_pozadi_l{
    display: none;
    position: absolute;
    height: 303px;
    width: 211px;
    left: -211px;
    top: 0px;      
}

#content #hp_slider .home_slider .main_pozadi_r {
    display: none;
    position: absolute;
    height: 303px;
    width: 211px;
    right: -209px;
    top: 0px;
}

#content #hp_slider .home_slider .home_slider_prvni {
    line-height: 27px;
    background: none;
    font-size: 19px;  
    margin: 0;
}

#content #hp_slider .home_slider .home_slider_druhy {
    margin-top: 8px;
    font-size: 15px;
}

#content #hp_slider .home_slider .home_slider_treti {
    margin-top: 8px;
    font-size: 18px;
}

#content #hp_slider .home_slider a {
    display: block;
    height: 36px;
    width: 410px;
    /*background-image: url('/img/hlavni_button.png');*/
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
    padding-top: 13px;
    text-decoration: none;
    color: #303e06;
}




/* HP blok služby */
.hp_sluzby {position: relative; /*height: 280px;*/}
.hp_sluzby .hp_sluzby_wrapper {width: 1000px; margin: 0 auto;}
.hp_sluzby .col-lg-3.col-md-6.col-sm-6, .hp_sluzby div.hp_elearning.hp_elearning_abs, .hp_sluzby div.hp_koordinator_bozp.hp_koordinator_bozp_abs  {
                border: 1px solid #efefef; height: 140px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-right: none;
                color: #0a2878; font-size:18px; padding-left: 95px; padding-top: 46px; background-repeat: no-repeat; background-position: 30px;cursor: pointer;}




.hp_sluzby div.hp_bezpecnost_prace.col-lg-3.col-md-6.col-sm-6 {border-bottom: none; border-left: none; background-image: url('/img/hp_sluzby_bezpecnost.png');    position: relative;}
.hp_sluzby div.hp_koordinator_bozp.col-lg-3.col-md-6.col-sm-6 {border-left: none; background-image: url('/img/hp_sluzby_koordinator_bozp.png');    position: relative;}

.hp_sluzby div.hp_pozarni_ochrana.col-lg-3.col-md-6.col-sm-6 {border-bottom: none; background-image: url('/img/hp_sluzby_pozarni_ochrana.png');    position: relative;}
.hp_sluzby div.hp_zivotni_prostredi.col-lg-3.col-md-6.col-sm-6 {border-bottom: none; background-image: url('/img/hp_sluzby_zivotni_prostredi.png'); position: relative; background-position: 24px;}
.hp_sluzby div.hp_zkousky.col-lg-3.col-md-6.col-sm-6 {padding-top: 34px; background-image: url('/img/hp_sluzby_zkousky.png');    position: relative;}
.sk .hp_sluzby div.hp_zkousky.col-lg-3.col-md-6.col-sm-6 {padding-top: 43px;}
.hp_sluzby div.hp_skoleni.col-lg-3.col-md-6.col-sm-6 {padding-top: 57px; background-image: url('/img/hp_sluzby_skoleni.png');    position: relative;}

.hp_sluzby div.hp_revize_kontroly.col-lg-3.col-md-6.col-sm-6 {border-bottom: none; background-image: url('/img/hp_sluzby_revize_kontroly.png');    position: relative; padding-top: 25px;}
.sk .hp_sluzby div.hp_revize_kontroly.col-lg-3.col-md-6.col-sm-6 {padding-top: 37px;}
.hp_sluzby div.hp_elearning.col-lg-3.col-md-6.col-sm-6 {border-right: none;color: #ffffff; background-color: #f02d00; background-image: url('/img/hp_sluzby_elearning.png'); background-position: 15px; padding-top: 27px;}

.hp_sluzby div.hp_elearning.hp_elearning_abs {position: absolute; right: 0; bottom: 0; width: 100px; background-image: none;border-left:none;background-color: #f02d00;}
.hp_sluzby div.hp_koordinator_bozp.hp_koordinator_bozp_abs {position: absolute; left: 0; bottom: 0; width: 100px; background-image: none;border-left:none;}

.hp_sluzby div.hp_elearning span {color: #ffffff; font-size:13px; font-family: 'OpenSans-Semibold'; padding-top: 8px;display: block;position: relative; z-index: 1; width: 150px;}
.hp_sluzby div.hp_elearning p {color: #ffffff; font-size: 18px; position: relative; z-index: 1; padding: 0; margin: 0;}





.hp_sluzby div.selected_bubble div.bubble_text {display:block;}
.hp_sluzby div.bubble_text {display:none; position: absolute; left: 0; width: 350px; padding-bottom:20px; height: auto; bottom: 120px; z-index: 103;
                            background-image: url('/img/bubble_text_sipka.png');background-repeat: no-repeat;background-position: 30px 100%;}
.hp_sluzby div.bubble_text p {color: white; font-size: 14px; padding-bottom: 25px; text-align: left;}
.hp_sluzby div.bubble_text_bezpecnost_prace, .hp_sluzby div.bubble_text_koordinator_bozp {/*left: -100px;*/}
.hp_sluzby div.bubble_text_pozarni_ochrana {}
.hp_sluzby div.bubble_text a {color: #ffffff; font-size: 16px; font-family: OpenSans-Bold; padding: 10px 30px; border: 1px solid white; text-decoration: none;  
                              -webkit-box-shadow: 1px 2px 0px rgba(255, 255, 255, 1); -moz-box-shadow: 1px 2px 0px rgba(255, 255, 255, 1); box-shadow: 1px 2px 0px rgba(255, 255, 255, 1);}
.hp_sluzby div.bubble_text a:hover {color: #0a2878; background-color: white;}

.hp_sluzby div.bubble_text div.bubble_text_wrapper {background-color: #0a2878; padding: 30px;}

.hp_sluzby .col-lg-3.col-md-6.col-sm-6 h3 {color: #0a2878; font-size: 17px; font-weight: normal; margin-top: 0px;}

.hp_sluzby .col-lg-3 {width:20%;}
.sk .hp_sluzby .col-lg-3 {width:25%;}

.sk .hp_sluzby div.hp_elearning.col-lg-3.col-md-6.col-sm-6 {padding-top: 16px;}
.hp_sluzby div.hp_elearning.col-lg-3.col-md-6.col-sm-6 {
    border-right: none;
    color: #ffffff;
    background-color: #f02d00;
    background-image: url(/img/hp_sluzby_elearning.png);
    background-position: 15px;
    padding-top: 27px;
}

.hp_sluzby div.hp_elearning span.topmore {
    padding-top: 25px;
}

@media (max-width: 1219px) {
    .hp_sluzby div.bubble_text {width: 258px;}
    .hp_sluzby div.bubble_text_bezpecnost_prace, .hp_sluzby div.bubble_text_koordinator_bozp {left: 0;}
}
    
@media (max-width: 1019px) {
    .hp_sluzby div.hp_elearning.hp_elearning_abs {display:none;}
    .hp_sluzby div.hp_koordinator_bozp.hp_koordinator_bozp_abs {display: none;}
    .hp_sluzby .hp_sluzby_wrapper {width:auto;}
    
    .hp_sluzby .col-lg-3.col-md-6.col-sm-6, .hp_sluzby div.hp_elearning.hp_elearning_abs, .hp_sluzby div.hp_koordinator_bozp.hp_koordinator_bozp_abs { padding-left: 170px; background-position: 90px !important;}
    .hp_sluzby div.hp_elearning.col-lg-3.col-md-6.col-sm-6 {background-position: 78px;}
    
    .hp_sluzby div.bubble_text_bezpecnost_prace, .hp_sluzby div.bubble_text_koordinator_bozp {left: 0px;}
    
    .hp_sluzby div.bubble_text {width: auto;}
}

@media (max-width: 784px) {
    .hp_sluzby .col-lg-3.col-md-6.col-sm-6, .hp_sluzby div.hp_elearning.hp_elearning_abs, .hp_sluzby div.hp_koordinator_bozp.hp_koordinator_bozp_abs {
        background-position: 50% 20px !important; padding: 0; text-align: center; height: 170px;}
    
    .hp_sluzby .col-lg-3.col-md-6.col-sm-6 h3 {margin-top: 90px;}
    .hp_sluzby div.hp_skoleni.col-lg-3.col-md-6.col-sm-6 {padding-top: 0;background-position: 50% 27px;}
    .hp_sluzby div.hp_zivotni_prostredi.col-lg-3.col-md-6.col-sm-6 {padding-top: 0;background-position: 50% 38px;}
    .hp_sluzby div.hp_zkousky.col-lg-3.col-md-6.col-sm-6 {padding-top: 0; border-top: none;}
    
    .hp_sluzby div.bubble_text {bottom: 150px;}
    .hp_sluzby div.bubble_text {width: 220px; width: auto;}
    .hp_sluzby div.hp_elearning.col-lg-3.col-md-6.col-sm-6 {background-position: 50% 20px; padding-top: 78px;}
    .hp_sluzby div.hp_elearning span {padding-top: 6px; line-height: 16px;}
    
    .hp_sluzby div.hp_elearning span {
        padding: 6px !important;
        line-height: 16px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }
    
    .hp_sluzby div.hp_revize_kontroly.col-lg-3.col-md-6.col-sm-6 {
        padding-top: 0px;
        line-height: 18px;
    }
}

@media (max-width: 459px) {
    .hp_sluzby div.bubble_text {width: 163px;}
    .hp_sluzby div.bubble_text div.bubble_text_wrapper {padding: 20px;}
    .hp_sluzby div.bubble_text a {padding: 7px 13px;}
}




.hp_reference {width: 1000px; margin: 0 auto; padding-bottom: 60px;}
.hp_reference h2, .hp_reference h4.h2-style {margin-bottom: 0; font-size: 44px; color: #8691b0; margin-top: 30px; padding-bottom: 5px; text-transform: uppercase; margin-bottom: 5px; font-family: 'OpenSans-Bold';}
.hp_reference p {font-size: 24px; color: #4b619c; font-family: 'OpenSans-Light';}
.hp_reference span {font-family: 'OpenSans-Bold';}

.hp_reference .reference_companies {margin-top: 30px;}
.hp_reference .reference_companies div {background-position: 50% 50%; background-repeat: no-repeat; height: 70px; background-size: 143px;}

.hp_reference .reference_companies div.tmobile {background-image: url('/img/ref_logo_tmobile.png');}
.hp_reference .reference_companies div.honeywell {background-image: url('/img/ref_logo_honeywell.png');}
.hp_reference .reference_companies div.scania {background-image: url('/img/ref_logo_scania.png');}
.hp_reference .reference_companies div.tnt {background-image: url('/img/ref_logo_tnt.png');}
.hp_reference .reference_companies div.skoda {background-image: url('/img/ref_logo_skoda.png');}

.hp_reference .reference_companies div.seznam {background-image: url('/img/ref_logo_seznam.png'); }
.hp_reference .reference_companies div.accenture {background-image: url('/img/ref_logo_accenture.png'); }
.hp_reference .reference_companies div.obi {background-image: url('/img/ref_logo_obi.png'); }
.hp_reference .reference_companies div.mcdonald {background-image: url('/img/ref_logo_mcdonald.png'); }
.hp_reference .reference_companies div.plzensky_prazdroj {background-image: url('/img/ref_logo_plzensky_prazdroj.png'); }
.hp_reference .reference_companies div.mountfield {background-image: url('/img/ref_logo_mountfield.png'); }
.hp_reference .reference_companies div.kofola {background-image: url('/img/ref_logo_kofola.png'); }

.hp_reference .reference_companies div.tesco {background-image: url('/img/loga/dm_logo.png');}
.hp_reference .reference_companies div.bbraun {background-image: url('/img/loga/bbraun_logo.gif');}
.hp_reference .reference_companies div.aero {background-image: url('/img/loga/aero_logo.png');}
.hp_reference .reference_companies div.globus {background-image: url('/img/loga/globus_logo.jpg');}
.hp_reference .reference_companies div.benu {background-image: url('/img/loga/benu_logo.png');}
.hp_reference .reference_companies div.mmr {background-image: url('/img/loga/mmr_logo.png');}



.vice_klientu a {font-family: OpenSans-Bold;height: auto; line-height: 19px; margin-bottom: 15px; width: auto; position: relative; border: 1px solid #0a2878;color: #0a2878; 
               padding: 10px 15px; font-size: 16px; font-family: OpenSans-Bold; text-decoration: none; margin-top: 27px; display: inline-block;}
.vice_klientu a:hover {color: #ffffff; background-color: #0a2878;}
.vice_klientu {margin-top: 30px;}


@media (max-width: 1019px) {
    .hp_reference {width: auto; padding: 0 20px; padding-bottom: 40px;}
}    
  
@media (max-width: 784px) {
    .hp_reference h2 {text-align: center;}
    .hp_reference p {display: none;}
    .vice_klientu a {margin: 0 auto; display: block; width: 103px;}
    .hp_news h2 {text-align: center;}
    .news_wrapper {padding-right: 20px;}
}   


.hp_news {padding-bottom: 60px !important; background-color: #fafafa;}
.hp_news h2, .hp_news h4.h2-style {margin-bottom: 0; font-size: 44px; color: #8691b0; padding-top: 30px; padding-bottom: 5px;
             text-transform: uppercase; margin-bottom: 25px; font-family: 'OpenSans-Bold'; margin-top: 0;}
.news_wrapper {padding-right: 80px;}

.news_right {width: 1000px; margin: 0 auto;}
.news_right h3, .news_right h5 {margin-top: 22px; margin-bottom: 20px;}
.news_right h3 a, .news_right p.h5-style a {color: #f02d00; font-size:16px; font-family: 'OpenSans-Bold'; line-height: 25px; line-height: 23px; display: block;}
.news_right p.date {color: #8691b0; font-size:15px;}
.news_right p.text {color: #353535; font-size:16px; line-height: 25px;}



@media (max-width: 1019px) {
    .news_right .news-2 {display: none;}
    .hp_news {padding: 0 20px;}
    .news_right {width: auto;}
}

@media (max-width: 784px) {
    .news_right .news-1 {display: none;}
    .vice_klientu.dalsi_aktuality a {width: 117px;}
}




.kontakt_top a {
    display: block;
    height: auto;
    width: auto;
    /*background-image: url('/img/hlavni_button.png');*/
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
    padding-top: 13px;
    text-decoration: none;
    color: #303e06;
    
}

.kontakt_top a {
    height: auto;
    line-height: 19px;
    margin-bottom: 15px;
    width: auto;
    position: relative;
    border: 1px solid #0a2878;
    color: #0a2878;
    padding: 10px 15px;
    font-size: 16px;
    font-family: OpenSans-Bold;
    width: 230px;
    background-color: white;
}
.kontakt_top a:hover {color: #ffffff;background-color: #0a2878;}


#content #hp_slider .home_slider .main_slider_pozadi_l {
    height: 51px;
    width: 22px;
    position: absolute;
    top: 128px;
    right: 488px;
    
}
#content #hp_slider .home_slider .main_slider_pozadi_r {
    height: 51px;
    width: 23px;
    position: absolute;
    top: 128px;
    right: -23px;
    
}

#content #content_left .hlavni_strana .kdo_jsme_nadpis {
    color: #383838;
    background-image: url('/img/under_line_top.png');
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 11px;
    font-weight: bold;
}

#content #content_left .hlavni_strana ul {    
    padding-left: 0px;
    margin-top: 30px;
    margin-bottom: 30px;
}

#content #content_left .hlavni_strana li {
    color: #434343;
    margin-bottom: 13px;
    background-image: url('/img/sipka.png');
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 25px;
}

#content #content_left .hlavni_strana .kdo_jsme_certiikaty {
    display: block;
    height: 35px;
    width: 595px;
    background-image: url('/img/certifi.png');
    background-repeat: no-repeat;
    margin-left: -5px;
    margin-top: 20px;
    padding-top: 15px;
    font-size: 18px;
    color: #383838;
    padding-left: 25px;
}

#content #content_left div.kontakty_content {
    position:relative;
}

#contact_map {
    position: absolute;
    right: -35px;
    bottom: 75px;
    width: 230px;
    height: 200px;
}

#content #content_left .kontakty_content p{
    margin-bottom: 5px;
}

#content #content_left .kontakty_content h2 {
    font-size: 16px;
    line-height: 20px;
    font-family: 'OpenSans-Bold';
    display: block;
    margin-bottom: -10px;
    margin-top: 15px;
}

#content #content_left .obsah_sluzby p{
    color: #434343;
}

#content #content_left .obsah_sluzby a{
    color: #f02d00;
}

#content #content_left .obsah_sluzby ul {    
    padding-left: 0px;
    margin-top: 20px;
    margin-bottom: 30px;
}

#content #content_left .obsah_sluzby li {
    margin-bottom: 13px;
    font-size: 15px;
    background-image: url('/img/sipka.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    list-style-type: none;
    padding-left: 25px;
}

#content #content_left .obsah_sluzby p img {
    margin-top: 5px;
    margin-right: 15px;
}

#content #content_left .obsah_sluzby .dulezita_zprava{
    font-size: 16px;
    font-style: italic;
    background-color: #fffeb9;
    border-style: solid;
    border-color: #fde5a6;
    border-width: 1px;
    margin-top: 60px;
    padding: 10px 20px 10px 20px; 
    margin-left: -10px;
    margin-right: 5px;      
}

#content #content_left .formular, #content #content_left .kontaktujte_dotaznik {
    margin-top: 30px;
}

#content #content_left .formular form, #content #content_left .kontaktujte_dotaznik form {
    display: block;
    /*height: 460px;*/
    width: 100%;
    background-repeat: no-repeat;
    padding: 15px 30px 15px 15px;
    font-size: 15px;
    font-weight: bold;
    color: #353535;
    margin-left: -10px;
    background-color: #0a2878;
}

#captcha_label {
    color: white;    
    font-weight: normal;
}


#content #content_left .formular form, #content #content_left .kontaktujte_dotaznik form table {
    border: none;
}

#content #content_left .formular form .txt, #content #content_left .kontaktujte_dotaznik form .txt{
    height: 44px;
    border: 0px;
    margin-left: 0px;
    background-color: white;
    width: 91%;
    padding-left: 5%;
    font-size: 16px;
}




#content #content_left .formular form .textarea1, #content #content_left .kontaktujte_dotaznik form .textarea1{
    height: 155px;
    width: 98%;
    border: none;
    padding: 0;    
    font-size: 16px;
    padding-left: 2%;
    padding-top: 10px;
    font-family: OpenSans;   
}

#content #content_left .formular form #captcha-img, #content #content_left .kontaktujte_dotaznik form #captcha-img {
    height: 30px;
    width: 80px;
    background: white;
    margin-top: 7px;
    margin-left: 8px;
    margin-right: 30px; 
}

#content #content_left .formular form #captcha_word, #content #content_left .kontaktujte_dotaznik form #captcha_word {
    height: 43px;
    width: 77px;
    border-width: 0px;
    padding: 0 0 0 5px;
    margin-top: -2px;
    margin-left: -2px;
}

#content #content_left .formular form .but_f-right, #content #content_left .kontaktujte_dotaznik form .but_f-right {
    height: 40px;
    padding-right: 10px;
    padding-left: 10px;
    border-width: 0px;
    color: #ffffff;
    font-size: 16px;
    font-family: OpenSans-Bold;
    padding: 10px 25px;
    border: 1px solid white;
    text-decoration: none;
    -webkit-box-shadow: 1px 2px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: 1px 2px 0px rgba(255, 255, 255, 1);
    box-shadow: 1px 2px 0px rgba(255, 255, 255, 1);
    background-color: #0a2878;
    margin-top: -2px;
    margin-left: 15px;
    cursor: pointer;
}

#content #content_left .formular form .but_f-right:hover, #content #content_left .kontaktujte_dotaznik form .but_f-right:hover {
        color: #0a2878;
    background-color: white;
}    

#content #content_left .formular form .hvezdicka, #content #content_left .kontaktujte_dotaznik form .hvezdicka {
    margin-left: -5px; 
    margin-top: -10px; 
    margin-bottom: 18px;
}

#content #content_left .formular form .hvezdicka2, #content #content_left .kontaktujte_dotaznik form .hvezdicka2 {
    margin-bottom: 90px; 
    margin-left: 5px;
}

#content #content_left .formular form .hvezdicka3, #content #content_left .kontaktujte_dotaznik form .hvezdicka3 {
    margin-bottom: 18px; 
    margin-left: 5px; 
    margin-right: 10px;
}

.test_bozp_a_po {
    margin-bottom: 50px;
}

#vysledek_vyhodnoceni {
    display: none;
}

.table_vyhodnoceni th {
    background-color: #0a2878;
    padding: 5px 5px 5px 5px;
    color: #ffffff;
    font-size: 16px;
    height: 48px;
    width: 40px;
    text-align: center;
}


@media (max-width: 1019px) { 
    .formular {padding: 0 50px;}
    #kontaktujte_nas2{padding: 20px 15px;}
}

@media (max-width: 784px) { 
    .formular {padding: 0 15px;}
    #content #content_left .formular form .txt, #content #content_left .kontaktujte_dotaznik form .txt{width: 98%; padding-left: 2%; float: none !important;}
    #content #content_left .formular form, #content #content_left .kontaktujte_dotaznik form {padding: 15px 0px 15px 0px;position: relative;padding-bottom: 65px;}
    
    #content #content_left .formular form .but_f-right, #content #content_left .kontaktujte_dotaznik form .but_f-right {bottom: 16px; position: absolute; right: 46px;}
    .form_contact {padding: 7px 18px !important;}
    #content #content_left .formular form #captcha-img, #content #content_left .kontaktujte_dotaznik form #captcha-img {margin-top: 7px; margin-left: 0px; margin-right: 20px;}
    
    #captcha-loading {margin-left: 15px !important;}
    .reload_captcha_button {right: 8px !important;}

    #content #content_left .formular form #captcha_word, #content #content_left .kontaktujte_dotaznik form #captcha_word {width: 48px;}
    
    p.kontakty_last {margin-top: 280px;}
    #content #content_left .kontaktujte_mapa2 {float: left; margin-top: 15px; margin-right: 20px;width: 100%;}
    
    
        #content #content_left .kontaktujte_mapa2_sk, #content #content_right .kontaktujte .kontaktujte_mapa_sk {float: left; margin-top: 15px; margin-right: 20px;}
}



.table_vyhodnoceni th.prvni {
    text-align: left;
    padding-left: 12px;
}

.table_vyhodnoceni td {
    background-color: #fafafa;
    padding: 12px 5px 12px 12px;
    position: relative;
}

.table_vyhodnoceni td.prvni {
    text-align: left;
    background-image: none !important;
}

#button_vyhodnotit {
    float: right;
    border-width: 0;
    color: white;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    margin-top: 18px;
    margin-bottom: 20px;
    width: 220px;
    background-color: #f02d00;
    cursor: pointer;
    margin-right: 29px;
}
#button_vyhodnotit:hover, #zpet_vyhodnoceni:hover {
    background-color: #d6411f;
}

.vysledek_data {
    background-color: #F5F7FA;
    border: 1px solid #E3EBFF;
    padding: 16px 10px;
}

.vysledek_data div img {
    float: right;
    padding: 12px 120px 0 0;
}

.vysledek_data div .stav_data {
    color: #F02D00;
    font-size: 20px;
}

#zpet_vyhodnoceni {
    border-width: 0;
    color: white;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    margin-top: 18px;
    margin-bottom: 20px;
    width: 155px;
    background-color: #f02d00;
    cursor: pointer;
    margin-right: 29px;
}

.vase_spolecnost {
    margin-top: 20px;
}

.kontaktujte_dotaznik {
    display: none;
}

.table_polozky {
    background-color: #DADFEB;
    border-bottom: 1px solid white;

}

.table_polozky td {
    padding: 10px 0px 0px 12px;
    text-align: center;
}

.table_informace td{
    text-align: left;
    background-color: #F5F7FA;
    border-bottom: 1px solid white;
    padding-top: 5px;
    padding-left: 10px;
}

.table_informace td p{
    margin-bottom: 0px;
}

.zkouzka_odborne_zpusobilosti table {
    margin: 0 auto;
}

.zkouzka_odborne_zpusobilosti tr {
     background-color: #DADFEB;
     border: 1px solid white;
}

.zkouzka_odborne_zpusobilosti td {
     border: 1px solid white;
     padding: 5px 5px 0px 5px;
}

#content_left .article-navigation {
    width: 615px;
    padding: 0px;
    margin-top: 40px;
    display: none;
}

#content_left .article-navigation li {
    background: none; 
    padding: 0px;
}

#content_left .article-navigation .prev {
    width: 275px;
    float: left;
}

#content_left .article-navigation .category {
    width: 65px;
    float: left;
    
}

#content_left .article-navigation .next {
    width: 275px;
    float: left;
    text-align: right;
}
#content_right .news_right .date{
    float:left;
    font-weight: bold;
     margin-right: 5px;
     margin-bottom: 0px;
}
#content_right .news_right .text{
    
}


/**************************************
*********** KONEC OBSAHU **************
**************************************/


#footer {
    width: 1200px;
    margin: 0 auto;
    padding-top: 1px;
    background-color: #878888;
}

#footer #menu2{
    height: 240px;
    width: 1000px;
    margin: 0 auto;
}

#footer #menu2 .footer_menu ul {
    list-style-type: none;
    padding-left: 0;
    padding-top: 25px;
}

#footer #menu2 .footer_menu {
    margin-top: -5px;
}

#footer #menu2 .footer_menu ul li {
    float: left;
    font-size: 13px;
    list-style: none outside none;
    background: none;
    margin-bottom: 10px;
    color: #383838;
    /*text-decoration: underline;*/
    padding-left: 0px;
}
#footer #menu2 .footer_menu ul li a {
    margin-right: 31px; 
    color: #ffffff;
    font-size: 15px;
    font-family: 'OpenSans-Semibold';
    text-decoration: none;
}
#footer #menu2 .footer_menu ul li ul li {
    float: none;
    font-size: 12px;
    margin-bottom: 10px;
}

#footer #menu2 .footer_menu ul li ul li a {
    color: #d8d8d8;
    text-decoration: none;
    font-size: 13px;
    font-family: 'OpenSans-Semibold';
}

#footer #solutions{
    height: 58px;
    width: 980px;
    background-image: url('/img/patka2.png');
    float: left;
}
#footer #solutions .solutions_text {
    color: #434343;
    text-align: left;
    font-size: 13px;
    margin-top: 22px;
    
}

div.formular form table {
    border: none;    
    width: 100%;
    padding-right: 12px;
}

#footer div.copyright {
    height: 58px;
    width: 1200px;
    float: left;
    background-color: #62656c;
}

#footer div.copyright div, #footer div.copyright a {
    color: #d8d8d8;
    text-align: left;
    font-size: 13px;
    width: 1000px;
    margin: 0 auto;
    margin-top: 20px;
    text-decoration: none;
}

#footer div.copyright div, #footer div.copyright a:hover {text-decoration: underline;}


#footer div.copyright p.copyright_left {float: left; color: #d8d8d8;font-size: 13px;font-family: 'OpenSans-Semibold';}
#footer div.copyright p.copyright_right {float: right; color: #d8d8d8;font-size: 13px;font-family: 'OpenSans-Semibold';}



#header div#partner{
    left: 60px;font-size:17px; color: rgb(198, 198, 198); float:left; margin-left: 5px; padding-left: 16px; padding-top: 6px; position: relative;
}

#header div.partner_logo{
    position: absolute; right: -111px; margin-top: 3px; top: -1px;
}



@media (max-width: 1219px) {
    #footer {width: 100%;}
    #footer div.copyright {width: 100%;}
}

@media (max-width: 1037px) {
    #content #hp_slider .home_slider_wrapper {width: auto;}
}    
    
@media (max-width: 1019px) {
    #footer div.copyright div {width: auto; padding: 0 30px;}
    #footer #menu2 {width: 100%;padding-bottom: 24px;height: auto;}
    
    #footer #menu2 .footer_menu {margin-top: -5px; padding: 0 20px;}
    #footer #menu2 .footer_menu ul li ul {display: none;}
    
    #footer #menu2 .footer_menu ul li a {margin-right: 21px; font-size: 14px;}
        
 }

@media (max-width: 784px) { 
    #footer #menu2 .footer_menu ul li a {padding: 0 10px; border-left: 1px solid white; margin: 0;}
    #footer #menu2 .footer_menu ul {text-align: center;}
    
    #footer #menu2 {position: relative;}
    #footer .fake_gray {position: absolute;left:0; top:-12px; width: 35px; height: 151px; background-color: #878888;}
    #footer div.copyright {position: relative; height: auto; padding-bottom: 10px;}
    
    #footer div.copyright p.copyright_right {margin: 0 auto; width: 253px; float: none;  margin-bottom: 7px;}
    #footer div.copyright p.copyright_left {float: none; width:420px;  margin: 0 auto; margin-bottom: 7px;}
    
    
    #footer div.copyright p.copyright_right.copyright_right_en {width: 165px;}
    
    
} 

@media (max-width: 499px) { 
    p.copyright_left strong {display: none;}
    #footer div.copyright p.copyright_left {width:160px;}
}
    
    

.baner_revize {width: 978px; position: relative;margin-bottom: 12px;margin-top: -7px;}
.revize_green {font-weight: bold; width: 172px; display: block; position: absolute; left: 30px; top: 8px; font-size: 22px; color: white;}
.baner_revize div {position: absolute; left: 205px; top: 19px;}

.objednat_red {color: #f02d00; text-transform: uppercase; font-weight: bold; font-size: 23px;}
.vyhodnoceni_do {color: #383838; font-size: 23px;}
.baner_revize a {color: #383838; text-decoration: none;}
.vice_info_wrapper {font-size: 16px; display: block; position: absolute; right: 20px; top: 55px;}


/* right panel */
.no_hp_news .news-1, .no_hp_news .news-2 {/*display: none;*/}
.no_hp_news .news_right {width: auto;}
.no_hp_news .news_right .col-lg-4.col-md-6.col-sm-12.text-center {width: 100%; padding-bottom: 30px;}
#content_right .no_hp_news  .news_right .date {float: none;}
.no_hp_news .news_wrapper {padding-right: 10px;}


.no_hp_wrapper {margin: 0 auto; width: 1000px;}
.no_hp_news {padding-bottom: 60px;}
.no_hp_news h2 {color: #8691b0; font-size: 23px;}


@media (max-width: 1019px) { 
    .no_hp_wrapper {margin: 0 auto; width: auto;}
    #content #content_right {display:none;}
    #content #content_left {width: auto; padding: 0 20px;}
}


.novinky_summary {
    margin-top: 20px;
}

.novinky_summary .text {    
    padding-bottom: 20px;
    background-color: #fafafa;
    margin-bottom: 15px;
    padding-top: 30px;
    padding-left: 30px;
}

.novinky_summary .text span {    
    color: #8691b0;
    font-size: 15px;
    display: block;
}
.novinky_summary .text a {
    color: #f02d00;
    font-size: 16px;
    font-family: 'OpenSans-Bold';
    line-height: 25px;
    display: block;
    padding: 15px 0;
}
.novinky_summary .text p {
    color: #353535;
    font-size: 16px;
    line-height: 25px;
    padding-right: 25px;
}




.display_none {display: none;}

/* test article */
#dotaznik_vyhodnoceni {margin-top: 30px;}
#dotaznik_vyhodnoceni table {border: none;}

#dotaznik_vyhodnoceni .vyhodnotit_test_wrapper {background-color: #fafafa; height: 80px; border-left: 2px solid white; border-right: 2px solid white;}


#dotaznik_vyhodnoceni table input {opacity: 0; width: 17px; height: 17px; margin-left: 13px;} 


#dotaznik_vyhodnoceni table td img {position: absolute; left: 12px;}
#dotaznik_vyhodnoceni table td {background-image: url('/img/custom_radio_off.png'); background-repeat: no-repeat; background-position: 22px 53%; color: #353535;}
#dotaznik_vyhodnoceni table td.radio_clicked {background-image: url('/img/custom_radio_on.png');}


@media (max-width: 784px) { 
    #dotaznik_vyhodnoceni table td {font-size: 13px;}
}

.form_contact {padding: 7px 45px;}

.form_row .col-lg-6.col-md-6.col-sm-12 {
    margin-bottom: 20px;
}
.form_row .col-lg-12.col-md-12.col-sm-12 {
    margin-top: 20px;
}
    
#kontaktni-formular {padding-left: 45px; color: white; font-size: 23px; font-weight: normal;}

#captcha-loading {height: 43px; background-color: white;  margin: -2px;  margin-right: 2px; margin-left: 25px; position: relative;}

.reload_captcha_button {position: absolute; right: 13px; top: 15px; cursor: pointer;}


.ui-widget-header {
    border: none !important;
    background: none !important;
    background-color: #0a2878 !important;
    border-radius: 0px !important;
}



#content_search a {
    color: #f02d00;
    font-size: 16px;    
    font-family: 'OpenSans-Bold';
    line-height: 25px;
    display: block;
    padding: 15px 0;
}

#content_search p {
    margin-bottom: 25px;
}




.navigation-path {margin-top: 30px;}
.navigation-path a {float:left; font-size: 14px; color: #868686;padding-right: 15px;}
.navigation-path a.category_odkaz {padding-left: 15px;}


.navigation-path p {float:left; color: #0a2878; font-size: 14px; padding-left: 15px;}
.navigation-path span {display: block; float: left;margin-top: -1px;color: #868686;}


#dialog-body {font-family: OpenSans; font-size: 17px;}
#ui-dialog-title-dialog {font-family: OpenSans; }

.article_img {
    float: right;
    padding: 0 0 20px 20px;
}