/* CSS Document */

html, body{

background:#F7FAFF;

padding:0;

margin:0px;

height: 100%;

line-height:160%;

}



html, body {

font-family: Georgia, serif;

font-size:12pt;

}



.clear{

clear:both;

}



.hide{

display:none;

}



.margin1{

margin:10px;

}



.minifont{

font-size:70%;

}



.textCenter{

text-align:center;

}



.msgOK{

text-align:center;

font-size:120%;

font-weight:bold;

color:#008000;

width:50%;

margin:0 auto;

background:#CFFF93 url('../img/ok.png') no-repeat 10px center;

border:solid #AED57C 1px;

border-radius:5px;

padding:10px 0 10px 0;

}



.timeButton{
display:inline-block;
width:10%;
height:60px;
background:#F27BDE;
border:solid black 1px;
border-radius:8px;
color:#FFFFFF;
text-align:center;
font-size:120%;
font-weight:bold;
line-height:60px;
vertical-align:middle;
margin:5px;
padding:5px;
cursor:pointer;
}

.timeButton:hover{
background:#F11AB7;
}


.timeButtonRes{
display:inline-block;
width:10%;
height:60px;
background:#FAD1F3;
border:solid black 1px;
border-radius:8px;
color:#FFFFFF;
text-align:center;
font-size:120%;
font-weight:bold;
line-height:60px;
vertical-align:middle;
margin:5px;
padding:5px;
cursor:help;
}



.timeButtons{
  display: flex;
  justify-content: center;
}

.titledate{
display:block;
color:#444444;
text-align:center;
margin:20px;
font-size:120%;
font-weight:bold;

}



#reservation label{
  display: flex;
  justify-content: center;
margin:5px;
font-size:110%;
font-weight:normal;  
color:#444444;  

}


#reservation{
  width:100%;
  display: flex;
  justify-content: center;
  border-top:solid #F11AB7 1px;
  margin:50px;
}

#reservation form input{
margin:5px;
font-size:100%;
font-weight:normal;  
color:#444444;
border:solid #F11AB7 1px;  
border-radius:5px;
width:400px;
padding:15px;

}


#reservation form textarea{
margin:5px;
font-size:100%;
font-weight:normal;  
color:#444444;
border:solid #F11AB7 1px;  
border-radius:5px;
width:400px;
padding:15px;

}



.submitRes{
  width:80%;
  height:50px;
  line-height:50px;
  
  display: block;
  border:solid #444444 1px;
  border-radius:5px;
  margin:0 auto;
  background:#F27BDE;
  color:#FFFFFF;
  font-size:120%;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  vertical-align:middle;
}



.resOK{
  display: block;
  border:solid #444444 1px;
  border-radius:5px;
  width:50%;
  padding:50px;
  margin:50px auto;
  background:#F11AB7;
  color:#FFFFFF;
  font-size:120%;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  vertical-align:middle;
 

}

.resOK a{
color:#ffffff;
font-size:120%;
text-decoration:none;
}



#fadeModal #modalHeader{
color:#8F0577;
font-size:100%;
text-decoration:none;
}


#fadeModal #modalFooter{
color:#D508B1;
font-size:80%;
text-decoration:none;
font-style: italic;
}

#fadeModal input{
width:98%;
margin:5px auto;
border-radius:5px;
} 


#fadeModal textarea{
width:98%;
margin:5px auto;
border-radius:5px;
} 

#fadeModal label{
width:96%;
color:#8F0577;
font-size:90%;
text-decoration:none;
font-style: italic;
} 



#fadeModal #dateModal{
width:48%;
float:left;
} 
#fadeModal #timeModal{
width:48%;
float:right;
} 


#saveButton{
display:block;
float:right;
width:40%;
height:60px;
line-height:60px;
vertical-align:middle;
text-align:center;
border:solid #8F0577 1px;
border-radius:5px;
background:#D508B1;
color:white;
font-size:150%;
text-decoration:none;
font-style: bold;
margin-top:-60px;
cursor:pointer;
}

#saveButton:hover{
background:#F70FCE;
}



#calendarFooter{
height:40px;
padding-top:8px;
padding-left:50px;
background:#FFFFFF;
border-top:solid #FC09D0 2px;
}





#header{
width:80%;
margin:0 auto;

}


#header a{
display:block;
height:25px;
line-height:25px;

font-size:12pt;
//font-weight:bold;
text-transform: uppercase;
font-stretch: condensed;
font-variant: small-caps;
font-family: Arial, sans-serif;

text-align:right;
float:right;
vertical-align:middle;
padding:5px 10px 5px 10px;
margin: 30px 0px;
color:#00A3C4;
text-decoration:none;
border:solid #00A3C4 1px;
border-radius:6px;
background:#F8FAFC;
}

#header a:hover{
background:#D4E9FF;
}


#headerMenu{
background:#D4E2FE;
width:100%;
height:60px;
text-align:center;
vertical-align:middle;



}
#headerMenu a{



display:inline-block;
height:60px;
line-height:60px;

font-size:14pt;
//font-weight:bold;
text-transform: uppercase;
font-stretch: condensed;
font-variant: small-caps;
font-family: Arial, sans-serif;

text-align:center;
vertical-align:middle;
padding:0 20px 0 20px;
color:#005286;
text-decoration:none;
}


#headerMenu a:hover{
color:#0097CE;
text-decoration:none;
}


#content1{

width:80%;
margin:10px auto;

}


#content2{
//overflow:hidden;
left:-14%;
position:relative;
width:100vw;
min-height:140px;
margin:50px auto;
background:#165F9C;
color:#FFFFFF;
}

#content2A{
width:50%;
margin:0px;
padding:30px 0px 30px 0px;
color:#FFFFFF;
float:left;
}

#content2B{
width:38%;
min-height:160px;
margin:-28px 0 0 0;
background:#343434;
padding:33px;
color:#FFFFFF;
float:right;
}



#content3{
background:#D4E2FE;
width:100%;
margin:0 auto;
}



#content4{
width:95%;
margin:0 auto;
}


img{
border-color:transparent;
}






#chatText{
background:#fff;
width:80%;
line-height:130%;
margin:0 auto;
padding:40px;
border:solid #D4E2FE 1px;
}


#chatText .datumchat{
color:#4A78D5; border-bottom:solid #4A78D5 1px; margin:50px 0 20px 0;
}

#vstupChat{
display:block;
width: 100%;
height:64px;
border:solid #4A78D5 1px;
border-radius:5px;
margin:0 auto;
padding:0 70px 0 10px;
font-size:18pt;
}

#vstupOdeslat{
display:block;
float:right;
position:relative;
top:0px;
left:0px;
width:64px;
height:64px;
border:none;
cursor:pointer;
border-radius:10px;
background:transparent url('../img/send.png') no-repeat 50% 50%;
}







select {
  -webkit-appearance: button;
  -moz-appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-padding-end: 20px;
  -moz-padding-end: 20px;
  -webkit-padding-start: 2px;
  -moz-padding-start: 2px;
  background-color: #FFFFFF; /* Fallback color if gradients are not supported */

  border: 1px solid #4A78D5;
  border-radius: 2px;
  border-right:0 none;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  color: #555;
  font-size: 20pt;
  
  height:66px;
  width:64px;
  
  
  margin: 0;
  overflow: hidden;
  padding-top: 16px;
  padding-bottom: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}


#loading{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
}


.flex {
  width: 100%;
  height: 100vh;
  background-color: #999999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.modal{
  position: fixed; /* line I changed */
  overflow:auto; /* line I added */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  z-index:999999;
}


.modalMini{
  position: fixed; /* line I changed */
  overflow:auto; /* line I added */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  z-index:999998;
}






.modal.hidden{
  display: none;
}

.hidden2  {
  display: none;
}




.modalMini_content {
  margin: 0 auto;
  width: 65px;
  height: 65px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 0 none;
  padding:20px;
  border-radius:35px;
  box-shadow: 0px 0px 40px  rgba(255, 255, 255, 0.7);
  position:relative;
top:48%;
}

.modal_content {
  margin: 0 auto;
  width: 300px;
  height: 130px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 0 none;
  padding:20px;
  border-radius:20px;
  box-shadow: 0px 0px 40px  rgba(255, 255, 255, 0.7);
    position:relative;
top:38%;
}


.modal_content img{
display:block;
margin:0 auto;
}
.modalMini_content img{
display:block;
margin:0 auto;
}


#chatText div.onechat:last-of-type{
display:none;
}


.subtextvystup{
font-size:60%;
}






.rvpitemttitle img{
width:32px;
height:32px;
line-height:40px;
vertical-align:middle;
float:left;
cursor:pointer;
}


.rvpitemttitle p{
line-height:40px;
vertical-align:middle;
cursor:pointer;
font-weight:bold;
font-size:12pt;
}


.rvpitemttitle p span{
line-height:40px;
vertical-align:middle;
cursor:pointer;
font-weight:normal;
}



.rvpitemtext{
display:none;
}

.rvpitemtext{
display:none;
padding:0 50px 0 100px;
border-bottom:solid #1191D9 1px;
}