*{
    margin:0;
    font-family: 'Playfair Display', serif;;
    box-sizing: border-box;   
}
/*cabecera*/

.cabecera{
    width: 20%;
    display: flex;
    flex-wrap:wrap-reverse; 
    
}
.cabecera2{
    margin-left: 20px;
    
}
.portada{
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;   
}
.portada1{
    width: 100%;
    box-sizing: border-box;
}
.logo_derecha{
    margin-top: 1em;
    margin-left: 2vw;
    max-height: 6em; 
    transition: 2s;
    border: solid 5px #55576b; 
} 

.cabecera_texto{
    display: flex;
    width: 80%;
    text-align: center;
} 
.texto_cabecera{
   
    color:#55576a;
    font-size: 4em;
    text-align: center;   
    text-shadow: 2px 2px 8px #aaa895;
    letter-spacing: 2px; 
}

.texto_cabecera2{
    
    color:#55576a;
    font-size: 2em;
    text-align: center;
   
}
header{
    display: flex;
    width: 100%;
    height: 10em;
    align-items: center;
    justify-items: center;
    background-color: #EBEBEB ;  
    flex-wrap: wrap;
}
#contacta{
    font-size: 1.2vw;
    text-decoration: none;
    color:#EBEBEB;
    background-color: #55576a;
    border-radius: 00%;
    border:solid 2px black;
    padding:1em 2em;
    text-shadow: 1px 1px 4px black;
    letter-spacing: 2px;   
}
#contacta:hover{
    transition: 0.7s;
    background-color:#EBEBEB;
    color:#55576b;
    text-shadow: 2px 1px 2px #EBEBEB;
    font-size: 1.3vw;
    border:1px solid #55576b; 
}
.enlace{
    padding-top: 1em;
    padding-right: 2em;
    width:15%;
    align-items: center;  
}

.formulario2{
   text-align: center;
   width: 100%;
   background-color: #55576a;
    color: #EBEBEB;
   
    font-size: 1.3em;
    padding-bottom: 2.5em;
}


.menu_bottom a:hover{
    color: #55576a;
    transition: 0.2;
    display: flex;

   
}
.cont{
    
    display: none;
    
}
.mas{display: none;}

/* slider */
.slider1{
    width: 100%;
    overflow: hidden;
    background-color:#55576a;   
}
.slider1 ul{
    padding: 0;
    display: flex;
    width:200%;
    animation: cambio 20s infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
}
.slider1 li{
    list-style: none;
    width: 100%;
}
.slider1 img{
    width:100%;
    border:#55576a 3px solid;
    border-bottom:#EBEBEB 2px solid;
    
}

@keyframes cambio {
    0% {margin-left:0;}
    20% {margin-left:0;}
    35% { margin-left:-25%;}
    50% { margin-left: -50%;}
    65% {margin-left: -75%;}
    80%{ margin-left: -100%;}
    100%{ margin-left: -100%;}
}
/*Formulario*/
#formulario{
    display:none
}
.formulario{
    display: none;
  
}
.llamada{
    text-decoration: none;
    color:#EBEBEB;
}
/*.formulario input{
    text-align: center;
}
.formulario textarea{
    text-align: center; 
}*/
/* Contenedores */

.contenedor3{
    margin-top: 0;
    float: left;
    background-color: #EBEBEB ;
    width: 100%;  
}
.contenedor2{
    float: left;
    background-color:  #EBEBEB  ;
    width:100%;
}
.contenedor{
    float:left;
    background-color: #55576b;
    width:100%;
}
.bloqueimpar{
    width:100%;
    
}
.imgbloque1{
    width: 70%;
    margin-left: 15% ;
    margin-right: 15%;
    margin-top: 2em;
    margin-bottom:1em;
    border: solid 5px #55576b;;
}
.imgbloque1b{
    width: 70%;
    margin-left: 15% ;
    margin-right: 15%;
    margin-top: 1em;
    margin-bottom:2em;
    border: solid 5px #EBEBEB;;
}
.titulo{
    padding-top: 0.4em;
    text-align: center;
    color:  #EBEBEB ;
    font-size: 3em;
    font-weight: bolder;
    text-shadow: 1px 1px black;
    letter-spacing: 2px; 
}


.texto{
    padding-top: 1em;
    padding-bottom: 1em;
    max-width: 100%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    color:  #EBEBEB ;
    font-size:1em;
    box-sizing: border-box;
}

.titulo2{
    padding-top: 0.4em;
    text-align: center;
    color:   #55576a ;
    font-size: 3em;
    font-weight: bolder;
    text-shadow: 1px 1px black;
    letter-spacing: 2px; 
}

.texto2{
    padding-top: 1em;
    padding-bottom: 1em;
    max-width: 100%;
    margin-left: 20%;
    margin-right: 20%;
    text-align: center;
    color:  #55576a  ;
    font-size:1em;
    box-sizing: border-box;
}

.bloque1{
    
    width: 100%;
}
.bloque11{
    float: left;
    width: 100%;
    text-align: center;
}
.bloque111{
    display: none;
    width: 100%;
    display: flex; 
    flex-wrap: nowrap;
    text-align: center; 
    justify-content: center;
    margin-bottom: 2em;
}
.textoizq{
    text-align: center;
    color:#55576a;
    width: 60%;
    margin-left: 30%;
    margin-right: 10%;
    font-size: 2em;
    padding-top: 2em;
    padding-bottom: 2em;
}
.textoizq2{
    text-align: center;
    color:#EBEBEB;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    font-size: 1em;
    padding-top: 1em;
    padding-bottom: 2em;
    text-shadow: 1px 1px black;
}
.textoizq22{
    text-align: center;
    color:#EBEBEB;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    font-size: 1.25em;
    padding-top: 1em;
    padding-bottom: 2em;
    text-shadow: 1px 1px black;
}
.textoizq2b{
    text-align: center;
    color:#55576b;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    font-size: 1em;
    padding-top: 2em;
    padding-bottom: 2em;
}
.textoizq2c{
    text-align: center;
    color:#EBEBEB;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    font-size: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
}
.tituloAreas{
    padding-top: 1em;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    color:  #EBEBEB ;
    font-size:1.5em;
    text-shadow: 1px 1px black;
    box-sizing: border-box;
}
.tituloAreas2{
    padding-top: 1em;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    color:  #55576b ;
    text-shadow: 1px 1px black;
    font-size:1.5em;
    box-sizing: border-box;
}

.imgbloque2{
    width: 80%;
    margin-left: 10% ;
    margin-right: 10%;
    margin-top: 2em;
    border: solid 5px  #EBEBEB ;
    margin-bottom: 2em;
}

.imgcontacto{
   
   margin-left: 45%;
   max-height: 40px;
}


.textoder{
    text-align: center;
    color: #EBEBEB;
    width: 60%;
    margin-left: 10%;
    margin-right: 30%;
    font-size: 2em;
    padding-top: 2em;
}
.texto3{
    color: #EBEBEB;
    font-size: 1.2em;
    padding-top: 1.5em;
    
}
.titulo3{
    
    color: #EBEBEB;
}

.pie{
    width: 100%; 
   
}

/*Contacto*/
.contenedorContacto{
    width: 100%;
    background-color: #55576b;
    
}
.bloquetextocontacto{
    width: 100%;
    text-align: center;
    padding-bottom: 2em;
}
.bloquetextocontacto h1{
    color: #EBEBEB;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
}
.bloquetextocontacto p{
    color: #EBEBEB;
    padding-bottom: 1em;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 1.1em;
    
}
.bloquetextocontacto img{
    padding-bottom: 10px;
}
.mapa{
    width: 100%;
}
.mapa iframe{
    
    width: 90%;
    margin-left: 5%;
    padding-bottom: 2em;
  
}
.mapa2{
    width: 96%;
    margin-left: 2%;
}
#inicio{
    font-size: 1.2vw;
    text-decoration: none;
    color:#EBEBEB;
    background-color: #55576a;
    border-radius: 00%;
    border:solid 2px black;
    padding:1em 2em;
    text-shadow: 1px 1px 4px black;
    letter-spacing: 2px;   
}

/*Areas*/

.menu{
    width: 100%;
    display: flex; 
    flex-wrap: nowrap;
    text-align: center; 
    justify-content: center;
    margin-bottom: 2em;
    
}

.menu1{
    align-items: center;
    justify-content: center;
    width: 45%;
    background-color: #55576b;
    text-decoration: none;
    margin-right: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    margin-left: 15%;
    
}
.menu1 a{
    text-decoration: none;
    color: #EBEBEB;
}
.menu2{
   text-align: center;
    width: 55%;
    background-color: #55576b;
    text-decoration: none;
    margin-right: 1.5em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em; 
}
.menu2 a{
    text-decoration: none;
    color: #EBEBEB;
    
}
.pinrel{
    width: 100%; 
    display: flex; 
    align-items: center;
    background-color: #EBEBEB;
    
}
.textpinrel{
    
    width: 40%;
    text-align: center;
    color: #55576a;
    font-size: 20px;
}
.textpinrel2{
    width: 50%;
    text-align: left;
    color: #55576a;
    font-size: 16px;
}
.casa{
    display: none;
}
.logopie{
    width: 10%;
    box-sizing:border-box;
    text-align: center;
}
.logo2{
   max-width: 60px;
}
.direccion{
    width: 5%;
    
}