@charset "utf-8";

* { margin:0px; padding:0px; }

/* generales /////////////////////////////////////////////////////////////////////////// */
body { }
#container { width:980px; height:610px; position:absolute; overflow:visible; left:50%; margin-left:-490px; top:10px;}
#encabezado { height:35px; }
#pie { height:50px; position:absolute; top:500px; left:0px; width:980px; }
#logo {  }

/* font-family /////////////////////////////////////////////////////////////////////////// */
#menuP, #menuB, .arial-pie, .destacados, .dropdown, .li3, .li4, .li4CE, .li5, .li5M, .li6, .li6Azul, .li6M, .li6MAzul, .h1-1, .td1, .td2, .h2-1, .li7, .h2-2, .h3-1, .p1, .li8, .li8CE, .li9, .li9CE, 
.ArialFFF22, .ArialFFF18, .p2, .h1-2, .txt1, .txt1CE, .h1-3, .h1-4, .h1-5, .h1-6, .h1-7, .txt2, .txt3, .txt4, .rojo12, .columna,
.txt5, .txt6, .txt7, .txt8, .txt9 { font-family:Arial, Helvetica, sans-serif; }

/* font-size //////////////////////////////////////////////////////////////////////////// */
.arial-pie { font-size:9px; }
.txt8 { font-size:10px; line-height:18px; }
.txt3, .txt4 { font-size:11px; }
.p2, .h2-2, .li9, .li9CE { font-size:12px; line-height:18px; }
.dropdown a, .p1, .rojo12, .txt1, .txt1CE, .txt9, .txt6 { font-size:12px; }
.columna { font-size:13px; }
.txt2 { font-size:14px;}
#menuP, #menuB, .dropdown, .td2, .li7, .li8, .li8CE, .h1-7, .txt5{ font-size:16px; }
.ArialFFF18 { font-size:18px; }
.destacados, .li3, .li4, .li4CE, .li5, .li5M, .li6, .li6Azul, .li6M, .li6MAzul, .td1, .h2-1, .h3-1, .ArialFFF22, .h1-6 { font-size:20px; }
.h1-1, .h1-4, .h1-5 { font-size:30px; }
.h1-3, .txt7 { font-size:40px; }
.h1-2 { font-size:50px; }

/* font-color //////////////////////////////////////////////////////////////////////////// */
#menuP, #menuB, .arial-pie, .li1, .li1CE, .li1 a, .liCE a, .li1M, .liCE, .li1 a:hover, .liCE a:hover, .li2, .li2 a, .li2M, .li2 a:hover, .li1extra a, .liCEextra a, .li7, .li7 a, .p1, .h2-2, .h2-2 a, .h3-1, .h1-7, .txt4 { color:#000; }
.h1-1, .h2-1, .li7 a:hover, .h2-2 a:hover, .h1-3, .txt1 a:hover, .rojo12, .h1-4 a, .txt9 { color:#EA1C24; }
.arial-pie, .destacados, .li3, .li4, .li5, .li6, .li6Azul, .td1, .td2, .li9, .li9CE, .h1-5, .h1-6, .li9 a, .li9CE a, .txt3, .columna, .destacados a, .destProd a, .li3 a, .li4 a, .li5 a, .li6 a, .li6Azul a, .txt1 a, .txt1CE a,
.txt8, .txt8 a, .li4CE a:hover { color:#979797; }
.destacados a:hover, .destProd a:hover, .li3 a:hover, .li4 a:hover, .li5 a:hover, .li6 a:hover, .li9 a:hover, .txt3 a { color:#EA1C24; }
.destacados td, .destProd td { height:85px; vertical-align:top; }
.li5M, .li6M, .li6MAzul, .ArialFFF22, .ArialFFF18, .p2, .txt5, .txt6 {color:#FFF; }
.h1-2 { color:#868686; }
.txt7 { color:#DBDBDB; }
.li4CE a, .txt1CE a:hover, .li6Azul a:hover, .li9CE a:hover { color:#005488; }

.h1-1 a, .li7 a, .li9 a, .li9CE a, .destacados a, .destProd a, .li3 a, .li4 a, .li4CE a, .li5 a, .li6 a, .li6Azul a, .txt1 a, .txt1CE a, .h1-4 a, .txt3 a { text-decoration:none; } 

.h1-2, .h1-3, .h1-4 { font-weight:normal; }
.txt9 { font-weight:bold;}

/*.destProd td { height:93px; } */
/* menuP //////////////////////////////////////////////////////////////////////////////// */
#menuP { float:right; }
#menuP ul, #menuP ul li { list-style:none; float:left; padding-bottom:6px; }
.li1, .li1 a, .li1M, .li1extra, .li1extra a, .li1Mextra { display:inline; text-decoration:none; width:95px; margin-right:3px; float:left; padding-bottom:6px; }
.li1extra, .li1extra a, .li1Mextra { width:193px; }
.li1 a, .li1extra a { border-bottom:4px solid #979797; }
.li1 a:hover, .li1M, .li1extra a:hover, .li1Mextra { border-bottom:4px solid #EA1C24; color:#EA1C24; }

/* menuCE //////////////////////////////////////////////////////////////////////////////// */
.liCE, .liCE a, .liCEM, .liCEextra, .liCEextra a, .liCEMextra { display:inline; text-decoration:none; width:95px; margin-right:3px; float:left; padding-bottom:6px; }
.liCEextra, .liCEextra a, .liCEMextra { width:193px; }
.liCE a, .liCEextra a { border-bottom:4px solid #979797; }
.liCE a:hover, .liCEM, .liCEextra a:hover, .liCEMextra { border-bottom:4px solid #005488; color:#005488; }

/* menuB //////////////////////////////////////////////////////////////////////////////// */
#menuB { margin-top:10px; float:right; margin-right:-3px; }
#menuB ul, #menuB ul li { list-style:none; float:left; padding-top:6px; }
.li2, .li2 a, .li2M { display:inline; text-decoration:none; width:95px; margin-right:3px; float:left; padding-top:6px;  }
.li2 a { border-top:4px solid #979797; color:#979797; }
.li2 a:hover, .li2M { border-top:4px solid #EA1C24; color:#EA1C24; }
.li2M {margin-top:6px;}

/* menuBCE //////////////////////////////////////////////////////////////////////////////// */
.li2CE, .li2CE a, .li2CEM { display:inline; text-decoration:none; width:95px; margin-right:3px; float:left; padding-top:6px;  }
.li2CE a { border-top:4px solid #979797; color:#979797; }
.li2CE a:hover, .li2CEM { border-top:4px solid #005488; color:#005488; }
.li2CEM { margin-top:6px; }

/* menuDesplegable //////////////////////////////////////////////////////////////////////////// */
.dropdown { float:left; }
.dropdown dt {width:95px; cursor:pointer; border-bottom:4px solid #979797; padding-bottom:6px; }
.dropdown dd {position:absolute; overflow:hidden; width:95px; display:none; z-index:200; opacity:50; margin-top:-4px; }
.dropdown ul {width:95px; list-style:none;}
.dropdown a, .dropdown a:visited { display:block; padding:5px; width:95px; color:#FFF; text-decoration:none; background:#999; margin-bottom:-5px; filter:alpha(opacity=90); opacity:0.9; }
.dropdown a:hover { color:#000; }

/* menuDesplegableUP //////////////////////////////////////////////////////////////////////////// */
.dropdownUP { float:left; }
.dropdownUP dt {width:190px; cursor:pointer; border-bottom:4px solid #979797; padding-bottom:6px; }
.dropdownUP dd {position:absolute; overflow:hidden; width:190px; display:none; z-index:200; opacity:50; margin-top:-4px; }
.dropdownUP ul {width:190px; list-style:none;}
.dropdownUP a, .dropdownUP a:visited { display:block; padding:5px; width:190px; color:#FFF; text-decoration:none; background:#999; margin-bottom:-5px; filter:alpha(opacity=90); opacity:0.9; }
.dropdownUP a:hover { color:#000; }


/* CONTENIDO //////////////////////////////////////////////////////////////////////////// */
#centralHome { width:980px; height:470px; margin-top:5px; }
#centralHomeCE { width:980px; height:380px; margin-top:5px; border-bottom:1px #005488 solid; }
#centralCapacitacion1 { width:980px; height:470px; margin-top:5px; overflow:auto; }

#centralInteriores { width:980px; height:470px;}
#centralInteriores td { width:192px; height:93px; }
#menuOK { position:absolute; top:424px; }
#menuOK ul li{ list-style:none; }
.li3, .li4, .li5, .li4CE { width:177px; padding-left:15px; background-image:url(../img/fondo_Destacados.jpg); float:left;}
.li4CE { background-image:url(../img/fondo_DestacadosCE.jpg); }
.li5M { width:177px; padding-left:15px; background-color:#EA1C24; float:left;}
.li3 { height:62px; padding-top:23px; }
.li4, .li4CE { height:36px; padding-top:49px; }
.li5, .li5M { height:74px; padding-top:16px; }
.li6, .li6Azul { height:74px; padding-top:16px; width:170px; padding-left:10px; padding-right:10px; margin-bottom:5px; background-image:url(../img/fondo_Destacados.jpg); }
.li6M { height:74px; padding-top:16px; width:170px; padding-left:10px; padding-right:10px; background-color:#EA1C24; margin-bottom:5px; }
.li6MAzul { height:74px; padding-top:16px; width:170px; padding-left:10px; padding-right:10px; background-color:#005488; margin-bottom:5px; }
.li3separa {width:5px;float:left;}
.li6separa {width:5px; height:5px;}
.h1-1, .h2-1, .h2-2, .h3-1 { font-weight:normal; }
.h2-2, .h2-2 a{ text-transform:uppercase; text-decoration:none;}
.td1, .td2 { vertical-align:top;}
.li7 {background-color:#FFF; padding:4px; filter:alpha(opacity=70); opacity: 0.7; width:186px; margin-bottom:2px;}
.li8, .li8CE, .li9 { padding-left:8px; line-height:25px; margin-bottom:3px;}
.li9CE { padding-left:8px; line-height:18px; padding-bottom:3px; margin-bottom:3px; padding-right:8px; }
.li8 { background-color:#DED7CE; }
.li8CE { background-color:#005488; }
.li9, .li9CE { background-color:#F3F3F3; }

.p2{ margin-left:10px; margin-right:10px;}
#medio, #limpieza, #antiage, #tratamientoNocturno, #higieneCorporal, #reductorCorporal, #premium, #humectantesCorporales, #humectantes,
#correctivos, #ojosLabios, #protectoresSolares, #blanqueadores, #debilitadoresBello, #mascaras, #lociones, #principiosActivos, #formulasFaciales,
#renovadoresCelulares, #formulasEspecificas, #lineasPremium, #protectoresSolares, #topicosPeelings, #blanqueadores, #formulasCorporales
{ position:absolute; top:135px; left:198px; width:585px; height:375px;}
#medioAbajo { margin-top:0px; width:585px;  background-image:url(../img/fondo_Destacados.jpg); }
#productosRelacionados, #novedadesRelacionados { position:absolute; right:0px; top:65px; width:190px; }
#tratamientosRelacionados { position:absolute; right:18px; top:41px; width:165px; }
#novedadesRelacionados { top:40px; }
#productosRelacionados ul li, #novedadesRelacionados ul li, #tratamientosRelacionados ul li { list-style:none; }
#copy { height:37px; margin-top:5px; }

/* NOVEDADES */
.novAbajo { top:5px; height:135px; width:185px; position:absolute; border-right:1px #979797 solid; }
.novInfo { position:absolute; left:110px; top:115px; border:0px; }
.novImg { position:absolute; top:70px; border:0px; }
.otrasNov { height:40px; width:192px; background-color:#e3dcd3; margin-bottom:5px; }

/* pestañas productos //////////////////////////////////////////////////////////////////////////// */
.li10{ float:left;}
#pestLogin, #pestMasInfo { position:absolute; top:200px; left:390px; width:306px; height:250px; background-image:url(../img/solapa_hiden_chica.png); background-repeat:no-repeat; }
#pestCaract { position:absolute; top:65px; left:405px; width:306px; height:387px; background-image:url(../img/solapa_hiden_grande.png); background-repeat:no-repeat; }

/* formularios //////////////////////////////////////////////////////////////////////////// */
input, select, textarea { border:1px #CCC solid;-moz-border-radius:3px; -webkit-border-radius:3px; }

/* para el div oculto de capacitacion */

.sinMostrar { visibility:hidden;}
.mostrar 
{ position:absolute; width:100%; height:100%; visibility:visible; text-align:center; 
	background-color:#000; filter: alpha(opacity=70); opacity: 0.7;  }
.descripNO, .descripSI
{ position:absolute; left:50%; margin-left:-250px; top:50%; margin-top:-230px; border:1px solid #000; width:500px; height:460px; background-color:#FFF; }
.descripNO { visibility:hidden; }
.descripSI { visibility: visible; }

.descripNO1, .descripSI1
{ position:absolute; left:50%; margin-left:-350px; top:50%; margin-top:-320px; border:1px solid #000; width:720px; height:600px; background-color:#FFF; }
.descripNO1 { visibility:hidden; }
.descripSI1 { visibility: visible; }

#textoDescrip { float:right; width:232px; margin-right:10px; margin-top:10px; margin-right:6px; height:442px; }

/* accesorios */
.accesorios { width:960px; height:165px;}


/*
para_admin,txt1,txt2,txt3,txt4,txt5,txt6,txt7,txt8,txt9,para_admin


*/