/* CSS Document */

html, body{

background:#FAFAFA;

padding:0;

margin:0px;

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:#D8D7D5;
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:#D8D7D5;
width:100%;
margin:0 auto;
}



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


img{
border-color:transparent;
}