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


/* BCI EN EL EXTRANJERO */

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

/* --- cabecera */
#cabecera {background: url(../../art/extranjero/bci_extranjero_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: 20px 0px 15px; float: left;}
#cabecera #logo img {padding-bottom:2px;}
#cabecera #contacto {display:block; float:right; height:20px; margin-top: 3px; padding-bottom:12px; padding-top:0; text-align:right;}
#cabecera .tit {float: right; clear:right; margin-top: 7px;}
#contacto a:hover {color:#333333;}
#contacto a, #contacto a:visited {color:#666666; margin-left:10px;}
#linea_cabecera {border-top:1px solid #A59F7D; width:100%;}

/* --- contenido (contenedor) */
#contenido {margin:0px auto; padding:20px 0px 0px 0px; width:980px; overflow:hidden; color:#333;}
#contenido h1 {font:25px Helvetica, Arial, sans-serif; margin:0px;}
#contenido p {font: 12px Arial, Helvetica, sans-serif; margin:0px 0px 10px 0px;}
#contenido .pais {width:290px; min-height:335px; background:#F8F8F8; border:solid 1px #CCC; margin:5px 12px; padding-bottom:10px; float:left;}
#contenido .pais h2 {font:bold 15px Arial, Helvetica, sans-serif; margin:0px; background:url(../../art/extranjero/titulo_bg.png) repeat-x; color:#333; height:21px; padding:5px 5px 3px 15px; }
#contenido .pais dl {font:12px Arial, Helvetica, sans-serif; padding: 15px 15px 5px; margin:0px;}
#contenido .pais dt {font-weight:bold; margin-left:0px;}
#contenido .pais dd {padding-left:0px; margin:0px;}
#contenido .pais p {padding: 15px 15px 7px;}
#contenido .pais a {color:#0057AE; text-decoration:underline;}
#contenido .pais a:hover {color:#0E1B5E;}
#contenido .pais .bandera {width:52px; height:37px; float:right; margin:5px 15px 0px 0px;}