*{
	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;
}




.Estilo1{color:#F9F8F5;font-family:Arial;font-size:16px}
.Estilo2{color:#5a361b;font-family:Arial;font-size:1.2em;}

.Estilo3{font-family:Arial, Helvetica, sans-serif;font-size:1em;line-height:1.5em;letter-spacing:0.2pt;
    word-spacing:1pt; color: #000;}

.Estilo4{font-family:Arial, sans-serif;font-size:14px;LINE-HEIGHT:1.5em;}

.Estilo30{font-family:Arial,sans-serif;font-size:14px;color:#000;}

.Estilo5{font-family:Verdana;font-size:14px;color:#a56a38}
.Estilo6{font-family:Arial,Helvetica,sans-serif;font-style:italic;font-size:12px}
.Estilo7{font-size:16px;font-weight:bold}
.Estilo8{color:#fff;font-family:Arial;}

.Estilo10{font-family:Arial;font-size:18px;color:#5a361b;}
.Estilo11{font-family:Arial;font-size:15px;color:#5a361b}

.Estilo19{font-family:'monotype corsiva';font-size:18px;color:#c93}
.Estilo20{font-family:'Edwardian script ITC';font-size:42px;color:#5a361b}
.Estilo18{font-family: 'Satisfy',cursive;font-size:24px;color:#5a361b}
.Estilo21{font-family:Verdana;font-size:10px;color:#a56a38}
.Estilo22{font-family:Verdana;font-size:10px}
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} 
h3{letter-spacing:2px;font-family:Arial;font-size:14px;color:#5a361b} 
p{  font-family:Arial;
    font-size:1em;
    letter-spacing:01px;
    padding-top: 20px;
    color:#0b0b0b}

.title{
    margin: 100px;
    text-align: center;
    font-family: 'Edwardian script ITC';
    font-style:italic;
    font-size: 2.2em;
    letter-spacing:2px;
} 


.container{
    
    width: 95%;
    margin: 50px auto;
    height: min-content;

    display:flex;
    justify-content: center;
}

.contenido1{
    background-color: #F9F8F5;
    width: max-content;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 5px 5px 10px 10px #b6b6b6;
    
}

.row1 > p{
    padding: 0;
    text-align: center;
    color: #5a361b;

}

.row1 > img{

    width:416px;
    height:542;
   
    }

.contenido2{
    width: 100%;
    background-color: #fff;
    padding-top: 10px;
    border-radius: 20px;
    box-shadow: 5px 5px 10px 10px #b6b6b6;
    margin-left: 30px;
}

.row2 h2, .row2 p{
    padding: 12px;
    text-align: center;
}

.left p{
    text-align: left;
    padding-left: 20px;

}
 .left img{
    width:24; 
    height:15px; 
 }

.tablas{
    
    overflow: hidden;
    padding-inline: 80px;
    margin-bottom: 40px;
}

.izquierda{
    margin-top: 5px;
    float: left;
}
.derecha{   
    position: relative;
    margin-top: 5px;
    top: 0px;
    float: right;
    padding-top: 0px;
}

.tabla{
    border-radius: 20px;
    
}

.tabla th{ 
    background-color: #333333;
    color: #fff;
    padding: 10px;

}

.tabla, td{
    border: 1px solid black;
    border-radius: 3px;
    text-align: center;
    background-color: #CC9900;
    padding: 5px;
    
}

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

.container2{
    background-color: rgb(250, 250, 250);
    width: 95%;
    padding: 20px;
    margin: 50px auto;
    height: min-content;
    border-radius: 20px;
    box-shadow: 5px 5px 10px 10px #b6b6b6;

    display: flex;
    flex-direction: column;

}

.container2row{
    display: flex;
    padding: 30px 60px 0 60px;
    flex-direction: row;
}

.container2 h2{
    text-align: center;
    text-decoration: underline;
}

.tabla1{
    padding: 1px;
    width: 90%;
    margin:30px auto;
}

.tabla1 th{
    border: 1px solid black;
    background-color: #333333;
    color: #fff;
    padding: 10px;
}

.tabla1 td{
    padding: 3px;
    
}

.tfoot td{
    padding: 15px;
    letter-spacing: 1px;
    font-weight: bold;
    background-color: #DFDFDF;
}

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

.container3{
    background-color: rgb(250, 250, 250);
    width: 95%;
    margin: 50px auto;
    padding: 20px;
    height: max-content;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 10px #b6b6b6;

    display: flex;
    flex-direction: column;
    
}

.left{
    width: 100%;
    float: left;
    
}

.imagen{
    float: right;
}

/*+-+-+-+--+-+-++----+--+-+-++-+---+-+-+TABLAS GRD+--+-+--+-+--+-+---+-+-+-+-+-+-+-++--+---+*/



.tabla-grd{
    width: 90%;
    margin: auto;
    background-color: #F9F8F5;

    
}

.tabla-grd th{
    border: 1px solid black;
    background-color: #333333;
    color: #fff;
    padding: 15px;
}

.tabla-grd td{
    background-color: #CC9900;
    padding: 2px;
}

.tabla-span td{
    background-color: #DFDFDF;
    padding: 2px;
    font-weight: bold;
}

.tabla-grd tfoot td{
    background-color: #DFDFDF;
    padding: 15px;
    letter-spacing: 1px;
    font-weight: bold;
}



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


.footer{
    display: flex;
    justify-items: center;
    margin-top: 50px;
    padding-block: 20px;
    background: #f5f2f2;
    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: small;
    text-decoration: none;
    color: rgb(150, 98, 1);
}

.direccion > p > a{
    text-decoration: none;
    color: rgb(150, 98, 1);
    font-size: small;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    letter-spacing: 0.1pt;
}

.logo-pie > img{
    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;

}











@media screen and (min-width: 360px) and (max-width:1000px){
    .container, .container2, .container3,   .container2row{
        width: 95%;
        margin: 20px auto;
        display: flex;
        
        flex-direction: column;
    }

    .contenido1, .contenido2 {
        margin: 20px auto;
        width: 100%;
        
    }
	.row1 > img{

    width:370px;
   
    }
	.imagen > img{
        margin: 40px auto;

    width:350px;
   
    }

    .container2row{
        padding: 0px;
    }

    .container2, h2{
        
        text-align: center;
    }


    .tablas{
        display: flex;
        flex-direction: column;
        padding:10%;
    }

    .footer{
        height: max-content;
    }
}