/*  1996-2006 Inter Media S.A. Todos los Derechos Reservados. */  
/*  CSS para proyecto {BCI Normaliza}                         */
/*  Version 1.0                                               */
/*  media: SCREEN                      						  */
/*  Fecha de creación 14/07/2010                              */

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



/*  IMPORTANTE
  • Los nombres de los estilos deben hacer referencia a la funcionalidad del elemento
	que se esta definiendo, en ningun caso a caracteristicas gráficas o ubicación, por
	ejemplo NO NOMBRAR #menu_left o #menu_rojo SI NOMBRAR #menu_principal
	
  • NO USAR guiones al centro(-) al nombrar estilos ya que puede generar problemas
  	si se necesita que el estilo interactue con una funcion javascript o PHP, para
	separar palabras utilizar guion bajo (_)
	
  • Lo ideal es generar el Css para impresión al final de la programacion HTML, CSS
  	de modo que existan las mismas clases en ambos Css, de no ser posible es importante
	que cada vez que se cree un estilo nuevo en la versión SCREEN, este sea replicado
	en la versión PRINT con las características que corresponden.
	
  • Se debe privilegiar la utilización de etiquetas HTML por sobre las clases. 
 	
  • Todos los comentarios adicionales a una definición de estilos SON DE AYUDA Y SON BIENVENIDOS
  	estos deben estar ubicados al principio de la definicion y ser lo mas breve posibles y en un leguaje claro.

 */



/*  REDEFINICION DE ELEMENTOS HTML  */
body{ margin:0px;}

table{}
td{}

h1{ margin:0px;}
h2{}
h3{}
h4{}
h5{}
h6{}

strong, b{}

a:link{}
a:visited{}
a:hover{}
a:active{}

form{}

label{}

ul{}

button{}


/*Estilso Css mas usados*/
.align_left{text-align:left;}
.align_right{text-align:right;}
.align_center{text-align:center;}
.float_left{float:left;}
.float_right{float:right;}



/*ETIQUETAS APLICABLES PARA EL ESTILO DE PAGINA DE ACCESIBILIDAD*/
#accesibilidad{width: 0; clear: both;}
#accesibilidad #txt_accesibilidad{width: 0;}
#accesibilidad #txt_accesibilidad h1{}
#accesibilidad #txt_accesibilidad h2{}
#accesibilidad #txt_accesibilidad p{}
#accesibilidad #iconos_accesibilidad{float: right; width: 0;}
#accesibilidad #iconos_accesibilidad p{}
#accesibilidad #iconos_accesibilidad img{}

/*header*/
#header { display:none;}
#header h1{display:none;}
#header h1 a{width:162px; height:75px; display:block;}

/*botonera*/
#botonera { display:none;}
#botonera a{display:none;}
#botonera a:hover{display:none;}
#botonera a.activo:link, #botonera a.activo:visited {display:none; }
#botonera a.right:link, #botonera a.right:visited{display:none;}
#botonera a.right:hover, #botonera a.right:active{display:none;}
#botonera a.left:link, #botonera a.left:visited{display:none;} 
#botonera a.left:hover, #botonera a.left:active{ display:none;}
#botonera a.left_activo:link,#botonera a.left_activo:visited{display:none;}

/*contenido home*/
#contenido { width:984px; margin: 0 auto;}
#contenido .iconos { width:980px; height:50px; margin:0 auto; background:url(../art/html/iconos.jpg) no-repeat;}
#contenido #banner { display:none;}
#contenido #banner img {display:none;}
#contenido .right { float:left; width:570px; margin:15px 0px 0px 20px;}
#contenido h1 { font:bold 15px Arial, Helvetica, sans-serif; color:#333333; letter-spacing:-1px;}
#contenido p { font:12px Arial, Helvetica, sans-serif; color:#666666; line-height:1em;}
#contenido #caja { width:570px; background:#F5F5F5; padding:7px 0px; margin:25px 0px 0px 0px; overflow:hidden;}
#contenido #caja #destacados { width:430px; padding:0px 0px 0px 7px; float:left;}
#contenido #caja #destacados img { border:none; float:left;}
#contenido #caja #derecha { width:120px; float: left; }
#contenido #caja #derecha p {font:11px Arial, Helvetica, sans-serif; color:#333333; margin:0px;}
#contenido #caja #derecha strong { color:#013A65;}
#contenido #caja #derecha .primero { background:url(../art/html/telefono.jpg) no-repeat; margin:40px 0px 0px 5px; padding-left:30px;}
#contenido #caja #derecha .segundo { background:url(../art/html/fax.jpg) no-repeat; margin:8px 0px 0px 5px; padding-left:30px;}
#contenido #caja #derecha .tercero { background:url(../art/html/mail.jpg) no-repeat; margin:8px 0px 0px 5px; padding-left:30px;}
#contenido #caja #derecha .tercero strong { text-decoration:underline;}
#contenido #caja #derecha .boton { display:none;}
/*#contenido #caja #derecha .boton p, a{ color:#FFFFFF; text-decoration:none;}*/

/*contenido interna*/
#content { width:984px; margin: 0 auto; padding-top:15px;}
#content #izquierda {width:220px; float:left;}
#content #izquierda #menu_secundario { display:none;}
#content #izquierda #menu_secundario a{ display:none;}
#content #izquierda #menu_secundario a:hover, #menu_secundario a:link, #menu_secundario a:visited{ display:none;}
#content #izquierda #titulo {height:33px; width:220px; clear:both;}
#content #izquierda #caja { width:220px; height:196px; border:1px solid #E8E7DE; clear:both; text-align:right; background:url(../art/html/fondo_caja_interna.jpg) repeat-x; }
#content #izquierda #caja p {font:12px Arial, Helvetica, sans-serif; color:#333333; margin:0px;}
#content #izquierda #caja strong { font-size:14px; color:#013A65;}
#content #izquierda #caja .primero { height:34px; background:url(../art/html/telefono_interna.jpg) right no-repeat; margin:15px 15px 0px 5px; padding-right:35px}
#content #izquierda #caja .segundo {  background:url(../art/html/fax_interna.jpg) right no-repeat; margin:10px 10px 0px 5px; padding-right:40px}
#content #izquierda #caja .tercero {  background:url(../art/html/mail_interna.jpg) right no-repeat; margin:15px 10px 0px 5px; padding-right:40px}
#content #izquierda #caja .tercero strong { text-decoration:underline;}
#content #izquierda #caja .boton { display:none;}
#content #derecha {width: 751px; float:left;}
#content #derecha #banner_admin {display:none;}
#content #derecha #banner_admin img { display:none;}
#content #derecha #titulo { height:25px; border-bottom:1px solid #E8E7DE; margin:10px 0px 0px 20px; padding:0px 0px 0px 0px;}
#content #derecha #caja { width:730px; height:230px; border:1px solid #E8E7DE; clear:both; margin:10px 0px 0px 20px; background:url(../art/html/fondo_caja_interna2.jpg) repeat-x;}
#content #derecha #caja h1 { font:bold 12px Arial, Helvetica, sans-serif; color:#333333; margin:25px 0px 0px 45px;}
#content #derecha #caja ul { font:12px Arial, Helvetica, sans-serif; color:#666; float:left; padding: 5px 10px 0px 30px; list-style: none; margin:0px; width:140px;}
#content #derecha #caja li {background:url(../art/html/list_interna.gif) no-repeat 0px 5px; margin:15px 0px 0px 5px; padding: 0px 0px 0px 10px; }


/* Pie */
#pie { display:none;}
#pie #vinculos_footer { display:none; }
#pie #vinculos_footer h2 { display:none; }
#pie #vinculos_footer ul { display:none; }
#pie #vinculos_footer ul li { display:none; }
#pie #vinculos_footer ul li a:link, #pie #vinculos_footer ul li a:visited { display:none; }
#pie #link_auxiliares ul li a:visited {display:none; }
#pie #vinculos_footer ul li a:hover { display:none; }
#pie #link_auxiliares ul li a:active { display:none; }
#pie #vinculos_footer ol { display:none; }
#pie #vinculos_footer ol li { display:none;}
#pie #vinculos_footer ol li img { display:none;}
#pie #vinculos_footer ol li a:link { display:none;}
#pie #vinculos_footer ol li a:hover { display:none;}
#pie #footer_copyright p { display:none; }
#pie #footer_copyright h2 { display:none;}