/* Diseño realizado por Colnodo para la Red de Gestores Sociales */
/* Colnodo 2004  - www.colnodo.apc.org */

/* característica general de la página
----------------------------------------------- */
body {
background: #fff;
font-family: arial, verdana, helvetica, sans-serif;
margin: 0px;
padding: 0px;
color: #000;
}


/* apariencia general
----------------------------------------------- */
#contenedor {
background: #fff;
margin: 0px auto ;
padding: 0px;
width: 770px;

}

#textobase {
float:	right;
width:	600px;
}

#centro {
width: 440px;
background: transparent;
margin: 4px;
}

#modulosizq {
width: 160px;
}

#menuderecha {
width: 135px;
float:	right;
padding-top: 2em;
padding-bottom: 1px;
}


#boletines, #proyectos  {
border-left: #00776E 1px solid;
border-bottom: #00776E 1px solid;
padding: 0px 0 0 0px;
}

#anuncios  {
padding: 0;
margin-top: 5px;
text-align: center;
}

#anuncios img{
	padding-bottom: 3px;
}

#boletines p{
text-align: left;
	}

#proyectos p{
text-align: left;
	}


#css {
background: #DCE8EE;
}	


#menuderecha p {
color: #000;
font-size: 10px;
}

#css .imgizq {
margin: 3px 5px 3px 3px;
}

#css p {
text-align: left;
	}


#pie {
border-top: 1px solid #0080C0;
width: 770px;
clear:	both;
background: #6D9DB4;
margin: 0px auto ;
padding: 0px;
}

#pie p {
font-size: 11px;
color: #fff;
text-align: center;
}

#pie a {
font-size: 11px;
color: #fff;
text-align: center;
}

#fpub {
background: #6D9DB4;
margin: 0px auto ;
padding: 0px;
font-size: 11px;
color: #fff;
}



/* encabezado
----------------------------------------------- */

#encabezado {
	background: url(graficas/rgsencabezado1.jpg) top left no-repeat;
	height: 137px;
	margin: 0;
	}

@media screen {

	#encabezado h1 {
	display: none;
	}

	#encabezado h2 {
	display: none;
	}
}


/* textos
----------------------------------------------- */
p {
font-size: 12px;
padding: 5px 5px 10px 5px;
margin: 0;
line-height: 16px;
text-align: justify;
}

#centro ul li {
font-size: 12px;
padding: 5px 5px 10px 5px;
margin: 0;
line-height: 16px;
}


#noticiascentro ul li{
	padding: 0;
	margin: 2px;
	/*color: blue;*/
	
}

#buscador b{
	font-size: 8px;
}

/* modulos centro
----------------------------------------------- */

#textobase h3 {
margin: 0 0 0 0;
padding: 0;
height: 25px;
}

h3 span { display: none; }

#centro-noticias h3 {
background: transparent url(graficas/centro-noticias.gif) no-repeat top left;
border-bottom: #00776E 1px solid;
}

#centro-convocatorias h3 {
background: transparent url(graficas/centro-convocatorias.gif) no-repeat top left;
border-bottom: #00776E 1px solid;
}

#centro-experiencias h3 {
background: transparent url(graficas/centro-experiencias.gif) no-repeat top left;
border-bottom: #00776E 1px solid;
}

#centro h4 {
font-size: 13px;
color: #7BB9B5;
margin: 4px 0 0 4px;
}	

#proyectos h4 {
font-size: 13px;
color: #000000;
margin: 4px 0 0 4px;
}

.renglon {
	clear: left;
	margin: 0 0 20px 0;
	}

.leermas a, a:link, a:visited {
font-size: 12px;
color: #000;
text-decoration: underline;
}


#centro-menu {
border-bottom: #00776E 1px solid;
border-right: #00776E 1px solid;
width: 440px;
}

#centro-menu p {
margin: 0px 0 0px 0;
padding: 0px 0 0px 0;
font-size: 11px;
text-align: center;
}



#centro-noticias {
border-left: #00776E 1px solid;
/*width: 440px;*/
width: 440px;
}

#centro-abajo {
width: 440px;
}

#centro-convocatorias {
margin: 0px 0 0 0px;
border-left: #00776E 1px solid;
width: 210px;
float: right;
}

#centro-experiencias {
/* margin: 0px 0 0 230px; */
border-left: #00776E 1px solid;
width: 210px;
}


/* modulos derecha
----------------------------------------------- */

#css h3 {
background: transparent url(graficas/h3_css.gif) no-repeat top left;
margin: 15px 0 0 5px;
}

#proyectos h3 {
background: transparent url(graficas/h3_proyectos.gif) no-repeat top left;
margin: 15px 0 0 0px;
}

#boletines h3 {
background: transparent url(graficas/h3_boletines.gif) no-repeat top left;
margin: 15px 0 0 0px;

}


#menuderecha ul {
font-size: 10px;
list-style: none;
margin: 2px 0 0 0px;
padding: 0 0 0 0;
}

#menuderecha ul li {
background: transparent;
margin: 0;
padding: 0 0 0 27px;
line-height: 14px;
color: #000;
}



/* modulos izquierda
----------------------------------------------- */
#modulosizq ul {
font-size: 11px;
list-style-type: none;
margin: 0px 0 0 0px;
padding: 0px;
text-align: right;
background: #fff;
color: inherit;
}

#modulosizq ul li {
background: #E8F3F2;
margin: 0;
padding: 4px 15px 4px 4px;
line-height: 14px;
color: #000;
border-top: #00776E 1px solid;
}


#modulosizq .titulo-bloque {
background: #CFE7E4;
margin: 0;
padding: 4px 15px 4px 4px;
line-height: 14px;
color: #000;
border-bottom: #ABD6D0 1px solid;
border-right: #ABD6D0 1px solid;
}

#logos-izquierda{
	text-align: center;
}

#logos-izquierda a, #logos-izquierda a:hover {
	background: none;
}

/* enlaces
----------------------------------------------- */

a, a:link, a:visited {
color: #000;
text-decoration: underline;
font-weight: normal;
}

a:hover {
color: #7BB9B5;
text-decoration: none;
font-weight: normal;
}

#modulosizq a, #modulosizq a:link, #modulosizq a:visited {
color: #000;
text-decoration: none;
font-size: 10px;
}

#modulosizq a:hover {
		background: transparent url(graficas/flecha.gif) no-repeat 0px 2px;
		padding-left:18px;
		display:block;
}


#pie a, #pie a:link, #pie a:visited {
text-decoration: underline;
color: #fff;
}

#pie a:hover {
text-decoration: none;
color: #fff;
}


/* Estilos para formularios */


input {
background-color : #ffffff;
color : #000000;
border : 1px #000000 solid;
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}

textarea {
background-color : #FFFFFF;
color : #000000;
border : 1px #333333 solid;
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}

.seleccion {
background-color : #FFFFFF;
color : #000000;
border : 1px #333333 solid;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
font-size: 10px; 
}

select {
background-color : #FFFFFF;
color : #000000;
border : 1px #333333 solid;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
font-size: 8pt; 
}

.boton {
background-color : #ccc;
color : #000;
border : 1px #333333 solid;
font-size : x-small;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
}


/*
   Estilo para impresión de páginas
*/


/*
@media print {

					#modulosizq, #menuderecha, #centro-menu {
					display:	none;}

					BODY {
					font-family:	times new roman, arial, verdana;
					}

					#centro p {
					font-size: 12pt;
					text-align: justify;
					}

					#centro-noticias, #centro-convocatorias, #centro-experiencias  {
     				margin-left: 0px;
					margin-bottom: 0px;
					margin-top: 0px;
					width: 700px;
							}

     				#encabezado h1 {
					font-size: 14pt;
										}
					
					#encabezado h2 {
					font-size: 13pt;
					}
			}
*/