* {margin: 0; padding: 0; box-sizing: border-box;}

body {padding-bottom: 15px; min-width: 360px;}

header {
    width: 100%; max-width: 1024px; margin: auto; display: flex; background-color: transparent; margin-top: 10px; flex-wrap: wrap; justify-content: space-around;
}
.logo-taqsas {display: block; margin: 0px 10px;}
.logo-taqsas img {height: 170px;}

header > div {width: 100%; max-width: 550px; background-color: transparent; margin: 0px 10px;}
header h1 {
    display: block; font-family: 'Montserrat', sans-serif; width: 100%; text-align: center; margin-top: 35px; color: #f2f2f2; background-color: #71a73f;
    border-radius: 3px; padding: 10px 5px; max-width: 550px;/* font-weight: bold; font-size: 22px;*/
}

@media  screen and (max-width: 801px) {
    .logo-taqsas img {height: 140px;}
    header h1 {margin-top: 25px;}
}
@media  screen and (max-width: 801px) {
    header h1 {margin-top: 10px; font-size: 22px;}
}

/*
h2 {font-family: 'Montserrat', sans-serif; text-align: center; color: #525252; margin-top: 5px; font-size: 20px;}
.tema {
    display: block; width: 100%; max-width: 1024px; margin: auto; font-family: 'Roboto', sans-serif; text-align: center; font-size: 14px; color: #6A6969;
    margin-top: 5px;
}


.contHorarios {display: flex; width: 100%; max-width: 1024px; margin: auto; margin-top: 5px; justify-content: center;}
.horario {background-color: #1290c9; width: 340px; margin: 5px 20px; border-radius: 3px; padding: 5px;}
.horario > p {font-family: 'Montserrat', sans-serif; color: #f2f2f2; font-size: 13px; text-align: center; font-weight: bold;}
*/


section {
    width: 100%; max-width: 1024px; margin: auto; display: flex; margin-top: 25px; flex-wrap: wrap;
    /*height: 340px;*/ justify-content: center; background-color: transparent;
}
@media screen and (max-width: 1034px) {
    section {flex-direction: row-reverse;}
}



/* SECCIÓN TERMINOS ======================================================================= */
.terminos {width: 340px; padding-top: 20px; margin: 0px auto; background-color: #D8D8D8; height: max-content; padding: 10px; border-radius: 5px;}
.terminos h2 {font-family: 'Montserrat', sans-serif; text-align: center; color: #525252; font-size: 20px;}
.terminos .tema {
    display: block; width: 100%; max-width: 1024px; margin: auto; font-family: 'Roboto', sans-serif; text-align: justify; font-size: 14px; color: #6A6969;
    margin-top: 5px; padding: 0px 5px;
}
.terminos .horario {background-color: #1290c9; width: 330px; border-radius: 3px; padding: 5px; margin: 20px auto;}
/*.terminos > div:nth-of-type(1) {margin-top: 30px;}*/
.horario > p {font-family: 'Montserrat', sans-serif; color: #f2f2f2; font-size: 13px; text-align: center; font-weight: bold;}
/* FIN TERMINOS SLIDER ==================================================================== */




/* SECCIÓN SLIDER ========================================================================= */
.acercaDe {background-color: transparent; margin: 0px auto; width: 340px; display: flex;}

#slider {width: 300px; height: 300px; overflow: hidden; margin: 0px auto;}
.carro {display: flex; animation: vaupes 40s infinite linear; animation-delay: 1s;}
.ft {width: 300px; height: 300px;}
.ft img {width: 300px; height: 300px; border-radius: 3px;}
@keyframes vaupes {
    0% {margin-left: 0px;}              /* img 0 */
    17% {margin-left: 0px;}
    20% {margin-left: -300px;}          /* img 1 */
    37% {margin-left: -300px;}
    40% {margin-left: -600px;}          /* img 2 */
    57% {margin-left: -600px;}
    60% {margin-left: -900px;}          /* img 3 */
    77% {margin-left: -900px;}
    80% {margin-left: -1200px;}         /* img 4 */
    97% {margin-left: -1200px;}
    100% {margin-left: -1500px;}        /* img 0 */

}
@media screen and (max-width: 1034px) {
    .acercaDe {display: none;}
}
/* FIN SECCIÓN SLIDER ===================================================================== */



/* SECCIÓN FORMULARIO ===================================================================== */
.areaReserva {background-color: transparent; margin: 0px auto; width: max-content;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
#form-reserva {
    background-color: #D8D8D8; padding-top: 15px; padding-bottom: 10px; border: none; border-radius: 3px; width: 300px; margin: auto;
}
#form-reserva > h3{
    font-family: 'Montserrat', sans-serif; color: #525252; font-size: 20px; font-weight: bold; text-align: center;
}
.labcam {display: block; margin: auto; width: 250px; margin-top: 5px;}
#form-reserva > div:nth-of-type(1) {margin-top: 5px;}
.labcam label {
    display: block; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: bold; color: #525252;
}
.labcam input {
    display: block; font-family: 'Montserrat', sans-serif; font-size: 13px; width: 100%; background-color: #ffffff; border: none; padding: 3px;
    /*border-bottom: solid 1px #6A6969;*/
}
.labcam textarea {
    display: block; font-family: 'Montserrat', sans-serif; font-size: 13px; width: 100%; background-color: #ffffff; border: none;
    /*border-bottom: solid 1px #6A6969;*/ min-width: 100%; max-width: 100%; height: 70px; max-height: 70px; min-height: 70px;
    padding: 3px;
}
#form-reserva > button {
    background-color: #1290c9; color: #ffffff; border: none; padding: 5px; display: block; margin: auto; margin-top: 15px; cursor: pointer;
    font-weight: bold; font-size: 17px; border-radius: 3px; width: 250px;
}
#form-reserva > button:hover {background-color: #71a73f;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* FIN SECCIÓN FORMULARIO ================================================================= */
@media screen and (max-width: 679px) {
    .areaReserva {margin: 20px auto;}
}




.tema2 {
    display: block; width: 100%; max-width: 1024px; margin: auto; font-family: 'Roboto', sans-serif; text-align: center; font-size: 14px; color: #6A6969;
    margin-top: 35px;
}


.cotactoDiv {width: calc(100% - 10px); max-width: 800px; margin: auto; margin-top: 20px;}
.contContactos {display: flex; flex-wrap: wrap; justify-content: center;}

.contDatoContacto {width: 115px; margin: 5px 20px; display: flex;}
.contDatoContacto > div:nth-of-type(1) {padding-top: 1px; margin-right: 3px;}
.infoContacto {
    text-align: center; font-family: 'Roboto', sans-serif;
}
.whatImg {width: 16px; height: 16px;}