



#sectionprincipal{
    width: 1120px;
    height: 400px;
    margin: auto;
    background-color: aquamarine;
    background-image: url(imagenes/portada.jpg)
    
}

nav{
    
    width: 950px;
    height: 70px;
    display: block;
    margin: auto;
     background-color: #d7d7d7;
    padding-left: 170px;
    padding-top: 20px
}

#boton {
 border: none;
 background: #3a9899;
 color: #f2f2f2;
 padding: 10px;
 font-size: 40px;
    text-align: center;
 border-radius:  0px 0px  25px 25px ;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
    display: block;
    width: 200px;
    height: 50px;
    float: left;
    padding-top: 0px;

    margin: 0px 110px 10px 0px;
    
}


#boton:hover {
 background-color: aliceblue;
 color: #3a7999;
 box-shadow: inset 0 0 0 3px #79eaf0;
}


#doble{
    
    width: 1120px;
    height: 50px;
    margin: auto;
    background-color: #000;
}

#cajauno{
    width: 540px;
    height: 260px;
    background-color:antiquewhite;
    float: left;
 background-image: url(imagenes/cajauno.jpg)
}

#cajados{
    width: 540px;
    height: 260px;
    background-color:antiquewhite;
    margin-left: 580px;
    margin-top: 10px;
    background-image: url(imagenes/cajados.jpg)
}

#cajasv{
    width: 1120px;
    height: 300px;
    height: 230px;
    background-color: 9f9f9f;
    margin: auto;
}


#cajaspe{ 
width: 320px;
height: 215px;
    background-color:darkseagreen;
    float: left;

}


#cajaunop{
width: 320px;
height: 215px;
background-color: black;
    background-image: url(imagenes/coloruno.jpg);
float: left;


}

#cajadosp{
width: 320px;
height: 215px;
background-color:aquamarine;
    background-image: url(imagenes/peuno.jpg);
float: left;
    margin-left: 80px;
    margin-right: 80px;


}

#cajatresp{
width: 320px;
height: 215px;
background-color: black;
    background-image: url(imagenes/colortres.jpg);
float: left;


}


#cajasvd{
    width: 1120px;
    height: 230px;
    background-color: #7d7d7d;
    margin: auto;}

#cajaunopd{
width: 320px;
height: 215px;
background-color: black;
    background-image: url(imagenes/rosade.jpg);
float: left;


}

#cajadospd{
width: 320px;
height: 215px;
background-color:aquamarine;
float: left;
    margin-left: 80px;
    margin-right: 80px;
    background-image: url(imagenes/lineadoscolor.jpg);

}

#cajatrespd{
width: 320px;
height: 215px;
background-color: chartreuse;
float: left;
    background-image:url(imagenes/blancoynegrocatrina.jpg);


}

footer{
     width: 1120px;
    height: 30px;
    margin: auto;
    background-color: chocolate;
}



@media screen and (min-width: 461px) and (max-width:720px){
    
    
    
    #sectionprincipal{
    width: 640px;
    height: 265px;
    margin: auto;
    background-color: aquamarine;
        background-image: url(imagenes/portadatab.jpg)
    
}

nav{
    
    width: 580px;
    height: 60px;
    display: block;
    margin: auto;
    background-color:#7d7d7d;
    padding-left: 60px
}


#boton {
 border: none;
 background: #3a9899;
 color: #f2f2f2;
 padding: 10px;
 font-size: 40px;
    text-align: center;
 border-radius:  0px 0px  25px 25px ;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
    display: block;
    width: 150px;
    height: 50px;
    float: left;
    padding-top: 0px;

    margin: 0px 40px 10px 0px;
    
}


#boton:hover {
 background-color: aliceblue;
 color: #3a7999;
 box-shadow: inset 0 0 0 3px #79eaf0;
}


#doble{
    
    width: 640px;
    height: 160px;
    margin: auto;
    background-color: black;
}

#cajauno{
    width: 310px;
    height: 152px;
    background-color:antiquewhite;
    float: left;
}

#cajados{
    width: 310px;
    height: 152px;
    background-color:antiquewhite;
    margin-left: 330px;
    margin-top: 10px;

}

#cajasv{
    width: 640px;
 
    height: 115px;
    background-color:black;
    margin: auto;
}


#cajaspe{ 
width: 320px;
height: 215px;
    background-color:darkseagreen;
    float: left;

}


#cajaunop{
width: 160px;
height: 100px;
background-color: chartreuse;
float: left;


}

#cajadosp{
width: 160px;
height: 100px;
background-color:aquamarine;
float: left;
    margin-left: 80px;
    margin-right: 80px;


}

#cajatresp{
width: 160px;
height: 100px;
background-color: chartreuse;
float: left;


}


#cajasvd{
    width: 640px;
    height: 115px;
    background-color: bisque;
    margin: auto;}

#cajaunopd{
width: 160px;
height: 100px;
background-color: chartreuse;
float: left;


}

#cajadospd{
width: 160px;
height: 100px;
background-color:aquamarine;
float: left;
    margin-left: 80px;
    margin-right: 80px;


}

#cajatrespd{
width: 160px;
height: 100px;
background-color: chartreuse;
float: left;


}

footer{
     width: 640;
    height: 30px;
    margin: auto;
    background-color: chocolate;
}




    
}





@media screen and (min-width: 0px) and (max-width:460px){
    #sectionprincipal{
    width: 480px;
    height: 175px;
    margin: auto;
    background-color: aquamarine;
        background-image:url(imagenes/portadacel.jpg)
    
}

nav{
    
    width: 480px;
    height: 50px;
    background-color: #7d7d7d;
    padding: 0px;

}


#boton {
 border: none;
 background: #3a9899;
 color: #f2f2f2;
 padding: 10px;
 font-size: 40px;
    text-align: center;
 border-radius:  0px 0px  25px 25px ;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
    display: block;
    width: 140px;
    height: 50px;
    float: left;
    padding-top: 0px;

    margin: 0px 0px 0px 0px;
    
}


#boton:hover {
 background-color: aliceblue;
 color: #3a7999;
 box-shadow: inset 0 0 0 3px #79eaf0;
}

   
}

#doble{
    
    width: 480px;
    height: 430px;
    margin: auto;
    background-color: black
}

#cajauno{
    width: 480px;
    height: 215px;
    background-color:antiquewhite;

}

#cajados{
    width: 480px;
    height: 215px;
    background-color:antiquewhite;
    
    margin-top: 0px;

}

#cajasv{
    width: 480px; 
    height: 150px;
    background-color:black;

}






#cajaunop{
width: 160px;
height: 150px;
background-color:darksalmon;
float: left;
    margin: 0;

}

#cajadosp{
width: 160px;
height: 150px;
background-color:aquamarine;
margin: 0;
}

#cajatresp{
width: 160px;
height: 150px;
background-color: chartreuse;
float: right;


}


#cajasvd{
    width: 480px;
    height: 150px;
    
    background-color: bisque;
    margin: auto;}

#cajaunopd{
width: 160px;
height: 150px;
background-color: chartreuse;
float: left;


}

#cajadospd{
width: 160px;
height: 150px;
background-color:blueviolet;
float: left;
    margin: 0;



}

#cajatrespd{
width: 160px;
height: 150px;
background-color:darkolivegreen;
float: left;


}

footer{
     width: 480;
    height: 20px;
    margin: auto;
    background-color: chocolate;
    
}


}















































