/*  1996-2008 Inter Media S.A. Todos los Derechos Reservados. */  
/*  CSS para proyecto PROYECTO                                */
/*  Version 1.0                                               */
/*  media: SCREEN                      						  */
/*  Fecha de creación 19/06/2008                              */


/*  HISTORIAL DE MODIFICACIONES                               */
/*  */



/*  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; padding:0px; font:11px Arial, Helvetica, sans-serif;  }


/*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; }


/* ASSET MANAGEMENT */

/* +++[ Generales ]+++ */
a {outline:0;}
img {border:0 none;}
.clearfloat {clear:both; height:0; display:block; visibility:hidden;}
.clearfix {display:inline-block;}

/* --- cabecera */
#cabecera {background: url(/medios/BCI2/art/trabajecn/tcn_tit.gif) no-repeat; background-position: right 45px; font-size:12px; width:980px; height:76px !important; margin:0 auto 0; overflow:hidden; padding-bottom:0; }
#cabecera #logo {padding-top: 8px; padding-left: 15px; float: left;}
#cabecera #logo img {padding-bottom:2px; border:0 none;}
#cabecera #fecha {display:block; float:right; height:20px; padding:10px 20px 12px 0px; text-align:right; color:#666666;}
#cabecera .tit {float: right; clear:right; margin-top: 7px;}
#menu_contenedor {border-top:1px solid #A59F7D; width:100%;}

/* --- contenido (contenedor) */
#contenido {margin:0px auto; padding:20px 0px 0px 0px; width:980px;}

/* --- contenido principal */
#contenido #principal {width:700px; overflow:hidden; float:left;}
#contenido #principal button {font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; width:165px; height:30px; margin:37px auto; text-align:center; display:block; background:url(/medios/BCI2/art/asset/bg_boton_165x30.gif) no-repeat; border:none; cursor:pointer; padding:6px 3px 7px;}
#contenido #principal img.banner_home {padding-bottom:15px;}
#contenido #principal #txt_ppal {background:#F8F8F8; padding:15px 15px 0px 15px; color:#000;}
#contenido #principal #txt_ppal p {font-size:12px; text-align:justify; padding:0px 0px 15px 0px; margin:0px; color:#000;}
#contenido #principal #txt_secund {background:#FFFEEA; margin:0px 0px 15px 0px; padding:15px 15px 0px 15px; border-top:solid 1px #FDE686; border-bottom:solid 1px #FDE686;}
#contenido #principal #txt_secund p {font-size:10px; text-align:justify; padding:0px 0px 15px 0px; margin:0px; color:#666;}

/* --- contenido secundario */
#contenido #secundario {width:250px; float:right; margin:0px;}
#contenido #secundario #menu {width:250px; margin:0px 0px 15px 0px; padding:0px; background:#F0F0F0;}
#contenido #secundario #menu h2 {font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; background: url(/medios/BCI2/art/asset/bg_h1menu.jpg) right top no-repeat #999; margin:0px; padding:5px 10px;}
#contenido #secundario #menu ul {margin:0px; padding:0px 0px 10px 0px;}
#contenido #secundario #menu ul li {list-style:none; margin:0px;}
#contenido #secundario #menu ul li a {font:14px Arial, Helvetica, sans-serif; display:block; padding:5px 30px 3px 10px;}
#contenido #secundario #menu ul li a:link, #contenido #secundario #menu ul li a:visited {color:#333; background:url(/medios/BCI2/art/asset/bullet_menu_01.gif) 230px 5px no-repeat;}
#contenido #secundario #menu ul li a:hover, #contenido #secundario #menu ul li a:active {color:#FF3300; background:url(/medios/BCI2/art/asset/bullet_menu_02.gif) 230px 5px no-repeat #FAFAFA;}
#contenido #secundario #contacto {width:250px; font-size:12px; background:#C6ECFF; border-top:solid 1px #0099FF; border-bottom:solid 1px #0099FF; margin:0px 0px 15px 0px;}
#contenido #secundario #contacto a, #contenido #secundario #contacto a:link, #contenido #secundario #contacto a:visited {font:bold 12px Arial, Helvetica, sans-serif; color:#0057AE;}
#contenido #secundario #contacto a:hover, #contenido #secundario #contacto a:active {color:#0E1B5E;}
#contenido #secundario #contacto h2 {font:bold 12px Arial, Helvetica, sans-serif; color:#333; background:url(/medios/BCI2/art/asset/contacto_tit_bg.jpg) repeat-x; margin:0px; padding:5px 10px;}
#contenido #secundario #contacto p, #contenido #secundario #contacto dl {padding:5px 10px; margin:0px;}
#contenido #secundario #contacto dl dt {float:left;}
#contenido #secundario #contacto dl dd {font-weight:bold; margin-left:70px;}