body, html {
    height: 100%;
    margin: 0;
}
/*********************************/
/*   ESTILOS DE LOS PRODUCTOS    */
/*                               */
/*********************************/
.mainProductos{
    background: #FFF;
}

.mainProductos .container{
    padding-top: 20px;
    text-align: center;
}

.mainProductos .container .panel{
    padding: 10px 0px;
    box-shadow: 1px 1px 10px #6C6C6C;
    border-color: rgba(50,50,50,0.2);
    background-color: rgba(0,0,0,0.1);
    color:#000;
}

.mainProductos h3{
    font-weight: 600;
    text-align: center;
}

.mainProductos .container .panel .panel-body .img-rounded{
    box-shadow: 0px 0px 10px #000; 
}

.mainProductos .container .panel .panel-body a{
    color: #000;
    background: #C4C4C4;
}

.mainProductos .container .panel .panel-body a:hover{
    color: #FFF;
    background: #5E5E5E;
}

/*********************************/
/*     ESTILOS PRODUCTOS C/U     */
/*                               */
/*********************************/

.fotoInicio{
    background-image: url("../img/thumbChapas.png");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.fotoInicio .contenedorTexto{ 
    display: flex;
    justify-content: center;
    align-content: center;
}

.fotoInicio .contenedorTexto .titulo{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    border: 3px solid rgba(255,255,255,0.5);
    border-radius: 3px;
    background-color: rgba(0,0,0,0.3);
    box-shadow: 1px 1px 10px rgba(255,255,255,0.4);
}

.fotoInicio .contenedorTexto .titulo h1{
    font-size: 60px;
    color: rgba(255,255,255,0.7);
    text-shadow: 1px 1px 10px rgba(255,255,255,0.5);

}

@media (max-width:480px){
    .fotoInicio .contenedorTexto .titulo h1{
        font-size: 48px;
        color: rgba(255,255,255,0.7);
        text-shadow: 1px 1px 10px rgba(255,255,255,0.5);

    }
}

.fotoInfo{
    padding: 10px 0px;
    background-color: #5e5e5e;
    margin: 0px;
}

.fotoInfo img{
    text-shadow: 1px solid #000;
    opacity: 0.5;
}

.fotoInfo h3{
    text-align: center;
    font-size: 30px;
    color: #FFF;
}

.fotoInfo p{
    text-align: left;
    font-size: 20px;
    color: #FFF;
}

.fotoColores{
    padding: 0px -10px;
    background-color: #FFF;
    padding-top: 10px;
    text-align: center;
    padding-bottom: 50px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background-image: url('../img/retina_wood.png') ;
}

.fotoColores img{
    justify-content: center;
    border-radius: 3px;
    padding-bottom: 15px;
}

.fotoColores .nav-tabs{
    background-color: rgba(0,0,0,0.3);
}

.fotoColores .nav-tabs a{
    color: #FFF;
}

.fotoColores .nav-tabs h2{
    font-size: 16px;
}

.fotoColores .nav-tabs a:hover{
    background-color: rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.2);
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #000;
    cursor: default;
    background-color: rgba(255,255,255,0.8);
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    font-weight: 600;
}

.fotoColores .tab-content{
    padding: 2px;
    background-color: rgba(0,0,0,0.3);
}


.fotoColores h3{
    text-align: center;
    font-size: 30px;
    color: #000;
}

.test + .tooltip > .tooltip-inner {
    background-color: rgba(0,0,0,0.9); 
    color: #FFF; 
    border: 1px solid rgba(255,255,255,0.5); 
    padding: 9px 5px;
    font-size: 18px;
}

.test + .tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid #000;
}

#fotoMedidas{
    padding: 0px -10px;
    background-color: #222222;
    padding-top: 10px;
    text-align: right;
    padding-bottom: 50px;
}

#fotoMedidas h3{
    text-align: center;
    font-size: 30px;
    color: #FFFFFF;
}

#fotoMedidas p{
    text-align: right;
    font-size: 20px;
    color: #FFFFFF;
}

.fotoChaPre{
    background-image: url("../img/thumbChapasPre.png");
    background-color:#6d747a;
}

.fotoRaices{
    background-image: url("../img/thumbRaices.png");
    background-color:#6d747a;
}

.fotoSuperficie{
    background-image: url("../img/thumbSuperficie.png");
    background-color:#7a7876;
}

.fotoLaminado{
    background-image: url("../img/thumbLaminado.png");
    background-color:#352b2e;
}

.fotoMDF{
    background-image: url("../img/thumbMDF.png");
    background-color:#d8dade;
}

.fotoMDFEn{
    background-image: url("../img/thumbMDFEn.png");
    background-color:#2e3a5e;
}

.fotoMDFMel{
    background-image: url("../img/thumbMDFMel.png");
    background-color: #333333;
}

.fotoAglomerado{
    background-image: url("../img/thumbAglomerado.png");
    background-color: #333333;
}

.fotoAgloEn{
    background-image: url("../img/thumbAgloEn.png");
    background-color: #333333;
}

.fotoCintas{
    background-image: url("../img/thumbCintas.png");
    background-color:#6d747a;
}

.fotoCuarzo{
    background-image: url("../img/thumbCuarzo.png");
    background-color:#666666;
}

/*********************** BOTONES CHAPAS DE MADERA ******************************************/
#botonAlder {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Alder.png)}
#botonAnigree {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Anigree.png)}
#botonCedro {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Cedro.png)}
#botonCerezoFlama {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/CerezoF.png)}
#botonCerezoRayado {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/CerezoR.png)}
#botonEncinoBF {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/EncinoBF.png)}
#botonEncinoBR {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/EncinoBR.png)}
#botonEncinoRF {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/EncinoRF.png)}
#botonEncinoRR {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/EncinoRR.png)}
#botonEtimoe {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Etimoe.png)}
#botonEtimoeB {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/EtimoeB.png)}
#botonFresnoF {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/FresnoF.png)}
#botonFresnoN {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/FresnoN.png)}
#botonFresnoRa {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/FresnoR.png)}
#botonHayaB {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/HayaB.png)}
#botonHayaV {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/HayaV.png)}
#botonKhaya {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Khaya.png)}
#botonMaple {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Maple.png)}
#botonNogal {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Nogal.png)}
#botonOkume {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Okume.png)}
#botonOkume04 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Anigree.png)}
#botonOkumeFLT {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/OkumeFLT.png)}
#botonOlmo {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Olmo.png)}
#botonPaloS {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/PaloS.png)}
#botonPino {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Pino.png)}
#botonPino04 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Pino04.png)}
#botonSapelli {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Sapelli.png)}
#botonTzalam {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Tzalam.png)}

/*********************** BOTONES CHAPAS PRE COMPUESTAS ******************************************/
#botonArenaFla {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/ArenaFla.png)}
#botonCaoba {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/Caoba.png)}
#botonCatania {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/Catania.png)}
#botonConchuela {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/Conchuela.png)}
#botonCorvinoFla {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/CorvinoFla.png)}
#botonDirito {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/Dirito.png)}
#botonDiritoCan {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/DiritoCan.png)}
#botonEvano {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/Ebano.png)}
#botonEvanoCen {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/EbanoCen.png)}
#botonEvanoCey {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/EbanoCey.png)}
#botonEvanoMac {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/EbanoMac.png)}
#botonFoderatoEl {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/FoderatoEl.png)}
#botonGrisMis {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/GrisMis.png)}
#botonGrisMon {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/GrisMon.png)}
#botonGrisNoc {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/GrisNoc.png)}
#botonGrisPer {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/GrisPer.png)}
#botonGrisSena {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/GrisSena.png)}
#botonNogalFla {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/NogalFla.png)}
#botonPadouk {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/Padouk.png)}
#botonPiomboFla {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/PiomboFla.png)}
#botonRobleFla {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/RobleFla.png)}
#botonRobleRa {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/RobleRa.png)}
#botonTBT1985 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT1985.png)}
#botonTBT1986 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT1986.png)}
#botonTBT2029 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT2029.png)}
#botonTBT2036 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT2036.png)}
#botonTBT2057 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT2057.png)}
#botonTBT2096 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT2096.png)}
#botonTBT2097 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT2097.png)}
#botonTBT2099 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT2099.png)}
#botonTBT2100 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT2100.png)}
#botonTBT2109 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT2109.png)}
#botonTBT2110 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT2110.png)}
#botonTBT2111 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT2111.png)}
#botonTBT635 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT653.png)}
#botonTBT654 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT654.png)}
#botonTBT655 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT655.png)}
#botonTBT753 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT753.png)}
#botonTBT761 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TBT761.png)}
#botonTeka {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/Teka.png)}
#botonTekaFla {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/TekaFla.png)}
#botonWengueKo {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/WengueKomo.png)}
#botonWengueSad {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/WengueSad.png)}
#botonWengueVeri {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/WengueVeri.png)}
#botonWengueZai {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/WengueZai.png)}
#botonZebranoBatu {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/ZembBan.png)}
#botonZebranoBla {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/ZembBla.png)}
#botonZebranoMali {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/ZembMali.png)}
#botonZebranoTob {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/ChapasPre/ButChaPre/ZembTob.png)}

/*********************** BOTONES RAICES ******************************************/
#botonRaNogal {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Raices/ButRaices/Nogal.png)}
#botonRaOlmo{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Raices/ButRaices/Olmo.png)}

/*********************** BOTONES SUPERFICIE SOLIDA ******************************************/
#botonAurora {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Superficie/ButSup/Aurora.png)}
#botonChicAu {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Superficie/ButSup/ChicAu.png)}
#botonDeepAr {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Superficie/ButSup/DeepAr.png)}
#botonDeepNoc {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Superficie/ButSup/DeepNoc.png)}
#botonDiamond {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Superficie/ButSup/Diamond.png)}
#botonEarth {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Superficie/ButSup/Earth.png)}
#botonGlacier {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Superficie/ButSup/Glacier.png)}
#botonHot {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Superficie/ButSup/Hot.png)}
#botonMandarin {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Superficie/ButSup/Mandarin.png)}
#botonRafia {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Superficie/ButSup/Rafia.png)}
#botonSerpent {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Superficie/ButSup/Serpent.png)}
#botonSilverB {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Superficie/ButSup/SilverB.png)}
#botonSilverG {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Superficie/ButSup/SilverG.png)}
#botonSonora {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Superficie/ButSup/Sonora.png)}
#botonVainilla {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Superficie/ButSup/Vainilla.png)}

/*********************** BOTONES LAMINADO PLASTICO ******************************************/
#boton115LS{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_111LS.png)}
#boton159SUEDE{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_159SUEDE.png)}
#boton241SUEDE{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_241SUEDE.png)}
#boton275SUEDE{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_275SUEDE.png)}
#boton293LS{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_293LS.png)}
#boton531SUEDE{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_531SUEDE.png)}
#boton904SUEDE{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_904SUEDE.png)}
#boton989LI{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_989LI.png)}
#boton3394SUEDE{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_3394SUEDE.png)}
#boton3535FR{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_3535FR.png)}
#boton3741LS{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_3741LS.png)}
#boton4425SS{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_4425SS.png)}
#boton4507KM{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_4507KM.png)}
#boton90794SUEDE{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_90794SUEDE.png)}
#boton90809SUEDE{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_90809SUEDE.png)}
#boton10330{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL_103-30.png)}
#boton20430{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-204-30.png)}
#boton29630{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-296-30.png)}
#boton110105{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-1101-05.png)}
#boton120405{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-1204-05.png)}
#boton127505{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-1275-05.png)}
#boton140105{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-1401-05.png)}
#boton501619{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-5016-19.png)}
#boton552121{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-5521-21.png)}
#boton552221{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-5522-22.png)}
#boton552621{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-5526-21.png)}
#boton572330{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-5723-30.png)}
#boton572337{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-5723-37.png)}
#boton580230{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-5802-30.png)}
#boton903133{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-9031-33.png)}
#boton1461{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-1461.png)}
#boton1464{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-1464.png)}
#boton1465{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-1465.png)}
#boton1466{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-1466.png)}
#boton1469{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-1469.png)}
#boton1505{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-1505.png)}
#boton1509{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-1509.png)}
#boton1511{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-1511.png)}
#boton1810{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-1810.png)}
#boton1841{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-1841.png)}
#boton2170{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-2170.png)}
#boton2230{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-2230.png)}
#boton2231{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-2231.png)}
#boton2243{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-2243.png)}
#boton2273{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-2273.png)}
#botonAmaSun{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Ma_AmaSun.png)}
#botonBlnFros{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Ma_BlnFro.png)}
#botonGris{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Ma_Gris.png)}
#botonHayaN{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Ma_HayaN.png)}
#botonNegro{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Ma_Negro.png)}
#botonOyamel{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Ma_Oyamel.png)}
#botonPreCeniza{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Ma_PreComCen.png)}
#botonRobMer{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Ma_RobMer.png)}
#botonRojoCol{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Ma_RojoCol.png)}
#botonWengue{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Ma_Wengue.png)}

/*********************** BOTONES CINTA CANTO ***************************** ******************************************/
#botonCC1465{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-1465.png)}
#botonCC1511{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-1511.png)}
#botonCC1810{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Lami-1810.png)}
#botonCC20430{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-204-30.png)}
#botonCC552221{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-5522-22.png)}
#botonCC572337{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/GL-5723-37.png)}
#botonCC4507KM{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_4507KM.png)}
#botonCC241SUEDE{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Cen_241SUEDE.png)}
#botonCCAlder {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Alder.png)}
#botonCCAnigree {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Anigree.png)}
#botonCCCerezoF {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/CerezoF.png)}
#botonCCEncinoBF {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/EncinoBF.png)}
#botonCCEtimoeB {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/EtimoeB.png)}
#botonCCFresnoNoc {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/FresnoN.png)}
#botonCCFresnoRa {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/FresnoR.png)}
#botonCCHayaB {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/HayaB.png)}
#botonCCMaple {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Maple.png)}
#botonCCNegro{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Ma_Negro.png)}
#botonCCNogal {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Nogal.png)}
#botonCCPaloS {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/PaloS.png)}
#botonCCPino {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Pino.png)}
#botonCCPino04 {width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Chapas/ButChapas/Pino04.png)}
#botonCCRobleMer{width: 50px; height: 50px; border-radius: 30px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Laminado/ButLam/Ma_RobMer.png)}

/*********************** BOTONES M.D.F ***************************** ******************************************/
#boton30mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDF/ButMDF/MDF_30mm.png)}
#boton25mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDF/ButMDF/MDF_25mm.png)}
#boton18mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDF/ButMDF/MDF_18mm.png)}
#boton15mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDF/ButMDF/MDF_15mm.png)}
#boton12mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDF/ButMDF/MDF_12mm.png)}
#boton9mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDF/ButMDF/MDF_9mm.png)}
#boton5mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDF/ButMDF/MDF_5mm.png)}
#boton4-5mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDF/ButMDF/MDF_4,5mm.png)}
#boton3mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDF/ButMDF/MDF_3mm.png)}
#boton2-5mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDF/ButMDF/MDF_2,5mm.png)}

/*********************** BOTONES M.D.F ENCHAPADO ***************************** ******************************************/
#botonMDFCh1{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFEn/ButMDFEn/MDFEn_Ch1.png)}
#botonMDFCh2{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFEn/ButMDFEn/MDFEn_Ch2.png)}
#botonMDFCh3{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFEn/ButMDFEn/MDFEn_Ch3.png)}
#botonMDFCh4{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFEn/ButMDFEn/MDFEn_Ch4.png)}
#botonMDFCh5{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFEn/ButMDFEn/MDFEn_Ch5.png)}
#botonMDFRa1{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFEn/ButMDFEn/MDFEn_Ra1.png)}
#botonMDFRa2{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFEn/ButMDFEn/MDFEn_Ra2.png)}
#botonMDFLa1{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFEn/ButMDFEn/MDFEn_La1.png)}
#botonMDFLa2{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFEn/ButMDFEn/MDFEn_La2.png)}
#botonMDFLa3{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFEn/ButMDFEn/MDFEn_La3.png)}
#botonMDFLa4{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFEn/ButMDFEn/MDFEn_La4.png)}
#botonMDFLa5{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFEn/ButMDFEn/MDFEn_La5.png)}

/*********************** BOTONES M.D.F MELAMINICO ***************************** ******************************************/
#botonMDFMel1{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFMel/ButMDFMel/MDFMel_989LI.png)}
#botonMDFMel2{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFMel/ButMDFMel/MDFMel_1469.png)}
#botonMDFMel3{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFMel/ButMDFMel/MDFMel_2170.png)}
#botonMDFMel4{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFMel/ButMDFMel/MDFMel_2230.png)}
#botonMDFMel5{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFMel/ButMDFMel/MDFMel_2231.png)}
#botonMDFMel6{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFMel/ButMDFMel/MDFMel_159SUEDE.png)}
#botonMDFMel7{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFMel/ButMDFMel/MDFMel_275SUEDE.png)}
#botonMDFMel8{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFMel/ButMDFMel/MDFMel_90809SUEDE.png)}
#botonMDFMel9{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFMel/ButMDFMel/MDFMel_AmaSun.png)}
#botonMDFMel10{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFMel/ButMDFMel/MDFMel_BlnFros.png)}
#botonMDFMel11{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFMel/ButMDFMel/MDFMel_RojoCol.png)}
#botonMDFMel12{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/MDFMel/ButMDFMel/MDFMel_Wengue.png)}

/*********************** BOTONES AGLOMERADO ***************************** ******************************************/
#botonAglo4-5mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Aglomerado/ButAglo/Aglo_4,5mm.png)}
#botonAglo6mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Aglomerado/ButAglo/Aglo_6mm.png)}
#botonAglo9mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Aglomerado/ButAglo/Aglo_9mm.png)}
#botonAglo12mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Aglomerado/ButAglo/Aglo_12mm.png)}
#botonAglo16mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Aglomerado/ButAglo/Aglo_16mm.png)}
#botonAglo19mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Aglomerado/ButAglo/Aglo_19mm.png)}
#botonAglo25mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Aglomerado/ButAglo/Aglo_25mm.png)}
#botonAglo28mm{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/Aglomerado/ButAglo/Aglo_28mm.png)}

/*********************** BOTONES AGLOMERADO ***************************** ******************************************/
#botonAgloCh1{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_Pino0,4.png)}
#botonAgloCh2{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_EncinoBR.png)}
#botonAgloCh3{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_Maple.png)}
#botonAgloCh4{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_Nogal.png)}
#botonAgloCh5{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_Olmo.png)}
#botonAgloPre1{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_CorvinoF.png)}
#botonAgloPre2{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_WenSad.png)}
#botonAgloPre3{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_TBT2111.png)}
#botonAgloPre4{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_TBT2100.png)}
#botonAgloPre5{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_TekaFla.png)}
#botonAgloRa1{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_RaNogal.png)}
#botonAgloRa2{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_RaOlmo.png)}
#botonAgloLa1{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_1464.png)}
#botonAgloLa2{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_5521-21.png)}
#botonAgloLa3{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_90794SUEDE.png)}
#botonAgloLa4{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_PreCen.png)}
#botonAgloLa5{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/AgloEn/ButAgloEn/Aglo_Wheatered.png)}

/*********************** BOTONES CUARZO GRANITO Y MARMOL ***************************** ******************************************/
#botonBlanco{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/CGM/ButCGM/CGM_Blanco.png)}
#botonAzul{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/CGM/ButCGM/CGM_Azul.png)}
#botonRojoAndro{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/CGM/ButCGM/CGM_RojoAndro.png)}
#botonGold{width: 50px; height: 50px; border-radius: 10px; content: responsive; box-shadow: 0px 0px 10px black; background-image: url(../img/CGM/ButCGM/CGM_Gold.png)}

/*********************************/
/*          MEDIA QUERIES        */
/*                               */
/*********************************/

@media screen and(min-width:400px){
    .fotoColores img{
        height: 600px;
    }
}