img {border: 0;}
a {cursor: pointer;}
.clr {clear: both;}
.margin_bottom_50 { margin-bottom: 150px; }
* {padding: 0; margin: 0;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body {font-size: 24px; font-family: 'Source Sans Pro', arial, verdana; color: #3c3a3e; }
body h1.none {display: none;}
#hamburger {display: none;}
/* header */
.header {
  top: 0px;
  width: 100%;
  height: 155px;
  background: #fff;
  max-width: 1400px;
  margin: 0px auto;
}
.header a.logo {display: block; width: 30%; margin-top: 38px; float: left; transition: 0.6s;}
.header a.logo img {width: 100%; transition: 0.6s;}
.header a.logo:hover {opacity: 0.4; transition: 0.6s; -webkit-transition: .3s ease-in-out;}

.header a.pribram {display: block; max-width:255px; width: 15%; margin: 20px; float: right; transition: 0.6s;}
.header a.pribram img {width: 100%; transition: 0.6s;}
.header a.pribram:hover {opacity: 0.8; transition: 0.6s; -webkit-transition: .3s ease-in-out;}
 
a.vybihame { font-size: 42px; text-decoration: none; float: left; padding-left: 10%; padding-top: 20px;transition: 0.6s; }
a.vybihame:hover {opacity: 0.2; transition: 0.6s; -webkit-transition: .3s ease-in-out;}
a.vybihame span {color: #999999; font-style: italic;}
a.vybihame strong {color: #ff0000; font-style: normal; font-weight: 700;}
/* menu */
.menu {box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; background-color: #333333; height: 66px; text-transform: uppercase;}
.menu ul {box-sizing: border-box; -moz-box-sizing: border-box; list-style: none; width: 100%; max-width: 1400px; margin:0px auto;}
.menu ul li {float: left; text-align: center; width: auto;}
.menu ul li a{
  text-decoration: none;
  color: #fff;
  background-color: #333333;
  display: block;
  line-height: 66px;
  background-image: url('../img/svislitko.png');
  background-repeat: no-repeat;
  background-position: right center;
  padding-left: 25px;
  padding-right: 25px;
  transition: 0.6s;
}
.menu ul li:last-child a{
  background-image: none;
}

.menu ul li a.posledni {background-image: none;}
.menu ul li a.active,  .menu ul li a:hover {color: #fff; font-family: 'Source Sans Pro'; background-color: #f6a518; background-image: none;}
/* slider */
.slider {
         background-repeat: no-repeat;
         width: 100%;
         max-height: 517px;
         height: 100%;
         background-position: center center;
         }
.slider .info { background-color: rgba(0, 0, 0, 0.6); width: 48%; height: 120px; padding: 30px; position: relative; top: 300px; text-align: right; transition: 0.6s;}
.slider .info h1{color: #fff; font-style: italic; transition: 0.6s;}
/* hlavní rozcestník */
.rozcestnik {background-color: #f6a518;
             width: 100%;
             
             overflow: hidden;            
            }
.rozcestnik .content{max-width: 1250px; margin: 0px auto; margin-top: 52px;}  
.rozcestnik .content .produkt {  
  width: 14%;
  height: 120px;
  border: #000 0px solid;
  float: left;
  margin-left: 3%;
  margin-right: 3%;
  transition: 0.6s;
  text-align: center;
  margin-bottom: 10%;
  }
.rozcestnik .content .produkt img{ width: 70%;}

.rozcestnik .content .produkt .produkt-info 
{
margin-top: 18px;
overflow: hidden;
transition: 0.6s;
}
.rozcestnik .content .produkt .produkt-info h3 
{
font-size: 120%; 
}
.rozcestnik .content .produkt a {font-weight: 600; color: #333333;transition: 0.6s; text-decoration: none;}
.rozcestnik .content .produkt a:hover {opacity: 0.6; transition: 0.6s; -webkit-transition: .3s ease-in-out;}
/* rozcestník informace */
.informace {background-color: #e7e7e7;
             width: 100%;
             
             overflow: hidden;            
}     
.informace .content{max-width: 1400px; margin: 0px auto; margin-top: 68px;}

.informace .content .produkt {  
  width: 21%;
  float: left;
  margin-left: 2%;
  margin-right: 2%;
  transition: 0.6s;
  text-align: center;
  margin-top: 10px; 
  margin-bottom: 100px;
  font-size: 100%;
}
.informace .content .produkt img{ width: 70%;}

.informace .content .produkt .produkt-info 
{
margin-top: 18px;

transition: 0.6s;
min-height: 300px;
}
.informace .content .produkt .produkt-info h3 
{
font-size: 120%; 
color: #f6a518;
}
.informace .content .produkt .produkt-info p 
{
 color: 4a4a4a ;
 margin-bottom: 40px;
 font-size: 93%;
} 
.informace .content .produkt a {transition: 0.6s; color: #f6a518; text-decoration: none;}
.informace .content .produkt a:hover {opacity: 0.6; transition: 0.6s; -webkit-transition: .3s ease-in-out;}

.informace .content .produkt .produkt-info a.more 
{
color: #fff;
background-color: #3c3a3e;
font-weight: 700;
padding: 4px 45px 4px 30px;
  background-image: url('../img/sipka-white.png');
  background-repeat: no-repeat;
  background-position: center right 20px;
  transition: 0.6s;
  text-decoration: none;
} 
.informace .content .produkt .produkt-info a.more:hover 
{background-color: #f6a518; opacity: 1;}

.informace .content a.produkt-img {margin: 0px auto; float: left; background-repeat: no-repeat; background-position: center center;
width: 100%;
height: 230px; display: block; background-size: 75%;}

/* články */
.content {max-width: 1350px; padding: 0px 50px; margin: 0px auto; margin-top: 47px; text-align: left;} 
.content a {
 color: #f6a518;
 transition: 0.6s;
}.content a:hover {
 color: #000;
}
.content img
{
max-width: 100%;
height: auto;
}


.content a.kontakt {text-decoration: none; color: #ED1C24;}


.content a.a_vyrazny {
 text-decoration: underline;
 color: #e3001b;
}
.content a.a_nevyrazny {
 text-decoration: underline;
 color: #474747;
}
.content a.a_cta {
  text-decoration: none;
  background-color: #e3001b;  
  font-size: 128.57143%;
  line-height: 122.22222%;
  color: #fff;
  font-weight: bold;
  padding: 15px 30px 15px 30px;
  display: inline-block;
  margin: 10px;
}
.content a.a_cta:hover {
  background-color: #333333; 
}
.content a.a_cta2 {
  text-decoration: none;
  background-color: #f6a518;  
  font-size: 128.57143%;
  line-height: 122.22222%;
  color: #fff;
  font-weight: bold;
  padding: 15px 30px 15px 30px;
  display: inline-block;
  margin: 10px;
}
.content a.a_cta2:hover {
  background-color: #333333; 
}
.content a.tlacitko_cerne {
  text-decoration: none;
  background-color: #000;  
  font-size: 128.57143%;
  line-height: 122.22222%;
  color: #fff;
  font-weight: bold;
  padding: 15px 30px 15px 30px;
  display: inline-block;
  margin: 10px;
}
.content a.tlacitko_cervene {
  text-decoration: none;
  background-color: #c40727;  
  font-size: 128.57143%;
  line-height: 122.22222%;
  color: #fff;
  font-weight: bold;
  padding: 15px 30px 15px 30px;
  display: inline-block;
  margin: 10px;
}
.content a.tlacitko_zelene {
  text-decoration: none;
  background-color: #0c934f;  
  font-size: 128.57143%;
  line-height: 122.22222%;
  color: #fff;
  font-weight: bold;
  padding: 15px 30px 15px 30px;
  display: inline-block;
  margin: 10px;
}
.content a.tlacitko_modre {
  text-decoration: none;
  background-color: #1ab0b5;  
  font-size: 128.57143%;
  line-height: 122.22222%;
  color: #fff;
  font-weight: bold;
  padding: 15px 30px 15px 30px;
  display: inline-block;
  margin: 10px;
}
.content img.img_vlevo {
 float: left;
 margin: 10px 10px 10px 0px;
}
.content img.img_vpravo {
 float: right;
 margin: 10px 0px 10px 10px;
}
.content img.img_100 {
 clear: both;
 width: 80%;
 height: auto!important;
 margin: 15px auto 15px auto;
 text-align: center;
}
.content table.table_svetla tr td {
 background-color: #f7f7f7;
 border: 1px solid #fff;
 padding: 8px 15px;
}
.content table.table_tmava tr td  {
 background-color: #333333;
 border: 1px solid #fff;
 padding: 8px 15px;
 color: #fff;
}
.content table tr td.td_svetla {
 background-color: #f7f7f7;
 border: 1px solid #fff;
 padding: 8px 15px;
}
.content table tr td.td_tmava {
 background-color: #333333;
 border: 1px solid #fff;
 padding: 8px 15px;
 color: #fff;
}
.content table tr.tr_svetla td {
 background-color: #f7f7f7;
 border: 1px solid #fff;
 padding: 8px 15px;
}
.content table tr.tr_tmava td {
 background-color: #333333;
 border: 1px solid #fff;
 padding: 8px 15px;
 color: #fff;
}
.content span.maly {
 font-size: 78%;
}
.content span.maly2 {
 font-size: 86%;
}
.content span.maly3 {
 font-size: 94%;
}
.content span.velky {
 font-size: 110%;
}
.content span.velky2 {
 font-size: 130%;
}
.content span.velky3 {
 font-size: 150%;
}
.content span.nejvetsi {
 font-size: 200%;
}
.content span.vyrazny {
 color: #f6a518;
}
.content span.vyrazny_vice {
 color: #e3001b;
 font-weight: bold;
}
.content span.vyrazny_vice2 {
 color: #ed1c24;
 font-weight: bold;
}
.content span.vyrazny_pozadi {
 color: #fff;
 padding: 1px;
 background-color: #e3001b;
}
.content span.vyrazny_pozadi2 {
 color: #fff;
 padding: 1px;
 background-color: #333333;
}
.content strong.velky {
 font-size: 140%;
}
.content strong.nejvetsi {
 font-size: 180%;
}
.content blockquote {
 padding: 2px;
 background-color: #f7f7f7;
}
.content code {
 padding: 2px;
 background-color: #f7f7f7;
  font-family: 'Courier New', Courier, monospace;
}

    
.content h4
{ 
  font-size: 25px;
  color: #959595;
  font-weight: 400;
  padding-top: 25px;
  padding-bottom: 2px
}
    
.content h5
{ 
  font-size: 22px;
  color: #e3001b;
  font-weight: 400;
  padding-top: 25px;
  padding-bottom: 2px
}

.content h1.vetsi {
 font-size: 300%;
}
.content h1.mensi {
 font-size: 175%;
}
.content h1.nejmensi {
 font-size: 150%;
}
.content h2.vetsi {
 font-size: 240%;
}
.content h2.mensi {
 font-size: 200%;
}
.content h3.vetsi {
 font-size: 230%;
}
.content h3.mensi {
 font-size: 180%;
}
.content h4.vetsi {
 font-size: 220%;
}
.content h4.mensi {
 font-size: 160%;
}
.content h5.vetsi {
 font-size: 200%;
}
.content h5.mensi {
 font-size: 130%;
}
.content hr {
clear: both;
margin: 50px 0 20px 0;
    border: 0;
    height: 1px;
    background: #f2f2f2;
}
.content p.velky {
 font-size: 150%;
}
.content p.vyrazny {
 color:#000; 
 font-weight: bold; 
 background-color: #f7f7f7;
 padding: 20px;
}
.content p.vyrazny a { color:#ed1c24; font-weight: bold; text-decoration: underline; }
.content p.vyrazny2 {
 font-weight: normal;
 color: #000;
 padding: 20px;
 font-size: 110%;
 background-color: #f1f1f1;
}
.content table.panely {
 width: 100%;
}
.content table.panely p {
 padding: 7px;
 padding: 12px;
}


.content ul.vyrazny {
margin-left: 0px;
}

.content ul.vyrazny li {
  background: transparent url("../../../media/img/data-uri/li.png") no-repeat left 6px;
  list-style-type: none;
  line-height: 118.75%;
  padding: 5px 0 5px 30px;
}
.content table {
	margin: 10px 10px 30px 10px;
}

.content ul.vyrazny2 {
  margin: 10px;
}
.content ul.vyrazny2 li {
  font-size: 114.28571%;
  line-height: 118.75%;
  font-weight: bold;
  list-style-type: none;
  padding: 5px 0 5px 30px;
  background: transparent url("../../../media/img/data-uri/li-4.png") no-repeat left 7px;
}

.content a:link.btn-red 
{
  background-image: url('../../../media/img/btn-red.jpg');
  background-repeat: no-repeat;
  width: 244px;
  height: 54px;
  float: left;
  padding-top: 10px;
  padding-left: 22px;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  text-decoration: none;
  line-height: normal;
  transition: 0.6s;
  //text-align: center;
}
.content a.btn-red:hover, a.btn-red:visited, a.btn-red:active    {color: #fff; text-decoration: none;}
.content a:link.btn-green 
{ transition: 0.6s;
  background-image: url('../../../media/img/btn-green.jpg');
  background-repeat: no-repeat;
  width: 205px;
  height: 54px;
  margin-left: 9px;
  float: left;
  padding-top: 10px;
  line-height: normal;
  padding-left: 39px;
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  text-decoration: none;
}
.content a.btn-green:hover, .content a.btn-green:visited, .content a.btn-green:active   {color: #fff; text-decoration: none;}
.content p.tucne 
{
  font-size: 15px;
  color: #000;
  font-weight: 600;
  padding-bottom: 12px;
  transition: 0.6s;
  
}

.content p {
    margin-top: 6px;
    font-size: 20px;
    color: #000;
    font-weight: 400;
    line-height: 110%;
    transition: 0.6s;}




.content h2
{
font-weight: 600;
color: #333333;
padding-top: 0px;
padding-bottom: 40px;
font-size: 200%;
}
.content .clanek {  
  width: 25.333%;
  float: left;
  margin-left: 4%;
  margin-right: 4%;
  transition: 0.6s;
  text-align: left;
  margin-top: 35px; 
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
  }


.content .clanek .clanek-info 
{
min-height: 300px;
margin-top: 30px;
transition: 0.6s;
}
.content .archivlink {padding: 10px 0 80px 0;}
.content .clanek .clanek-info h3 
{
font-size: 100%; 
color: #f6a518;
}
.content .clanek .clanek-info p 
{
  margin-top: 15px;
 color: #4a4a4a ;
 font-size: 75%;
min-height: 180px;
max-height: 260px;
}
.content .clanek .clanek-info a.more 
{
color: #fff;
background-color: #3c3a3e;
font-weight: 700;
padding: 8px 45px 8px 30px;
background-image: url('../img/sipka-white.png');
background-repeat: no-repeat;
background-position: center right 20px;
transition: 0.6s;
text-decoration: none;

}
 
.content .clanek .clanek-info a.more:hover 
{background-color: #f6a518;} 
.content a.archiv:link {color: #f6a518;}
.content a.archiv:hover, .content a.archiv:visited, .content a.archiv:active {color: #f6a518; text-decoration: none;}  
.content a.clanek-odkaz {color: #f6a518; text-decoration: none; transition: 0.6s;}
.content a.clanek-odkaz:hover {transition: 0.6s; color: #333333; text-decoration: none;}
.content a.clanek-odkaz:visited, .content a.clanek-odkaz:active {transition: 0.6s; color: #f6a518; text-decoration: none;}

.content .clanek a.clanek-img {margin: 0px auto; float: left; background-repeat: no-repeat;
width: 100%; display: block; background-size: 100%; height: 300px;}
.content .clanek a.clanek-img:hover {opacity: 0.6; transition: 0.6s; -webkit-transition: .3s ease-in-out;}

.obsah {max-width: 1400px; margin: 0px auto; margin-top: 60px; transition: 0.6s}
.obsah a:link {color: #f6a518; text-decoration: underline;}
.obsah a:visited, .obsah a:active {color: #f6a518; text-decoration: underline;} 
.obsah a:hover {opacity: 0.6; transition: 0.6s; -webkit-transition: .3s ease-in-out;}

a.velky:link {color: #333333; text-decoration: underline; transition: 0.6s;}
a.velky:visited, a.velky:active {text-decoration: underline;} 
a.velky:hover {opacity: 0.6; transition: 0.6s; -webkit-transition: .3s ease-in-out;}

p.vyrazny2 {
 font-weight: normal;
 color: #000;
 padding: 20px;
 font-size: 110%;
 background-color: #f1f1f1;
}
h1 
{ 
  font-size: 42px;
  color: #000;
  font-weight: 400;
}
h2 
{
  font-size: 30px;
  color: #f6a518;
  font-weight: 600;
}
h2.cerna {font-weight: 600; color: #333333; font-size: 150%;}
#kontakt_form_odpoved {
 font-weight: bold;
 color: #ce2a2a;
}
#kontakt_form_odpoved_ok {
 font-weight: bold;
 color: #2ace6c;
}

#kontakt_form p.form_podnadpis {
 color: #f6a518;
    padding-top: 50px;
    font-size: 140%;
}
#kontakt_form input { 
                      -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
                      -moz-box-sizing: border-box;    /* Firefox */
                      box-sizing: border-box;
                      background-color: #e6e6e6;
                      margin-bottom: 20px;
                      width: 40%;
                      height: 47px;
                      text-align: center;
                      border: 0px;
                      margin-top: 5px;
                      font-size: 20px;
                      }
#kontakt_form textarea { 
                      -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
                      -moz-box-sizing: border-box;    /* Firefox */
                      box-sizing: border-box;
                      background-color: #e6e6e6;
                      margin-bottom: 20px;
                      text-align: left;
                      width: 40%;
                      height: 47px;
                      border: 0px;
                      margin-top: 5px;
                      padding-top: 10px;
                      font-size: 20px;
                      padding-left: 2%;}
#kontakt_form select { 
                      -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
                      -moz-box-sizing: border-box;    /* Firefox */
                      box-sizing: border-box;
                      background-color: #e6e6e6;
                      margin-bottom: 20px;
                      width: 40%;
                      height: 47px;
                      text-align: center;
                      border: 0px;
                      margin-top: 5px;
                      font-size: 20px;
                      padding-left: 2%;}
#kontakt_form select option { 
                      text-align: center;}
#kontakt_form input[type="submit"] {
                      width: 30%; 
                      cursor: pointer;
                      font-weight: 700;
                      color: #fff;
                      font-size: 120%;
                      background-color: #f6a518;
                      transition: 0.6s;
                      text-align: center;
                      height: 80px;
                      margin: 15px 30px;
                      padding-right: 20px;
                      background-image: url('../img/sipka-white.png');
                      background-repeat: no-repeat;
                      background-position: center right 20px;
                    }
#kontakt_form input[type="submit"]:hover { 
                      transition: 0.6s;
                      cursor: pointer;
                      background-color: #333333;
                    } 
#kontakt_form p { padding: 20px 0; }
.center {text-align: center;}
/* mapa */
a.mapa  {background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        float: left; width: 100%; height: 630px ;
        }
/*fotogalerie  */
.fotogalerie_clanek {width: 100%; margin: 0px auto; text-align: center;} 
.fotogalerie_clanek h2 {font-weight: 600; color: #333333; padding-top: 50px; padding-bottom: 40px; font-size: 200%;}
.fotogalerie_clanek a.cela_galerie {float: right; margin-top: 30px; margin-right: 20%; color: #fff;}
.fotogalerie_clanek a.cela_galerie:hover {opacity: 0.6; transition: 0.6s; -webkit-transition: .3s ease-in-out;}
.fotogalerie_clanek a.fotka {float: left; width: 20%; height: 259px ;background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 0.6s;}
.fotogalerie_clanek a.fotka:hover {opacity: 0.6; transition: 0.6s; -webkit-transition: .3s ease-in-out;}


.fotogalerie {width: 100%; margin: 0px auto; text-align: center; background-color: #d7d7d7;} 
.fotogalerie h2 {font-weight: 600; color: #333333; padding-top: 50px; padding-bottom: 40px; font-size: 200%; margin-left: 20%;}
.fotogalerie a.cela_galerie {float: right; margin-top: 30px; margin-right: 20%; color: #fff;}
.fotogalerie a.cela_galerie:hover {opacity: 0.6; transition: 0.6s; -webkit-transition: .3s ease-in-out;}
.fotogalerie a.fotka {float: left; width: 20%; height: 259px ;background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 0.6s;}
.fotogalerie a.fotka:hover {opacity: 0.6; transition: 0.6s; -webkit-transition: .3s ease-in-out;}

table.vysledky {max-width: 800px; width: 95%; margin-left: auto; margin-top: 30px; margin-right: auto;}
table.vysledky tr th {text-align: left;}
table.vysledky tr th {text-align: left;}

/* partneři */
.partneri {max-width: 1600px; margin: 0px auto; padding-bottom: 55px; padding-top: 50px; text-align: center;} 
.partneri h4 {font-weight: 700; color: #4a4a4a; font-size: 100%; padding: 50px;}
.partneri a {padding: 5px;}
.partneri a.partner {  
  width: 14%;
  height: 200px;
  border: #000 0px solid;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
  transition: 0.6s;
  text-align: center;
  margin-bottom: 40px;}
.partneri a.partner img{ width: 100%;}
.partneri a.partner:hover{opacity: 0.4; transition: 0.6s; -webkit-transition: .3s ease-in-out;}


.partneri a img{ margin: 17px}

.footer {background-color: #333333; 
          width: 100%;
          min-height: 370px;
          overflow: hidden;}
.footer .content {max-width: 1400px; margin: 0px auto; margin-top: 65px; padding: 20px;} 
.footer .content .firma {width:33%; min-width: 260px; float: left; text-align: left; color: #fff; margin-top: 10px;}
.footer .content .firma h2{font-size: 120%; color: #fff; padding-bottom: 30px; }
.footer .content .firma p{font-size: 90%;}

.footer .content .kontakt {width:33%; min-width: 260px; float: left; text-align: left; color: #fff;}
.footer .content .kontakt h2{font-size: 120%; color: #fff; padding-bottom: 30px; }
.footer .content .kontakt p{font-size: 90%;}

.footer .content .kontakt .mail{width: 100%; margin-top: 10px; min-height: 80px; color: #fff; background-image: url('../img/obalka.png'); background-repeat: no-repeat; background-position: top left; background-size: 18%;display: block; padding-left: 25%;}
.footer .content .kontakt .mail p{font-size: 90%;}
.footer .content .kontakt .mail a{color: #f6a518; text-decoration: none; transition: 0.6s;}
.footer .content .kontakt .mail a:hover{color: #fff;}

.footer .content .kontakt .tel{margin-top: 20px; min-height: 90px; width: 100%; color: #fff; background-image: url('../img/telefon.png'); background-repeat: no-repeat; background-position: top left; background-size: 18%;display: block; padding-left: 25%;}
.footer .content .kontakt .tel p{font-size: 90%;}

.footer .content .social {width:33%; float: left; text-align: left; color: #fff; min-width: 260px;margin-top: 10px; }

.footer .content .social a {background-repeat: no-repeat; width: 20%; height: 100px; float: left; margin-left: 1%; margin-right: 1%; transition: 0.6s; text-align: center; margin-bottom: 40px;}
.footer .content .social a.fb { background-image: url('../img/fb.png');}
.footer .content .social a.youtube { background-image: url('../img/youtube.png');}
.footer .content .social a.instagram { background-image: url('../img/instagram.png');}
.footer .content .social a.google { background-image: url('../img/google.png');}

.footer .content .social a:hover{opacity: 0.4; transition: 0.6s; -webkit-transition: .3s ease-in-out;}


.developed {
 float: right;
 font-size: 13px;
 clear: left;
    padding: 20px;
    color: #828282;
}

.developed a {
    color: #f7f7f7;
}
.developed a:hover {
    color: #15c1c6;
}
 /* KONEC STYLU HOMEPAGE */  
 
@media screen and (max-width: 1415px) { 
  .header a.logo {margin-left: 1%}
}
 
@media screen and (max-width: 1300px) { 
  .informace .content .produkt {font-size: 80%; transition: 0.6s;}
  .slider .info { height: 90px; transition: 0.6s;}
  .slider .info h1{font-size: 100%;transition: 0.6s;}
  .content .clanek {font-size:80%;}  
  .content .clanek a.clanek-img {height: 240px;}
  .footer .content {font-size: 70%;}
  .footer .content .social a {background-size: 100%;}
  #kontakt_form input[type="submit"] {font-size: 90%; width: 60%;}
}

@media screen and (max-width: 1110px) { 
  .rozcestnik .content .produkt {  height: 130px;  }
  .content .clanek {width: 29.3333%; margin-left: 2%; margin-right: 2%}  
  .content .clanek a.clanek-img {height: 190px;}
}

@media screen and (max-width: 1000px) { 
  .menu ul li a{ font-size: 70%; height: 66px;}  
}

@media screen and (max-width: 980px) { 
  .informace .content .produkt {font-size: 70%; transition: 0.6s;}  
  .informace .content .produkt {font-size: 70%; transition: 0.6s;}    
  .rozcestnik .content .produkt .produkt-info h3 {font-size: 80%; }
  .rozcestnik .content .produkt {  height: 110px;  }
}

@media screen and (max-width: 909px) {
  .header a.pribram {width:109px; margin: 0px; margin-top: 30px;}
  .obsah {font-size: 80%;}
  .header a.logo {margin-top: 52px;}
  .informace .content {margin-top: 8px;}
}

@media screen and (max-width: 700px) { 
  .header a.logo { width: 210px; margin-top: 40px }
  #hamburger { display: block; width: 50px; position: relative; margin-left: auto; margin-right: auto; cursor: pointer; padding: 5px; }
  .cara { width: 50px; height: 5px; display: block; background-color: #f6a518; margin-top: 7px; margin-bottom: 7px;}
  .menu {padding-top: 0px; position: absolute;  width: 100%; margin-left: 0px; margin-right: 0px; top: 120px; z-index: 1000;}
  .menu ul {top: 10px; margin-top: 10px; width: 100%; display: none; position: aboslute; margin-left: auto; margin-right: auto;}
  .menu ul li { position: relative; float: none; width: 100%; text-align: center; line-height: 100%;padding: 0px; padding-top: 10px; padding-bottom: 10px; margin-left: auto; margin-right: auto; background-color: #333333; border-right: none; border-bottom: white dotted 1px; }
  .menu ul li:hover {background-color: #f6a518; transition: 0.6s;}
  .menu ul li a {display: block; width: 100%; position: relative; border-bottom: none; padding: 0px!important; padding-top: 20px!important; padding-bottom: 20px!important;}
  .menu ul li a:hover {border-bottom: none; background-color: #f6a518; transition: 0.6s;}   
  .slider .info { min-width: 260px;width: 100%;height: 90px; transition: 0.6s;}
  .slider .info h1{font-size: 60%;transition: 0.6s;}
  .informace .content {margin-top: 68px;}
  .informace .content .produkt { width: 46%; }
  .rozcestnik .content .produkt .produkt-info h3 {font-size: 60%; }
  #kontakt_form input[type="submit"] {font-size: 90%; width: 90%; padding-right: 5%; margin: 15px 2.5%}
  a.vybihame { font-size: 30px }
  .obsah {font-size: 60%;transition: 0.6s}
  .obsah h1, .obsah h2 {font-size: 140%; transition: 0.6s}
  .rozcestnik .content .produkt {  height: 110px; width: 18%; margin-left: 1%; margin-right: 1%; }
  .rozcestnik .content .produkt a { font-size: 80%;}
  .footer .content {font-size: 70%;}
  .footer .content .social a {background-size: 100%;}
  .content .clanek { width: 96%;}
  .content .clanek a.clanek-img {height: 250px;}
  .fotogalerie a.fotka {width: 50%;}
  .fotogalerie_clanek a.fotka {width: 50%;}
  .partneri a.partner { width: 31.3333%;height: 100px; }
  
#kontakt_form input { width: 80%; padding-left: 2%;}
#kontakt_form textarea { width: 80%; padding-left: 2%;}
#kontakt_form select { width: 80%; padding-left: 2%;}
#kontakt_form input[type="submit"] {width: 60%;}
                    
}

@media screen and (max-width: 550px) { 
  a.vybihame {font-size: 20px; padding-top: 30px;}
  .header a.pribram {width: 89px; }
  .content .clanek { margin-top: 0px; margin-bottom: 10px}
}

@media screen and (max-width: 500px) { 
  a.vybihame {font-size: 13px; padding-top: 40px;}
  table.vysledky {}
}

@media screen and (max-width: 400px) { 
  a.vybihame {position: absolute;left: 45px;top: 50px;}
  a.vybihame strong {padding-left: 5px}
  a.vybihame br {clear: none; display: none}
  .fotogalerie a.fotka {width: 100%;}
  .fotogalerie_clanek a.fotka {width: 100%;}
  .partneri a.partner { width: 48%; height: 100px; }
}