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


body{
    margin: 0;
    font-family:Arial, Helvetica, sans-serif;
}


.Estilo20{font-family:Edwardian script ITC;font-size:30px;color:#5a361b}
.Estilo1{color:#fff;font-family:Arial;}
.Estilo2{color:#5a361b;font-size:16px;font-family:Arial}
.Estilo3{ font-family:Arial, Helvetica, sans-serif;
    font-size:0.9em;
    line-height:1.5em;
    letter-spacing:0.2pt;
    word-spacing:1pt;color:#000}
.Estilo10{font-family:Arial;font-size:18px;color:#5a361b}
.Estilo21{font-family:Verdana;font-size:10px;color:#a56a38}
.Estilo25 {font-family:Arial;font-size:18px;color: #FF0000}
.Estilo5{font-family:Verdana;font-size:14px;color:#a56a38}

h1{letter-spacing:2px;font-family:Arial;font-size:16px;color:#5a361b} 
h2{letter-spacing:01px;font-family:Arial, Helvetica, sans-serif;font-size: 1.2em;text-decoration:underline;
color: #5a361b} 
p{  font-family:Arial;font-size:18px;color:#5a361b}
/*+-+-+-+-+-++-+-+--+--+-MENU DE NAVEGACION+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-*/

nav{

   
    background-image: url(../assets/images/barra-c-inferior.png);
    width: 100%;
    height: 20em;
    background-repeat: no-repeat;
}

.header{
    width: 100%;
    margin: auto;

    display: flex;
    justify-content: center;
    
}

.barra-inicio{
    width: 100%;
    height: 1.2em;
    background-color: rgb(133, 57, 3);
    
}

.barra-inicio > a{
    text-decoration: none;
    color: aliceblue;
    font-family: Arial, Helvetica, sans-serif;
    display: inline;
}
.barra-inicio > a > span{
    position: absolute;
    right: 0%;
}

/*-++--++--+---+-+----+-+-+------+-CONTAINER---------+--+-+-+-++--+-+-+-+-+*/

.title{
    margin: 120px auto 30px;
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    letter-spacing:2px;
    border-color: #fff;
    color:#5c2800;
} 

hr{
    margin: auto;
    width: 65%;
}


.seccion {
    box-shadow: 7px 7px 7px 7px rgba(99, 99, 99, 0.817);
    margin: 40px auto;
    border-radius: 20px;
    padding: 10px;
    width: 60%;
    height: 40%;

    display: flex;
    justify-content: flex-end;
}

.texto  p{
    width: 100%;
    color: #000000;
    padding:15px 10px 0px 15px;
    font-family:"Century Gothic"
    
}

.texto a{
    font-family:Arial;
    font-size:18px;
    color:#5a361b
}

.imagen img{
        width: 250px;
        height: 150px;
}


.imagen1{
    width: 140px;
    height: 128px;
    

}

.imagen, .imagen1{

    margin: auto;
    display: flex;
    justify-content: center;

}


/*-++--++--+---+-+----+-+-+------+-TEXTO FINAL--------+--+-+-+-++--+-+-+-+-+*/

.textofinal{

    width:70%;
    height: max-content;
    text-align: center;
    margin: auto;

}

.textofinal p{
    text-align: left;
    padding-top: 30px;
	    font-family:"Century Gothic"

}


.left{
  width: 100%;
  text-align: left;
  margin: 30px 0px 0px 50px;
}


/*+--+-+-++-+-+--+-+-++--+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+FOOTER+--+-+-+-++---+-+-+-+-+-+-+-+-++-+-+-+-+--+-+-+-+--+*/


.footer{
    display: flex;
    justify-items: center;
    margin-top: 150px;
    padding-block: 20px;
    background: #eceaea;
    width: 100%;
    height: max-content;
    flex-flow: wrap;

}

.lista1{
    display: flex;
    justify-content: flex-start;
    margin: 20px;
    
}

.lista1 ul {
    margin: 20px;
    text-decoration:none;
    list-style: none;
}

.lista1 li{
    margin: 10px;
}

.lista1 ul > li > a{
    color: rgb(150, 98, 1);
    font-size: 14px;
    text-decoration:none;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    letter-spacing: 0.1pt;
}

.logo-pie{
    margin: auto;
    margin-top: 0px;
    display: flex;
    flex-direction: column;
}  

.direccion > p {
    text-align: center;
    font-size: 10px;
    margin-top: 20px;
    text-decoration: none;
    color: rgb(150, 98, 1);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    line-height:1.5em;
    letter-spacing:0.2pt;
    word-spacing:1pt;
}

.direccion > p > a{
    text-decoration: none;
    color: rgb(150, 98, 1);
    font-size: 10px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    line-height:1.5em;
    letter-spacing:0.2pt;
    word-spacing:1pt;

}

.logo-pie > img{
    margin: auto;
    width:270px;
    height:270px;
}

.lista2{
    display: flex;
    justify-content: flex-end;
    margin: 20px;
}

.lista2 ul {
    margin: 20px;
    text-decoration:none;
    list-style: none;
}

.lista2 li{
    margin: 10px;
}

.lista2 ul > li > a{
    color: rgb(150, 98, 1);
    font-size: 14px;
    text-decoration:none;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    letter-spacing: 0.1pt;

}



/*+--+-+-++-+-+-+-+-+-+-+-+----+-+-+-+@ MEDIAS-+-+---++--++--+-++---++-+--+-++--+-++--+-+-+-+-+-+-+-+--+-+-+-+--+*/



@media screen and (min-width:320px) and (max-width:768px){
    .seccion{
        margin: 50px auto;
        display: flex;
        width: 90%;
        flex-direction: column;
    }

    .texto h2{
 text-align: center;
 

    } 
    
    .texto p{
        text-align: center;
    }
   
    .imagen{
        width: 100%;
        margin: auto;
        display: flex;
        justify-content: center;
    }

    .imagen img{
        width: min-content;
    }


    .textofinal p{
       
        text-align: center;
    }

    .left {
        margin: 0;
        text-align: center;
    }
    
}


@media screen and (max-width:1200px){

    .seccion{
        
        margin: 50px auto;
        
        display: flex;
        width: 90%;
        flex-direction: column;

    }

    .texto h2{
        text-align: center;
        
       
           } 

    .barra-inicio{
        width: 100%;
        height: 1.2em;
        background-color: rgb(133, 57, 3);
        
    }

     
    .imagen, .imagen1{

        margin: auto;
        display: flex;
        justify-content: center;

    }

    
    .imagen{
        width: 100%;
        margin: auto;
        display: flex;
        justify-content: center;
    }

    .imagen img{
        width: 250px;
        height: 150px;
    }
}