/*  2009 Ki Teknology Todos los Derechos Reservados. 	      */  
/*  CSS para proyecto {PRINCIPAL CHILE                        */
/*  Version 1.0                                               */
/*  media: SCREEN                      						  */
/*  Fecha de creación 13/08/2009                              */

/*  HISTORIAL DE MODIFICACIONES                               */
/*  dd/mm/aaaa Comentario de la modificacion realizada        */



/*  REDEFINICION DE ELEMENTOS HTML  */
body{background: #fff; margin: 0px; padding: 0px; font: 11px Arial, Verdana, Helvetica, sans-serif; color: #003B71;}

table{font: 1em Arial, Helvetica, sans-serif;}
td{font: 1em Arial, Helvetica, sans-serif;}

p { margin:0px; padding:0px; font:11px Arial, Verdana, Helvetica;}
h1{font:Arial, Verdana, Helvetica}
h2{font:Arial, Verdana, Helvetica}
h3{font:Arial, Verdana, Helvetica}
h4{font:Arial, Verdana, Helvetica}
h5{font:Arial, Verdana, Helvetica}
h6{font:Arial, Verdana, Helvetica}

strong, b{}
img { border:none;}

a:link{color: #294C92; text-decoration: none;}
a:visited{color: #294C92; text-decoration: none;}
a:hover{color: #294C92; text-decoration: underline ;}
a:active{color: #294C92; text-decoration: underline;}

.img_left{float: left; margin: 5px 10px 0px 0px; padding: 0px;}
:focus{outline: none;}


form{margin: 0px; padding: 0px;}
input, select{font: 11px Arial, Helvetica, sans-serif; color: #153757;}

label{margin: 0px; padding: 0px; cursor: pointer;}

ul{}
li{}

.subir{background: url(../images/html/bullet_link_destacado_portada.gif) no-repeat 346px 7px; text-align: right;}
.subir a:link, .subir a:visited{color: #F90; text-decoration: underline; padding: 0px 0px 0px 10px;font-size: 9px;}
.subir a:hover, .subir a:active{color: #F90; text-decoration: none;font-size: 9px; }


/* Estilos Para Popup */
#popup {position:absolute; left:150px; top:70px;}
#popup table { padding:0px; border:10px solid #002251; border-collapse:collapse;}
#popup table th { padding:2px; border:10px solid #002251; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#000; background:#FFF;}
#popup table td { padding:0px; border:10px solid #002251; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:right; background:#002251;}
#popup table td a { text-decoration:none; color:#FFF;}


button{margin: 0px; padding: 0px; cursor: pointer; border: none;}

input{ border:1px solid #ccc; outline:none;}
.input_buscar { background:url(../images/html/bg_input_buscar.jpg) repeat-x center top; padding:0px; margin:3px 0px 0px 0px; height:18px;}

/*Estilso Css mas usados*/
.alinear_txt_izquierda{text-align:left;}
.alinear_txt_derecha{text-align:right;}
.alinear_txt_centro{text-align:center;}
.alinear_izquierda{float:left;}
.alinear_derecha{float:right;}
.btn_buscar { background: url(../images/html/btn_buscar.jpg) no-repeat 0px 0px; width:59px; height:20px; margin:0px; padding:0px; font:1px Arial, Verdana, Helvetica; color:#fff;  text-indent:-9000px; cursor:pointer; outline:none; border:none;}

/* HEADER */
#main_header { width:100%; height:auto; display:block; margin:0px; padding:0px; background: url(../images/html/bg_header.jpg) repeat-x center top; overflow:hidden; border-bottom:1px solid #003B71; display:none; visibility:hidden;}
#main_header #header { width:993px; height:auto; padding:7px 0px 5px 0px; margin:0px auto; display:block; overflow:hidden; }
#main_header #header h1 { font:1px Arial, Verdana, Helvetica;  text-indent:-9000px; width:157; height:57px; margin:0px; padding:0px 0px 0px 15px; width:102px; height:65px; float:left;}
#main_header #header h1#logotipo {background:url(../images/html/logo_principal.jpg) no-repeat center top; }
#main_header #header #top_bar { width:200px; height:20px; margin:0px ; padding:0px 0px 5px 360px; display:block; float:left; }
#main_header #header ul { width:310px; height:16px; margin:0px; padding:4px 0px 0px 0px; float:right; list-style-type: none;}
#main_header #header li { display:inline; padding:0px 0px 0px 18px; background:url(../images/html/bullet_li.jpg) no-repeat 7px 5px;}
#main_header #header #tel_contacto { width:500px; height:42px; padding:3px 0px 0px 50px; margin:0px; float:right; background:url(../images/html/linea_segmentada.jpg) no-repeat 35px 0px; }

/* WRAPPER */
#wrapper { width:100%; height:auto; display:block; overflow:hidden; padding:0px ; margin:0px; background:url(../images/html/bg_wrapper.jpg) repeat-x center top; border-bottom:1px solid #003B71; }
#wrapper #container {width:993px; height:auto; padding:0px; margin:0px auto; display:block; overflow:hidden;}

/* MENU PRINCIPAL */
#wrapper #container #main_menu { width:180px; height:auto; padding:0px 0px 10px 7px; margin:0px 0px 0px 0px; overflow:hidden; float:left; display:none; visibility:hidden;}
#wrapper #container #main_menu.home {padding:20px 0px 0px 0px;} 
/* MENU PRODUCTOS */
#wrapper #container #main_menu #menu_productos { width:180px; height:auto; background:#003B71; margin:0px; padding:0px; display:block; color:#fff; font-weight:bold; float:left; overflow:hidden;}
#wrapper #container #main_menu #menu_productos a:link, #wrapper #container #main_menu #menu_productos a:visited { color:#fff; text-decoration:none;}
#wrapper #container #main_menu #menu_productos a:hover, #wrapper #container #main_menu #menu_productos a:active {color:#fff; text-decoration:underline;}
#wrapper #container #main_menu #menu_productos ul { padding:0px; margin:0px; list-style-type: none;}
#wrapper #container #main_menu #menu_productos li { border-bottom:1px dotted #9BB2C7; padding:6px 0px 5px 20px; background:url(../images/html/bullet_li_mainmenu.jpg) no-repeat 10px 10px;}

/* MENU ACCESO CLIENTES E INTERMEDIARIOS */
#wrapper #container #main_menu #menu_accesos { width:180px; height:auto; margin:0px; padding:5px 0px 0px 0px; display:block; color:#003B71; overflow:hidden; }
#wrapper #container #main_menu #menu_accesos ul { padding:0px; margin:0px; list-style:none; font:1px Arial, Verdana, Helvetica;  text-indent:-9000px;}
#wrapper #container #main_menu #menu_accesos li { padding:1px 0px 1px 0px; margin:0px; height:23px; width:180px; cursor:pointer;}
#wrapper #container #main_menu #menu_accesos .clientes { background:url(../images/html/menu_acceso_clientes.jpg) no-repeat 0px 0px; }
#wrapper #container #main_menu #menu_accesos .clientes a{ display:block; height:23px; width:180px;}
#wrapper #container #main_menu #menu_accesos .clientes a:link, #wrapper #container #main_menu #menu_accesos .clientes a:visited{ background:url(../images/html/menu_acceso_clientes.jpg) no-repeat 0px 0px; }
#wrapper #container #main_menu #menu_accesos .clientes a:hover, #wrapper #container #main_menu #menu_accesos .clientes a:active{ background:url(../images/html/menu_acceso_clientes_over.jpg) no-repeat 0px 0px; }
#wrapper #container #main_menu #menu_accesos .intermediarios { background:url(../images/html/menu_acceso_intermediarios.jpg) no-repeat 0px 0px; }
#wrapper #container #main_menu #menu_accesos .intermediarios a{ display:block; height:23px; width:180px;}
#wrapper #container #main_menu #menu_accesos .intermediarios a:link, #wrapper #container #main_menu #menu_accesos .intermediarios a:visited {background:url(../images/html/menu_acceso_intermediarios.jpg) no-repeat 0px 0px;}
#wrapper #container #main_menu #menu_accesos .intermediarios a:hover, #wrapper #container #main_menu #menu_accesos .intermediarios a:active {background:url(../images/html/menu_acceso_intermediarios_over.jpg) no-repeat 0px 0px;}

/* MENU ACCESO COMERCIAL Y CALCULOS */
#wrapper #container #main_menu #menu_comercial { width:180px; height:auto; margin:0px; padding:3px 0px 0px 0px; display:block; color:#003B71; overflow:hidden; font-weight:bold;}
#wrapper #container #main_menu #menu_comercial ul { padding:0px; margin:0px; list-style:none; }
#wrapper #container #main_menu #menu_comercial li { padding:4px 0px 0px 10px; margin:0px; width:180px; height:23px; background:url(../images/html/bg_btn_menucomercial.jpg) no-repeat 0px 0px;}

/* BANNER PRINCIPAL */
#wrapper #container #banner_home { width:777px; height:259px; margin:0px; padding:20px 0px 6px 15px; display:block; float:left;}

/* DESTACADOS */
#wrapper #container #main_destacados { width:785px; height:50px; padding:0px 0px 0px 15px; margin:0px; float:left; }
#wrapper #container #main_destacados #destacado { width:196px; height:auto; padding:0px 0px 0px 0px; margin:0px; display:block; float:left; overflow:hidden; }
#wrapper #container #main_destacados #destacado p { width:180px; padding:0px; margin:0px; font:11px Arial, Verdana, Helvetica;}

/* FOOTER */
#footer { width:993px; height:auto; margin:0px auto; padding:10px 0px 0px 0px; overflow:hidden; display:block; clear:both; display:none; visibility:hidden;}
#footer p { font: 10px Arial, Verdana, Helvetica; padding:0px; margin:0px; color:#999;}
#footer #direccion { width:280px; height:auto; overflow:hidden; display:block; float:left; margin:0px; padding:0px; float:left;}
#footer #telefono { width:280px; height:auto; margin:0px; padding:0px 0px 0px 90px; display:block; overflow:hidden; float:left; }
#footer ul { list-style:none; width:150px; height:50px; float:right; margin:0px; padding:0px; background:url(../images/html/bg_ul_menufooter.jpg) no-repeat 0px 0px;  }
#footer li { margin:0px; padding:2px 0px 0px 20px; background:url(../images/html/bullet_li_menufooter.jpg) no-repeat 10px 8px;}
#footer #legal { width:993px; height:auto; display:block; margin:0px auto; overflow:hidden; padding:0px;}
#legal #registro { width:380px; height:auto; margin:0px; padding:10px 0px 0px 0px; display:block; overflow:hidden; float:left;}
#legal #ki { width:380px; height:auto; margin:0px; padding:10px 0px 0px 0px; display:block; overflow:hidden; float:right;}
#legal #ki p { font:9px Arial, Verdana, Helvetica; padding:0px; margin:0px; text-align:right;}
#legal #ki p a { color:#ccc;}


/* INICIO PLANTILLA INTERNA */ 
#main_header #header #tel_contacto_interna { width:286px; height:42px; padding:3px 0px 0px 50px; margin:0px; float:right; background:url(../images/html/linea_segmentada.jpg) no-repeat 35px 0px; }

#wrapper #container #busqueda_interna { margin:0px; padding:0px 0px 10px 7px; clear:both; width:986px; height:auto; overflow:hidden; }
#wrapper #container #busqueda_interna .buscar_interna { width:190px; float:right; padding:0px; margin:0px; display:block;}


#wrapper #container #contenedor_central_3col { width: 615px; height:auto; display:block; padding:0px; margin:0px; overflow:hidden; float:left; background:url(../images/html/dotted_contenedor_central.jpg) 612px 0px repeat-y;}
#wrapper #container #accesos_top { width:616px; height:auto; overflow:hidden; padding:0px 0px 0px 0px; margin:0px; display:block; float:left; }


/* CONTENIDO PRINCIPAL PLANTILLA 3 COLUMNAS / COLUMNA DERECHA / MENU SECUNDARIOS */
#wrapper #container #col_derecha { width:188px; height:auto;  padding:0px; margin:0px; display:block; float:left; overflow:hidden; display:none; visibility:hidden; }
#wrapper #container #col_derecha #items_contexto { margin:0px; padding:0px; height:auto; }
#wrapper #container #col_derecha #items_contexto h1 { font:bold 12px Arial, Verdana, Helvetica; color:#fff; background:#003B71; padding:4px 0 4px 10px; margin:0px;}
#wrapper #container #col_derecha #items_contexto ul { list-style:none; margin:0px; padding:0px 0px 0px 23px;}
#wrapper #container #col_derecha #items_contexto li { background:url(../images/html/bg_li_menu_interno.jpg) repeat-x 0px 18px; margin:0px; padding:3px 0px ;}
#wrapper #container #col_derecha #items_contexto li#menu_elegido { background:url(../images/html/arrow_li_menusecundario.jpg) no-repeat -1px 2px; margin:0px 0px 0px -17px; padding:2px 0px 0px 17px; width:150px; position:relative; width:172px; height:20px; }  

#wrapper #container #col_derecha #items_contexto .soluciones { margin:0px; padding:0px;}
#wrapper #container #col_derecha #items_contexto .soluciones p { margin:10px 0px 10px 0px ; padding:0px; list-style-image:none; list-style-type:none; font: 10px Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#003580; }


#wrapper #container #col_derecha p { margin:0px; padding:0px;}

/* CONTENIDO PRINCIPAL PLANTILLA 3 COLUMNAS */
#wrapper #container #contenido_interna_3col { width:570px; height:auto; padding:0px 20px; margin:0px; display:block; overflow:hidden; }
#wrapper #container #contenido_interna_3col h1 { font:bold 14px Arial, Verdana, Helvetica; padding:15px 7px; margin:0px; background: url(../images/html/bullet_h1interna.jpg) no-repeat 0px 21px;}
#wrapper #container #contenido_interna_3col h2 { font:bold 12px Arial, Verdana, Helvetica; padding:15px 0px; margin:0px;}
#wrapper #container #contenido_interna_3col ul { margin:0px; padding:0px; list-style:none; float:left;}
#wrapper #container #contenido_interna_3col li { background:url(../images/html/buller_ul_interna3col.jpg) no-repeat 0px 8px; padding:3px 0px 3px 10px; margin:0px;}
#wrapper #container #contenido_interna_3col p { }


/* BREADCRUMS */
#wrapper #container #accesos_top #breadcrums { width:511px; height:21px; background:#f4f4f4; padding:7px 0px 0px 10px; margin:0px; float:left; display:none; visibility:hidden;}
#wrapper #container #accesos_top #breadcrums p { color:#666; padding:0px; margin:0px; font:11px Arial, Verdana, Helvetica;}
#wrapper #container #accesos_top #breadcrums .ruta { color:#003B71;}
#wrapper #container #accesos_top #breadcrums .ruta a:link, #wrapper #container #accesos_top #breadcrums .ruta a:visited { color:#003B71; text-decoration:underline;}
#wrapper #container #accesos_top #breadcrums .ruta a:hover, #wrapper #container #accesos_top #breadcrums .ruta a:active { color:#003B71; text-decoration:none;}
#wrapper #container #accesos_top #tools { float:left; width:95px;}
#wrapper #container #accesos_top #tools .print { width:35px; height:28px; margin:0px ; padding:0px 0px 0px 5px; float:left; background:url(../images/html/btn_acceso_print.jpg) no-repeat 5px 0px; }
#wrapper #container #accesos_top #tools .print a { display:block; width:35px; height:28px;}
#wrapper #container #accesos_top #tools .mastexto { width:30px; height:28px; margin:0px ; padding:0px 0px 0px 5px;float:left; background:url(../images/html/btn_acceso_mastexto.jpg) no-repeat 0px 0px;}
#wrapper #container #accesos_top #tools .mastexto a { display:block; width:30px; height:28px;}
#wrapper #container #accesos_top #tools .menostexto { width:26px; height:28px; margin:0px ; padding:0px ; float:left; background:url(../images/html/btn_acceso_menostexto.jpg) no-repeat 0px 0px;}
#wrapper #container #accesos_top #tools .menostexto a { display:block; width:26px; height:28px;}