@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');





body{
 overflow:auto;
 font-size:18px;
 font-family:"Montserrat";
 font-weight:200;
 background:linear-gradient(#fff,#f6f6ff);

}

@keyframes bounz{
 from { left:40%; }
 to { left:60%; }
}


.mainMenu td{

 font-family:"Montserrat";
 font-weight:300;
 font-size:23px;
 text-align:'center';
 transition:0.33s;

}

.langOn span{

background:#ddf;color:#000;border-radius:50px;padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;transition:1s;cursor:default;

}

.langOff span{

background:rgba(255,255,255,0);color:#000;border-radius:50px;padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;transition:1s;cursor:pointer;

}


.QuestionClass {
 font-family:Montserrat; font-size:20px; font-style:italic; background:#444; color:#fff; padding:10px; border-radius:10px 10px 0px 0px; margin:10px; user-select:none; border:0px solid #000;
}

.AnswerClass {
 font-family:Montserrat; font-size:14px; background:#fff; color:#000; padding:10px; border-radius:0px 0px 10px 10px; user-select:none; text-align: justify; border:1px solid #444;
}


.titles{
font-size:25px;font-family:"Montserrat" sans-serif;font-weight:200;
}


.bookform{
 width:100%;
}

.bookform td{
 font-family:"Montserrat"; font-weight:500; font-size:18px; padding:3px;
}

.bookform input[type='text'],textarea,input[type='date'],input[type='time'],input[type='button'],input[type='email'],input[type='number'],input[type='tel'],button,select{
 border:1px solid #000; font-size:18px; font-family:"Montserrat"; font-weight:300; background:#fff;
 border-radius:0px !important;
 height:40px;
}

.bookform input[type='text'],textarea,input[type='button'],input[type='email'],input[type='number'],input[type='tel'],button{
 width:100%;
}

a{
 white-space:nowrap;
}


.smIcons {
    margin:10px;
    border-radius:50%;
    background:#99f;
    max-width:37px;
    cursor:pointer;
}

#elDoc{

 min-width:100%;max-width:100%;border-radius:0px 0px 23px 23px;

}

#elDoc2{

 min-width:100%;max-width:calc(100% + 20px);border-radius:23px 23px 0px 0px;margin:-10px;

}

#aboutC{

 background:#39c;color:#fff;border-radius:23px;padding:10px;

}

#mainContent {
 text-align:justify;text-justify:inter-word;font-family:"Montserrat";font-weight:400;font-size:18px;padding:10px; user-select:none; cursor:default;
}

#fachada {
 width:100%;border:0px solid #000;border-radius:23px 10px 0px 0px;
}

#mapa{
 width:100%;border:0px solid #000;border-radius:0px 0px 23px 23px;
}

.flexDirection {
 flex-direction:column;
 justify-content:flex-end;
}

.DesktopOnly {
 display:none;
} 


#actualMenu {
 position:fixed;transition:0.5s;top:50px;right:0px;width:100%;height:0px;background:#fff;overflow:hidden;z-index:2020;
}

#descuento{
 position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 20px);box-shadow:10px 10px 10px -10px #000;background:#fff;
 opacity:0;transition:0.5s;z-index:2061;display:none;user-select:none;
}

#descuento td{
 font-family:Montserrat;font-size:20px; font-weight:400;
}

#descuento input {
 border:1px solid #000; font-size:18px; font-family:"Montserrat"; font-weight:300; background:#fff;
 border-radius:0px !important;
 height:40px; width:100%;
}

#oMCd {
 display:flex;padding:10px;border-radius:10px;background:linear-gradient(#369,#036);flex-direction:column;color:#fff;cursor:pointer;
}

#oMCd img{
 max-width:100%;border-radius:10px;margin-bottom:10px;
}

#oMCd a{
 color:#fff;
}

#cuponTable td{
 padding-left:10px; padding-right:10px;
}

#wRt {
 position:absolute; left:50%; translate: -50% 0px; width:calc(100% - 23px); padding-top:10px; user-select:none;
}

#wRt td{
 font-family:"Montserrat";
 font-size:16px;
 font-weight:400;
}

#wRt input{
 border:1px solid #000; font-size:18px; font-family:"Montserrat"; font-weight:300; background:#fff;
 border-radius:0px !important;
 height:40px; width:100%;
}


.flexDir {
 display:flex;
 flex-flow: column wrap;
 justify-content:space-evenly;
 align-items:flex-start;
 align-content:center;
}

.servItem{
 width:350px;
 //border:1px solid #00f; 
}

.servItem img{
 border-radius:10px;
 width:100%;
}

.servItem div{
 padding: 5px;
 text-align:center;
}

.servItem span{
 display:inline-block;
 text-align:justify;
 font-size:14px;
 font-family:"Montserrat";
 margin-top:10px;
}

@media only screen and (min-width: 768px) {
// desktop version:


 .servItem{
  //width:calc(50% - 20px);
 }

 .servItem img{
  //width:50%;
 }


 .flexDir {
  flex-flow: row wrap;
 }

 #wRt {
  position:absolute; left:50%; translate: -50% 0px; width:40%;
 }

 #oMCd {
  display:flex;padding:10px;border-radius:10px;background:linear-gradient(#369,#036);flex-direction:row;color:#fff;
 }

 #oMCd img{
  max-width:150px;border-radius:10px;margin-left:5px;margin-right:23px;box-shadow:2px 2px 7px #666;
 }

 #descuento {
  width:400px;
 }

 #descuento td{
  font-family:Montserrat;font-size:18px; font-weight:200;
 }
 
 #actualMenu {
  position:fixed;transition:0.5s;top:50px;right:0px;width:0px;height:calc(100% - 50px);background:#fff;overflow:hidden;z-index:1983; box-shadow: -10px 0px 10px -10px #000;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
 }  

 .DesktopOnly {
  display:inline-block;
 } 

 #aboutC{
  color:#fff;border-radius:23px;padding:10px;padding-right:23px;
 }

 .flexDirection {
  flex-direction:row;
  justify-content:space-between;
 }

 #elDoc {
  min-width:250px;max-width:250px;
  display:inline-block; 
  border-radius:50%; float:left; padding:23px;
 }

 #elDoc2 {
  min-width:200px;max-width:200px;
  display:inline-block; 
  border-radius:50%; float:left; padding:23px;
 }
 
 #mainContent {
  padding:0px; width:60%;
  position:relative; left:50%; transform:translateX(-50%);

 }


 .bookform{
  width:80%;
  position:relative; left:50%; transform:translateX(-50%);
 }

 #contactInfo{
  width:80%;
  position:relative; left:50%; transform:translateX(-50%);  
 }

 #fachada {
  width:80%;border:0px solid #000;border-radius:23px 10px 0px 0px;
  position:relative; left:50%; transform:translateX(-50%);  

 }

 #mapa{
  width:80%;border:0px solid #000;border-radius:0px 0px 23px 23px;
  position:relative; left:50%; transform:translateX(-50%);  

 }

 #direccion{
  width:80%;
  position:relative; left:50%; transform:translateX(-50%);  

 }
 #bottom_links{
  width:80% !important;   position:relative; left:50%; transform:translateX(-50%);  
 }

 #bottom_logo{
  width:23% !important;
 }
}