/*
barvy:
#199f98
#35c0bd
#6bc9d1
#414141
*/

body {font-family: Roboto, sans-serif;}

h1 {color: #414141; text-transform: uppercase;}
h2 {color: #199f98;/* font-weight: normal; text-transform: uppercase;*/}
h2.seda {color: #414141;}
a {color: #199f98;}
a:hover {color: #025d58; text-decoration: none;}
.tucne {font-weight: bold;}

.pruhTyrkys {background: #f0f9fa; /*padding: 50px 0;*/ /* #072c2a */ }
.pruhBily {background: #fff; padding: 50px 0; }
.pruhSedy {background: #ececec; padding: 20px 0px 50px 0;}
.pruhSedyTmavy {background: #222; padding: 20px 0px 50px 0;}
.pruhSedyTmavy h2 {color: #fff;}
.pruhCerny {background: #051f1e; border-top: 10px solid #199f98; color: #ddd; padding: 0px 0 10px 0;}
.pruhCerny strong {color: #fff;}
.pruhCerny a {color: #fff;}

/* menu */
.navbar-dark.bg-dark {background-image: url(img/motiv-prodej.jpg); background-repeat: no-repeat; background-size: 100%;}
/*.navbar-brand img {margin: 20px 30px;}*/
.navbar-dark .navbar-nav .nav-link {color: rgba(255,255,255,1);}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 1rem;
      padding-left: 1rem;
  }
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    border-bottom: 4px solid #199f98;
}


#unigena {margin: 20px 40px; font-size: 0.7em; text-align: right;}
#unigena a {color: #ddd;}

.btn-primary,
.btn-primary:focus {
  color: #fff;
  text-shadow: none;
  background-color: #199f98;
  border: none;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 4px;
}
.btn-primary:hover {
  background-color: #35c0bd;
}

.btn-secondary,
.btn-secondary:focus {
  color: #fff;
  text-shadow: none;
  background-color: #333;
  border: none;
  font-weight: normal;
  text-transform: uppercase;
}
.btn-secondary:hover {
  background-color: #111;
}

/* responzivni google mapa  */
.google-maps {
        position: relative;
        padding-bottom: 25%; /* This is the aspect ratio */
        height: 0;
        overflow: hidden;
        margin-bottom: 50px;
}
.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; 
}


/* --- SEKCE PRODEJ NÁSTROJŮ --- */
#partneri {text-align: center;}
#partneri img {margin: 30px 40px;}

.pruhTyrkys .col-md-6 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  /*
  background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
  */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+50,ffffff+100&0+50,1+100 */
  background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* tech. podpora */
.pruhTyrkys .col-md-6:last-child {
  background: #199f98 url(img/technicka-podpora.jpg) no-repeat left top; background-size: 120px 100%;
  color: #fff;
}
.pruhTyrkys .col-md-6:last-child .blok {margin-top: 10px; margin-bottom: 10px;}
.pruhTyrkys .col-md-6:last-child .blok strong {text-transform: uppercase; font-weight: normal;}

.blok {margin: 50px 20px; padding-left: 120px; background-size: 100px 100px; background-repeat: no-repeat; background-position: 0 0;}
#vrtani, #drilling {background-image: url(img/ikony-nastroje/vrtani.png);}
#soustruzeni, #turning {background-image: url(img/ikony-nastroje/soustruzeni.png);}
#frezovani, #milling {background-image: url(img/ikony-nastroje/frezovani.png);}
#zavitovani, #threading {background-image: url(img/ikony-nastroje/zavitovani2.png);}
#upinani, #clamping {background-image: url(img/ikony-nastroje/upinani.png);}
.blok h3 {padding: 35px 0 20px 0;}
.blok p {margin: 0; margin-bottom: 7px;}

hr {width: 30%; margin: 30px 0 30px 120px; border-top: 3px solid #fff; }

#vlajky2 {padding-right: 4rem; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: right; }
#vlajky2 img {margin-right: 0.5rem;}