@charset "utf-8";
/* ******  CSS Document para simulador de colores adaptable  ****** */
#imgbase{max-width: 520px;padding-bottom: 350px;margin-left: auto;margin-right: auto;clear: both;}
#imgbase1{background-color:#000;}
/*#img-poin {cursor: pointer;}*/
@media all and (max-width : 750px) {#imgbase{padding-bottom: 300px;}}
@media all and (max-width : 640px) {#imgbase{padding-bottom: 350px;}}
@media all and (max-width : 480px) {#imgbase{padding-bottom: 290px;}}
@media all and (max-width : 360px) {#imgbase{padding-bottom: 220px;}}
@media all and (max-width : 320px) {#imgbase{padding-bottom: 195px;}}	
#canblanco,#cancerezo,#canceniza,#canwengue,#base,#blanco,#tortola,#crudo,#pink,#sky,#lila,
#gris,#plata,#naranja,#ferrari,#fuxia,#rojo,#granate,#morado,#azul,#marino,#piedra,#hielo,
#amahuevo,#beig,#camello,#cuero,#chocolate,#negro,#vison,#H3403,#H3404,#H3406,#F478,#f310,#F365,#f186
{width: 100%;max-width: 520px;position:absolute;visibility: hidden;}

#canblanco {visibility: visible;z-index:50;}
#cancerezo {z-index:51;}
#canceniza {z-index:53;}
#canwengue {z-index:52;}

#base {visibility: visible;z-index: 10;}

#centrado  {text-align: center; cursor:pointer; background-color:#000;}

#blanco {visibility: visible;z-index: 11;}
#tortola {z-index: 12;}
#crudo {z-index: 13;}
#pink {z-index: 14;}
#sky {z-index: 15;}
#lila {z-index: 16;}
#gris {z-index: 17;}
#plata {z-index: 18;}
#naranja {z-index: 19;}
#ferrari {z-index: 20;}
#fuxia {z-index: 21;}
#rojo {z-index: 22;}
#granate {z-index: 23;}
#morado {z-index: 24;}
#azul {z-index: 25;}
#marino {z-index: 26;}
#piedra {z-index: 27;}
#hielo {z-index: 28;}
#amahuevo {z-index: 29;}
#beig {z-index: 30;}
#camello {z-index: 31;}
#cuero {z-index: 32;}
#chocolate {z-index: 33;}
#negro {z-index: 34;}
#vison {z-index: 35;}

#H3403 {z-index: 36;}
#H3404 {z-index: 37;}
#H3406 {z-index: 38;}
#F478 {z-index: 39;}
#f310 {z-index: 40;}
#F365 {z-index: 41;}
#f186 {z-index: 42;}