* {
    box-sizing: border-box;
}




[class*="col-"] {
    float: left;
    padding: 5px;
   
    
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {
	width: 25%;
		background-color: #c4c4c4;

}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;
	
}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}


.header {
    border: 1px solid red;
    padding: 15px;
}
.menu {
    width: 25%;
    float: left;
    padding: 15px;
    background-color: yellow;
    
}
.pravy {
    width: 35%;
    float: right;
    padding: 15px;
     background-color: yellow;
    
}
.stred {
    width: 40%;
    float: left;
    padding: 15px;
    border: 1px solid red;
    font-size:.75em;
}
.searchSize {
width: 100px; height: 25px;
font-size:.90em;
}


@media only screen and (max-width: 400px) {
    /* For mobile phones: */
        body {
        background-color: #eaffee;
    }
    [class*="col-"] {
        width: 100%;
    }
    .searchSize {
width: 50px; height: 20px;
 font-size:8pt;
	}
input[type="text"], textarea { 
    padding: 0;
    margin: 0;
    width:250px; 
}
}
	
}


	    .imageSize {
    #max-width: 100%;
    width: auto
    height: auto;
 font-size:8pt;
	}


.cara
{ 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: ridge;
    border-width: 5px;
} 


.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

.flex-item1 {
  background-image: url("/Media/BMA.png");
  width: 140px;
  height: 73px;
 }
.flex-item2 {
  padding: 5px;
  width: 400px;
  height: 50px;
  margin-bottom: 30px;
  color: black;
  font-weight: bold;
  font-size: 0.8em;     
  text-align: center;
}

.flex-item3 {
  padding: 5px;
  width: 100px;
  height: 50px;
  margin-bottom: 25px;
  color: black;
  font-weight: bold;
  font-size: 0.8em;     
  text-align: center;
}


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

/* text ---------------------------------------------------------------------- */

p { color: #000000; text-align: justify; margin: 0px; padding: 0px; }

a { color: #FF6600;}

a:hover { color: yellow; text-decoration: none; }

a.modra { color: #063A81; text-decoration: none;}

a:hover.modra { color: #FF9933; text-decoration: none;}

.modry { color: #063A81; font-size: 9pt; font-weight: bold;}

.modryn { color: #063A81; font-size: 8pt; font-weight: normal;}

.oranz { color: #FF6600; font-size: 9pt; font-weight: bold;}
.popis { color: #000000; font-size: 9pt; font-weight: bold;}

.oranzn { color: #FF6600; font-size: 8pt; font-weight: normal;}

.bila { color: #ffffff; font-size: 8pt; font-weight: normal;}

.adresa { color: #666666; font-size: 8pt; font-weight: normal;}

a.adresa { color: #666666; font-size: 8pt; font-weight: normal;}

.bloknad { width: 150px; height: 17px; padding: 0; border: 0px none; margin: 0px; background: url('/Media/bloknad.gif'); text-align: center;}

p.modry {border-style: ridge ;
background-color:blue;
color:white;
text-align: center;
   
}

p.CentrovanyText{ text-align: center;}


p.bily {color:white;
	background-color:white;
text-align: center;
font-size:2pt}

div#obsahItemAddedOK {margin-left:100px; margin-top:15px;font-size:30pt;color:blue}
div#obsahN{margin-left:100px; margin-top:15px;font-size:20pt;color:blue}
div#obsahVyberPostovneho{margin-left:100px; margin-top:15px;font-size:1em;}
div#obsah{margin-left:180px; margin-right:150px;margin-top:15px;font-size:1em;}