/* RÝCHLA SPRÁVA */

.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
{
background-color: rgba(255, 255, 255, 1);
position: relative;
height: 35vh;
max-height: 40vh;
display: table;
width: 100%;

border: solid 0px blue;
}

div.karta-popup
{
display: table;
  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;
}

@media only screen and (max-width: 1200px) {
div.karta-popup {
width: 80vw;
  }
}

span.zavriet{
text-align: right;
float:right;
cursor: pointer;
cursor: hand;
}
span.zavriet:hover{

}

div.karta-spacer{
display: table-cell;
width: 4.4vh;
padding: 8px;
padding-top: 5px;
vertical-align: top;
text-align: center;

border: solid 0px purple;
}

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: calc(100% - 28px);
}
textarea.kontakt{
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 10px;
font-size: 20px;
width: 50vw;
height: 150px;
resize: none;
width: calc(100% - 28px);
}
.button
{
display: inline-block;
background-color: #4d4d4d;
color: #ffffff;
font-weight: bold;
padding: 10px;
cursor: pointer;
cursor: hand;
}

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.sprava_nadpis {
display: table-cell;
vertical-align: middle;
padding-right: 6px;
font-size: 120%;
font-weight: bold;
color: #01a0e2;
}

div.button {
font-weight: bold;
background-color: #01a0e2;
color: #ffffff;
cursor: pointer;
cursor: hand;
}
div.button:hover {
background-color: #01a0e2;
color: #ffffff;
background-color:#0169e2;
}