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

#centro {
/* margin: 0 0 0 175px; */
width: 588px;
background: transparent;
float:	right;
margin: 4px;
padding; 4px;
}

#bandera{
background: #DCE7EF;
font-size: 9px;
width: 450px;
}

#bandera p{
text-align: center;
font-size: 11px;
}

#destacado{
background: #DCE7EF;
font-size: 8px;
width: 450px;
}

#modulosizq {
float: left;
width: 170px;
top: 8.1em;
left: 0px;
}

/* BLOQUE PARA CLASIFICAR TEMATICAMENTE */

#temas {
	width: 116px;
	float:  right;
	margin: 0 0 0 10px;
	}


#lista {
	padding: 1px;
	margin-left: 0;
	font: 9px;
	border: 1px solid;
	border-color: #AAA #666 #666 #AAA;
	background: #BFD5DF;
	width: 114px;
	
	}

#lista li {
	list-style: none;
	margin: 0;
	padding: 1px 1px 1px 1px;
	border: 1px solid;
	border-color: #FFF #AAA #AAA #FFF;
	}

#lista li a { text-decoration: none; }
#lista li a:link { color: black; }
#lista li a:visited { color: gray; }


#temas a, a:visited {
	text-decoration: none;
	font-size: 11px;
	}

#temas a:hover{
	text-decoration: underline;
	font-size: 11px;
	color: #000;
	}

#centro td {
font-size: 10px;


	}

/* BLOQUE PARA EL BUSCADOR POR TEMAS Y CIUDADES */


#buscador {
	margin: 2em 0 0 0;
	width: 588px;
	padding:2px 3px 2px 3px;
	background: #BFD5DF;
	font-size: 10px;
	float: right;
	clear:	both;
	color: white;
}

#buscador b{
	font-size: 10pt;
}

#buscador a, a:visited {
color: #FFFFFF;
text-decoration: none;
font-size: 10px;
}

#buscador a:hover{
color: #FFFFFF;
text-decoration: underline;
font-size: 10px;
}

#buscador td {
font-size: 9px;
color: #000;
font-weight: normal;
}


td {
	font-size: 9px;
}

#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;
}


#menuderecha {
margin: 0px 0 0 570px;
float: right;
top: 8.6em;
width: 135px;
left: 70px;
}

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

#css {
background: #DCE8EE;
}


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

.imgizq {
float: left;
margin: 0.5em;
}


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


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

#centro li {
	font-size: 12px;
	text-align: justify;
	}

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

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


#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;
}

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

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

#relacionado {
	padding: 7px;
	margin: 15px;
	border: 1px solid #416D8E;

	}

#relacionado h4 {
	background: url(graficas/relacionado.gif) no-repeat 0px -3px;
	padding-left: 40px;
	color: #416D8E;
	font-size: 15px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #416D8E;
	padding-bottom: 5px;
	padding-left: 55px;

	}
	
	
#relacionado ul {
	margin: 0px;
	padding: 0px;
}


#relacionado li a{
	font-size: 11px;
	margin: 1px 1px 1px 1px;
 	padding: 1px 1px 1px 1px;
	}

#relacionado li a:hover {
	color: #416D8E;
	border: none;
}

#relacionado li {
	list-style-type: none;
	margin: 1px 1px 1px 1px;
 	padding: 1px 1px 1px 1px;
	}

#menu-auxiliar{
	text-align: right;
	font-size: 7pt;
	margin-bottom: 15px;
}

#menu-auxiliar a, #menu-auxiliar a:link,#menu-auxiliar a:visited{
	text-decoration: none;
	font-size: 7pt;
	
}

#menu-auxiliar a:hover{
	text-decoration: underlina;
}

.scroller a{
	font-size: 9pt;
}

.scroller_actual{
	font-size: 9pt;
}


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

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




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

#modulosizq .sinflecha {
    background: none;
    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;
}


/****************Bloques para armar tablas*****************/

#cuatroceldas{
	width:130px;
	padding: 2px;
	margin: 2px;
	float: left;
	text-align: center;
	height: 170px;
	min-height: 200px;
 	}

*>#cuatroceldas {
	height: auto;
}

#contenedor-tabla{
	margin: 2px;
	padding: 0;
	width: 570;
	float: left;
	height: auto;
	}
	
.separador {
	clear: both;
	margin: 0 0 0 0;
	}
	
/* 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;
}

select {
background-color : #FFFFFF;
color : #000000;
border : 1px #333333 solid;
font-size : x-small;
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; 
}

.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, #temas, #buscador {
					display:	none;}

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

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

     				#centro {
					width: auto;
					margin-right: 15%;
					padding: 0;
					border: 0;
					float: none;
							}

					#pie {
					width: auto;
					margin-right: 15%;
					padding: 0;
					border: 0;
					float: none;
							}

					}



/* Estilos específicos para texto */

#centro .antetitulo {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	margin: 0px 0 0 4px;
	padding: 0px 0 0 0px;
	}
	
#centro h5 {
	font-weight: bold;
	font-size: 15px;
	color: #00638C;
	margin: 0px 0 0 4px;
	padding: 10px 0 0 0px;
	}
	
	
#centro h3 {
	font-weight: bold;
	font-size: 17px;
	color: #6B9DB6;
	margin: 0px 0 0 0px;
	border-bottom: 1px solid #6B9DB6;
	border-left: 1px solid #6B9DB6;
    background: transparent url(graficas/logo.gif) no-repeat 0px 4px;
	padding-left:18px;
	height:auto;
	display:block;
	}