@charset "utf-8";
/* ESTILOS GENERALES - ONECLICK */

@import url("contenedores.css");
@import url("links.css");
@import url("botones.css");
@import url("titulos.css");

/* ------------------------------------------------------------------------------------- */
/* -------------------------------------ESTILOS GENERALES ------------------------------ */

/* ------------------------------------- FECHAS ---------------------------------------- */
.fecha1{color: #9bd7ff;}
.fecha2{color: #be7f2f; font-weight: bold;}
.fecha_roja{color: #ff5000;	font-weight: bold;}

/* ------------------------------------- SEPARADORES ----------------------------------- */
.separador_azul, .separador_gris{ 
	margin: 10px 0px 10px 0px; 
	width: 263px; 
	height: 1px;
}

.separador_gris{ 
	background-image: url(../imagenes/separador_gris.gif);	
	background-repeat: no-repeat;
}

.clear{	
	margin: 0px; 
	padding: 0px; 
	height: 1px;
	width: 10%; 
	clear: both;
}

.clear2{	
	font-size: 0px;
	line-height: 0px;
	margin: 0px; 
	padding: 0px; 
	height: 0px;
	width: 10%; 
	clear: both;	
}

/* ------------------------------------- BODY ------------------------------------------ */
body{
	margin: 0px;
	padding: 0px;
	background-color: #c78565;
	background-image: url(../imagenes/arena_fondo.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

/* ------------------------------------------------------------------------------------ */
/*-----------------------------------------INDEX -------------------------------------- */

#bloque_recursos_med p{
	margin-top: 0px;
	margin-bottom: 0px;
}

#bloque_recursos ul {
	padding: 0px;
	margin: 0px 0px 0px 15px;
	list-style-type:disc;
}

#bloque_recursos .img_izq {
	margin: 0px 10px 0px 0px;
}

#bloque_recursos .img_der {
	margin: 0px 0px 0px 10px;
}

#ultimas_noticias_med table, #ultimas_noticias_med_ec table{
	width: 270px;
	margin: auto;
	text-align: left;
}
#ultimas_noticias_med td, #ultimas_noticias_med_ec td{
	padding-bottom: 5px;
	background: url(../imagenes/bloque_noticias_linea.jpg) no-repeat bottom;
}
#ultimas_noticias_med td img, #ultimas_noticias_med_ec td img{
	float: right;
	width: 100px;
	border: 2px solid #FFF;
	margin-top: 5px;
}

.ultimas_noticias_noticia {
	float: left;
	width: 150px;
}

#bloque_bienvenidos .med p{
	margin: 0px;
	padding: 0px 25px 0px 20px;
}

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------------GOTAS PARA NIGER --------------------------*/
#bloque_escuelas_amigas .med ul{
	margin: 0px;
	padding: 0px;
	margin-left: 32px;
	margin-right: 20px;
	list-style-image: url(../imagenes/lista_amarilla.jpg);
}	

#col_izquierda p{
	color: #004a7c;
	margin: 15px 15px 5px 51px;	
}

#bloque_ultima_foto .med p{
	padding: 0px;
	margin: 0px 25px 15px 20px;
	color: #FFFFFF;
}

#bloque_ultima_foto .med img{
	margin-left: 20px;
}

#bloque_ultimo_video table{
	left: 20px;
	top: 15px;
	position: relative;
}

#bloque_ultimo_video table p{
	margin: 0px 10px 0px 20px;
	padding: 0px;
	color: #FFFFFF;
}

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------------COMO VAMOS --------------------------*/

#como_vamos_tabla{
	margin-left: 20px;
	margin-top: 10px;
	color: #75422d;
}

#bloque_reportajes p{
	margin: 0px 20px 0px 20px;
	padding: 0px;
	color: #FFFFFF;
}

#bloque_reportajes img{
	margin: 15px 0px 15px 0px;
}

#bloque_reportajes_cv p{
	margin: 0px 20px 0px 20px;
	padding: 0px;
	color: #FFFFFF;
}

#bloque_reportajes_cv img{
	margin: 15px 0px 15px 0px;
}

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------------NOTICIAS DE CAMPAÑA -----------------------*/

#bloque_noticias_campania table{
	top: 68px;
	position: relative;
}

#bloque_noticias_campania table p{
	margin: 0px;
	padding: 0px;
	color: #78442f;
	text-align: justify;
}

#bloque_sube_tu_noticia .campos, #bloque_sube_tu_noticia textarea{
	width: 288px;
	height: 20px;
	padding-left: 3px;
	padding-top: 3px;
	border: solid 1px #c1c6c1;
	background: #FFFFFF url(../imagenes/fondo_inputs.gif) repeat-x top;
	color: #847e66;
	font-size: 11px;
	font-family: tahoma, sans-serif;
}

#bloque_sube_tu_noticia textarea{
	height: 74px;
}

/* ------------------------------------------------------------------------------------ */
/* ----------------------------------- COMUNICA ----------------------------------------*/

#bloque_comunica_max .med p{
	margin: 0px 23px 15px 23px;
	text-align: justify;
	color:#472803;
}

#bloque_comunica_max .med table{
	margin-bottom: 15px;
}

#bloque_difunde_campana .med table{
	text-align: justify;
}

#bloque_difunde_campana .med table td{
	padding-bottom: 8px;
}
	
#bloque_difunde_campana .med .campos{
	width: 200px;
	height: 18px;
	padding-left: 2px;
	padding-top: 2px;
	border: solid 2px #e2e8e3;
	background: #FFFFFF url(../imagenes/fondo_inputs.gif) repeat-x top;
	color: #847e66;
	font-size: 11px;
	font-family: tahoma, sans-serif;
}


/* ---------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- INSCRIBETE --------------------------------------------------- */
#bloque_inscribete_max .textos p{
	color: #000000;  
	margin: 8px 0px 8px 0px;
	padding: 0px;
	line-height: 18px;
}	

#bloque_inscribete_form .campos{
	width: 200px;
	height: 18px;
	padding-left: 4px;
	padding-top: 5px;
	border: solid 1px #c1d6e4;
	background: #FFFFFF url(../imagenes/fondo_inputs2.gif) repeat-x top;
	color: #486a81;
	font-size: 11px;
	font-family: tahoma, sans-serif;
}

#bloque_inscribete_form select{
	width: 208px;
	height: 26px;
	border: solid 1px #c1d6e4;
	background: #07568c url(../imagenes/fondo_inputs2.gif) repeat-x center;
	color: #ffffff;
	font-size: 11px;
	font-family: tahoma, sans-serif;
}

.datos_niger_select{
	width: 208px;
	height: 26px;
	border: solid 1px #c1d6e4;
	background: #07568c url(../imagenes/fondo_inputs2.gif) repeat-x center;
	color: #ffffff;
	font-size: 11px;
	font-family: tahoma, sans-serif;
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- ORGANIZA TU CAMPAÑA --------------------------------------------------- */
#bloque_organiza_campania_max p{
	color: #FFFFFF;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 18px;
}

#bloque_organiza_campania_max img{
	margin-top: 10px;
	margin-bottom: 20px;
}

#bloque_carrera .med p, #bloque_plantilla .med p{
	color: #000000;
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	margin-right: 20px;
}

#bloque_plantilla .med table{
	margin-top: 25px;
}

#bloque_plantilla .numerador, #bloque_galeria_video .med .numerador{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
}

#bloque_plantilla .numerador a, #bloque_galeria_video .med .numerador a{
	color: #4f3607;
	text-decoration: none;
}

#bloque_plantilla .numerador a:hover, #bloque_galeria_video .med .numerador a:hover{
	color: #9a4a1e;
}

#bloque_plantilla .med td{
	border-top: solid 1px #d7b26f;
	border-bottom: solid 1px #b69453;
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- NUESTRA GOTA --------------------------------------------------- */

.nuestra_gota_intro{
	margin: 0px;
	padding: 0px;
	width: 460px;
	float: right;
	position: relative;
}

.nuestra_gota_intro p{
	margin: 0px;
	padding: 0px;
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------ RECURSOS EDUCATIVOS----------------------------------------------- */

#bloque_cuaderno_actividades .med .sep{
	width: 100%;
	height: 2px;
	margin: 10px auto 10px auto;
	padding: 0px;
	background: url(../imagenes/separador_verde.gif) repeat-x;
}

#bloque_video_violeta .med p{
	color: #FFFFFF;
	margin: 0px 20px 0px 20px;
	padding: 0px;
}

/* ------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------ UNICEF EN NIGER -------------------------------------------------- */

#bloque_unicef_en_niger .med p{
	margin: 0px 20px 0px 20px;
	padding: 0px;
	color: #002034;
}

#bloque_unicef_en_niger .med ul{
	list-style-image: url(../imagenes/lista_gris.jpg);
	list-style-position:outside;
	margin: 15px 20px 10px 40px;
	padding: 0px;
	color: #002034;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------- ACCORDION ------------------------------------------------------------ */

.accordion_toggle {
	display: block;
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #27a9ff;
	color: #FFF;
	margin: 0 0 4px 0;
	padding: 4px 6px 2px;
}

.accordion_toggle_active {
	background: #1D96E7;
	color: #ffffff;
}

.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}
	
	.accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #0099FF;
	}
	
	.accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
	
.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 600px;
	background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.vertical_accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}

	.vertical_accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #0099FF;
	}

	.vertical_accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
	
/*
	Horizontal Accordion
*/

.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	display: block;
	height: 100px;
	width: 30px;
	background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.horizontal_accordion_toggle_active {
	background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
	border-right: 1px solid #f68263;
}

.horizontal_accordion_content {
	/* REQUIRED */
	height: 100px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	
	overflow: hidden;
	background-color: #ffffff;
	color: #444444;
}
	
	.horizontal_accordion_content p {
		width: 450px;
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
			
			
/* Container styling*/
#horizontal_container {
margin: 20px auto 20px auto;
width: 680px;   
height: 100px;    
}

#vertical_nested_container {
margin: 20px auto 20px auto;
width: 620px;
}
blockquote {
	padding:5px 20px;
}

.datos_basicos_cuadro {
	width: 100%;	
	background: #FFF;
}
.datos_basicos_cuadro td{
	border-bottom: 1px solid #dcedf5;
	color: #005596;
}
.element_td_tit {
	width: 137px;
	background: #F1F1F1;
	padding: 14px;
	text-align: left;
}
.element_td_nor {
	text-align: center;
	border-right: 1px solid #dcedf5;
}
.datos_basicos_td_cabecera {
	width: 232px; 
	text-align: center;
	color: #005596;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------- MAPA_WEB ------------------------------------------------------------ */

#col_unica  .seccion{
	font-size: 12px;
	margin-top: 25px;
	width: 250px;
	padding-left: 45px;
	margin-left: 45px;
	padding: 3px 3px 3px 10px;
	color: #0066CC;
	background: #a8ddff;
	line-height: 22px;
	border-left: solid 15px #0f97ee;
}

#col_unica .subseccion{
	margin: 5px auto auto 25px;
	font-size: 12px;
}

#col_unica  .seccion a{
	color: #0066CC;
	text-decoration: none;
}

#col_unica .subseccion a{
	margin: 5px auto auto 45px;
	color: #0066CC;
	text-decoration: underline;
}

#col_unica .subseccion a:hover{
	text-decoration: none;
}

#col_unica  .seccion a:hover{
	color: #003366;
	text-decoration: underline;
}

#col_unica  p{
	margin: 5px 50px 5px 50px;
	color: #003366;
}

/* PUBLICA TU VIDEO*/
.publica_tu_video_input .campos{
	width: 350px;
	height: 18px;
	padding-left: 4px;
	padding-top: 5px;
	border: solid 1px #c1d6e4;
	margin: 2px 5px auto auto;
	background: #FFFFFF url(../imagenes/fondo_inputs2.gif) repeat-x top;
	color: #0182d6;
	font-size: 12px;
	font-family: tahoma, sans-serif;
	text-align: right;
	font-weight: bold;
}

.separador_pasos{
	width: 100%;
	height: 1px;
	border-bottom: dotted 1px #0182d6;
	line-height: 1px;
	font-size: 1px;
	margin: 11px 0px 11px 0px;
}