#cabecera{
height:200px;
width:100%;
background-color: #000000;
}
#contcabecera{
width:1000px;
height:200px;
margin-top: auto;
margin-left: auto;
margin-right: auto;
background-color: #212121;
}
#section{
background-color: #626262;
}
#cuerpo{
height:1027px;
width:1000px;
margin-left:auto;
margin-right:auto;
background-color: #414141);
}
#pie{
height:150;
width:100%;
background-color: #626262;
}
#logo{
width:160px;
height:160px;
float:left;
background-color: #212121;
margin-top: 15px;
margin-left: 30px;
margin-right: auto;
margin-bottom: 10px;
}
#caja2{
width:600px;
height:63px;
float:left;
background-color: rgba(83, 76, 76, 0.532);
margin:25px;
margin-top: 15px;
text-align: center;
margin-left: 40px;
border-radius: 6px;
}
#caja3{
width:300px;
height:63px;
float:left;
background-color: #212121;
margin:25px;
margin-top: 7px;
margin-left: 180px;
display: flex;
justify-content: center;
align-items: center;
gap: 70px;
border-radius: 6px;
}
#contrapie{
height:150;
width:1000px;
background-color: #626262;
margin-left: auto;
margin-right: auto;
}
#logopie{
width:250px;
height:120px;
float:left;
background-color: #626262;
margin-top: 15px;
margin-left: 30px;
margin-right: auto;
margin-bottom: 15px;
border-radius: 6px;
font-size: 19px;
}
#caja2pie{
width:320px;
height:120px;
float:left;
background-color: #626262;
margin-top: 15px;
margin-left: 50px;
margin-right: auto;
margin-bottom: 15px;
text-align: center;
border-radius: 6px;
}
#caja3pie{
width:260px;
height:85px;
float:left;
background-color: #626262;
margin-top: 15px;
margin-left: 60px;
margin-right: auto;
display: flex;
gap: 10px; 
border-radius: 6px;
}
#caja1body{
width:350px;
height:230px;
float:left;
background-color: rgba(83, 76, 76, 0.532);
margin-top: 65px;
margin-left: 50px;
margin-right: auto;
margin-bottom: 15px;
border-radius: 6px;
}
#caja2body{
width:465px;
height:140px;
float:left;
background-color: rgba(83, 76, 76, 0.532);
margin-top: 27px;
margin-left: 70px;
margin-right: 20px;
text-align: center;
border-radius: 6px;
}
#caja3body{
width:465px;
height:140px;
float:left;
float: top;
background-color: rgba(83, 76, 76, 0.532);
margin-top: 27px;
margin-left: 70px;
margin-right: auto;
text-align: center;
border-radius: 6px;
}
#caja4body{
width:890px;
height:108px;
float:left;
float: top;
background-color: rgba(83, 76, 76, 0.532);
margin-top: 27px;
margin-left: 50px;
margin-right: auto;
text-align: left;
border-radius: 6px;
}
#caja5body{
width:350px;
height:230px;
float:left;
background-color: rgba(83, 76, 76, 0.532);
margin-top: 27px;
margin-left: 50px;
margin-right: auto;
margin-bottom: 15px;
border-radius: 6px;
}
#caja6body{
width:440px;
height:230px;
float:left;
background-color: rgba(83, 76, 76, 0.532);
margin-top: 27px;
margin-left: 100px;
margin-right: auto;
margin-bottom: 15px;
border-radius: 6px;
}
#caja7body{
width:370px;
height:230px;
float:left;
background-color: rgba(83, 76, 76, 0.532);
margin-top: 27px;
margin-left: 50px;
margin-right: auto;
margin-bottom: 15px;
border-radius: 6px;
}
#caja8body{
width:420px;
height:230px;
float:left;
background-color: rgba(83, 76, 76, 0.532);
margin-top: 27px;
margin-left: 80px;
margin-right: auto;
margin-bottom: 15px;
border-radius: 6px;
}
#logo img {
width: 100%;
height: 100%;
object-fit: contain; 
}
#caja3pie img {
width: 30%;
height: 100%;
object-fit: contain; 
}
#caja1body img{
width: 105%;
height: 100%;
object-fit: contain; 
}
#caja5body img{
width: 105%;
height: 100%;
object-fit: cover; 
}
#caja8body img{
width: 105%;
height: 100%;
object-fit: cover; 
}
.letracontenido{
font-size: x-large;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 5px;
}
.letratítulos{
font-family: Verdana;
margin-top: 10px;
color:#969696;
}
.letrasubtítulos{
font-size: xx-large;
font-weight: bold;
margin-top: 4px;
margin-bottom: 1px;
}
.botón{
background-color: #949090;
color: white; 
text-decoration: none; 
border: none; 
font-size: 30px;
border-radius: 3px;
}
#caja1body2{
width:890px;
height:130px;
float: top;
background-color: rgba(83, 76, 76, 0.532);
margin-top: 27px;
margin-left: 50px;
margin-right: auto;
text-align: left;
text-align: center;
border-radius: 6px;
}
.animada{
transition: transform 0.3s ease;
}
.animada:hover{
transform: scale(1.1);
}
#caja2body2{
width:390px;
height:230px;
float:left;
background-color: rgba(83, 76, 76, 0.532);
margin-top: 27px;
margin-left: 50px;
margin-right: auto;
margin-bottom: 15px;
border-radius: 6px;
}
#caja3body2{
width:400px;
height:230px;
float:left;
background-color: rgba(83, 76, 76, 0.532);
margin-top: 27px;
margin-left: 100px;
margin-right: auto;
margin-bottom: 15px;
border-radius: 6px;
}
#caja2body2 img{
width: 100%;
height: 100%;
object-fit: cover;
}
#caja3body2 img{
width: 100%;
height: 100%;
object-fit: cover;
}
#caja4body2{
width:395px;
height:140px;
float:left;
background-color: rgba(83, 76, 76, 0.532);
margin-top: 27px;
margin-left: 50px;
margin-right: 20px;
text-align: center;
border-radius: 6px;
}
#caja5body2{
width:395px;
height:140px;
float:left;
background-color: rgba(83, 76, 76, 0.532);
margin-top: 27px;
margin-left: 80px;
margin-right: auto;
margin-bottom: 15px;
border-radius: 6px;
}
#caja6body2{
width:420px;
height:230px;
float:left;
background-color: rgba(83, 76, 76, 0.532);
margin-top: 27px;
margin-left: 50px;
margin-right: auto;
margin-bottom: 15px;
border-radius: 6px;
}
#caja7body2{
width:420px;
height:230px;
float:left;
background-color: rgba(83, 76, 76, 0.532);
margin-top: 27px;
margin-left: 50px;
margin-right: auto;
margin-bottom: 15px;
border-radius: 6px;
}
#caja8body2{
width:890px;
height:108px;
float:left;
background-color: rgba(83, 76, 76, 0.532);
margin-top: 27px;
margin-left: 50px;
margin-right: 20px;
text-align: center;
border-radius: 6px;
}
.tabla{
background-color: rgb(255, 255, 153);
margin-right: auto
width 50%;
text-align: left;
height: 100%;
}
.tabla th{
text-align: center;
}
.tabla td{
text-align: center;
}
.botón:hover{
background-color: rgba(240, 248, 255, 0.719);
}