/*--- Hlavicka (START) ---*/
.logo{
  float: left;
  width: 197px;
  height: 30px;
  margin-right: 10px;
  
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url("../../img/logo.jpg");
}
/*--- Hlavicka (KONEC) ---*/
/*--- Responsivni menu (START) ---*/
.horni_menu{
  float: right;
}
.obal_polozky_menu{
  float: left;
  position: relative;
  z-index: 25;
}
.polozka_menu {
  color: #FFFFFF;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0px 24px 0px 24px;
  position: relative;
  text-transform: uppercase;
  z-index: 22;
  border-right: 2px solid #BF7126;
}
.polozka_menu:hover {
  color: #BF7126;
}
.posledni_v_menu{
  border-right: 0px;
  padding-right: 0px;
}
.aktivni_menu, .aktivni_menu:hover {
  color: #BF7126;
}
/*--- Responsivni menu (KONEC) ---*/
/*--- Paticka (START) ---*/

.obal_pata_menu{
  float: left;
  width: 33%;
}
.obal_pata_menu_in{
  display: block;
  min-height: 30px;
  line-height: 30px;
  padding: 30px 20px 30px 0px;
  border-right: 2px solid #252525;
}
.obal_pata_kontakt{
  float: left;
  width: 33%;
}
.obal_pata_kontakt_in{
  display: block;
  min-height: 60px;
  padding: 0px 30px 0px 30px;
  border-right: 2px solid #252525;
}
.obal_pata_kontakt a:link, .obal_pata_kontakt a:visited, .obal_pata_tvurce a:link, .obal_pata_tvurce a:visited{
  color: #666666;
  text-decoration: none;
}
.obal_pata_kontakt a:hover, .obal_pata_tvurce a:hover{
  color: #666666;
  text-decoration: underline;
}
.obal_pata_tvurce{
  float: left;
  width: 33%;
}
.obal_pata_tvurce_in{
  display: block;
  min-height: 20px;
  padding: 35px 0px 35px 10px;
}
.polozka_menu_pata {
  color: #FFFFFF;
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding: 0px 28px 0px 0px;
  z-index: 22;
}
.polozka_menu_pata:hover {
  color: #BF7126;
}
.aktivni_pata, .aktivni_pata:hover {
  color: #BF7126;
}
.h3_pata{
  display: block;
  margin: 0px 0px 2px 0px;
  color: #bf7126;
  font-size: 14px;
}
.kontakt_pata_l{
  float: left;
  width: 49%;
  margin-right: 1%;
}
.kontakt_pata_p{
  float: left;
  width: 50%;  
}
.kontakt_pata_data{
  display: block;
  margin-bottom: 5px;
  color: #666666;
}
.mcrai{
  float: right;
  height: 20px;
  color: #666666;
}
.mcrai_in{
  color: #FFFFFF;
  font-weight: bold;
}

/*--- Paticka (KONEC) ---*/
/*--- Home (START) ---*/
.obal_swiper{
  position: relative;
  display: block;
  margin-bottom: 30px;
}
.h1_home{
  float: left;
  font-size: 24px;
  font-weight: normal;
  color: #000000;
  margin: 0px 0px 20px -30px;
  padding: 0px 30px 10px 30px;
  border-bottom: 3px solid #E6E6E6;
}
/*--- Home (KONEC) ---*/
/*--- Vypis (START) ---*/

/* neni pouzity */

/*--- Vypis (KONEC) ---*/
/*--- Detail/clanek (START) ---*/

.obal_obr_clanek{
  float: left;
  max-width: 360px;
  max-height: 270px;
  text-align: center;
  margin: 0px 20px 20px 0px;
}
.obal_obr_clanek img{
  max-width: 100%;
  max-height: 270px;
}
.obal_h1_h2_clanek{
  display: block;
  border-bottom: 3px solid #E6E6E6;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.h1_clanek{
  display: block;
  margin: 0px;
  text-transform: uppercase;
  color: #000000;
  font-size: 22px;
  font-weight: bold;
}
.h2_clanek{
  display: block;
  font-size: 18px;
  margin: 0px;
  font-weight: bold;
}
.zkraceny_vypis{
  display: block;
  margin-bottom: 20px;
}
.blok_video{
  display: block;
  margin-top: 30px;
  overflow:hidden;
  text-align: center;
}
.blok_video iframe{
  max-width: 100%;
}
.nadpis_v_detail{
  display: block;
  margin: 0px;
  padding-bottom: 20px;
  font-size: 18px;
  text-align: left;
  font-weight: normal;
  color: #000000;
}

/*--- Detail/clanek (KONEC) ---*/
/*--- Kontakt (START) ---*/
.obal_iframe_kontakt{
  display: block;
  margin-top: 25px;
}
.obal_iframe_kontakt iframe{
  width: 100%;
}
.udaje_kontakt{
  float: left;
  width: 50%;
}
.udaje_kontakt a:link, .udaje_kontakt a:visited{
  color: #666666;
  text-decoration: none;
}
.udaje_kontakt a:hover{
  color: #666666;
  text-decoration: underline;
}
.h2_kontakt{
  display: block;
  font-weight: normal;
  font-size: 14px;
  margin: 0px;
  color: #000000;
}
.h3_kontakt{
  display: block;
  font-weight: normal;
  font-size: 12px;
  margin: 0px 0px 5px 0px;
  color: #000000;
}
.udaje_kontakt_l{
  float: left;
  width: 50%;
}
.udaje_kontakt_p{
  float: left;
  width: 50%;
}
/*--- Kontakt (KONEC) ---*/
/*--- Pomocne ---*/
.mr_ne{
	margin-right: 0px;
}
.zluta{
  color: #bf7126;
}

/*--- Responsive design ---*/
@media only screen and (max-width: 965px) {	 /*tablet - vetsinou do 1024*/

#hlavni {
  width: 100%;
}
.hlavicka_in, .paticka_in{
  width: 94%;
  padding-right: 3%;
  padding-left: 3%;
}
.obsah_in{
  padding-right: 3%;
  padding-left: 3%;
}
.obal_pata_menu{
  width: 100%;
}
.obal_pata_menu_in{
  padding-top: 0px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  line-height: normal;
  min-height: 1px;
  border-right: 0px;
  border-bottom: 2px solid #252525;
}
.obal_pata_kontakt{
  width: 60%;
}
.obal_pata_kontakt_in{
  padding-left: 0px;
}
.obal_pata_tvurce{
  width: 40%;
}

}

@media only screen and (max-width: 650px) {	/*mobil - na sirku asi 650*/

.hlavicka_in{
  padding-top: 15px;
  padding-bottom: 15px;
}
#hlavni{
  margin-top: 75px;
}
.obal_pata_kontakt{
  width: 100%;
}
.obal_pata_kontakt_in{
  border-right: 0px;
  border-bottom: 2px solid #252525;
  padding-top: 0px;
  padding-bottom: 10px;  
  margin-bottom: 10px;
}
.obal_pata_tvurce{
  width: 100%;
}
.obal_pata_tvurce_in{
  padding-top: 0px;
  padding-bottom: 10px;  
  padding-left: 0px;
  min-height: 1px;
}
.mcrai{
  float: left;
}
.obal_obr_clanek{
  width: 100%;
}
.obal_obr_clanek img{
  max-width: 100%;
}

}

@media only screen and (max-width: 550px) {	/*mobil - na vysku asi 550*/

.polozka_menu {
  padding-right: 10px;
  padding-left: 10px;
}
.logo{
  background-position: left center;
  background-size: contain;
  width: 150px;
}

}

@media only screen and (max-width: 430px) {

.polozka_menu {
  padding-right: 5px;
  padding-left: 5px;
  font-size: 12px;
}
.logo{
  width: 80px;
}
.kontakt_pata_l, .kontakt_pata_p{
  margin-right: 0px;
  width: 100%;
}
.blok_video iframe {
  max-width: 100%;
  max-height: 240px;
}

}

/*--- Responsive design - help z Stackoverflow ---*/
@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }