/* Con esto se centra el layout de toda la página */
body {
margin:17px 0 0 -395px;
background-color:#FF9933;
position: absolute;
left: 50%;
width: 790px;
}

a { color: #000000; text-decoration: none; font-weight=bold }
a:visited { color: #000000; text-decoration: none;  font-weight=bold }
a:hover { color: #F77B28; text-decoration: none; font-weight=bold }


#buscadorForm input, textarea, select{
font-family:Arial, Helvetica, sans-serif;
background-color: #ffffff;
border: 1px solid #cfccc6;
font-size:10px;
color:#5d5d5d;
}


/* Acá se define la parte superior que tiene la solapa y el borde redondeado */
#GrayLayout-top{
background-image:url(../images/top-line.gif);
background-repeat:repeat-x;
height:24px;
display:block; 
}

.rightFL{
float: right;
}

.leftFL{
float: left;
}

/* Acá se definen el contenedor central y sus contenidos 'valga la rebusnancia' */
#GrayLayout-mid{
width: 790px;
background-image:url(../images/bkgnd-gray.gif);
background-repeat:repeat-y;
padding:0 0 0 6px;
}

#Logo{
width: 537px;
float:left;
padding: 0px 0px 0px 23px;
}

#Asociate{
float:left;
display:block;
width:208px;
margin: 0px 0px 0px 10px;
background-image:url(../images/bkgnd-asociate.gif);
background-repeat:repeat-y;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#5d5d5d;
}

#Asociate input, textarea, select{
font-family:Arial, Helvetica, sans-serif;
background-color: #ffffff;
border: 1px solid #cfccc6;
font-size:10px;
color:#5d5d5d;

}
/* Acá se está el header de la sección */
#Header{
width:778px;
margin: 0 0 0 0;
clear:both;
}

#SectionTitle{
height: 22px;
background-image:url(../images/middle-tittle-down.gif);
background-repeat:repeat-x;
display:block;
z-index: 3;
}

#SectionTitle #texto{
display:inline;
padding: 7px 20px 1px 20px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:center;
background-image:url(../images/middle-tittle-up.gif);
background-repeat:repeat-x;
vertical-align:text-top;
}


/* Acá se define la barra de navegación como una UL */
#mainContainer{
clear:both;
width:778px;
background-image:url(../images/barra_bkgnd.gif);
background-repeat:repeat-y;
}

/*----------------------------------------------------- Acá está la columna izquierda */

#Barra { 
float:left;
display:block;
margin: -0px 0 0 0px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
padding: 4px 0px 0 0;
width:19%;
}

#Barra ul{
list-style:none;
padding: 0px 0 0 0;
margin: 0 0 0 3px;
width: 142px;
}
#Barra li{
display:block;
vertical-align:middle;
margin:-3px 0 -3px 0;
padding-top:1px;
border:solid #FFFFFF 2px;
width: 142 px;
height: 22px;
background-color:#ffe5b9;
vertical-align:text-top;
}

#Barra li.gray{
display:block;
vertical-align:middle;
margin:-3px 0 -3px 0;
padding-top:1px;
border:solid #FFFFFF 2px;
width: 142 px;
height: 22px;
background-color:#e7e8e9;
}

#Barra li .icono{
padding: 3px 6px 0px 6px;
border:none;
}

#Barra li a{
display:block;
text-decoration:none;
color:#000000;
margin-top:-2px;
width: 142 px;
}

#Barra li a:hover{
text-decoration:none;
color:#fe7f28;
padding: 0 0px 0px 2px;
background-color:#ffffff;
}

/* ---------------------------------------------------Acá está la columna central */
#Contenidos{
float:left;
display:block;
margin: 10px 0 0 10px;
width:53%;
background-image:url(../images/bkgnd-contenidos.gif);
background-repeat:repeat-y;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
}

#contesinbarra{
float:left;
margin: 10px 0 0 10px;
background-image:url(../images/bkgnd-contenidos.gif);
background-repeat:repeat-y;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
width:612px;
}

#UP{ width:410px;}
#DWON{ width:410px;}

#NoticiasTop{
width:408px;
background-color:#e5e5e5;
border:solid 1px;
}

#NoticiasTop2{
width:190px;
background-color:#e5e5e5;
border:solid 1px;
}

#titleNoticias{
margin: 2px 2px 0px 25px;
vertical-align:super;
font-size:12px;
}

#titleNoticias2{
margin: 2px 2px 0px 25px;
vertical-align:super;
font-size:12px;
}

.esquina{
margin:-1px 0px 0 -1px;
position:absolute;
}

#NoticiasBody{
padding: 6px 0px 0px 0px;
width:410px;
background-image:url(../images/bkgnd-noticias.gif);
background-repeat:repeat-y;
}

#NoticiasBody2{
padding: 6px 0px 0px 0px;
width:192px;
background-image:url(../images/bkgnd-noticias2.gif);
background-repeat:repeat-y;
}

#NoticiasDown{
margin:0px 0 15px 0;
width:400px;
}

#NoticiasDown2{
margin:-3px 0 15px 0;
width:192px;
}

/* Acá comienza el buscador */

#Buscador{
width:410px;
background-image:url(../images/bkgnd-buscador.gif);
background-repeat:no-repeat;
height:69px;
margin: 5px 0 0px 0;
}

#Buscador .buscadorForm input, textarea, select{
font-family:Arial, Helvetica, sans-serif;
background-color: #ffffff;
border: 1px solid #cfccc6;
font-size:10px;
color:#5d5d5d;
}

#Buscador .buscadorForm {
padding:35px 0 0 60px;
}

/* El contenedor de Fundaciones */

#Fundaciones{
margin:15px 0 0 0;
width:410px;
}

#FundacionesCentro{
width:410px;
background-image:url(../images/bkgnd-fundaciones.gif);
background-repeat:repeat-y;
text-align:center;
}

.banner {
padding:0 0 0 0;
}

/* ---------------------------------------------------------Acá está la columna derecha */

#Publicidad{
float:left;
width:26%;
margin:8px 0 0 0px;
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
}

#Separator{
margin: 10px 0 10px 0;
}

#SeparatorCentro{
height: 20px;
margin: 10px 0 10px 0;
}

#Informacion{
margin: 0 0 0 5px;
background-image: url(../images/noticias-center.gif);
background-repeat:repeat-y;
width:183px;
}

#InformacionBottom{
height:13px;
margin: -2px 0 0 5px;
width:183px;
}


/* Acá comienza el contenedor de abajo de todo */
#containerDown-Top{
margin: 15px 0 0 0;
height:22px;
width:778px;
background-image:url(../images/downContainer-bkgnd_52.gif);
background-repeat:repeat-x;
vertical-align:top;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
}

#containerDown{
width:778px;
padding: 0 20px 0 20px;
background-image:url(../images/downContainer-bkgnd.gif);
background-repeat:repeat-y;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
vertical-align:top;
}

#containerDown-Bottom{
width:778px;
background-image:url(../images/downContainer-bkgnd2.gif);
background-repeat:repeat-x;
height:8px;
vertical-align:top;
}

/* Acá se define la parte inferior que tiene los bordes redondeados */

#GrayLayout-bottom{
background-image:url(../images/bottom-bkgnd.gif);
background-repeat:repeat-x;
height:11px;
}

.textletras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 09pt;
	color: #666666;
	text-decoration: none;
	border: 1px none #666666;
	background-color: #FFFFFF;
	font-weight: bold;
}
