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

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

/* parallax */
body, html {
    height: 100%;
}
.parallax { 
    background-image: url("img/motiv-tmavy.jpg");
    height: 100%; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
} 

#jazyky {position: absolute; top: 20px; right: 40px;}
#jazyky a {display: inline-block; margin-left: 5px; text-align: center;}
#jazyky a.active {border: 1px solid #fff; border-radius: 50%; padding: 3px;}

h1 {color: #414141; letter-spacing: 4px;}
h1.english { letter-spacing: 2px;}
main h1 {color: #fff;}
h2 {color: #199f98;/* font-weight: normal;*/ text-transform: uppercase; letter-spacing: 2px;}
h2.seda {color: #414141;}
h2#nabizime {margin-bottom: 20px;}

.tucne {font-weight: bold;}

#logo {
  background: rgba(0,0,0,0.5);
  display: inline-block; 
  margin: 0 auto;
  
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  
  padding: 20px;
  /*
  -webkit-box-shadow: 3px 3px 7px 0px rgba(51,51,51,1);
  -moz-box-shadow: 3px 3px 7px 0px rgba(51,51,51,1);
  box-shadow: 3px 3px 7px 0px rgba(51,51,51,1);
  */
}
#logo img {width: 300px;}


.pruhTyrkys {background: #051f1e; /* #072c2a */ text-align: center; padding-bottom: 50px;}
.pruhBily {background: #fff; padding: 50px 0; padding-bottom: 10px;}
.pruhSedy {background: #ececec; padding: 20px 0px 50px 0;}
.pruhSedy2 {background: #ddd; padding: 20px 0px 50px 0;}
.pruhCerny {background: #051f1e; border-top: 10px solid #199f98; color: #ddd; padding: 0px 0 10px 0;}
.pruhCerny strong {color: #fff;}

.uvod {font-size: 1.2em;} 

.cinnost {text-align: center; margin-bottom: 30px; }
.cinnost div {border-top: 5px solid #199f98; border-radius: 5px; padding: 30px 20px 20px 20px; background: rgba(107,201,205,0.1); min-height: 310px;}
.cinnost h2 {color: #199f98; letter-spacing: 0; text-transform: none; margin-top: 10px;}

#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;
}


/*
#logo {
  background: #fff;
  display: inline-block; 
  margin: 0 auto;
  
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  
  padding: 0 20px 5px 20px;
  
  -webkit-box-shadow: 3px 3px 7px 0px rgba(51,51,51,1);
  -moz-box-shadow: 3px 3px 7px 0px rgba(51,51,51,1);
  box-shadow: 3px 3px 7px 0px rgba(51,51,51,1);
}
#logo img {width: 500px;}
*/

/* 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; 
}