.okno
{
z-index: 30;
display: table-cell;
vertical-align: middle;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.5);
}

div.karta-popup
{
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
height: 50vh;
margin: 0 auto;
padding: 20px;
width: 60vw;
background-color: rgba(255, 255, 255, 1);

-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);

border: solid 0px blue;
}
div.zavriet{
float: right;
cursor: pointer;
cursor: hand;
}
div.zavriet:hover{

}

div.karta-popis{
display: table-cell;
width: 100%;
vertical-align: top;
text-align: left;


border: solid 0px red;
}

input.kontakt_mail{
    font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 10px;
font-size: 20px;
width: 50vw;
}
textarea.kontakt{
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 10px;
font-size: 20px;
width: 50vw;
height: 150px;
resize: none;
}

.button
{
display: inline-block;
background-color: #4d4d4d;
color: #ffffff;
font-weight: bold;
padding: 10px;
cursor: pointer;
cursor: hand;
}
.button:hover
{
background-color: #444444;
}

div.info_o_odoslani_spravy {
width: 100%; 
text-align: center; 
position: fixed; 
top: 40%;
z-index: 110; 
visibility: hidden; 
padding: 12px; 
padding-left: 0px; 
padding-right: 0px; 
margin: 0px; 
font-size: 16px; 
font-weight: bold; 
color: #4d4d4d; 
border-left: 0px; 
border-right: 0px;}

div.ok {
width: 600px; 
text-align: center;
background-color: rgba(255,255,255,0.85);
padding: 48px; 
padding-left: 0px; 
padding-right: 0px; 
margin: 0px; 
margin-left: auto; 
margin-right: auto ; 
font-size: 16px; 
font-weight: bold; 
color: #4d4d4d; 
border: solid 0px #7cbe00;
-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.75);
}

div.zavriet_spravu
{
font-weight: bold;
font-size: 24px;
color: red;
float: right;
cursor: pointer;
cursor: hand;
padding-left: 10px;
/* border: solid 1px red; */
}






div.info_o_vlozeni {
display: table;
width: 100%; 
height: 100%;
text-align: center; 
position: fixed; 
z-index: 110; 
visibility: hidden; 
padding: 12px; 
padding-left: 0px; 
padding-right: 0px; 
margin: 0px; 
font-size: 16px; 
font-weight: bold; 
color: #4d4d4d; 
border-left: 0px; 
border-right: 0px;
}

div.info_o_vlozeni_container {
display: table-cell;
text-align: center; 
vertical-align: middle;
}

div.ok {
display: inline-block;
vertical-align: middle;
width: 600px; 
text-align: center; 
background-color: #ffffff; 
padding: 48px; 
padding-left: 0px; 
padding-right: 0px; 
margin: 0px; 
margin-left: auto; 
margin-right: auto ; 
font-size: 16px; 
font-weight: bold; 
color: #000000; 
border: solid 1px #ffffff; 
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
}

input.info_o_vlozeni_ok {
font-size: 26px; 
padding: 12px; 
padding-left: 24px; 
padding-right: 24px;
border: solid 0px #d2d2d2;
background-color: #01a0e2;
color: #ffffff;
font-weight: bold;
cursor: pointer;
cursor: hand;

-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
}