/*[fmt]1010-120A-1*/
/**
RESETEAR DIFERENCIAS ENTRE NAVEGADORES
**/
BODY, DIV, DL, DT, DD, LI, H1, H2, H3, H4, H5, H6, PRE, FORM, FIELDSET, INPUT, TEXTAREA, BLOCKQUOTE, TH, TD, UL, OL { margin: 0;   padding: 0;  }
TABLE { border-collapse: collapse;   border-spacing: 0;  }
IMG, FIELDSET { border: 0;  }
.CajaActualidad { float: left;   margin: 25px 0 0 25px;  }
.CajaActualidad STRONG { display: block;   color: #FFF;   background: #000;   font-size: 1.2em;   padding: 3px 5px 3px 10px;  }
#CapaPie #LogoPie { float: right;   margin: 0 25px 0 0;  }
CAPTION, TH { text-align: left;  }
H1, H2, H3, H4, H5, H6 { font-size: 100%;   font-weight: normal;  }
Q:before, Q:after { content: '';  }
ABBR, ACRONYM { border: 0;  }
A { outline: none;  }
P { margin: 1em 0;  }
TEXTAREA, INPUT { font-size: 1em;   font-family: Verdana, Arial;   padding: 2px;  }
/**
FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html
**/
.Clearfix:after { content: ".";   clear: both;   height: 0;   visibility: hidden;   display: block;  }
#bDistribucionPropia #CapaTexto TD { padding: 13px 5px 13px 10px;   border-bottom: 1px solid #CCC;  }
#bDistribucionPropia #CapaTexto TABLE { width: 80%;  }
#BotonCambioVersion { float: right;   margin: 3px 10px 0 0;  }
#SelInternacional { display: block;   margin: 0px 0 -9px;  }
#CapaPie DIV { color: #AAA;  }
#bDistribuidores OL, #bValores OL, #bAvisoLegal OL { padding: 0 0 0 40px;  }
#bTrabaja INPUT { display: block;   margin: 0px 0px 10px;   width: 300px;   border: 1px solid #AAA;   background: #EAEAE3;  }
#bTrabaja #boton { width: 140px;  }
#bTrabaja TEXTAREA { display: block;   margin: 0px 0px 10px;   width: 300px;   height: 90px;   border: 1px solid #AAA;   background: #EAEAE3;  }
#bContactoDistribucion INPUT, #bContacto INPUT { display: block;   margin: 0;   width: 300px;   border: 1px solid #AAA;   background: #EAEAE3;  }
#bContactoDistribucion #boton, #bContacto #boton { width: 140px;  }
#bContactoDistribucion SELECT, #bContacto SELECT { display: block;   margin: 0px 0px 10px;   width: 300px;   border: 1px solid #AAA;   background: #EAEAE3;  }
#bContactoDistribucion TEXTAREA, #bContacto TEXTAREA { display: block;   margin: 0px 0px 10px;   width: 300px;   height: 90px;   border: 1px solid #AAA;   background: #EAEAE3;  }
#bContacto TEXTAREA.DominoES { height: 182px;  }
#CapaSubmenu { float: right;   font-size: 1.2em;   line-height: 2em;  }
#CapaSubmenu A { text-decoration: none;  }
#CapaSubmenu A:hover { text-decoration: underline;  }
#bEmpresa #SMEmpresa, #bValores #SMValores, #bTrabaja #SMTrabaja, #bDistribuidores #SMRazones, #bContactoDistribucion #SMContacto, #bDistribucionPropia #SMPropia, #bOtrosDistribuidores #SMOtros { font-weight: bold;  }
A.EnlaceBordeado { border: 1px solid #AAA;   text-decoration: none;   padding: 3px 7px;   background: #F2F2F2;   color: #333333;  }
A.EnlaceBordeadoActivo { border: 1px solid #AAA;   text-decoration: none;   padding: 3px 7px;   background: #CCC;   color: #333333;   font-weight: bold;  }
#ImagenesProducto { float: right;   width: 250px;   text-align: center;   margin: -35px 0 0;   clear: both;  }
.Clearfix { display: inline-block;  /*Fixes IE/Mac*/
}
/*Hides from IE-mac \*/
* HTML .Clearfix { height: 1%;  }
.Clearfix { display: block;  }
/**
ETIQUETAS
**/
BODY { font-size: 125%;   margin: 0;   background: #1B1D1D url(../imagenes/fondo-ppal.jpg);  }
DIV, P { font-family: Verdana, Arial, Helvetica, sans-serif;   color: #333;  }
A:link, A:active, A:visited { color: #333;  }
A:hover { color: #000;  }
/**
CLASES
**/
#CapaCabecera { width: 988px;   height: 97px !important;   height: 97px;   margin: 1px auto;  }
*:first-child+HTML #CapaCabecera { height: 97px !important;  }
#CapaIdiomas { float: right;   font-size: 0.5em;   color: #CCC;   margin: 5px 20px 0 0;   text-align: right;  }
#CapaIdiomas A { color: #666;   text-decoration: none;  }
#CapaIdiomas A.EnlaceSeleccionado { font-weight: bold;  }
#CapaIdiomas A:hover { color: #FFF;  }
#EnvoltorioCuerpo { background: url(../imagenes/fondo-central.jpg) no-repeat center top;   margin: 0;  }
#CapaCuerpo { width: 988px;   background: #FFF url(../imagenes/fondo-top.gif) no-repeat center top;   margin: 0 auto;   font-size: 0.6em;   color: #333;  }
#CapaMenu { float: right;   font-size: 0.6em;   width: 70%;   clear: right;   /*[empty]background:;*/   margin: 22px 2px 0 0;  }
#Logo { /*+image-replace:url(../imagenes/carobels-cosmetics.jpg);*/   display: block;   display: block;   width: 185px;   height: 49px;   margin: 24px 0 0 30px;   float: left;  }
@media screen { .images-on #Logo  {  background-image: url(../imagenes/carobels-cosmetics.jpg);    background-repeat: no-repeat !important;    text-indent: -1000000px !important;    overflow: hidden;   }
}
#LinkWeb { float: right;   margin: 20px 0 0;  }
#LinkWeb A { text-decoration: none;   font-size: 1.2em;  }
#CapaTexto { float: right;   width: 640px;   font-size: 0.9em;   line-height: 1.5em;   margin: 20px 20px 20px 0;  }
UL#ProductosPeluqueria { margin: 0;   padding: 0;   list-style-type: none;  }
UL#ProductosPeluqueria LI { float: left;   text-align: center;   width: 15.8%;   border-left: 1px dashed #666;   margin: 2px 2px 10px 1px;   padding: 5px 1px 5px 3px;  }
UL#ProductosPeluqueria LI H2 A { color: #000000;   font-weight: bold;   text-decoration: none;  }
UL#ProductosPeluqueria LI H3 { color: #666;   font-size: 0.8em;   margin: 4px 0 0;   font-family: Arial;  }
UL#ProductosCosmetica LI { float: left;   text-align: center;   width: 10.2%;   border-left: 1px dashed #666;   margin: 2px 2px 10px 0px;   padding: 5px 1px 5px 3px;  }
UL#ProductosCosmetica LI H2 A { color: #000000;   font-weight: bold;   text-decoration: none;   /*[disabled]letter-spacing:-1px;*/  }
UL#ProductosCosmetica LI H3 { color: #666;   font-size: 0.8em;   margin: 4px 0 0;   font-family: Arial;  }
UL#ProductosCosmetica { margin: 0;   padding: 0;   list-style-type: none;  }
UL#ProductosPeluqueria LI.PrimeraFamilia { border-left: none;  }
UL#ProductosCosmetica LI.PrimeraFamilia { border-left: none;   width: 11.2%;  }
#MenuProductos UL LI H2 A:hover { color: #444;  }
.TituloMenuProductos { font-size: 1.4em;   letter-spacing: 1px;   background: #AAA;   color: #FFF;   padding: 0 0px 4px 8px;   margin: 5px;  }
#MenuProductos { background: #DDD url(../imagenes/fondo-menu-productos.gif);   padding: 5px;  }
#MenuPrincipal { list-style-type: none;   float: right;   margin: 0;   padding: 0;  }
#MenuPrincipal LI { float: left;  }
#MenuPrincipal LI A { font-weight: bold;   text-decoration: none;   display: block;   line-height: 43px;   margin: 0 2em;   color: #DDD;  }
.SeparadorMenuPrincipal { background: url(../imagenes/separadorMenuPrincipal.gif) no-repeat center right;  }
#CapaPie { width: 958px;   padding: 10px 0 0 30px;   margin: 0 auto;   color: #AAAAAA;   font-size: 0.5em;   background: url(../imagenes/fondo-pie.gif) no-repeat center top;  }
#CapaPie A { color: #AAA;   text-decoration: none;  }
#DescargaCatalogos { float: left;   clear: left;   background: url(../imagenes/adobe.gif) no-repeat left center;   line-height: 1.8em;   margin: 8px 0 0;   padding: 0 0 1px 23px;  }
#GaleriaFamilia { float: left;   width: 310px;   height: 450px;  }
#GaleriaFamilia .Carrusel { width: 310px;   height: 450px;   display: block;   background-position: bottom;   background-repeat: no-repeat;  }
.TituloContenidoPrimario { color: #666666;   font-size: 2.1em;   margin-bottom: 20px;   line-height: 1em;   font-weight: normal;   letter-spacing: 1px;  }
.TituloContenidoSecundario { color: #000000;   font-size: 1.2em;   margin-bottom: 6px;   font-weight: bold;  }
.TextoError { font-weight: bold;   color: #CC0000;   text-align: center;  }
.TextoPequeno { font-size: 0.9em;  }
.Divider { border: 0;   border-top: 1px dashed #DDD;   margin: 1.5em 0;   clear: both;   color: #FFF;  }
*:first-child+HTML .Divider { margin: 0 !important;  }
.MargenDerecho { margin-right: 10px;  }
.MargenDerechoGrande { margin-right: 20px;  }
.MargenIzquierdo { margin-left: 10px;  }
.MargenIzquierdoGrande { margin-left: 20px;  }
.MargenInferior { margin-bottom: 10px;  }
.MargenInferiorGrande { margin-bottom: 20px;  }
.MargenSuperior { margin-top: 10px;  }
.MargenSuperiorGrande { margin-top: 20px;  }
.Negrita { font-weight: bold;   color: #333;  }
.NoUnderline { text-decoration: none;  }
.Clear { clear: both;  }
.DisplayBlock { display: block;  }
.Oculto { position: absolute;   left: -99999px;   top: -99999px;  }
.OcultoDisplay { display: none;  }
.FloatLeft { float: left;  }
.FloatRight { float: right;  }
.AlignLeft { text-align: left;  }
.AlignRight { text-align: right;  }
.AlignJustify { text-align: justify;  }
.AlignCenter { text-align: center;  }
.CursorPointer { cursor: pointer;  }