body{
    background-color: #9da0a4;
}

#body {
    background-image: url('../imagenes/fondos/Fondo3.jpg');
    background-repeat: no-repeat;
    width: 1280px;
    height: 100%;
    overflow:hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top:-.1%;
}

#galeria{
    display: inline-block;
    position: absolute;
    top: 922px;
    left: 650px;
    border-style: solid;
    text-align: center;
}

#compra{
    position: absolute;
    background-color: transparent;
    top: 8%;
    left:83%;
    border-color: transparent;
}

#comprar{
    position: absolute;
    top: 8%;
    right: 7%;
    height: 85%;
    width: 36%;
    left: 75%;
    background-image: url('../imagenes/head/comprar.png');
    background-repeat: no-repeat; 
    background-size: 40%; 
}

#header {
    position: absolute;
    height: 85px;
    width: 1217px;
    background-image: url('../imagenes/menu/pleca.png');
    background-size: 100%;
    margin-left: 2%;
    top:1%;
}

#menu{
    position: relative;
    top:0%;
    height: 85px;
    width: 1220px;  
}

#a1{
    position: absolute;
    height: 85px;
    width: 203px;
    top: 0px;
    left: 0px;
}

#a1:hover{
    position: absolute;
    background-image: url('../imagenes/menu/inicio2.jpg');
    background-position-y: -2px;
    background-repeat: no-repeat;
}

#a2{
    position: absolute;
    height: 85px;
    width: 200px;
    top: 0px;
    left: 203px;
}

#a2:hover{
    position: absolute;
    background-image: url('../imagenes/menu/quienes2.jpg');
    background-position-y: -2px;
    background-repeat: no-repeat;
}

#a3{
    position: absolute;
    height: 85px;
    width: 200px;
    top: 0px;
    left: 407px;
}

#a3:hover{
    background-image: url('../imagenes/menu/compra2.jpg');
    background-size: 100%;
    background-position-y: -3px;
    background-position-x: -3px;
    background-repeat: no-repeat;
}

#a4{
    position: absolute;
    height: 85px;
    width: 208px;
    top: 0px;
    left: 608px;
}

#a4:hover{
    background-image: url('../imagenes/menu/donde2.jpg');
    background-size: 100%;
    background-position-y: -3px;
    background-position-x: -3px;
    background-repeat: no-repeat;
}

#a5{
    position: absolute;
    height: 85px;
    width: 205px;
    top: 0px;
    left: 813px;
}

#a5:hover{
    background-image: url('../imagenes/menu/promociones2.jpg');
    background-size: 100%;
    background-position-y: -3px;
    background-repeat: no-repeat;
}

#a6{
    position: absolute;
    height: 85px;
    width: 207px;
    top: 0px;
    left: 1015px;
}

#a6:hover{
    background-image: url('../imagenes/menu/contacto2.jpg');
    background-size: 100%;
    background-position-y: -3px;
    background-position-x: -3px;
    background-repeat: no-repeat;
}

ul, ol {
list-style:none;
}

#compras {
    position: relative;
    height: 400px;
    width: 99%;
}

#a12{
    position: absolute;
    height: 146px;
    width: 383px;
    margin-left: -3%;
    background-image: url('../imagenes/btn/btn1.png');
    background-size: 100%;
    background-repeat: no-repeat;
}
#a12:hover{
    background-image: url('../imagenes/btn/btn11.png');
}

#a7{
    position: absolute;
    height: 146px;
    width: 390px;
    left: 33.5%;
    background-image: url('../imagenes/btn/btn2.png');
    background-size: 100%;
    background-repeat: no-repeat;
}
#a7:hover{
    background-image: url('../imagenes/btn/btn22.png');
}
 
#a8{
    position: absolute;
    height: 146px;
    width: 383px;
    margin-left: 64%;
    background-image: url('../imagenes/btn/btn3.png');
    background-size: 100%;
    background-repeat: no-repeat;
}
#a8:hover{
    background-image: url('../imagenes/btn/btn33.png');
}
#a9{
    position: absolute;
    height: 146px;
    width: 383px;
    top: 230px;
    margin-left: -3%;
    background-image: url('../imagenes/btn/btn4.png');
    background-size: 100%;
    background-repeat: no-repeat;
}
#a9:hover{
    background-image: url('../imagenes/btn/btn44.png');
}

#a10{
    position: absolute;
    height: 146px;
    width: 390px;
    top: 230px;
    left: 33.5%;
    background-image: url('../imagenes/btn/btn5.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

#a10:hover{
    background-image: url('../imagenes/btn/btn55.png');
}

#a11{
    position: absolute;
    height: 146px;
    width: 383px;
    top: 230px;
   margin-left:64%;
    background-image: url('../imagenes/btn/btn6.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

#a11:hover{
    background-image: url('../imagenes/btn/btn66.png');
}

.quienes{
    left:10%;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
}

#txtq1{
    height: 292px;
    width: 1065px;
    top: 0px;
    background-image: url('../imagenes/textos/quienes1.png');
}
#mision{
    height:44px;
    width: 149px;
    top: 292px;
    background-image: url('../imagenes/textos/mision.png');
}

#txtq2{
    height:64px;
    width: 1065px;
    top: 336px;
    background-image: url('../imagenes/textos/quienes2.png');
}

#vision{
    height:44px;
    width: 136px;
    top: 400px;
    left: 11%;
    background-image: url('../imagenes/textos/vision.png');
}

#txtq3{
    height:138px;
    width: 1065px;
    top: 444px;
    background-image: url('../imagenes/textos/quienes2.png');
}