h1{
text-align:center;
}
li{
    font-size:20px;
}
p{
     font-size:20px;
}
*{
    box-sizing:border-box;
    margin:0px;
    padding:0px;
 }

#cabecera{
    width:100%;
    height:170px;
    background-color:rgb(223, 223, 223);
    overflow: hidden;
}

#cuerpo{
   width:750px;
    height:1570px;
    background-color:rgb(255, 231, 252);
    margin-left:auto;
    margin-right:auto;
     padding-top: 20px;
}

#pie {
    width:100%;
    height:175px;
    background-color:rgb(223, 223, 223);
}

#barra{
    width:400px;
    height:50px;
    background-color:rgb(223, 223, 223);
    float:left;
            margin:20px;
            border-radius:15px;
            
}
#logo{
    width:200px;
    height:150px;
    background-color:rgb(223, 223, 223);
        float: left;
        margin:20px;
}
    #titulo{
    width:400px;
    height:50px;
    background-color:rgb(187, 247, 255);
        float:left;
             margin:20px;
         border-radius: 15px;

    }
#contpie{
    width:750px;
    height:170px;
    background-color:rgb(223, 223, 223);
        margin-left:auto;
    margin-right:auto;
    overflow: hidden;
}

#contcab{
    width:750px;
    height:170px;
    background-color:rgb(223, 223, 223);
    margin-left:auto;
    margin-right:auto;
}

#caja1{
    width:437px;
    height:250px;
        background-color:rgb(187, 247, 255);
     float: left;
        margin-left: 25px;
        margin-bottom:25px;
        border-radius:15px;
}

#caja2{
    width:237px;
    height:250px;
        background-color:rgb(187, 247, 255);
     float: right;
        margin-right:25px;
        border-radius:15px;
}
#caja3{
    width:437px;
    height:325px;
        background-color:rgb(187, 247, 255);
     float: right;
        margin-right: 25px;
        margin-bottom:25px;
        border-radius:15px;
}
#caja4{
 width:710px;
    height:210px;
        background-color:rgb(187, 247, 255);
        margin-right:auto;
        margin-left:auto;
        margin-bottom:20px;
        border-radius:15px;
}
#caja5{
    width:200px;
    height:285px;
    float:left;
        background-color:rgb(187, 247, 255);
        margin:25px;
        border-radius:15px;
}
#caja6{
width:475px;
    height:130px;
        background-color:rgb(187, 247, 255);
float: right;
margin-top:25px;
margin-right: 25px;
border-radius:15px;
}
#caja7{
width:475px;
    height:130px;
        background-color:rgb(187, 247, 255);
float: right;
margin-top:25px;
margin-right: 25px;
margin-bottom:20px;
border-radius:15px;
}
#caja8{
    width:237px;
    height:325px;
        background-color:rgb(187, 247, 255);
     float: left;
        margin-left:25px;
    border-radius:15px;
}
#caja9{
    width:700px;
    height:270px;
        background-color:rgb(187, 247, 255);
     float: left;
        margin-left: 25px;
        margin-bottom:25px;
        border-radius:15px;
}
#copyright{
    width:200px;
    height:150px;
    background-color:rgb(223, 223, 223);
    float: left;
            margin:25px;
}
#contacto{
    width:200px;
    height:150px;
    background-color:rgb(223, 223, 223);
    float: right;
            margin:25px;
}

#cajita1{
width:700px;
    height:200px;
        background-color:rgb(187, 247, 255);
           margin-right:auto;
        margin-left:auto;
        border-radius:15px;
}

#cajita2{
 width:200px;
    height:265px;
    float:left;
        background-color:rgb(187, 247, 255);
        margin:25px;
        border-radius:15px;
}

#cajita3{
width:475px;
    height:120px;
        background-color:rgb(187, 247, 255);
float: right;
margin-top:25px;
margin-right: 25px;
border-radius:15px;
}

#cajita4{
width:475px;
    height:120px;
        background-color:rgb(187, 247, 255);
float: right;
margin-top:25px;
margin-right: 25px;
margin-bottom:20px;
border-radius:15px;
}

#cajita5{
    width:437px;
    height:300px;
        background-color:rgb(187, 247, 255);
     float: left;
        margin-right: 25px;
         margin-bottom: 25px;
         margin-left: 25px;
         border-radius:15px;
}
#cajita8{
    width:237px;
    height:300px;
        background-color:rgb(187, 247, 255);
     float: right;
        margin-right:25px;
border-radius:15px;
}
#cajita6{
    width:437px;
    height:350px;
        background-color:rgb(187, 247, 255);
     float: left;
        margin-left: 25px;
        margin-bottom:25px;
        border-radius:15px;
}
#cajita7{
    width:237px;
    height:350px;
        background-color:rgb(187, 247, 255);
     float: right;
        margin-right:25px;
        border-radius:15px;
}
#cajita9{
    width:700px;
    height:270px;
        background-color:rgb(187, 247, 255);
     float: left;
        margin-left: 25px;
        margin-bottom:25px;
        border-radius:15px;
}


#flotante{
    overflow:hidden;
}


ul{
     margin: 0%;
     padding: 0%;

}
.botones li{
     display: inline;
}
.botones li a{
     display: inline-block;
     width: 200px;
     height: 50px;
     background-color: rgb(187, 247, 255);
     margin-bottom: 5px;
     color: #000;
     text-decoration: none;
     text-align: center;
     line-height: 50px;
     font-weight: bold;
     border-radius: 15px;
}
.botones li a:hover{
     background-color: rgb(255, 255, 255);
}

#boton1{
width:200px;
height:50px;
background-color:rgb(187, 247, 255);
float:left;
     border-radius: 15px;
}

#boton2{
width:200px;
height:50px;
background-color:rgb(187, 247, 255);
float:right;

}