body {
    font-family: "Open Sans";
    font-weight: 300;
    color: #424242; 
    padding: 15px;
    /* padding-top: 74px;  */
}

a {
    transition: .3s;
    color: #007d40 !important;
}

a:hover {
    color: #007d40;
}

h2 {
    margin-top: 5px;
}

p {
    margin: 10px 0 0;
}

.footer {
    text-align: center;
    background: #eee;
    padding: 70px;
    background-image: url(img/globe_transparent_200.png);
    background-position: right center;
    background-repeat: no-repeat;
    font-weight: 600;
}

.footer a {
    color: #424242;
}

.navbar-default {
    background: #fbfbfb;
    height: 73.5px;
    line-height: 74px;
    border-bottom: 0px;
}

.navbar-nav > li > a {
    color: #424242 !important;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 3px solid transparent;
    padding: 25px 10px;
    font-size: 16px;
}

.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
    border-bottom: 3px solid #424242 !important;
}

.navbar-default .navbar-brand a {
    color: #007d40;
    font-size: 40px;
    padding: 0px 5px;
    display: inline-block;
}

.navbar-default .navbar-brand a:hover {
    color: #424242;
    text-decoration: none;
}

th a.sort {
    font-size: 22px;
    font-weight: 300;
    color: #007d40;
}

tr.link {
    cursor: pointer;
}

#topImage, #topImageCover {
    height: 350px;
    background-position: center top;
    margin-bottom: 25px;
}

#topImageCover {
    background-image: url(img/top-img_cover.png);
    position: relative;
}

#headerToTop {
    position: absolute;
    bottom: 10px;
}

#headerToTop .background {
    background: rgba(255, 255, 255, 0.8);
    display: inline-block;
    padding: 20px 10px;
}

h1.entry-title {
    text-transform: uppercase;
    color: #007d40;
    font-size: 40px;
    font-weight: 400;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.navbar-toggle {
    color: #424242 !important;
    font-size: 35px;
    line-height: 1em;
    border: 0px;
    margin-top: 6px;
}    

.navbar-toggle:hover, .navbar-toggle:focus {
    color: #007d40 !important;
    background: transparent !important;
}

.navbar-toggle > span {
    font-size: 10px;
    vertical-align: middle;
    display: inline-block;
    margin: 0px 5px 5px;
    font-weight: 600;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

.navbar-brand {
    padding: 15px 0px;
}

.background .container {
    width: inherit;
}

.well {
    background: transparent;
    border: 0px;
    margin: 0px;
}

input[type="text"], input[type="email"], textarea {
    width: 100%;
    padding: 5px 10px;
    border: 2px solid #e1e1e1 !important;
    font-weight: 300 !important;
    border-radius: 0px !important;
}

.btn-default {
    background: #007d40;
    color: #fff;
    border-radius: 0px;
    border: 0px;
    display: inline-block;
}

.btn-default:hover {
    background: #424242 !important;
    color: #fff !important;
}

.aligncenter {
    text-align: center;
}

.navbar-collapse.collapse.in, .navbar-collapse.collapsing {
    background: #eee;
    line-height: 15px !important;
}

.navbar-collapse.collapse.in ul, .navbar-collapse.collapsing ul {
    margin: 0px;
}

.navbar-collapse.collapse.in a, .navbar-collapse.collapsing a {
    width: 100%;
    text-align: center;
}

.sluzba {
    display: inline-block;
    width: 100%;
    height: 180px;
    margin: 15px;
    background-position: center 15px;
    background-repeat: no-repeat;
    background-size: contain;
    transition: .3s;
}

.sluzba:hover {
    background-position: center 0px;
}

.sluzba:hover strong {
    background: #424242;
}

.sluzba strong {
    transition: .3s;
    margin-top: 150px;
    background: #007d40;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 5px;
    width: 100;
    font-size: 14px;
    font-weight: 300;
    min-width: 170px;
}

.chemie {
    background-image: url(img/sluzby/chemie-odpady-ekologie.jpg);
}

.bezpecnostni-poradci {
    background-image: url(img/sluzby/bezpecnostni-poradci.jpg);
}

.problematika-adr-rid-adn {
    background-image: url(img/sluzby/problematika-ADR_RID_ADN.jpg);
}

.bozp-po {
    background-image: url(img/sluzby/bozp-po.jpg);
}

.ridici {
    background-image: url(img/sluzby/ridici.jpg);
}

.operator-vzv {
    background-image: url(img/sluzby/operator-vzv.jpg);
}

.obsluha-vtz {
    background-image: url(img/sluzby/obsluha-vtz.jpg);
}

.ndt {
    background-image: url(img/sluzby/materialove-testovani.jpg);
}

.radiacni-ochrana {
    background-image: url(img/sluzby/radiacni-ochrana.jpg);
}

.scc {
    background-image: url(img/sluzby/scc.jpg);
}

.interni-auditori {
    background-image: url(img/sluzby/interni-audit.jpg);
}

.prodejci-ojetych-vozidel {
    background-image: url(img/sluzby/prodejci-ojetych-vozidel.jpg);
}

.stk-sme {
    background-image: url(img/sluzby/stk-sme.jpg);
}

table .title {
    padding: 3px !important;
}

table td, table th {
    vertical-align: middle !important;
}

.dropdown-menu {
    line-height: 20px;
    width: 300px;
    margin-top: -1px !important;
}

#objednavka {
    border: 1px solid #007d40;
    padding: 15px;
    margin: 15px 0px;
    border-radius: 15px;
}

#objednavka h2 {
    text-align: center;
    color: #007d40;
}

#fixedKontakt {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #007d40;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 10px 0px;
}

#fixedKontakt a {
    color: #fff;
}

#kontakt_form .form-group {
    margin-bottom: 0px;
}

h3.kontakt_form {
    margin-top: 0px;
}

/* +++ DEKRA logo icon +++ */
@font-face {
  font-family: 'DEKRA';
  src:  url('dekralogo/DEKRA.eot?y6coq2');
  src:  url('dekralogo/DEKRA.eot?y6coq2#iefix') format('embedded-opentype'),
    url('dekralogo/DEKRA.ttf?y6coq2') format('truetype'),
    url('dekralogo/DEKRA.woff?y6coq2') format('woff'),
    url('dekralogo/DEKRA.svg?y6coq2#DEKRA') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'DEKRA' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-logo:before {
  content: "\69";
}
/* --- DEKRA logo icon --- */

@media (max-width: 1024px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
    .background .container {
        width: 100%;
    }
}