/* -----------------------------------
        Capas de Posicionamiento
        Logo, Barras Superiores, Pie
   ----------------------------------- */

#logo{
    text-align:center;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
    padding-top:20px;
    width:780px;
}

#menuprincipal{
    width:780px;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    font-family: verdana, helvetica; 
    font-size: 12px; 
    color: rgb(0,51,204); 
    /* text-transform: capitalize; */
    text-align: center;
    padding-left:4px;
    padding-right:4px;
}

#menuprincipal table{
    font-family: verdana, helvetica; 
    font-size: 12px; 
    color: rgb(0,51,204); 
    text-transform: capitalize;
    text-align: center;
}


#menuprincipal a { 
    font-family: verdana, helvetica; 
    font-size: 12px; 
    color: rgb(140,140,140); 
    letter-spacing: -0.03em; 
    text-transform: capitalize; 
    text-decoration: none;}

#menuprincipal a:hover { 
    font-family: verdana, helvetica; 
    font-size: 12px; 
    color: rgb(0,51,204); 
    letter-spacing: -0.03em; 
    text-transform: capitalize; 
    text-decoration: underline;
}

#menusecundario{
    width:780px;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    text-align:center;
    font-family: verdana, helvetica; 
    font-size: 12px; 
    color: rgb(0,51,204); 
    letter-spacing: -0.03em; 
    text-transform: capitalize; 
    cursor: default; 
    text-transform: capitalize;
    padding-left:4px;
    padding-right:4px;
}

#menusecundario a { 
    font-family: verdana, helvetica; 
    font-size: 12px; 
    color: rgb(140,140,140); 
    letter-spacing: -0.03em; 
    text-transform: capitalize; 
    text-decoration: none;
}
    

#menusecundario a:hover { 
    font-family: verdana, helvetica; 
    font-size: 12px;
    text-decoration: underline; 
    color: rgb(0,51,204); 
    letter-spacing: -0.03em; 
    text-transform: capitalize; 
    text-decoration: underline;
    cursor: pointer;
}

#menusecundario a:active { 
    font-family: verdana, helvetica; 
    font-size: 12px;
    text-decoration: underline; 
    color: rgb(0,51,204); 
    letter-spacing: -0.03em; 
    text-transform: capitalize; 
    text-decoration: underline;
    cursor: default;
}

#linea{
    width:780px;
    margin:auto;
}

hr {
    margin:auto;
    width: 780px;
    border-color: #8C8C8C;

}

#pie {
    text-align:center;
    width:780px;
    position:relative;
    margin-top:0px;
    padding:0px;
    clear:both;
}

#pie .texto_pie{
    text-align:center;
    font-family: verdana, helvetica; 
    font-size: 7.5pt; 
    color: #666666;
    text-decoration:none;
}

#pie .texto_pie a {
    text-align:center;
    font-family: verdana, helvetica; 
    font-size: 7.5pt; 
}

#pie ul {}
#pie ul  li{ display: inline: list-style-type: none; margin-right: 1em;}


#centrador {
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    width:780px;
}


/* -----------------------------------
        Capas de Posicionamiento
        General, izquierda, derecha
        y subcuerpos
   ----------------------------------- */
#todo{
    text-align:center;
    margin-top:10px;
    /* width:780px; */
    margin-left:auto; 
    margin-right:auto; 
    margin-bottom:auto;}

#todo2{
    text-align:center;
    margin-top:10px;
    background-image:url('http://www.fundacionbip-bip.org/img/varios/fondo_pagina_ancho.gif');
    background-repeat:no-repeat;
    width:780px; margin-left:auto; margin-right:auto; margin-bottom:auto
}


#izquierda{
    margin-top:15px;
    float:left;
    width: 150px;
	/*margin:0;*/
	padding:0;
}


/* Cuerpo 1 y subcuerpos
--------------------------------------------------------*/

#cuerpo1{
    margin:auto;
    margin-top:0px;
    position:relative;
    padding-top:10px;
    padding-left:15px;
    float:left; 
    left:0px;
    text-align:left;
    width : 465px; 
    voice-family : "\"}\""; 
    voice-family : inherit; 
}



#cuerpo_ancho{
margin:auto;
    position:relative;
    padding:15px;
    left:0px;
    top:10px;
    text-align:left;
    width : 700px; 
    voice-family : "\"}\""; 
    voice-family : inherit; 
}

#cuerpo_ancho #contenido h2{
margin:0px;
color: #000000;
}


#cuerpo_ancho #contenido p{
margin:0px;
color: #757E8A;
}


#cuerpo_ancho #contenido #directorio h3{
margin:0px;
padding:0px;
}


#cuerpo_ancho #contenido #directorio p{
margin:0px;
padding:0px;
}
#cuerpo_ancho #contenido #directorio td{
padding: 10px;
padding-left: 0px;
}



#avances{
margin:auto;
    position:relative;
    padding:15px;
    left:0px;
    top:10px;
    text-align:left;
    width : 450px; 
    voice-family : "\"}\""; 
    voice-family : inherit; 
    width : 440px; 
}
#boletin{
    float:left;
    top:0px;
    width: 610px;
    margin-right:10px;

}


#cuerpo1 #contenido h2{
margin:0px;
color: #FFA218;
}


#cuerpo1 #contenido p{
    margin:0px;
    color: #757E8A;
}


#cuerpo1 #contenido #directorio h3{
    margin:0px;
    padding:0px;
}


#cuerpo1 #contenido #directorio p{
    margin:0px;
    padding:0px;
}
#cuerpo1 #contenido #directorio td{
    padding: 10px;
    padding-left: 0px;
}


#subcuerpo1 {
    position: absolute;
    top:370px;
    left: 250px;
    width: 150px;
}


#subcuerpo2 {


    position: absolute;
    top:370px;
    left: 420px;
    width: 150px;
}


#subcuerpo3 {


    position: absolute;
    top:250px;
    left: 250px;
    width: 150px;
}


#subcuerpo4 {


    position: absolute;
    top:250px;
    left: 420px;
    width: 150px;
}




/*
--------------------------------------------------------*/


#cuerpo2{
    position: absolute;
    margin-left: 3px;
    background-color: #FFF;
    top:180px;
    left: 0px;
    width: 565px;
    border: 1px solid #BBD4D6;
}


#cuerpo2 h1{
    font-size: 13px;
    color: #7D8E90;
}



/* -----------------------------------
        Estilo General de la Página
   ----------------------------------- */
H1 {
    font-family: verdana, helvetica; 
    font-size: 13pt; 
    letter-spacing: -0.03em; 
    color: rgb(0,51,204); 
    font-weight: bold;
}

H2 {
    FONT-SIZE: 18px; MARGIN-BOTTOM: 2px; COLOR: #42b4d6; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

h1, h2, h3{
    font-size: 12px;
}

P {
    COLOR: #000000; FONT-FAMILY: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: normal
}


UL {
    FONT-SIZE: 8.5px; COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}


a{

   COLOR: rgb(0,153,0);
   /*COLOR: #2db6bd;*/
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   FONT-SIZE: 8.5pt;    
   TEXT-DECORATION: underline;

}

body {
    margin: 0px;
    text-align:center;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 9pt;
    color:#000000;
    /*color:#000033;*/
    FONT-FAMILY: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
}

P {
    COLOR: #000000; FONT-FAMILY: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: normal
}


UL {
    FONT-SIZE: 8.5px; COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}


.titular1 { 
    font-family: verdana, helvetica; font-size: 13pt; letter-spacing: -0.03em; color: rgb(0,51,204); font-weight: bold;
    margin-bottom:12px;
}

.az {
    BORDER-BOTTOM: 0.1mm; BORDER-LEFT: 0.1mm; BORDER-RIGHT: 0.1mm; BORDER-TOP: 0.1mm
}


.textonormal {
    COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.textonormallink {
    COLOR: rgb(0,153,0);; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: underline
}

.titular
{
    font-size:18px;
    font-weight:bold;
    color:#20c0d0;
    font-family:Arial, Helvetica, sans-serif;
}
.noticia
{
 
}
.intro_noticia
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#000000;
    font-size:12px;
    font-weight:normal;
}
.textonoticia {
    COLOR: #525252; 
    FONT-FAMILY: Arial, verdana, Helvetica, sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: normal
}


.titulillo {
    color: rgb(0,51,204); 
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    FONT-SIZE: 8.5pt; 
    FONT-WEIGHT: bold; 
    TEXT-DECORATION: none;
}

.entradilla {
    COLOR: #000033; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: normal
}


.entradillabold {
    COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8.5pt; FONT-WEIGHT: bold
}



LI {
/*    ESTE COMENTARIO ES DE LA ERA PRE-ALBERTO: FONT-SIZE: 8.5pt; MARGIN: 0cm 0cm 0pt; COLOR: black; FONT-FAMILY: Verdana; mso-pagination: widow-orphan; mso-fareast-font-family: "Verdana"; mso-layout-grid-align: none; mso-bidi-font-size: 9.0pt; mso-bidi-font-family: "Verdana" 
*/
      FONT-SIZE: 8.5pt; MARGIN: 0cm 0cm 0pt; COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif; 
}


.link_titulo {
    COLOR: rgb(0,153,0);; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none
}


.link_titulo:hover {
    COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; FONT-WEIGHT: bold; TEXT-DECORATION: none

}


.tipo_select {
             FONT-FAMILY: Arial, Helvetica, sans-serif;
             color: rgb(140,140,140);
}

 /* commented backslash hack for mac-ie5 \*/
 dt { clear: both; }
 


/* Cuerpo de la Capa de IA
--------------------------------------------------------*/
#cuerpo_ia{


    position: absolute;
    top:150px;
    left: 100px;
    width: 500px;
    
}


#subcuerpo1_ia {


    position: absolute;
    top:220px;
    left: 180px;
    width: 200px;
}


#subcuerpo2_ia {


    position: absolute;
    top:220px;
    left: 450px;
    width: 150px;
}


/*
--------------------------------------------------------*/

#promo{
text-align: center;
}


#contenido{
    padding: 10px;
    padding-left: 15px;
    padding-top: 0px;    
}


#contenido2{
    padding: 10px;
    padding-left: 15px;
    padding-top: 0px;
}




#contenido a{
    color: #29A6B3;
    text-decoration: none;
}


#contenido h2{
    color: #196870;
    font-size: 13px;
}


#contenido a:hover{
    color: #29A6B3;
    text-decoration: none;
}


#contenido a:visited{
    color: #29A6B3;
    text-decoration: none;
}




#contenido h3{
    color: #20C0D0;
    font-size: 13px;
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
}


#contenido p{
    margin-top: 0px;
    margin-bottom: 10px;
    color: #333;
}


#resumen{
font-size:115%;
}
#resumen h2{
font-size:125%;
}


/*
--------------------------------------------------------*/
#lateral1{
    position: absolute;
    top:120px;
    left: 385px;
    width: 165px;
    margin-left: 5px;
}


#lateral1 a{

    text-decoration: underline;
    color: #333;
}


#lateral1 #c1{
    width: 90%;
    padding: 5px;
    padding-top: 0px;
    padding-left: 10px;
    color: #815781;
}


#lateral1 #c1 h3{
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    margin: 0px;
    font-size: 13px;
    color: #583B58;
}




#lateral1 #c1 ul {
    padding: 0px; 
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 15px;
    list-style-type: none
}


#lateral1 #c1 li {
    padding: 0px;
    padding-left: 10px;
    color: #333; 
    padding-top: 1px;
}


#lateral1 #c1 li a {
    display: block;
    text-decoration: underline;
    color: #333;
}


#lateral1 #c1 li a:hover {
    color: #333; 
    text-decoration: underline;    
}


/*
------------------------------------------------------*/

#lateral2{
    position: relative;
	float:left;
    top:15px;
    /*left: 610px;*/
    /* width: 150px; */
}

#lateral2 #c2{
    width: 90%;
    padding: 5px;
    padding-left: 10px;
    padding-top: 0px;
    color: #ffffff;    
}


#lateral2 #c2 h3{
    margin: 0px;
    FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; 
    font-size: 13px;
    color: #ffffff;
}


#lateral2 #c2 a{
    color: #30949E;
    font-weight: bold;
    text-decoration: underline;
}


#lateral2 #c2 p{
margin-top:3px;
margin-bottom:3px;
}


#lateral2 #c2 ul {
    padding: 0px; 
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 15px;
    list-style-type: none;
}


#lateral2 #c2 li {
    padding: 0px;
    padding-left: 10px;
    color: #333; 
    padding-top: 1px;
}


#lateral2 #c2 li a {
    display: block;
    text-decoration: underline;
    color: #fff;
}


#lateral2 #c2 li a:hover {
    color: #ddd;
    text-decoration: underline;
}


/*
------------------------------------------------------*/


#lateral2int{
    position: absolute;
    top:80px;
    left: 575px;
    width: 175px;
    margin-left: 0px;
    background-color: #42B4D6;
/*    height: 400px;
    min-height: 400px*/
}


#lateral2int #c2int{
    width: 90%;
    padding: 5px;
    padding-left: 10px;
    padding-top: 0px;
    color: #ffffff;    
}


#lateral2int #c2int h3{
    margin: 0px;
    font-family: Trebuchet MS, verdana, sans-serif;    
    font-size: 13px;
    color: #ffffff;
}


#lateral2int #c2int a{
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
}


#lateral2int #c2int p{
    margin-top:3px;
    margin-bottom:3px;
}


#comentarios{
margin-top: 40px;
color: #297077;
}


#comentarios a{
color: #C00;
}


#comentarios p{
    color: #297077;
}


#comentarios h3{
color: #588F95;
margin-top: 15px;
margin-bottom: 5px;
font-size: 13px;
}


#comentarios h4{
color: #333;
margin-top: 15px;
margin-bottom: 5px;
font-size: 13px;
}


#breadcrumb{
    color:rgb(140,140,140);
    /*color: #FF9902;*/
}


#vota{
}




/* Amarillo
------------------------------------------------------*/


.top, .bottom {
        position: relative;
        left: 1px;
        height: 8px;
        }
        
.top { top: -1px }
.bottom { margin-bottom: -1px; top: 0px }


.box > .bottom { top: 0px }


.nw, .ne, .sw, .se {
        width: 8px;
        height: 8px;
        }
.nw, .sw { float: left; position: relative; left: -2px }
.ne, .se { float: right }
.nw { background: url('rsc/nw.gif') no-repeat left top;  }
.ne { background: url('rsc/ne.gif') no-repeat right top;  }
.sw { background: url('rsc/sw.gif') no-repeat left bottom;  }
.se { background: url('rsc/se.gif') no-repeat right bottom;  }


/* Rosa
------------------------------------------------------*/
.nw-r, .ne-r, .sw-r, .se-r {
        width: 8px;
        height: 8px;
        }
.nw-r, .sw-r { float: left; position: relative; left: -2px }
.ne-r, .se-r { float: right }
.nw-r { background: url('rsc/nw-r.gif') no-repeat left top;  }
.ne-r { background: url('rsc/ne-r.gif') no-repeat right top;  }
.sw-r { background: url('rsc/sw-r.gif') no-repeat left bottom;  }
.se-r { background: url('rsc/se-r.gif') no-repeat right bottom;  }


/* Rosa
------------------------------------------------------*/


.nw-a, .ne-a, .sw-a, .se-a {
        width: 8px;
        height: 8px;
        }
.nw-a, .sw-a { float: left; position: relative; left: -2px }
.ne-a, .se-a { float: right }
.nw-a { background: url('rsc/nw-a.gif') no-repeat left top;  }
.ne-a { background: url('rsc/ne-a.gif') no-repeat right top;  }
.sw-a { background: url('rsc/sw-a.gif') no-repeat left bottom;  }
.se-a { background: url('rsc/se-a.gif') no-repeat right bottom;  }








/* paginador busquedas y categorias
----------------------------------------------*/


#paginador  {
    padding: 5px;
    float: none;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 420px;
    height: 15px;
    border: 1px dashed #CCCCCC;
    background-color: #F7F7F7;
    font-size: 95%;
    COLOR: #333333;
}


#cuerpo2 #paginador a{
    color: #ffffff;
}


#cuerpo2 #paginador a:hover{
    color: #000000;
}


#paginador span.literal {
/*

Donde se mete el termino buscado y numero de resultados
*/
    float: left;
    width: 300px;
    text-align: left;
    font-family:trebuchet ms, verdana, arial, sans-serif;
 }


#paginador span.anterior {
    float: left;
    width: 90px;
    text-align: center;
    FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; 
    color: #FFFFFF;
}


#paginador span.siguiente {
    float: right;
    width: 90px;
    text-align: left;
    text-align: center;
    color: #FFFFFF;
} 


.boton{
     font-size:11px;
    FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; 
     font-weight:bold;
     color:white;
     background:#638cb5;
     border:0px;

}
#suscribirse
{
position:relative;
height:60px;
background-image:url('http://www.fundacionbip-bip.org/img/varios/fondo_suscribirse.gif');
}
.banner
{
margin-top:0px;
margin-bottom:5px;
font-size:10px;
clear:both;
}

#popitmenu{
position: absolute;
background-color: white;
border:1px solid black;
font: normal 8pt Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
    text-decoration: none;
    padding-left: 6px;
    color: #666666;
    display: block;
}

#popitmenu a:hover{ /*hover background color*/
    text-transform: uppercase;
    color: rgb(0,51,204);
}

.celdaOff {
    font-family: verdana, helvetica; 
    font-size: 12px; 
    color: rgb(140,140,140); 
    letter-spacing: -0.03em; 
    text-transform: capitalize; 
    cursor: default;
    vertical-align:middle;
}
.celdaOn {
    font-family: verdana, helvetica; 
    font-size: 12px; 
    text-decoration: underline; 
    color: rgb(0,51,204); 
    letter-spacing: -0.03em; 
    text-transform: capitalize; 
    cursor: pointer;
    vertical-align:middle;
}
.celdaActive {
    font-family: verdana, helvetica; 
    font-size: 12px; 
    text-decoration: none; 
    color: rgb(0,51,204); 
    letter-spacing: -0.03em; 
    text-transform: capitalize; 
    cursor: pointer;
    vertical-align:middle;
}
.celdaSel {
    font-family: verdana, helvetica; 
    font-size: 12px; 
    color: rgb(0,51,204); 
    letter-spacing: -0.03em; text-transform: capitalize; cursor: default;
    vertical-align:middle;
}













#logo #capa_busqueda {
      text-align:right;
      heigth:15px;
      padding:0px;
      margin:0px;
}


.formulario_busqueda{
    height:18px;
    font-size:9px;
    background-repeat:no-repeat;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
}

#form_inscripcion fieldset {
	width: 89%;
	}
#form_inscripcion #botenvioformanet {
	text-align:center;
}
/*Nuevos*/
.izq{
	clear: both;
	float: left;
	padding: 0px 20px 20px 20px;
}
.der{
	float: right;
	padding: 0px 20px 20px 20px;
}