/* ---------------------------------------
	Responsive design code
-----------------------------------------*/


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

  .moduletable_inst {
 width: 96%;
  margin-top: 320px;
  margin-left: auto;
  margin-right: auto;
  
  
}
  .ooo {
    width: 100%;
    margin: 0 auto;
}	
#modules > div.inner {
    text-align: left;
    width: 96%;
    margin: 0 auto;
    z-index: 10000;
    position: relative;
}
#mainbanner {
    podition: relative;
    width: 96%;
    margin: 0px auto 0px auto;
    text-align: left;
}
#center {
    width: 96%;
    margin: 50px auto;
}
.custom_onas {
    position: relative;
    width: 96%;
    margin: 0 auto;
}
#module2 div.moduletable, #module2 div.module, #module2 div.moduletable_menu, #module2 div.module_menu {
    text-align: left;
    width: 96%;
    margin: 0 auto;
}
#module3 div.moduletable, #module3 div.module, #module3 div.moduletable_menu, #module3 div.module_menu {
    text-align: left;
    width: 96%;
    margin: 0 auto;
}
#footer div.moduletable, #footer div.module, #footer div.moduletable_menu, #footer div.module_menu {
    text-align: left;
    width: 96%;
    margin: 0 auto;
}
.popisbunka h3 {
    color: #D9251D;
    font-size: 21px;
    font-weight: bold;
    text-align: left;
    height: 42px;
}
.popisx h3 {
    font-size: 21px;
    margin-bottom: 0px;
    color: #E6332A;
	height: 42px;
}
#maximenuck98-mobile-bar {
margin-top: 19px;
width: 230px;	
	}
}

@media screen and (max-width: 1024px) {
.bunka2 {
    width: 45%;
    margin: 20px 2.5%;
    background: #F6F6F6;
    float: left;
}
.kont2 {
  height: 150px;
    margin-top: 80px;
    width: 50%;
    float: left;
    color: #303F46;
}
  
.obalpatadole  .kont2 {
  height: 200px;
    margin-top: 80px;
    width: 50%;
    float: left;
    color: #303F46;
}
.cena {
    border: #ECECEC dotted 1px;
    width: 31.5%;
    float: left;
    margin-right: 1%;
    margin-top: 15px;
    margin-bottom: 20px;
}
}

@media screen and (max-width: 950px) {
  
  
  
.popisx p {
    height: 80px;
    font-size: 15px;
}
.bunka1 {
    width: 100%;
    float: left;
    margin-right: 0%;
}
.druh {
    margin-left: 0%;
    margin-right: 0% !important;
}
.nadpis1 {
    margin-top: 80px;
    margin-bottom: 80px;
    color: #E6332A;
    font-size: 42px;
    font-weight: bolder;
    text-align: center;
}
}

@media screen and (max-width:850px) {
#mainbanner2 {
  background-position: -250px -10px;
}
#logo img {
    height: 80px;
}
#logo {
    top: 40px;
    left: 20px;
   
}
}
@media screen and (max-width: 758px) {
.cena {
    border: #ECECEC dotted 1px;
    width: 48%;
    float: left;
    margin-right: 1%;
    margin-top: 15px;
    margin-bottom: 20px;
}
/*.flexiblemodule {
	width: 50% !important;
}

.flexiblemodule > div.inner {
	margin: 5px !important;
}

.column .moduletable, .column .moduletable_menu {
	float: left;
	width: 45% !important;
	margin: 10px 0 0 0 !important;
	padding: 2% !important;
}

.column div.moduletable:first-child, .column div.moduletable_menu:first-child {
	margin-right: 2% !important;
}*/

.spec1 {
    width: 100%;
    float: left;
    margin-right: 0%;
}
.spec2 {
    width: 100%;
    float: left;
}
.kontpod1 {
    width: 100%;
    margin-right: 0%;
    float: left;
    margin-top: 50px;
}
.kontpod2 {
    width:100%;
    margin-left: 0%;
    float: left;
    margin-top: 50px;
}
.xxx {
    width: 90%;
padding-left: 5%;
padding-right: 5%;
}
.slupo {
width: 96%;	
float: left;
border: 1px dotted #ccc;
padding: 1%;
margin-right: 1.5%;
	height: auto;
margin-bottom: 30px;
margin-top: 30px;
	} 
  
  .poziobr {
    width: 100%;
    margin-right: 0%;
    float: left;
}
  .pozi2 {
    background: #F6F6F6;
    width: 96%;
    margin-right: 0%;
    float: left;
    padding: 2%;
    margin: 20px 0px;
}
  .pozi1 {
    background: #F6F6F6;
    width: 96%;
    margin-right: 0%;
    float: left;
    padding: 2%;
    margin: 20px 0px;
}
  .obalpozi {
    width: 100%;
    float: left;
    margin-top: 80px;
    display: block;
}
  .poziobr2 {
    width: 100%;
    margin-right: 0%;
    float: left;
}
  .pozi3 {
    background: #F6F6F6;
    width: 96%;
    margin-right: 0%;
    float: left;
    padding: 2%;
    margin: 20px 0px;
} 
}

@media screen and (max-width: 524px) {
  
 
.ico, .popisbunka {
    width: 100%;
    float: left;
}
.bunka1 {
    width: 70%;
    float:none;
    margin-right: 15%;
	 margin-left: 15%;
}
.popisbunka h3 {
   margin-top: 15px;
}
.sipka1 img, .sipka2 img {
	
width: 100%;	
	
	}
.bunka2 {
    width: 95%;
    margin: 20px 2.5%;
    background: #F6F6F6;
    float: left;
}
.kont2 {
    margin-top: 80px;
    width: 100%;
    float: left;
    color: #303F46;
}
  
 .obalpatadole  .kont2 {
    margin-top: 80px;
    width: 100%;
     height: 150px;
    float: left;
    color: #303F46;
}
#mainbanner2 {

background: url(../images/pomenu1.png) no-repeat top left;
	
	}
	#logo {
    top: 5px;
    left: 20px;
   
}.logaobal {
	
	display: none;}
  #logo img {
   height: 50px; 
    
    
  }
   .baner8 {

background-size: 100% auto;
height: 250px;
margin-top: -50px;
	}
 .baner1 {
background-size: 100% auto;
height: 250px;
margin-top: -50px;
	}
.baner1x {
background-size:100% auto;
height: 250px;
  margin-top: -50px;
}
	
.baner1x2 {
background-size:100% auto;
height: 250px;
  margin-top: -50px;
}
		
.baner1x3 {
background-size:100% auto;
height: 250px;
  margin-top: -50px;
}
	
	
.stranka {
width: 150px;

margin-top: 220px;
padding: 5px 10px;
}	
	
.stranka h1 {
    text-align: center;
    font-size: 16px;
}  
  .baner1 .stranka, .banerchip .stranka {
    width: 150px;

margin-top: 220px;
    padding: 5px 10px;
}
  .baner8 .stranka {
    width: 150px;

margin-top: 220px;
    padding: 5px 10px;
}
    .moduletable_inst {
 width: 96%;
  margin-top: 150px;
  margin-left: auto;
  margin-right: auto;
  
  
}
 .baner1x .stranka {
    width: 150px;
    margin-top: 220px;
    padding: 5px 10px;
} 
    .banerchip {
    background-size: 100% auto;
    height: 250px;
    margin-top: -50px;
  }
}

@media screen and (max-width: 450px) {
  .baner1 {

background-size: 100% auto ;
height: 180px;
margin-top: -50px;
	}
.baner1x3 {
background-size:100% auto;
height: 180px;
  margin-top: -50px;
}
.baner1x2 {
background-size:100% auto;
height: 180px;
  margin-top: -50px;
}	
  .baner8 {

background-size: 100% auto;
height: 180px;
margin-top: -50px;
	}
  .baner1x {
    background-size: 100% auto;
    height: 180px;
    margin-top: -50px;
}
 .baner8 .stranka, .baner1x2 .stranka, .baner1x3 .stranka, .baner1 .stranka, .baner1x .stranka, .banerchip .stranka {
width: 150px;

margin-top: 150px;
padding: 5px 10px;
}	
  .banerchip {
    background-size: 100% auto;
    height: 180px;
    margin-top: -50px;
  }
  }