/*---------------------------------------------*/
/*  parcial.css                             */
/*  Version 1.20                               */
/* Last Updated 03/23/2007                     */
/*                                             */
/*  parcial styles                             */
/*                                             */
/*---------------------------------------------*/

/*---------------------------------------------*/
/*  gral_content_1                             */
/*---------------------------------------------*/

#left_column a {
 color:#000; /* it is setting up by prg */
 /* Set font size Menu Left Column */
 /*font-size: 1.1em;*/
 font-size: 1.0em;
}

#left_column ul {
 margin: .4em .5em 1em 0em;
}
#left_column ul ul {
 margin: .2em 0em 0em 0em;
}

.left_column_top {
 margin:0;
 padding:1px 0 34px 8px;
 background:#BCC5D0 url(../images/parcial/left_column_divider.gif) bottom left no-repeat;
 
}

.left_column_top a {
 /*display:block;*/
}

.left_column_top a:hover {
 /*background:#ECECE7;*/ /* light gray */
 background:#9AFEFF;
 /* next cambia hover azul oscuro pero letras no se ven a pesar que son seteadas a blanco*/
 /*background:#15317E;
 color:#FFF;*/
 
}

.column_inner {
 padding:14px;
}

#left_column .column_inner {
 padding:8px;
 
}

* html .column_inner {
  float:left; /* Needed for IE */
}
#left_column, #right_column, .column_inner { /* Prevent oversized content from breaking the layout */
  overflow:hidden;
}


#wholeWideAd {
 margin-bottom:10px;
}

.li_bullet_round_darkgray li, #middle_column .li_bullet_round_darkgray li {
 /*list-style-image:url(../images/parcial/bullet_black.gif);*/
 list-style-image:url(../images/parcial/bullet-round-darkgray-transp.png);
 padding:2px;
 margin-bottom:0px;
}

.li_bullet_round_graylight li, #middle_column .li_bullet_round_graylight li {
 /*list-style-image:url(../images/parcial/bullet_gray.gif);*/
 list-style-image:url(../images/parcial/bullet-round-graylight-transp.png);
 padding:2px;
 margin-bottom:0px;
}

.li_bullet_round_blue li, #middle_column .li_bullet_round_blue li {
 /*list-style-image:url(../images/parcial/bullet_blue.gif);*/
 list-style-image:url(../images/parcial/bullet-round-blue-transp.png);
 padding:2px;
 margin-bottom:0px;
}

.li_bullet_round_darkgray a {
 text-decoration:none;
 display:block;
 /*border-bottom:1px dotted #999999;*/
}

.li_bullet_round_graylight a {
 text-decoration:none;
 display:block;
 /*border-bottom:1px dotted #ECECE7;*/
}

.li_bullet_round_blue a {
 text-decoration:none;
 display:block;
 /*border-bottom:1px dotted #253B5A;*/
 
}

.li_bullet_round_darkgray a:hover, .li_bullet_round_graylight a:hover, .li_bullet_round_blue a:hover {
 /*text-decoration:underline;*/
 text-decoration:none;
 background:#9AFEFF;            /* added Osmar*/
 
}

h2 {
 /*font-family: Georgia, "Times New Roman", Times, serif;*/
 font-family: Arial, "Times New Roman", Times, serif;
 font-weight: bold;
 font-size: 1.38em;
 color: #253b5a;
 /*border-bottom:2px dotted #999;*/
 border-bottom:1.5px solid #999;
 margin:14px 0;
 width:99%; /* Fix IE problem, too short */
}

h3 {
 font-size:1.2em;
 text-transform:uppercase;
 margin-bottom:6px;
}

h4 {
 font-size:1em;
 font-weight:bold; 
}

hr {
 /*color: #bc3e06;*/ 	/* this original value is a "dark red" color as the bullets color - Commented by Osmar */
 color: #4D7FB2;
 background-color: #4D7FB2;
 /*height: 2px;*/  /* original value '2px' generate a thick line - Commented by Osmar */
 height: 1px;
 border: 0;
 width:99%;        /* added by osmar generate a length similar to h2 */
}

#middle_column ul li {
 /*list-style-image:url(../images/parcial/bullet_red.gif);*/
 list-style-image:url(../images/parcial/bullet-real-color-transp.png);
 margin-bottom:15px;
}

#middle_column li ul li{
 list-style-image:url(../images/parcial/bullet-round-darkgray-transp.png);
 margin-bottom:5px;
}


/*---------------------------------------------*/
/*  Adde by Osmar Medina  11/10/08             */
/*---------------------------------------------*/

.omTitles h2      /* Added By Osmar. Let create a new kind of title as CA Template web site use to*/
{
 font-family : Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 1.20em;
 color: #253b5a;
 background: #ECECE7;               /*#ECECE7;  #BCC5D0;*/
 border: 1px solid #BCC5D0;         /*alternative color #4D7FB2;*/
 margin:14px 0;
 width:99%;
}
.LeftLastUpdated {
	font-family: Arial, Helvetica, sans-serif;
	font-size:.85em;
	color: #4d7fb2;         /*alternative color: #3399cc;*/
	/*text-align:center;        if you need this at the center of the screen not matter how many column application has */
	margin: 0 0 0 35px;
}
.LeftColumnBottomLogoAddress 
{
   	font-family: Arial, Helvetica, sans-serif;
	font-size: .72em;
	color: #4d7fb2;     /* alternative color #4284c6 */
	text-align:center;
}
.LeftSubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #151B54;     /* alternative #000033;*/
	font-size: .9em;	
	margin-left: -15px;
	font-style: normal;
}
#leftColumnSmallLogo {
    position:relative;
    top: 0px;
    display:block;
    text-align:center;
}


/*---------------------------------------------------*/
/*  cajasombra
/*  genera sombra para cajatitulo caja y cajarotulo  */
/*---------------------------------------------------*/

.cajasombra 
{
    /* Sombre es la misma para las dos tipos de caja: caja y caja_a*/
    background: #999999;       
    padding: 0.5em;
    margin: 1.5em 0 1.5em 2.5em;
}

/*-----------------------------------------------------------------*/
/*  cajatitulo                                                     */
/*  requiere cajasombra cajatitulo h2, cajatitulo h2 cajatitulo p  */
/*-----------------------------------------------------------------*/
/*  Caja con  titulo (cajatitulo): .cajatitulo trabaja con cajasombra.
    Usa clases anidadas cajasombra .cajatitulo tag h2 (titulo) y un parrafo p (content) 
    Si no hay h2 la caja sale sin Titulo y sin Cabecera: solo caja
    Con h2 pero sin texto en h2 el resultado es la caja con Cabecera pero sin titulo.
    Puede usarse p' los tres casos de caja c/sombra: 
    (1)Con titulo y cabecera (2) Solo Cabecera s/titulo (3) Sin cabecera 
*/
.cajatitulo
{
    /* Bien centrada pero sombra un poco a la derecha en la parte inferior izq*/
    background: #EFF8FE; /* puede ser seteada por prg **este es azul claro */
    margin: -1.5em 0 0 -2.0em;
    border: 1px solid #999;     /*#859FB1;*/
}

.cajatitulo h2
{
    /* Titulo en el content de la caja - sin texto genera solo cabecera */
    margin:0;
	font:bold 0.9em verdana,arial;
	/*background-color: #859FB1;*/		/*#4d7fb2 #78919B;*/ /* puede ser seteada por prg */
	/* Si los dos sgtes se setan por prg genera titulo c/img en background - puede usarse .cajatitulo h3 */
	background-image:url(../images/general/blue_back.gif);
    background-repeat:repeat-x;
	color:#FFF;
	padding:6px 2px 6px 10px;
	/*padding:2px 0 2px 5px; original y genera distorsion extremo izq de cabecera y al cambiar 0 por 2 se arreglo*/
}

.cajatitulo h3
{
    /* Titulo en el content de la caja - sin texto genera solo cabecera */
    /* SOMBRA ESQUINA SUP DERECHA NO ES BUENA - VER SI SE PUEDE MEJORAR */
    margin:0;
	font:bold 0.9em verdana,arial;
	/*background-color: #859FB1;*/		/*#4d7fb2 #78919B;*/ /* puede ser seteada por prg */
	background-image:url(../images/general/blue_back.gif);
    background-repeat:repeat-x;
	color:#FFF;
	padding:6px 2px 6px 10px;
	/*padding:2px 0 2px 5px; original y genera distorsion extremo izq de cabecera y al cambiar 0 por 2 se arreglo*/
	text-transform:none;
	
}
.cajatitulo p 
{
    /*font:0.9em verdana,arial; now hereda font de donde esta*/
	padding-left:5px;
	padding-right:5px;
	margin-left:10px;
	color: #34282C;          /*#000;*/ /*puede ser setado por prg */
}

/*------------------------------------------------------------*/
/*  caja                                                      */
/*  requiere cajasombra. Recomendacion usar cajatitulo sin h2 */
/*------------------------------------------------------------*/
/* caja y cajacabecera se mantiene como recurso auxiliar */
.caja
{
    /* Solo Caja No cabecera  necesita cajasombra (Muy similar que cajatitulo sin h2) */
    background: #ffd;   /*#fff;       /* puede ser seteada por prg */
    margin: -1.5em 0 0 -2.0em;
    border: 1px solid #999; 
    padding: 15px;
}
/*------------------------------------------------------------*/
/*  caja                                                      */
/*  c/cajasombra. Recomendacion usar cajatitulo c/h2 sin texto*/
/*------------------------------------------------------------*/
.cajacabecera
{
    /* Se centra bien pero sombra algo a la derecha en la parte inferior izq (Muy similar a cajatitulo c h2 sin texto */
    /* usar solo si se necesita centrar mejor que cajatitulo */
    background: #EFF8FE;
    border-top:25px solid #859FB1;
    border-right: 1px solid #859FB1;
    border-bottom: 1px solid #859FB1;
    border-left: 1px solid #859FB1;
    margin: -1.5em 0 0 -2.0em;
    /*border: thin solid #999; */
    padding: 15px;
}

/*------------------------------------------------------------*/
/*  cajasinsombra                                             */
/*  Requiere cajasinsombra h2/h3, cajasinsombra p             */
/*------------------------------------------------------------*/
/* Caja sin sombra trabaja con h2 o h3 y p  */
.cajasinsombra
{
    background: #EFF8FE; /* puede ser seteada por prg */
    /*margin: -1.5em 0 0 -2.0em;*/
    margin:0;
    border: 1px solid #999;     /*#859FB1;*/
    
}
.cajasinsombra p 
{
    /*font:0.9em verdana,arial; now hereda font de donde esta*/
	padding-left:5px;
	padding-right:5px;
	margin-left:10px;
	color: #34282C;          /*#000;*/ /*puede ser setado por prg */
}  
.cajasinsombra h2
{
    /* Titulo en el content de la caja - sin texto genera solo cabecera */
    margin:0;
	font:bold 0.9em verdana,arial;
	background-color: #859FB1;		/*#4d7fb2 #78919B;*/ /* puede ser seteada por prg */
	/* Si los dos sgtes se setan por prg genera titulo c/img en background - puede usarse .cajatitulo h3 */
	/*background-image:url(back.gif);
    background-repeat:repeat-x;*/
	color:#FFF;
	padding:6px 2px 6px 10px;
	/*padding:2px 0 2px 5px; original y genera distorsion extremo izq de cabecera y al cambiar 0 por 2 se arreglo*/
}
.cajasinsombra h3
{
    /* Titulo en el content de la caja - sin texto genera solo cabecera */
    /* SOMBRA ESQUINA SUP DERECHA NO ES BUENA - VER SI SE PUEDE MEJORAR */
    margin:0;
	font:bold 0.9em verdana,arial;
	/*background-color: #859FB1;*/		/*#4d7fb2 #78919B;*/ /* puede ser seteada por prg */
	background-image:url(../images/general/blue_back.gif);
    background-repeat:repeat-x;
	color:#FFF;
	padding:6px 2px 6px 10px;
	/*padding:2px 0 2px 5px; original y genera distorsion extremo izq de cabecera y al cambiar 0 por 2 se arreglo*/
	text-transform:none;
	
}

/*------------------------------------------------------------*/
/*  Localization  solution based on image                     */
/*  Usa Imagenes que se sobre montan (overlay)                */
/*------------------------------------------------------------*/

/* Localization:   -- containers and background probably will be better */
.imgA1 
{   /* set the header as base image */
    position:relative; 
    z-index: 1; }
.imgB1  
{
    /* the container (is an image) where flags will be in */ 
    position:absolute;
    top: 5px;
    right:0px;
    z-index: 10;
    display:block; 
    filter:alpha(opacity=70);
    -moz-opacity:.70;
    opacity:.70;
}
.imgC1  
{
    /* Set the first this img (w/this class) in the first position  */ 
    position:absolute;
    top: 10px;
    right: 105px;
    z-index: 15;
}

.imgC2 { /*position:absolute; top: 75px; left: 80px;*/ 
    position:absolute;
    top: 10px;
    right: 75px;
    z-index: 18;
}

/*------------------------------------------------------------*/
/*  Video Container top left Column                           */
/*  a tag no esta trabajando pero se mantiene                 */
/*------------------------------------------------------------*/
.videoContainer {
    /*border: 1px solid #736F6E;  /*#e5e1e1;*/
    font-size: 85%;
    color:#736F6E;
    text-align:center;
}
.videoContainer a  {
    color:#736F6E;
    text-decoration:none;
    display:block;
}
.videoContainer hr 
{
    color:#e5e1e1;
}

.newsContainer {
    /*border: 1px solid #736F6E;  /*#e5e1e1;*/
    font-size: 90%;
    font-weight: bold;
    /*font:bold 90% verdana,arial;*/
    color:#736F6E;
    text-align:center;
}

/*------------------------------------------------------------*/
/*  Modal PopUp CSS                                           */
/*                                                            */
/*------------------------------------------------------------*/

.mpBackgBlack60
{ 
    background-color:Black;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
.ModPopupWhite
{ 
    background-color:White;
    background-position:center;
    padding:0;
    border: none;
}    
.mpBackgBlack70
{ 
    background-color:Black;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}
.ModPopupWhite
{ 
    background-color:White;
    background-position:center;
    padding:0;
    border: none;
}
.ModPopupYellow
{ 
    background-color:#FEF9BF;
    background-position:center;
    padding:2px,2px,2px,2px;
    border: none;
    color:#999999;
}
.fotos
{
    padding:2px,2px,2px,2px;
    margin: 1em 1em 1em 1em;
}
.ModPopupYellow p, .ModPopupYellow table
{
    padding:2px,2px,2px,2px;
    margin: 1em 1em 0 1em;
    /*font-weight:normal;*/
}
.ModPopupYellow input 
{
    float:right;
}