/*
zelena #85b513   rgba(133,181,19,1)
seda #333
*/
body { font-family: 'Roboto', sans-serif; }
h1, h2, h3, h4, h5, h6 {font-family: 'Rajdhani', sans-serif;}
a {color: #85b513;}
a:hover {color: #95d302;}

.jumbotron {color: #000; padding-top: 0; margin-bottom: 0;}
.jumbotron h1 {}
.jumbotron p {font-weight: normal; font-size: 1.5em; line-height: 1.8em; margin: 30px 0;}
#claim {margin-top: 100px; width: 80%; /*text-shadow: 1px 1px 10px #fff;*/}
#claim a {text-shadow: none;}
#logo {margin-top: 30px;}

#navigace .nav-pills>li>a {
    color: #000; font-size: 1.1em; text-transform: uppercase; /*font-family: 'Rajdhani', sans-serif;*/
    border-radius: 0;
    padding-top: 65px;
    padding-bottom: 20px;
    background-color: transparent;
    border-bottom: 2px solid transparent;
    transition: background-color 1.1s, border-bottom 1.1s; 
}
#navigace .nav>li>a:focus, #navigace .nav>li>a:hover {
    background-color: rgba(0,0,0,0.5);
    border-bottom: 2px solid rgba(133,181,19,0.7);
    color: #fff;
}
#navigace .nav-pills>li.active>a, #navigace .nav-pills>li.active>a:focus, #navigace .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: rgba(0,0,0,0.8);
    border-bottom: 2px solid rgba(133,181,19,1);
}

/* homepage motiv */
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.fillwidth {
    width: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.fillbottom {background-position: bottom;}
.filltop {background-position: top;}
/*
.fillveletrh {
  background-position: right bottom, center center;
  background-size: auto 100%, cover;
  background-repeat: no-repeat, no-repeat;
}
*/

/* prehled cinnosti na hp */
#cinnosti {background: #333; color: #fff; padding: 30px 0 60px 0;}
#cinnosti td, #cinnosti th {color: #fff;}
#cinnosti h1 {text-align: center; color: #85b513; font-size: 63px; margin-bottom: 30px;}
a.cinnost {display: block; text-align: left; color: #fff; background: #383838; transition: background 0.5s; padding-top: 5px; padding-bottom: 15px;  border-bottom: 4px solid #666;}
a.cinnost img {width: 100%; margin-bottom: 15px;}
a.cinnost:hover {text-decoration: none; color: #fff; background: #555;}
a.cinnost h2 {color: #fff; font-weight: normal; font-size: 1.8em; font-family: 'Rajdhani', sans-serif; text-transform: uppercase;  border-bottom: 4px solid #666; padding-bottom: 10px; text-align: left; line-height: 1.5em; margin-bottom: 0px; padding-left: 20px; padding-right: 20px;}
a.cinnost h2:first-line {font-weight: bold; font-size: 1.2em;}
a.cinnost p { padding-left: 20px; padding-right: 20px;}

#cinnosti2 {margin-top: 80px; margin-bottom: 60px;}
#cinnosti2 a.cinnost h2 {font-size: 1.7em;}
#cinnosti2 a.cinnost h2:first-line {font-size: 1em;}

#cinnosti3 {margin-top: 80px; margin-bottom: 60px;}
#cinnosti3 li {font-family: 'Rajdhani', sans-serif; font-size: 1.3em;}
#cinnosti3 ul.odr li:nth-child(even) {font-weight: normal;}
#cinnosti3 ul.odr li:nth-child(odd) {font-weight: bold;}

#ofirme {background: url('../img/kabely.jpg') no-repeat right bottom; padding-top: 30px; padding-bottom: 30px;}
#ofirme h2 {font-size: 63px; text-align: left; color: #85b513;}
#ofirme p {font-family: 'Rajdhani', sans-serif; font-size: 1.3em; width: 70%; margin-bottom: 20px;}
#ofirme li {font-family: 'Rajdhani', sans-serif; font-size: 1.3em;}

#prodejnaSortiment { padding-top: 10px; padding-bottom: 10px;}
#prodejnaSortiment li {padding-bottom: 10px; list-style: none; background: url(../img/odr5.png) no-repeat left 4px; padding-left: 20px; /*font-family: 'Rajdhani', sans-serif; font-size: 1.3em; font-weight: bold;*/}
/*#prodejnaSortiment h2 {font-size: 40px; text-align: left; margin-bottom: 20px;}*/

#kontakty {background: #444; color: #fff; padding: 30px 0 60px 0;}
#kontakty h3 {color: #aaa;}
#kontakty h3 strong {color: #fff;}


#novinky {position: relative; padding: 20px 0;}
#novinky h2 {font-size: 50px; text-align: center; margin-bottom: 20px;}
#novinky h3 {margin-top: 5px; padding: 0 20px; height: 52px; overflow: hidden; font-weight: bold;}
#novinky img.iNovinka { height: 270px; width: 100%; /* overflow: hidden; */ border-top: 4px solid #ddd; border-bottom: 4px solid #ddd; }
#novinky p {
  line-height: 2.5ex; height: 7.5ex; overflow: hidden;
  margin-top: 5px; padding: 0 20px;
  font-family: 'Rajdhani', sans-serif; font-size: 1.2em;
}
#novinky .datum { color: #999; margin-right: 10px; font-family: 'Roboto', sans-serif; font-size: 0.8em;}
.novinka {
  text-align: left; 
  padding-top: 5px; padding-bottom: 15px; margin-bottom: 20px;
  /*background: #eee; border-bottom: 4px solid #aaa;*/
  border: 1px solid #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; 
}

#novinky .nav-pills > li { float:none; display:inline-block; zoom:1; }  /*kvuli zarovnani doprava */
#novinky .nav-pills { text-align:right; }
#novinky .nav-pills>li.active>a, #novinky .nav-pills>li.active>a:focus, #novinky .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #333;
}

.realizace {
    width: 70%; margin: 20px auto; 
    padding: 5px 20px 20px 20px;
    border: 1px solid #eee; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    transition: background 0.3s;
}
.realizace h2 {color: #85b513; font-weight: bold;}
.realizace p {font-family: 'Rajdhani', sans-serif; font-size: 1.2em;}
.realizace:hover {background: #f8f8f8;}

#paticka {border-top: 3px solid #85b513; margin-top: 30px; padding: 30px 0; background: #f8f8f8;}
#unigena {font-size: 0.8em;}
#unigena a {color: #333;}




/* tlacitka */
.btn-primary {
    color: #fff;
    background-color: #222;
    text-transform: uppercase;
    border-radius: 0;
    border: 1px solid transparent;
    transition: background 0.4s, border 0.4s, color 0.4s;
}
.btn-primary:hover { border: 1px solid #85b513; background: #fff; color: #000; }
.btn-primary.focus, .btn-primary:focus, .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {color: #fff; background-color: #222; border-color: 1px solid transparent; }

.btn-default {
    color: #000;
    background-color: #85b513;
    text-transform: uppercase;
    border-radius: 0;
    border: 1px solid transparent;
    transition: background 0.4s, border 0.4s;
}
.btn-default:hover { border: 1px solid #85b513; background: #fff; color: #000; }


/* obecne */
.greenBorder { border-left: 1px solid #85b513; padding-left: 30px; margin-left: 10px;}
ul.odr {list-style-image: url('../img/odr5.png');}
ul.odr li {padding-bottom: 30px;}
ul.noodr {list-style-type: none; list-style-image: none;}
.vetsi {font-size: 1.2em;}
table.tabulka {margin: 12px 0;}
table.tabulka td, table.tabulka th {padding: 3px 7px 3px 0; text-align: left; font-size: 1em;}
hr.zelena {color: #85b513; background-color: #85b513; border-color: #85b513;}


/* responzivni google mapa  */
.google-maps {
        position: relative;
        padding-bottom: 25%; /* This is the aspect ratio */
        height: 0;
        overflow: hidden;
}
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}
/* div přes google mapu, aby nedošlo k přibližování mapy při použití kolečka myši */
.google-maps .overlay {
   background:transparent; 
   position: absolute;
   top: 0;
   left: 0;
   width: 100% !important;
   height: 100% !important; 
}



@media (min-width: 1427px) {
  #claim {width: 30%;}
}


@media (max-width: 767px) {
  #navigace .nav-pills>li>a {
    padding-top: 15px;
    padding-bottom: 15px; 
  }
  #navigace .nav-justified>li {
    float: left;
  }
  #claim {margin-top: 20px;}
  .jumbotron p {
    font-size: 1.3em;
    line-height: 1.5em;
    margin: 20px 0;
  }
  a.btn {margin-bottom: 3px;}
  #ofirme { background: #fff; }
  #ofirme p { width: 100%; }
}