/*                                               */
/* ------------------ AMODIL ------------------- */
/* ---------->> ESTILOS GLOBALES <<<-------------*/

@import url("style_compraonline.css");

*{margin: 0;padding: 0;} /*body, p, div, h1, h2, h3, h4, h5, h6, ul, ol, li, pre, blockquote, address, cite{ margin:0; padding:0;}*/
html body {text-align:center; /*para centrar en IE 5 o inferior*/ height:100%;}
.clearfix {clear:both; height:0px; font-size:1px;}
:focus {outline:0;}

body {font-family:Helvetica, Arial, sans-serif; font-size:12px; background:#FFF;  margin:0 auto;}
.wrapper {text-align:left; margin:0 auto; width:990px;}
a {text-decoration:none;}
 
/* ------------>> HEADER <<<------------------*/

.header {width:964px; background:#c1c2c2; height:70px; padding:0 13px 0 13px;}
.header .back_color {background:#9e9e9e; height:70px;}

.header  h1 a {background:url(../images/logo_amodil.gif) no-repeat; height:47px; width:192px; display:block; text-indent:-9999px;}
.header  h1 {float:left; margin:14px 0 0 15px;}

.header ul {padding:48px 18px 0 0; float:right;}
.header ul li {list-style:none; display:block; float:left;}
.header ul li a {color:#FFF; padding:0 9px;}
.header ul li a:hover {color:#000;}
.header ul .separador {height:13px; width:1px; display:block; background-color:#FFF;}
.header ul .boton_on {color:#000; padding:0 9px;}

.header ul .search {margin-top:-3px; margin-right:15px;}
.header ul .search .left {background: url(../images/compra_online/search_left.gif) no-repeat; width:21px; height:18px; display:block; float:left;}
.header ul .search input {float:left; background:url(../images/compra_online/search_back.gif) repeat-x; color:#666; border:none; height:14px; padding:3px 2px; font-size:11px; width:150px;}
.header ul .search .right {background: url(../images/compra_online/search_right.gif) no-repeat; width:9px; height:18px; display:block; float:left;}

.header .accesos_extras {position:absolute; display:block; margin:20px 0 0 624px; *margin:20px 0 0 422px; _margin:20px 0 0 394px;}
.header .accesos_extras a {color:#FFF; border:1px solid #c0c3c8; padding:2px 3px; margin-left:10px; display:block; float:left;}
.header .accesos_extras a:hover {color:#000;}

/* ------------>> CONTENIDO EMPRESA <<<------------------*/

.content_empresa  {background:url(../images/back_empresa.jpg) no-repeat right #e5f6f8; width:990px; height:369px; display:block;}

.content_empresa ul li {list-style:none; float:right;}
.content_empresa ul li a {width:283px; height:22px; display:block; margin-bottom:3px; color:#FFF; font-weight:bold; padding:8px 0 0 12px; background-color: #2BB5BF;}
.content_empresa ul li a:hover {background-color: #099BB0;}
.content_empresa .bot_empresas_int {float:right; width:300px; position:relative; margin-top:115px;}
.content_empresa .bot_empresas_int strong {color:#0a8798; text-align:left; margin-bottom:4px; width:295px; display:block;}
.content_empresa .bot_empresas_int li a {background:url(../images/back_btn_empresas.gif) repeat-y right #2BB5BF;} 
.content_empresa .bot_empresas_int li a:hover {background:url(../images/back_btn_empresas_over.gif) repeat-y right #099BB0;}
.content_empresa .bot_empresas_int li span {width:283px; height:22px; display:block; margin-bottom:3px; color:#FFF; font-weight:bold; padding:8px 0 0 12px; background:url(../images/back_btn_empresas_over.gif) repeat-y right #099BB0;}
.content_empresa .bot_empresas_int .volver a {color:#0a8798; text-align:left; background:none; padding:0; height:auto;}
.content_empresa .bot_empresas_int .volver a:hover {background:none; color:#075a65;}

.content_empresa p {color:#5f6164;}
.content_empresa  p strong {color:#0a8798; font-weight:normal;}

.content_empresa .foto_home {background:url(../images/foto_empresa.jpg) no-repeat; width:544px; height:108px; display:block; float:left; padding-top:260px;}
.content_empresa .foto_quienes {background:url(../images/foto_empresa_quienessomos.jpg) no-repeat; width:314px; height:368px; display:block; float:left;}
.content_empresa .foto_valores {background:url(../images/foto_empresa_valores.jpg) no-repeat; width:400px; height:368px; display:block; float:left;}
.content_empresa .foto_oportunidades {background:url(../images/foto_empresa_oportunidades.jpg) no-repeat; width:310px; height:368px; display:block; float:left;}

.content_empresa .texto_home {float:left; width:376px; margin:132px 50px 0 18px; _width:328px;}
.content_empresa .texto_home h2 {background:url(../images/tit_laempresa.gif) no-repeat; height:51px; width:225px; display:block; text-indent:-9999px;}
.content_empresa .texto_home p {line-height:14px;}

.content_empresa .text_quienes {float:left; width:656px; padding:30px 0 0 20px;}
.content_empresa .text_quienes h2 {background:url(../images/tit_quienessomos.gif) no-repeat; width:191px; height:27px; display:block; text-indent:-9999px; margin-bottom:15px;}
.content_empresa .text_quienes p {font-size:11px; width:334px; line-height:14px; margin-bottom:8px;}

.content_empresa .text_valores {float:left; width:570px; padding:30px 0 0 20px;}
.content_empresa .text_valores h2 {background:url(../images/tit_valores.gif) no-repeat; width:189px; height:26px; display:block; text-indent:-9999px; margin:65px 0 22px;}
.content_empresa .text_valores p {font-size:18px; line-height:26px;}

.content_empresa .text_oportunidades {float:left; width:660px; padding:30px 0 0 20px;}
.content_empresa .text_oportunidades h2 {background:url(../images/tit_oportunidades.gif) no-repeat; width:287px; height:33px; display:block; text-indent:-9999px; margin:65px 0 22px;}
.content_empresa .text_oportunidades p {font-size:13px; width:310px; margin-bottom:16px;}
.content_empresa .text_oportunidades p strong {font-weight:bold;}
.content_empresa .text_oportunidades h3 {color:#0a8798; font-size:15px;}
.content_empresa .text_oportunidades p a {background:#80c8d0; border:1px solid #FFF; text-transform:uppercase; padding:3px 8px; font-size:12px; color:#FFF; text-decoration:none; font-weight:bold;}
.content_empresa .text_oportunidades p a:hover {background:#57a2aa;}

/* ------------>> BANNERS / FOOTER <<<------------------*/

.banners_footer {margin-top:10px; padding-bottom:10px; border-bottom:1px solid #9e9e9e; height:124px;}
.banners_footer #banner_1, .banners_footer #banner_2, .banners_footer #banner_3 {float:left;}
.banners_footer #banner_2 {margin:0 10px 0 10px;}

.copy {font-size:11px; color: #999; padding:3px 0; height:18px;}
.copy a {font-weight:bold; text-decoration:none; color:#999;}
.copy a:hover { color:#666;}
.copy .legales {float:left;}
.copy .legales .separador {padding:0 8px;}
.copy .diseno {float:right;}

.copy2 {font-size:11px; color: #999; padding:3px 0; border-top:1px solid #9e9e9e; width:990px; margin:0 auto; clear:both; height:18px;}
.copy2 a {font-weight:bold; text-decoration:none; color:#999;}
.copy2 a:hover { color:#666;}
.copy2 .legales {float:left;}
.copy2 .legales .separador { padding:0 8px;}
.copy2 .diseno {float:right;}

/* ------------>> CONTENIDO GERENTAS <<<------------------*/

.content_gerentas {background:url(../images/back_gerentas.jpg) no-repeat right #e9ebd9; width:990px; height:368px; display:block; text-align:center; color:#909661;}
.content_gerentas h3 {font-size:30px; padding:134px 0 0 0;}
.content_gerentas p {font-size:20px; margin-top:-4px;}

/* ------------>> CONTENIDO CONTACTANOS <<<------------------*/

.content_contacto .foto {background:url(../images/foto_contacto.jpg) no-repeat; width:544px; height:368px; display:block; float:left; }
.content_contacto .foto h3 {margin:290px 8px 0 0; float:right; color:#FFF; font-size:16px;}
.content_contacto .foto h3 strong {font-size:17px; font-weight:bold;}
.content_contacto .form {float:left; width:430px; padding-left:16px; color:#76777a; height:auto; margin-bottom:-18px;}
.content_contacto .form h2 {background:url(../images/tit_contactanos.gif) no-repeat; width:234px; height:43px; display:block; text-indent:-9999px; margin:20px 0 14px 0;}
.content_contacto .form p {margin-bottom:18px;}
.content_contacto .form label {font-size:11px; text-align:right; width:122px; padding-right:10px; float:left;}
.content_contacto .form input {background:#e5e5e5; border:1px solid #d2d3d5; padding:2px; width:240px; float:left; font-family:Helvetica, Arial, sans-serif; font-size:11px; margin-bottom:5px;}
.content_contacto .form textarea {background:#e5e5e5; border:1px solid #d2d3d5; width:240px; padding:2px; float:left; font-family:Helvetica, Arial, sans-serif; font-size:11px; height:42px;}
.content_contacto .form .btn {background:#ababab; border:1px solid #767676; padding:3px 6px; font-size:12px; color:#FFF;  font-weight:bold; cursor:pointer; width:auto; margin:5px 0 0 132px; *width:150px;}
.content_contacto .form .btn:hover {background:#919191; border:1px solid #767676; padding:3px 6px; font-size:12px; color:#FFF;  font-weight:bold; cursor:pointer; width:auto; margin:5px 0 0 132px; *width:150px;}
.content_contacto .form br {clear:both;}
.content_contacto .form .aclaracion {font-weight:normal!important; font-size:11px; clear:both; padding-top:6px;}
.content_contacto .form .aclaracion .error {clear:both; color:#900;}

/* ------------>> CONTENIDO REVENDEDORAS <<<------------------*/

.content_revendedora {background:url(../images/back_revendedora.jpg) top right no-repeat; padding-bottom:1px; border-bottom:1px solid #9e9e9e;}
.content_revendedora .foto {background:url(../images/foto_revendedora.jpg) no-repeat; width:322px; height:502px; display:block; float:left;}
.content_revendedora .texto {height:341px; display:block; padding-top:26px; margin-left:335px;}
.content_revendedora .texto h2 {background:url(../images/tit_queresserrevendedora.gif) no-repeat; width:497px; height:46px; text-indent:-9999px; display:block;  margin-bottom:24px;}
.content_revendedora .texto p {color:#6e6f71; margin:6px 0 0 0; width:594px; }
.content_revendedora .texto p span {color:#cc6c9e; font-weight:bold;}
.content_revendedora .texto .txt_1 {color:#cc6c9e; font-size:14px; font-weight:bold; margin-top:18px;}
.content_revendedora .texto .txt_1 a {color:#cc6c9e; font-size:14px; font-weight:bold;}
.content_revendedora .texto .txt_1 a strong {text-decoration:underline;}
.content_revendedora .texto .txt_1 a:hover {color:#ad4b7e;}
.content_revendedora .texto .aclaracion {color:#cc6c9e; font-size:10px; margin-top:0px;}
.content_revendedora .banners_footer #banner_2 {_margin-left:4px;}
.content_revendedora .banners_footer { border:0;}

.content_revendedora .form {height:351px; display:block; padding-top:16px; margin-left:335px; }
.content_revendedora .form h2 {background:url(../images/tit_completaelformulario.gif) no-repeat; width:450px; height:39px; text-indent:-9999px; display:block;  margin-bottom:4px; float:left;}
.content_revendedora .form h3 {float:left; margin:17px 39px 0 0; _margin:17px 20px 0 0; font-size:12px;}
.content_revendedora .form h3 a {color:#c85d95;}
.content_revendedora .form h3 a:hover {color:#99366a;}
.content_revendedora .form .col1, .content_revendedora .form .col2  {width:320px; float:left; height:270px; margin-top:5px;}
.content_revendedora .form label {font-size:11px; color:#8a8b8d; padding-right:5px; float:left; width:54px; text-align:right;}
.content_revendedora .form .label_1 {width:40px; padding-left:6px;}
.content_revendedora .form .label_5 {width:20px; padding-left:6px;}
.content_revendedora .form .label_2 {width:75px; padding-left:6px;}
.content_revendedora .form .label_3 {width:320px; text-align:left; margin:6px 0 2px 0;}
.content_revendedora .form .label_4 {width:40px; padding-left:6px;}
.content_revendedora .form input, .content_revendedora .form select, .content_revendedora .form textarea {float:left; border:1px solid #CCC; padding:1px; font-family:Helvetica, Arial, sans-serif; font-size:11px; margin-bottom:3px;}
.content_revendedora .form .input_1 {width:204px; height:14px;}
.content_revendedora .form .input_2 {width:75px; height:14px;}
.content_revendedora .form .input_3 {width:40px; height:14px;}
.content_revendedora .form .input_5 {width:100px; height:14px;}
.content_revendedora .form .input_6 {width:107px; height:14px;}
.content_revendedora .form textarea {width:258px; height:46px;}
.content_revendedora .form select {padding:0; margin-top:-2px;}
.content_revendedora .form br {clear:both;}
.content_revendedora .form .col1 p, .content_revendedora .form .col2 p {font-size:11px; color:#8a8b8d; font-weight:bold; padding:4px 0 4px 0;}
.content_revendedora .form p {font-size:11px; color:#8a8b8d; }
.content_revendedora .form .btn {background:#ababab; border:1px solid #767676; padding:3px 6px; font-size:12px; color:#FFF;  font-weight:bold; cursor:pointer; width:auto; margin:10px 0 0 0;}
.content_revendedora .form .btn:hover {background:#919191;}
.content_revendedora .form .aclaracion {font-weight:normal!important;  margin-top:10px!important;  *margin-top:15px!important;}
.content_revendedora .form .aclaracion .error {clear:both; color:#900;}

/* ------------>> CONTENIDO CONSEJOS <<<------------------*/

.content_consejos {width:990px; height:369px; display:block;}
.content_consejos .foto {background:url(../images/back_consejos.jpg) no-repeat; width:544px; height:367px; display:block; float:left;}
.content_consejos .texto {display:block; float:left; padding:20px 20px 0 20px; width:390px;}

.content_consejos .foto h2 {background:url(../images/tit_consejosbelleza.gif) no-repeat; width:384px; height:52px; display:block; text-indent:-9999px; margin:100px 0 0 80px;}
.content_consejos .foto ul { margin-top:75px;}
.content_consejos .foto ul li {float:right; list-style:none;}
.content_consejos .foto ul li a {width:283px; height:22px; display:block; margin-bottom:3px; color:#FFF; font-weight:bold; padding:8px 0 0 12px; background-color:#e27b4f;}
.content_consejos .foto ul li a:hover {background-color:#db5a23;}
.content_consejos .foto ul li span {width:283px; height:22px; display:block; margin-bottom:3px; color:#FFF; font-weight:bold; padding:8px 0 0 12px; background-color:#db5a23;}

.content_consejos .texto .titulo_1 {background:url(../images/tit_consejo_1.gif) no-repeat; width:310px; height:24px; display:block; text-indent:-9999px; margin:50px 0 20px 0; *margin:70px 0 20px 0;}
.content_consejos .texto .titulo_2 {background:url(../images/tit_consejo_2.gif) no-repeat; width:314px; height:24px; display:block; text-indent:-9999px; margin:10px 0 15px 0; *margin:30px 0 15px 0;}
.content_consejos .texto .titulo_3 {background:url(../images/tit_consejo_3.gif) no-repeat; width:390px; height:24px; display:block; text-indent:-9999px; margin:48px 0 15px 0; *margin:58px 0 15px 0;}
.content_consejos .texto .titulo_4 {background:url(../images/tit_consejo_4.gif) no-repeat; width:363px; height:24px; display:block; text-indent:-9999px; margin:36px 0 15px 0; *margin:55px 0 15px 0;}
.content_consejos .texto p {color:#6d6e71; margin:10px 0 0 0;}
.content_consejos .texto p span {color:#e27b4f; font-weight:bold;}

/* ------------>> CONTENIDO LANZAMIENTOS <<<------------------*/

.content_lanzamiento {background:url(../images/back_lanzamientos.jpg) top right no-repeat; padding-bottom:1px; border-bottom:1px solid #9e9e9e!important;}
.content_lanzamiento .foto_1 {background:url(../images/foto_lanzamiento_1.jpg) no-repeat; width:321px; height:502px; display:block; float:left;}
.content_lanzamiento .foto_2 {background:url(../images/foto_lanzamiento_2.jpg) no-repeat; width:321px; height:502px; display:block; float:left;}
.content_lanzamiento .texto_1 {height:341px; display:block; padding-top:26px; margin-left:335px;}
.content_lanzamiento .texto_2 {height:341px; display:block; padding-top:26px; margin-left:335px;}
.content_lanzamiento .banners_footer #banner_1 {margin:0 11px 0 12px; _margin:0 11px 0 4px;}
.content_lanzamiento .banners_footer {border:0; float:right;}
.content_lanzamiento h2 {background:url(../images/tit_lanzamientos.gif) no-repeat; width:258px; height:42px; text-indent:-9999px; display:block; margin-top:10px;}
.content_lanzamiento h3 {color:#7e6f9a; font-size:18px; font-weight:normal; margin-top:30px;}
.content_lanzamiento h4 {color:#7e6f9a; font-size:15px;}
.content_lanzamiento span {color:#7e6f9a; font-weight:bold;}
.content_lanzamiento p {color:#6e6f71; width:570px; margin-top:10px;}
.content_lanzamiento .texto_2 h3 {margin-top:20px;}
.content_lanzamiento .texto_2 ul li {list-style:none; float:left; display:block; width:145px; color:#6e6f71;}
.content_lanzamiento .texto_2 ul {width:290px; height:75px; margin-top:15px;}
.content_lanzamiento .siguiente {float:right; background:url(../images/flecha.gif) no-repeat; width:18px; height:30px; display:block; text-indent:-9999px; margin:172px 36px 0 0; _margin:172px 20px 0 0;}
.content_lanzamiento .siguiente:hover {background-position:bottom;}
.content_lanzamiento .texto_2 .recuadro {border:1px solid #b4acc3; padding:6px;}

/* ------------>> CONTENIDO LEGALES <<<------------------*/

.content_legales { background:url(../images/back_legales.jpg) no-repeat; width:812px; min-height:290px; height:auto!important; height:290px; display:block; text-align:left; color:#241f20; border-bottom:1px solid #9e9e9e!important; margin-bottom:3px; padding:195px 90px 15px 90px;}
.content_legales h3 {font-size:20px; margin-bottom:20px; color:#241f20!important;}
.content_legales p {font-size:11px; margin:10px 0;}
.content_legales p a {color:#241f20; text-decoration:underline;}