*{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/*

.cls_body {
    font-family: sans-serif;
    background-image: url("img/parohy_pozadí.jpg");
    }
    
.cls_mob_body {
    font-family: sans-serif;
    background-image: url("img/parohy_pozadí_mob.jpg");
    }
*/ 
   
body {font-family: Arial}

.prac_back {
  background: #fff;
  }

html {
   font-size: 110%;
  }

h2 {
   margin: 1% 0px;
   padding: 0px;
   border: 0px; 
  }

img, body {
   margin: 0px;
   padding: 0px;
   border: 0px; 
  }

img {
  max-width: 100%; 
  box-sizing: border-box; 
  height: auto
  
}

.real_size_img  {
  max-width: 100%; 
}

 
/*font*/
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
        
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
 /* line-height: 0.5;  */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  } 

.fa-1x{font-size:1em;}
.fa-1_2x{font-size:1.2em;}
.fa-1_3x{font-size:1.3em;}
.fa-1_5x{font-size:1.5em;}
.fa-2x{font-size:2em;}
.fa-3x{font-size:3em;}
.fa-4x{font-size:4em;}
.fa-5x{font-size:5em;}

.fa-desktop:before {
  content:  "\f108";
  }

.fa-mobile:before {
  content:  "\f10b";
  }

.fa-th:before {
  content:  "\f00a";
  }

.fa-ellipsis-v:before {
  content:  "\f142";
  }


.fa-camera:before {
  content:  "\f030";
  }   
  
.fa-reply:before {
  content:  "\f112";
  }   

.fa-envelope:before {
  content:  "\f0e0";
  }   
  
.fa-home:before {
  content:  "\f015";
  }  
  
.fa-info-circle:before {
  content:  "\f05a";
  }  
  
.fa-money:before {
  content:  "\f0d6";
  }  
  
.fa-bars:before {
  content:  "\f0c9";
  }  
  
.fa-bomb:before {
  content:  "\f1e2";
  }  
  
.fa-wrench:before {
  content:  "\f0ad";
  }
  
.fa-medkit:before {
  content:  "\f0fa";
  }



.img {
  padding: .1em;
}

.left {
  float: left; 
}

.right{
  float: right;
  }
  
.clear_both {
  clear: both;
  }
  
.d_none{
   display: none;
  }
  
.d_block{
   display: block;
  }
    
.v_none{
   visibility: hidden;
  }
   
  
.pos_fixed {
  position: fixed;
  top: 0px;
  -webkit-backface-visibility:hidden;
  }
  
.pos_relative {
  position: relative;
  }
  
.pos_static {
  position: static;
  }  
  
.text_c {
  text-align: center; 
  } 
   
.text_l {
  text-align: left; 
  }

.col_g{
  color: #cbb532; 
  } 
  
.red {
  color: red;
  } 

.pointer  {
  cursor: pointer; 
  }

.minus  {
  top: 1em; 
  }
  
.id_iko  {
  z-index:1000;
  top: 1%; 
  left: 1%; 
  }
  
.box-right-menu {
  display: block;
  position: absolute;
  top: 0;
  right: 19%;                      
  bottom: 0;
  max-width: 19%;
}

.right-menu {
  display: block;
  position: fixed;
  max-width: 19%;
  top: 120px;
  border: 1px solid black;
  padding: 5px;
}

.item-right-menu {
width: 180px;
max-width: 180px;
border: 2px solid #000;  
padding: 2px 0px 2px 40px;   

}
  
#xxx_top_menu {
  width:100%;
  text-align: center; 
  background: #000;
  top: 0px;
  }
  
.in_menu {
    max-width: 20em;
    margin: auto;
    z-index:120;
display: flex; 
display: -webkit-flex; 
display: -moz-box; 
display: -ms-flexbox;  
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}                                                                                                           
/*
.xx_mezery {
}    
*/
  

.top_menu_item {
  display: inline-block; 
  padding: .3em 1em; 
  margin:  2px  0;
  text-decoration: none; 
  /*background: #fff; */
  font-weight: normal;
  font-family: arial;
  color: #fff;
  /*border: 1px solid silver; border-radius: 1px; */
  }
  
.top_menu_item_x {
  width:  20%;
  height: auto;  
  display: flex;
  margin-top:  5px;
  align-items: center;
  justify-content: center;background: #fff;
  font-family: arial;
  border: 1px solid silver; border-radius: 5px; 
  }
   
 .top_menu_item2 {
  width:  20%;
  height: auto;  
  display: flex;
  margin:  15px 0  15px 0;
  align-items: center;
  font-family: arial;
  font-weight: bold;
  justify-content: center;
  } 
   
    
 .top_menu_item3 {
  width:  20%;
  height: auto;  
  display: flex;
  margin-top:  5px;
  font-family: arial;
  align-items: center;
  justify-content: center;
  border: 1px solid silver; border-radius: 5px; 
  }  

.cor_menu {
  position: fixed;
  -webkit-backface-visibility:hidden;
  top: 30%;
  right: 5%;
  background: #FFCC66;
  color: #000;
  width:40px;
  z-index:200;
  text-align: center; 
  border: 1px solid #fff;  
  cursor: pointer;    
  font-size: 80%;
  }
  
.min7{
  margin-right: -7px;
  }  

.top_menu_fals {
  width: 55em;
  height:50px;
  }

.cor_menu_box {
  position: fixed;  
  -webkit-backface-visibility:hidden;
  width:  100%;
  height: 50%;
  z-index:300;
  top: 30%;
  bottom:20%;
  //background: silver;
  border: 3px solid silver; border-radius: 5px; 
  
  }

.cor_menu_box_item {
  width:  50%;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;background: #fff;
  border: 1px solid silver; border-radius: 2px; 
  }


.body {
    position: relative;
    max-width: 57em;
    margin: auto;
    z-index:5;
}


.box-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 80%;
  }
/*
.box-right-menu {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    max-width: 46em;
  max-width: 19%;
   z-index: 10;
   top: 200px;
   right: 0px; 
  }
*/  


.kontakt {
  margin-top: 30px;
  padding: 2px 0px 2px 20px;   
  width: 35%;    
} 
  
.mapa {
  margin-top: 30px;
  width: 65%;    
}  
  
.bc_white {
background: #fff; 
}

.bc_titl {
background: #0099FF; 
}

.box {
width:100%; 
min-height: 20px; 
/*border: 2px solid #fff;  */
padding: 2px;   
flex-grow: 1;
}

.box_idx_in {
display: inline-block;
margin: 1%;
min-width:16em; 
max-width:31%; 
min-height: 16em; 
//border: 1px solid #000;  /**/
padding: 2px;   
flex-grow: 1;
}

.box_idx_item {
  width:  100%;
  min-height: 16em;
  display: flex;
  align-items: center;
  justify-content: center;
  //background: #fff;
  border: 1px solid silver; border-radius: 2px; 
  }

.box:nth-child(odd) {
  //background: #fff;
  }
  
.box:nth-child(3n) {
  //background: #fff
  }  
        
.box_idx_in:nth-child(even) {
  //background: #fff;
  background-image: url("img/box_b.jpg");
  color: #fff;
  }
  
.box_idx_in:nth-child(odd) {
  //background: #fff;
  background-image: url("img/box_y.jpg");
  }
  
.img_box{
  max-height: 16em; 
}

.p_box{
  position: relative;
  margin: 2px; 
  padding: 0;
}

.top_box{
  padding-top : 3em;
}

.obal_text{
  width:49%;
  padding: 2% ;
  }
  
.obal_img{
  width:49%;
  text-align: center; 
  }
  
.obal_boot{
  width:99%;
  padding: 1% ;
  }
  
.pata {
  width:100%;
  min-height: 5em; 
  margin: .1em 0;
  padding: .5em 0;
  text-align: center; 
  color: #E0E0E0;
  font-family: arial;
  background: #171717;
   
 }






.pata_col {
  width:100%;
  min-height: 5em; 
  margin: .1em 0;
  text-align: center; 
  background: #000033;
 }
 
.pata_box_nevim {
  width:100%;
  min-height: 5em; 
  margin: .1em 0;
  text-align: center; 
  background: #000033;
 } 
 
.odloz{
  top: 0px;
  max-width: 320px;     /* 320px nejmensi sirka displaye rozumneho mobilu*/
  }




.seznam {
    position: fixed;
    padding: 0px 5px;
    border: 1px solid #000;
    margin-left: 250px;
    bottom: 0px;
    z-index: 10;
}

table {
  font-size: 100%;
}

th {
  background-color: #f1f1f1;
  padding: 1%;
}

td {
  background-color: #f1f1c1;
  padding: 1%;
}

/*
 overflow-y: scroll
* {box-sizing: border-box; -moz-box-sizing: border-box}

.body {
    max-width: 80em;
    margin: auto;
}

//.box {background: #0D6AB7; float: left;	width:  33.3333333%; height: 200px; border: 2px solid #fff}
.box {background: #0D6AB7; float: left;	width:  33.3333333%; height: 300px; border: 2px solid #fff; padding: 12px}

.box:nth-child(odd) {background: #1081DD;}
.box:nth-child(3n) {background: #8ECCF0}


@media screen and (max-width: 50em) {
	.box {width: 25%}
}
 
@media screen and (max-width: 50em) {
	.box {width: 33.3333333%; width: calc(100% / 3 - 0.01px); width: -webkit-calc(100% / 3);}
}

@media screen and (max-width: 40em) {
	.box {width: 50%}
}

@media screen and (max-width: 30em) {
	.box {width: 100%}
}
 */
 

@media screen and (max-width: 981px) {
	.box-right-menu, .right-menu {
   display: none;
   }
  
  .cor_menu_box {
   display: block;
   }
   
  .obal_text {
    width: 100%;
    }
	
  .obal_img {
    width: 100%;
    }
    
  .box-container {
    max-width: 100%;
    }
    
    img {
    width: 90%;
    } 
  
  .real_size_img  {
    width: 10%; 
    }

  h2 {
     font-size: 160%;
     font-weight: bold;
    }
  
  .kontakt {
  margin-top: 5%;
  width: 90%;    
  } 
  
  .mapa {
  margin-top: 5%px;
  width: 100%;    
  }    

}

html {
   font-size: 110%;
  }