body{
margin: 0;
padding: 0;
background: #EFEFEF;
background-image: url('../img/LOGO BACKGROUND 200.jpg');
background-size: 200px 200px;
background-repeat: repeat;
background-position: center top; 
overflow-x: hidden;
overflow-y: auto;
font-family: 'Arial';
}

@font-face {
font-family: 'Letras';
src: url("../fonts/Formation Sans Regular ESP.ttf");
}

.kuantos{
text-align: right; width: 100%; max-width: 986px; border: 0px solid red;
margin-right: auto; margin-left: auto;
}

.firma {
width :100%; max-width: 986px; height: 20px; background: #297ABC;
margin-left: auto; margin-right: auto;
text-align: center;
}

.firma2 {
width :100%; max-width: 986px; height: 40px; background: #C5C7C6;
margin-left: auto; margin-right: auto;
text-align: left;
color: #FFF;
font-size: 30px;
font-family: Letras;
}

.leyendas{
text-align: center;
font-weight: bold;
font-size: 24px;
font-family: Letras;
letter-spacing: 2px;
}

.leyendas3{
text-align: center;
font-weight: bold;
font-size: 33px;
font-family: Letras;
}

.leyendas2{
text-align: left;
text-align: justify;
text-justify: inter-word;
font-size: 16px;
width:100%;
max-width: 450px;
margin-left: 20px;
margin-right: 20px;
}

.despliegue{ height: 30px; }

.header{
width: 100%;
max-width: 986px;
display:block;
margin:auto;
padding: 0;
line-height: 0px;
}

.header2{
width: 100%;
max-width: 1600px;
display:block;
margin:auto;
padding: 0;
line-height: 0px;

}

.header3{
width: 100%;
max-width: 986px;
display:none;
margin:auto;
padding: 0;
line-height: 0px;

}

@media (max-width:986px){
.header{ margin-top: -5px; }

.header2{
display:none;
}
.header3{
display:block;
}

}

.contenidos{
width: 100%;
max-width: 986px;
height: auto;
border: 0px solid black;
display:block;
margin:auto;
display: flex;
flex-wrap: wrap;
align-content: center;
margin-right: auto;
margin-left: auto;
justify-content: center;
}

@media (max-width:986px){
.main{ flex-direction: column; }

}


.fichas_pre{
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
width: 304px;
height: auto;
background: none;
}

.fichas_preIn{
text-align: justify;
text-justify: inter-word;
width: 100%;
margin-top: 10px;
height: 180px;
max-width: 250px;
display:block;
margin-right: auto;
margin-left: auto;
padding: 0;
font-size: 20px;
text-align: left;
border: 0px solid red;
}

.fichas_preIn2{
width: 100%;
margin-top: 10px;
height: 180px;
max-width: 635px;
display:block;
padding: 0;
font-size: 20px;
text-align: left;
border: 0px solid red;
}

.sepacer{
width: 20px; height: 20px;
}

.naranja{
width: 100%;
height: 10px;
background-color: #ED8017;
}

.celeste{
font-size: 28px;
margin-top: 5px;
width: 100%;
height: 35px;
background-color: #297ABC;
}

.celeste2{
margin-top: 5px;
width: 100%;
height: 35px;
background-color: #297ABC;
font-size: 28px;
}

.celeste3{
margin-top: 5px;
width: 100%;
height: 35px;
background-color: #297ABC;
font-size: 28px;
}

@media (max-width:986px){
.celeste{
font-size: 18px;
margin-top: 5px;
width: 100%;
height: 35px;
background-color: #297ABC;
}
.celeste2{
margin-top: 5px;
width: 100%;
height: 28px;
background-color: #297ABC;
font-size: 18px;
padding-top: 7px;
}

.celeste3{
margin-top: 5px;
width: 100%;
height: 35px;
background-color: #297ABC;
font-size: 18px;
padding-top: 7px;
}
.despliegue{ height: 30px; }
}

@media (max-width:480px){

.leyendas{
text-align: center;
font-size: 14px;
font-weight: bold;
}

.firma2 {
text-align: center;
}

.celeste{
font-size: 14px;
margin-top: 5px;
width: 100%;
height: 35px;
background-color: #297ABC;
}

.celeste2{
margin-top: 5px;
width: 100%;
height: 25px;
background-color: #297ABC;
font-size: 14px;
padding-top: 10px;
}

.celeste3{
margin-top: 5px;
width: 100%;
height: 25px;
background-color: #297ABC;
font-size: 14px;
padding-top: 10px;
}
.despliegue{ height: 30px; }
}



.cont_in{
margin-right: auto;
margin-left: auto;
margin-top: 18px;
width: 95%;
color: #FFF;

font-style: italic;
font-weight: bold;
line-height: 0px;
}

.cont_inx{
margin-right: auto;
margin-left: auto;
margin-top: 18px;
width: 95%;
color: #FFF;

font-style: italic;
font-weight: bold;

}

.cont_in2{
margin-right: auto;
margin-left: auto;
width: 95%;
color: #000;
font-size: 19px;

}

.cont_in3{
margin-left: 20px;
margin-right: 20px;
margin-top: 10px;
width: 100%;
max-width: 450px;

height: auto;
background: none;
}

.img_flot{
width: 100%;
max-width: 438px;
float: right;
margin-top: 10px;
}

.img_flot2{
width: 100%;
max-width: 328px;
float: left;
margin-top: -20px;
}

.btn_reservar{
width: 190px;
height: 25px;
font-size: 20px;
border-radius: 10px;
background: #297ABC;
border: 2px solid #FFF;
text-align: center;
color: #FFF;
padding: 8px;
font-weight: bold;
}

.btn_reservar:hover{
border: 2px solid #F17F02;
color: #F17F02;
cursor:pointer;
}