body {background-color:#270d54; margin:12px 0px 0px 0px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000;}
b {font-weight:normal;}
strong {font-weight:normal;}
/*estilo de la tabla que engloba todo*/
#todo {width:100%; text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000;}

/*cabecera*/
#contenido {width:778px;margin-left:auto; margin-right:auto; text-align:left}
#cabecera{background-color:#fff}
#cabecera img{display:block}
#cabecera p{float:right; margin:7px 5px 0px 0px; color:#270d54; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal}
html>body #cabecera p{margin: 7px 11px 0px 0px}
div.cabNew a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;color:#270d54}
div.cabNew span.subcabNew *.enlCab {color:#000000;}
/*#cabecera a{color:#270d54; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:none}
#cabecera a:hover{color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:underline}*/
#logo {
	padding: 10px 0px 10px 15px;

}
/*menu principal*/
#menu {font-family:Arial, Verdana, Helvetica, sans-serif; color:#000;padding:5px 0px 5px 9px;}
#menu h3{float:left; margin:0px 20px 7px 0px;font-weight:normal;  font-size:10px}
#menu a{color:#fff; text-decoration:none}
#menu a:hover{color:#fda83e; text-decoration:none}

/*cuerpohome*/
#cuerpo {background-color:#fff;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#000;margin-top:10px}

h2 {background:url(../img/bullet.gif) left center no-repeat;padding-left:15px;font-size:13px;color:#270d54;font-weight:normal}
h6 {background:url(../img/bullet.gif) left center no-repeat;padding-left:15px;font-size:13px;color:#270d54;font-weight:normal}
#cuerpo h3 {font-family:Verdana, sans-serif;font-size:13px; font-weight:normal; color:#000;padding:5px 10px; margin:0px}
#cuerpo #margenizquierdo h1{font-weight:normal; font-size:10px; margin:0;padding:0px 13px 0px 15px}
#cuerpo #margenizquierdo {float:left;width:467px; padding:10px 0px 15px 0px;}
#cuerpo #margenizquierdo p{padding:0px 13px 0px 10px}
html>body #cuerpo #margenizquierdo {width:467px;}
/*#cuerpo #margenizquierdo a,#cuerpo #margenderecho a{color:#270d54; font-size:10px; font-weight:normal; text-decoration:none}*/
/*#cuerpo #margenizquierdo a:hover,#cuerpo #margenderecho a:hover{color:#fda83e; font-size:10px; font-weight:normal; text-decoration:underline}*/

html>body #cuerpo #margenizquierdocuestionario {width:100%px;}
#cuerpo #margenizquierdocuestionario {float:left;width:100%; padding:10px 0px 15px 0px}
#cuerpo #margenizquierdocuestionario h2{font-weight:bold; margin:0; padding-left:15px;}
#cuerpo #margenizquierdocuestionario p{padding:0px 13px 0px 15px}
#cuerpo #margenizquierdocuestionario a{color:#270d54; font-size:10px; font-weight:normal; text-decoration:none}
#cuerpo #margenizquierdocuestionario a:hover{color:#270d54; font-size:10px; font-weight:normal; text-decoration:underline}

#cuestionariofin {margin-left:200; margin-top:100; margin-bottom:100; margin-right:200; border:1 dashed #270d54; background:#D9E9F0; font-weight:normal;text-align:justify; padding:15px;}
#cuestionariofin a{color:#000000; text-decoration:undeline;}
#cuestionariofin a:hover{color:#32CEFF; text-decoration:none;}

#distribuidores{margin-left:15px}

#contenedor1{float:right; margin:8px 10px 0px 0px;width:190px}
#cuerpo #margenizquierdo #atencioncliente {background-color:#E6E6E6;margin-bottom:5px}
#cuerpo #margenizquierdo #atencioncliente p{margin:0px; padding:5px 10px 5px 10px; background-color:#E6E6E6}

#cuerpo #margenderecho #atencioncliente {background-color:#E6E6E6;margin-bottom:5px;margin-left:40px;width:220px}
#cuerpo #margenderecho #atencioncliente p{margin:0px; padding:5px 10px 5px 10px; background-color:#E6E6E6}

#cuerpo #margenderecho #linprod {background-color:#270d54; width:278px; margin-left:10px; padding-left:10px; color:#FFFFFF; font-weight:bold;}
#cuerpo #margenderecho #linprod a{color:#FFFFFF; text-decoration:none;}
#cuerpo #margenderecho #linprod a:hover{color:#FFFFFF; text-decoration:underline;}
#cuerpo #margenderecho #linprod # centrar {float:center;}

#cuerpo #margenderecho #atecon {background-color:#C6D6E7; width:278px; margin-left:10px; padding-left:10px; font-size:10px;}
#cuerpo #margenderecho #atecon p {color:#270d54;}
#cuerpo #margenderecho #atecon # centrar {float:center;} 

#cuerpo #margenizquierdo #presentaciones {padding:10px 0px 5px 10px}

 
#cuerpo #margenizquierdo #presentaciones p{margin:0px; padding:0px 0px 5px 0px}


#margenderecho {width:280px;float:right; margin:10px 10px 0px 0px}
#margenderecho h1{font-weight:normal; font-size:10px; margin:0;}
html>body #margenderecho {width:290px;}

#cuerpo #margenderecho #revista img{float:left; margin-right:10px}

#margencentralchat {width:750px; float:center; margin:10px 10px 10px 10px; text-align:center}

/* - - E S T I L O   F O R O - - */
#margencentral {width:750px; margin:10px 10px 10px 10px; text-align:center}
#cuerpo #margencentral h1{font-weight:bold; font-size:10px; margin:0;padding:0px 13px 0px 15px}
#cuerpo #margencentral p{padding:0px 13px 0px 15px}
#cuerpo #margencentral a{color:#270d54; font-size:10px; font-weight:normal; text-decoration:none}
#cuerpo #margencentral a:hover{color:#270d54; font-size:10px; font-weight:normal; text-decoration:underline}

#menu_canal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000;padding:5px 0px 5px 9px;}
#menu_canal h3{float:left; margin:0px 40px 7px 0px; font-size:11px}
#menu_canal a{color:#270d54; text-decoration:none}
#menu_canal a:hover{color:#270d54; text-decoration:none}
/* - - E S T I L O   F O R O - - */

/*pie de pagina*/
#pie {clear:both;background-color:#fff; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:10px; font-weight:normal; margin-top:9px; }
#pie img{display:block}
#pie p{margin:5px}
#pie a{color:#000; text-decoration:underline;}
#pie a:hover{color:#fff; text-decoration:underline;}


/*Página de productos*/

#productosizq {width:190px;padding-top:10px; float:left;}
#productosizq a{color:#270d54; font-size:10px; font-weight:normal; text-decoration:none}
#productosizq a:hover{color:#270d54; font-size:10px; font-weight:normal; text-decoration:underline}

#menuproductos {background-color:#270d54; color:#fff; font-weight:normal; width:161px;margin-left:15px}
#menuproductos p {margin:0px 0px 0px 10px; height:13px}

#subproductos {background: url('/colombia/img/fondo_borde.gif') repeat-y left top; width:161px;margin-left:15px; margin-top:10px;}
#subproductos p {margin:6px 0px 6px 10px;}
#subproductos a {color:#270d54; font-weight:normal; text-decoration:none}
#subproductos a:hover {color:#fda83e; font-weight:normal; text-decoration:underline}



#subservicios {background-color:#EEF2F5;width:161px;margin-left:15px; margin-top:30px;padding-bottom:20px}
#subservicios p{margin:0px; padding:0px 10px 5px 5px; background-color:#EEF2F5}
#subservicios h3{color:#326698; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:0px; padding:15px 10px 5px 5px}


#productosdcha {margin:10px 10px 0px 0px; width:555px;float:right}
html>body #productosdcha {margin:10px 15px 10px 0px; width:565px;}

#productosdcha p {margin:5px 0px 15px px}
#productosdcha h1 strong{font-size:11px;}
#productosdcha ul{list-style-type:none;padding-left:15px; margin-left:0px}5px 0px 25px 0px; font-weight:normal; font-size:10px}
#productosdcha a {color:#270d54; text-decoration:none; font-weight:normal;}
#productosdcha a:hover {color:#ffa83e; text-decoration:underline; font-weight:normal;}


#productosdcha h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#270d54;margin :0px 0px 10px 0px}
#productosdcha h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px; font-weight:normal; color:#000;margin :0px 0px 0px 0px; padding:0px}
#productosdcha h4 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px; font-weight:normal; color:#270d54;margin :30px 0px 10px 0px; padding:0px}

#nombreproducto{width:275px; float:left}


#moduloofertas{float:right; width:260px}
#moduloofertas #azul {background-color:#F3F3F3; color:#CB0101}
#moduloofertas #azul p {margin:5px; text-align:center}
#moduloofertas #azul strong{font-size:11px}
#moduloofertas #naranja{background-color:#FFFFFF; color:#F69D41; font-weight:normal; margin-top:10px;}
#moduloofertas #naranja strong {margin-left:7px; }

#moduloofertas #naranja a{color:#F69D41; text-decoration:underline;font-weight:normal}
#moduloofertas #naranja a:hover{color:#F69D41; text-decoration:none;font-weight:normal}


#novedades{ padding:5px; margin: 0px 0px 10px 0px;}
#novedades li{ list-style-type:disc}

#caracteristicas{clear:both}
#requisitos { font-size:normal; color:#000; width:490px; margin-top:40px;margin-bottom:40px;}
#requisitos strong{color:#666;margin-top:0px}
#requisitos ul{ list-style-type:disc}
#requisitos p{text-align:left;background-color:#FFFFFF;}
#requisitos .izq{float:left; width:200px; margin-left:10px}
#requisitos .der{float:right;width:200px; margin-right:10px}

/*servicios*/
#nombreservicio {float:left;width:300px}
#nombreservicio a {color:#270d54; text-decoration:underline; font-weight:normal;}
#nombreservicio a:hover {color:#000; text-decoration:underline; font-weight:normal;}

#moduloofertas1{float:right;width:250px}
#moduloofertas1 #azul {background-color:#F3F3F3; color:#CB0101}
#moduloofertas1 #azul p {margin:5px; text-align:center}
#moduloofertas1 #azul strong{font-size:11px}
#moduloofertas1 #naranja{background-color:#F69D41; color:#fff; font-weight:normal; margin-top:10px;}
#moduloofertas1 #naranja strong {margin-left:7px; }

#moduloofertas1 #naranja a{color:#fff; text-decoration:underline;font-weight:normal; }
#moduloofertas1 #naranja a:hover{color:#fff; text-decoration:none;font-weight:normal}

#banners a{font-size:10px; font-weight:normal; color:#fff; text-decoration:none}
#banners a:hover{font-size:10px; font-weight:normal; color:#32CEFF; text-decoration:none}

/*Corporativo*/

/*menu*/

#corporativo{float:left; margin-right:10px;}


#margenizquierdo #menucorporativo {background: url('/colombia/img/fondo_borde.gif') repeat-y left top; width:161px;margin-left:15px; margin-top:10px;}
#margenizquierdo #menucorporativo p {margin:6px 0px 6px 0px; padding-left:10px}
#margenizquierdo #menucorporativo a {color:#270d54; font-weight:normal; text-decoration:none}
#margenizquierdo #menucorporativo a:hover {color:#fda83e; font-weight:normal; text-decoration:underline}

#menuproductos1 {background-color:#270d54; color:#fff; font-weight:normal; width:161px;margin-left:15px;}
#menuproductos1 p {margin:0px 0px 0px -5px; height:13px;padding:0px}

#intro{width:258px;float:right; margin-right:15px; margin-bottom:0px; height:150px}
#intro p{padding:0px; margin:0px 0px 5px 0px}
html>body #intro{margin-bottom:15px}
#intro h5{font-size:10px; font-weight:normal; margin:10px 0px 10px 0px}
#texto{clear:both;margin:0px 0px 0px 10px;color:#666;padding:0px}




/*     Socios      */

#socios{float:left;width:150px}
#socios img{margin:0px 25px 0px 25px; float:none}

/*  Noticias  */

html>body #intro ul {padding:0px 10px 10px 0px}
#intro ul{margin-left:18px}
#intro li{margin-top:10px; }
#intro li span{color:#ffa83e; font-weight:bold}

#texto h5{color:#270d54; margin:0px 0px 10px 15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal}
#texto h3{margin-left:5px}


/*    revista   */

#texto input.texto{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:270d54; background-color:#fff; border-bottom:1px solid #270d54; border-right:1px solid #270d54; border-top:0px; border-left:0px; margin-left:10px}
#texto textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:270d54; background-color:#fff; border-bottom:1px solid #270d54; border-right:1px solid #270d54; border-top:0px; border-left:0px; margin-left:10px}
#texto form{margin:15px; padding:15px; background-color:#e9e6ef; border:1px dashed #270d54}
#texto input.boton {background-color:#270d54; font-size:10px; font-weight:bold; color:#fff; padding:4px; border:0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#texto select{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:270d54; background-color:#fff; border-bottom:1px solid #270d54; border-right:1px solid #270d54; border-top:0px; border-left:0px; margin-left:10px}
#texto input.radio{background:#EEF2F5 none}




/*  Formacion ***************    OJO QUE ESTE CONTIENE TABLAS, SI NO SE PONE EL ESTILO PARA QUE ACTUE DENTRO DE LAS TABLAS, EN LOS EXPLORADORES ANTIGUOS SALE UNA TIPO MUY GRANDE*************  */
#formaciondcha {margin:10px 10px 0px 0px; width:555px;float:right; }
html>body #formaciondcha{margin:10px 15px 10px 0px; width:565px;}


#formaciondcha table{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:0px; margin:10px 0px 10px 14px}
/*#texto td{border:0px; background-color:#EEF2F5}*/
#formaciondcha td{border-bottom: 1px solid #270d54; border-top:0px; border-left:0px; border-right:0px}
#formaciondcha span{color:#336699}
#formaciondcha h2{margin-left:15px}
#formaciondcha h6{background-color:#270d54; margin-left:15px; color:#fff; padding:5px}/*Este estilo es para poner las horas en blanco sobre fondo azul*/
#formaciondcha p {margin:5px 0px 15px 15px}
#formaciondcha h1 {margin:5px 0px 25px 0px; font-weight:bold; font-size:10px}
#formaciondcha h1 strong{font-size:11px;}
#formaciondcha ul{list-style-type:none;padding-left:15px; margin-left:0px}
#formaciondcha a {color:#270d54; text-decoration:none; font-weight:bold;}
#formaciondcha a:hover {color:#ffa83e; text-decoration:underline; font-weight:bold;}


#formaciondcha h3 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px; font-weight:bold; color:#000;margin :0px 0px 0px 0px; padding:0px}
#formaciondcha h4 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px; font-weight:bold; color:#270d54;margin :30px 0px 10px 0px; padding:0px}

/**********   ESTOS ESTILOS CON #TEXTO SIRVEN PARA LA PAGINA PRINCIPAL DE FORMACION  ***********/


#texto table{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:0px; margin:10px 0px 10px 14px}
/*#texto td{border:0px; background-color:#EEF2F5}*/
#texto td{border-bottom: 1px solid #270d54; border-top:0px; border-left:0px; border-right:0px;}
#texto span{color:#336699}
#texto h2{margin-left:15px}
#texto h6{background-color:#270d54; margin-left:15px; color:#fff; padding:5px}/*Este estilo es para poner las horas en blanco sobre fondo azul*/



/*servicios*/



#nombreservicio table{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:0px; margin:10px 0px 10px 14px}
#nombreservicio td{border-bottom: 1px solid #270d54; border-top:0px; border-left:0px; border-right:0px}
#nombreservicio span{color:#ffa83e}



/* Distribuidores */

#subproductos select{border:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; width:140px;background-color:#f3f3f3; margin:10px 0px 10px 0px}
#subproductos p.intro{width:140px}


#distri{background-color:#fff; width:508px; margin-left:6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000; font-weight:normal; }
#distri table{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000; font-weight:normal; }


#contenidodistri{padding:0px 10px 0px 10px; height:345px}
html>body #contenidodistri{height:355px}

#combo{float:left; width:160px}
#combo select{border:#369; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color:#f3f3f3}
#distriderecha{float:right; width:300px; padding:10px; border:dashed 1px #ccc; }
html>body #distriderecha {margin-bottom:10px}
html>body #distriderecha {width:300px}
#distriderecha a {color:#270d54; text-decoration:none; font-weight:bold;}
#distriderecha a:hover {color:#ffa83e; text-decoration:underline; }

/*Volver*/
#distriderecha a.volver {color:#cc0000; text-decoration:none; }
#distriderecha a.volver:hover {color:#000; text-decoration:none; }

#popupinicio {margin-right:10px; margin-top:290px;width:205px;float:right;}

/**************************   FORMULARIO     ***************************************/


input.boton {background-color:#270d54; font-size:10px; font-weight:bold; color:#fff; padding:4px; border:0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
input.pass{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:270d54; background-color:#f3f3f3; border-bottom:1px solid #270d54; border-right:1px solid #270d54; border-top:0px; border-left:0px; margin-left:10px}
input.pass2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:270d54; background-color:#f3f3f3; border-bottom:1px solid #270d54; border-right:1px solid #270d54; border-top:0px; border-left:0px}
input.admin{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:270d54; background-color:#f3f3f3; border-bottom:1px solid #270d54; border-right:1px solid #270d54; border-top:0px; border-left:0px; margin-left:10px}
textarea.admin{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:270d54; background-color:#f3f3f3; border-bottom:1px solid #270d54; border-right:1px solid #270d54; border-top:0px; border-left:0px; margin-left:10px; width:300px}
input.popup{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:270d54; background-color:#FFFFFF; border-bottom:3px solid #CCCCCC; border-right:3px solid #CCCCCC; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC;margin-bottom:5px;}

/*//////////////////////////////////////////////////////////////////////*/

div.cabNew a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;color:#270d54}
div.cabNew span.subcabNew *.enlCab {color:#000000;}
h4 {background:url(../img/bullet.gif) left center no-repeat;padding-left:15px;margin: 10px 0px -5px 15px;font-size:13px;color:#270d54;font-weight:normal}
h4 a {font-size:13px}
h4 a:hover {font-size:13px}
h5 {margin: 10px 0px 10px 0px;font-size:13px;color:#270d54;font-weight:normal}

div.banBajo {margin-left:25px;width:470px;margin-top:10px;border-top:dotted 1px #999;border-bottom:dotted 1px #999;}
div.banBajo img{margin-bottom:10px}
a {color:#270d54;  font-weight:normal; text-decoration:none}
div.banBajo a.info {margin-top:10px;float:right;}
a:hover{color:#fda83e;  font-weight:normal; text-decoration:underline}
hr {margin-left:35px;border:dotted 1px #999}
img {border:none}
div.banIzq {float:left;width:150px}
div.banCen {float:left;margin: 0px 10px 0px 10px;width:150px}
div.banDer {float:right;width:150px}
div.cuadroDer {text-align:left;border-bottom:dotted 1px #999;margin: 15px 5px 15px 0px;background-color:#e9e6ef;width:240px}
div.cuadroDer div.cabecilla {background-color:#270d54;padding:5px 0px 2px 20px;margin:0px}
div.cuadroDer h4 {margin-left:20px;}
div.cuadroDer div.cabecilla h5 {color:#fda83e;}
div.cuadroDer p {margin: 10px 20px 15px 20px;font-size:95%;}
div.separador {height:10px;background-color:#fff; margin-top:15px}
*.clear {clear:both}


div.corporativo {background-color:#e9e6ef;width:180px;margin: 0px 10px 10px 0px;padding-bottom:10px;}
div.corporativo div.cabecilla {background-color:#260a5e;padding:5px 0px 5px 20px;margin-bottom:10px}
div.corporativo div.cabecilla h5{color:#fda83e;margin:0px}
div#productosizq div.cabecilla2 {width:200px;margin: 0px 0px 10px 20px;background-color:#260a5e;padding:5px 0px 5px 20px;}
div#productosizq div.cabecilla2 h5{color:#fda83e;margin:0px}
div.corporativo h4 a {font-size:80%;}
div.corporativo h4 a:hover{font-size:80%;}
div.corporativo h4 {margin: 5px 0px 0px 10px;}
div.corporativo p, div.corporativo h2 {margin-left:20px;margin-right:10px;}
div.corporativo p {margin:0px 10px 5px 20px}
div.cuerpo {margin: 0px 20px 0px 20px}
*.negritas{font-weight:bold}