@charset "utf-8";
/* CSS Document */
body
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-family:Tahoma, Geneva, sans-serif;
	background-image:url(../images/fondo_fan.jpg);
	background-repeat:repeat-x;
	background-color:#08498D;
}

#contenedor
{
	display:table;
	height:100%;
	width:100%;
}

/***********************************************Estilos para huella hidrica *********/

#todo 
{
	width:100%;
	height:908px;
	background-image:url(../images/fondo.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
	margin:auto;
}

#header
{
	width:968px;
	height:205px;
	position:relative;
	margin:auto;
	text-align:center;
}

#logo
{
	width:250px;
	height:205px;
	top:15%;
	float:left;
	position:relative;
	text-align:left;
}

#globo
{
	width:400px;
	height:205px;
	text-align:left;
	/*top:10%;*/
	float:right;
	position:relative;
}

.corte {clear: both; height:0px;}


#cuerpo
{
	width:1080px;
	height:543px;
	background-image:url(../images/caja.png);
	background-repeat:no-repeat;
	background-position:center top;
	top:42px;
	position:relative;
	margin:auto;
}

#interiores
{
	width:962px;
	height:543px;
	margin:auto;
}

#texto_huella
{
	width:97%;
	top:7px;
	text-align:right;
	position:relative;
	margin:auto;
}

#imagen_principal
{
	width:430px;
	height:370px;
	top:87px;
	float:left;
	margin:0;
	text-align:center;
	position:relative;
	vertical-align:middle;
}

#formulario
{
	width:395px;
	height:450px;
	float:left;
	top:87px;
	left:-45px;
	position:relative;
}

#preguntas
{
	width:100%;
	height:380px;
	position:relative;
}

#siguiente
{
	width:100%;
	height:50px;
	text-align:right;
}

#siguiente2
{
	width:829px;
	height:50px;
	text-align:right;
	top:150px;
	position:relative;
	margin:auto;
}

#alimentos
{
	width:805px;
	float:left;
	top:70px;
	left:20px;
	position:relative;
	
}

#resultado
{
	width:695px;
	float:left;
	top:45px;
	left:80px;
	position:relative;
	text-align:left;
}

#tubo
{
	width:128px;
	height:492px;
	right:21px;
	top:20px;
	background-image:url(../images/tubo.png);
	background-repeat:no-repeat;
	background-position:center;
	float:right;
	position:relative;
}

#nivel
{
	width:91px;
	margin:auto;
	position:relative;
	background-image:url(../images/nivel.png);
	background-repeat:repeat-y;
}

#footer
{
	width:968px;
	height:102px;
	margin:auto;
	top:48px;
	position:relative;
}

#botones_footer
{
	width:700px;
	height:113px;	
	float:left;
	position:relative;
}

#logo_rotoplas
{
	width:260px;
	float:right;
	text-align:right;
	top:0px;
	position:relative;

}

.textos_blancos_chicos
{	
	font-size:20px;
	color:#FFFFFF;	
}

.textos_blancos_medianos
{	
	font-size:22px;
	color:#FFFFFF;	
}

.textos_blancos
{	
	font-size:24px;
	color:#FFFFFF;	
}

.textos_blancos_grandes
{	
	font-size:32px;
	color:#FFFFFF;
	line-height:28px;
}

.textos_negros
{	
	font-size:32px;
	color:#000000;	
}

.textos_negros_chicos
{	
	font-size:17px;
	color:#000000;	
}


.textos_blancos_chicos
{	
	font-size:17px;
	color:#FFFFFF;	
}

.textos_blancos_italicas
{	
	font-size:13px;
	color:#FFFFFF;
	font-style:italic;
}

.textos_azules
{
	font-size:22px;
	color:#001468;
	vertical-align:bottom;
}

.textos_azules_chicos
{
	font-size:13px;
	color:#001468;
	vertical-align:bottom;
}

.combo
{
	width:75px;
	height:30px;
	background-color:#62B2E5;	
	font-size:22px;
	color:#001468;
	text-align:center;
}

.combo2
{
	width:55px;
	height:30px;
	background-color:#62B2E5;	
	font-size:22px;
	color:#001468;
	text-align:center;
}

textarea
{
	font-size:17px;
	color:#000000;
	font-family:Tahoma, Geneva, sans-serif;	
}

/*************************** Estilos para Quienes somos ********************/
#todo_extras
{
	width:100%;
	height:706px;
	background-image:url(../images/qs/background_qs.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;	
}

#contenedor_extras
{
	width:968px;
	height:706px;
	margin:auto;
	position:relative;
	
}

#header_extras
{
	width:100%;
	height:190px;
	position:relative;
}

#facebook_extras
{
	height:80px;
	width: 100px;
	float:right;
	padding-top:23px;
	text-align:right;
	position:relative;
}

#textos_extras
{
	width:438px;
	float:left;
	height:395px;
	top:60px;
	left:0px;
	position:relative;
	text-align:justify;
	padding:18px 22px 0px 22px;
	font-size:14px;
	line-height:16px;
}

#globo_extras
{
	width:452px;
	float:right;
	height:180px;
	position:relative;
}

.textos_negros_medianos
{	
	font-size:25px;
	color:#000000;
}

.direccion
{
	font-size:12px;
	top:15px;
	position:relative;
}

	
/*************************** Estilos para registro **********************/

#todo_registro 
{
	width:100%;
	height:794px;
	background-image:url(../images/registro/background_registro.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
	margin:auto;
	
}

#informacion_registro
{
	width:1030px;
	height:400px;
	margin:auto;
	top:96px;
	position:relative;
}

#facebook_registro
{
	height: 50px;
	width: 100px;
	left:69%;
	padding:20px;
	position:relative;
}

#globo_registro
{
	width:280px;
	height:300px;
	float:left;
	position:relative;
}

#formulario_registro
{
	height: 420px;
	width: 325px;
	font-size: 14px;
	color: #F6F6F6;
	margin:auto;
	line-height:9px;
	position:relative;
}

/****************************** Estilos para Donacion *****************************/

#todo_donacion
{
	width:100%;
	height:926px;
	background-image:url(../images/donacion/fondo_donacion.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#0D5FA9;
	position:relative;
	margin:auto;
}

#todo_donacion2
{
	width:100%;
	height:1730px;
	background-image:url(../images/donacion/fondo_donacion.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#0D5FA9;
	position:relative;
	margin:auto;
}

#todo_donacion3
{
	width:100%;
	height:926px;
	background-image:url(../images/donacion/fondo_donacion_final.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#0D5FA9;
	position:relative;
	margin:auto;
}

#pipa
{
	width:300px;
	height:250px;
	margin:auto;
	left:100px;
	top:115px;
	position:relative;
}

#boton_logramos
{
	width:300px;
	height:107px;
	position:relative;
	margin:auto;
	top:240px;
	right:164px;
}

#fondo_pipa
{
	width:330px; 
	height:515px; 
	margin:auto; 
	position:relative; 
	background-image:url(../images/donacion/lightbox.png); 
	background-repeat:no-repeat; 
	background-position:top center; 
	padding:0 20px;
}

#pipa2
{
	width:290px; 
	height:195px; 
	margin:auto; 
	position:relative; 
	top:50px;
}

#textos_pipa
{
	top:60px; 
	position:relative; 
	text-align:justify;
}

#formulario_donacion
{
	width:360px;
	height:250px;
	margin:auto;
	top:230px;
	left:10px;
	position:relative;
}

#formulario_donacion a
{
	text-decoration:none;
	color:#FFFFFF;
}

#valores
{
	width:632px;
	height:40px;
	margin:auto;
	left:10px;
	top:270px;
	position:relative;
	padding-top:12px;
	background-image:url(../images/donacion/caja_opciones.png);
}

#valores ol
{
	margin:0px;
}

#valores li
{
	list-style:decimal;
	display:inline;
	margin-right:30px;
	left:50px;
	position:relative;
	font-size:14px;
	padding-top:0px;
}

#preguntas2
{
	width:605px;
	position:relative;
	margin:auto;
	top:305px;
	left:6px;
	font-size:17px;
	color:#FFFFFF;	
	background-color:#0A55A6;
}

#numeros
{
	width:70px;
	float:left;
	left:20px;
	position:relative;
	top:-10px;
}

#cuestionario
{
	width:470px;
	float:left;
	left:20px;
	position:relative;
}

#cuestionario2
{
	width:605px;
	height:auto;
	background-color:#0A55A6;
	position:relative;
	margin:auto;
	top:288px;
	left:6px;
	font-size:17px;
	color:#FFFFFF;
}

#resultado_donacion
{
	width:520px;
	height:250px;
	margin:auto;
	top:120px;
	position:relative;
	font-size:24px;
	line-height:30px;
	color:#FFFFFF;
	text-align:center;	
}

.textos_grandes
{
	font-size:30px;
}

/****************************** Estilos para ideas *****************************/

#todo_ideas
{
	width:100%;
	height:794px;
	background-image:url(../images/iniciativa/registro_iniciativa.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
	margin:auto;
}

#formulario_ideas
{
	width:345px;
	height:344px;
	float:right;
	top:-8px;
	right:80px;
	line-height:5px;
	position:relative;
}

#formulario_ideas a
{
	color:#FFFFFF;
	text-decoration:none;
}

#todo_subir_ideas
{
	width:100%;
	height:794px;
	background-image:url(../images/iniciativa/background_registro_iniciativa.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
	margin:auto;
}

#formulario_sube_ideas
{
	width:400px;
	height:258px;
	float:left;
	top:68px;
	left:75px;
	line-height:6px;
	position:relative;
}

#logo_footer
{
	width:860px;
	height:45px;
	text-align:right;
	position:relative;
	top:130px;
	margin:auto;
}

.nota
{
	font-size:10px;
}

/********************************* Estilos Recupera numero de fan *********************/
#recupera
{
	background-image:url(../images/iniciativa/caja_lightbox.png);
	width:420px;
	height:440px;
}

#formulario_recupera
{
	position:relative;
	padding:43px;
	text-align:left;
	line-height:15px;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
}

#formulario_recupera a
{
	text-decoration:none;
	color:#FFFFFF;
}

/******************************* Estilos para iniciativas *******************************/

#todo_iniciativas
{
	width:100%;
	height:100%;
	background-image:url(../images/iniciativa/cortes_iniciativa/fondo_azul.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#238ACC;
	position:relative;
	margin:auto;
}

#contenedor_iniciativas
{
	width:1000px;
	height:100%;
	margin:auto;
}

#izquierdo
{
	width:290px;
	height:1070px;
	float:left;
	position:relative;
}

#logo_iniciativas
{
	width:275px;
	height:135px;
	top:20px;
	text-align:right;
	position:relative;
}

#menu_iniciativas
{
	width:275px;
	height:400px;
	top:100px;
	position:relative;
}

#cuadro_azul_iniciativas
{
	width:100%;
	height:auto;
	top:15px;
	position:relative;
	background-color:#AAE2FB;
}

.cuadro_chico
{
	width:230px;
	height:100%;
	padding:10px;
	top:10px;
	position:relative;
	background-color:#77C6ED;
	border:solid 1px #FFFFFF;
	margin:auto;
}

.cuadro_chico a
{
	text-decoration:none;
	color:#000000;
}

#menuList 
{
	padding: 0; 
	left:12px;
	position:relative;
}

#menuList li {
	display:inline;
}

#menuList li a {  
    text-decoration: none;       
    padding: 12px;  
    background-color: #AAE2FB; 
	color:#000000;
	border-top:solid 1px #AAE2FB;
	border-left:solid 1px #AAE2FB;
	border-right:solid 1px #AAE2FB; 
}

#menuList li a:hover {
	background-color: #77C6ED;
	margin-top:-2px;
	padding-bottom:12px;
	border-top:solid 1px #FFFFFF;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
}

.cuadro_chico2
{
	width:239px;
	padding:10px 10px 10px 0;
	top:10px;
	line-height:14px;
	font-size:15px;
	position:relative;
	background-color:#77C6ED;
	border:solid 1px #FFFFFF;
	margin:auto;
	
}

.cuadro_chico2 a
{
	text-decoration:none;
	color:#000000;
}

#cuadro_chico3
{
	width:238px;
	height:100px;
	padding:10px 10px 10px 0;
	line-height:14px;
	top:-4px;
	font-size:15px;
	position:relative;
	background-color:#77C6ED;
	border-left:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
	border-right:solid 1PX #FFFFFF;
	margin:auto;
}

#cuadro_chico4
{
	width:238px;
	height:110px;
	padding:10px 10px 10px 0;
	line-height:14px;
	top:-4px;
	font-size:15px;
	position:relative;
	background-color:#77C6ED;
	border-left:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
	border-right:solid 1PX #FFFFFF;
	margin:auto;
	display:none;
}

#cuadro_chico4 a
{
	text-decoration:none;
	color:#000000;
}

.cuadro_buscar
{
	width:230px;
	height:60px;
	padding:10px;
	top:10px;
	position:relative;
	line-height:6px;
	background-color:#77C6ED;
	border:solid 1px #FFFFFF;
	margin:auto;
}

.caja_buscar
{
	width:200px;
	height:17px;
	padding:5px 8px 7px 13px;
	background-image:url(../images/iniciativa/cortes_iniciativa/caja_buscar.png);
	background-repeat:no-repeat;
}

.input_buscar
{
	height:15px;
	border:none;
	width:165px;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;	
	padding-left:25px;
	background-image:url(../images/iniciativa/cortes_iniciativa/lupita.png);
	background-repeat:no-repeat;
	background-position:left;
}

#derecho
{
	width:635px;
	height:100%;
	float:right;
	top:25px;
	background-color:#51C0EE;
	right:60px;
	position:relative;
}

#derecho_interior
{
	width:580px;
	height:100%;
	margin:auto;
	top:20px;
	position:relative;
}

.contenido_idea
{
	width:100%;
	height:auto;
	top:40px;
	position:relative;
}

.titulos
{
	font-size:30px;
	color:#FFFFFF;
}

.fecha_iniciativa
{
	width:100%;
	height:10px;
	position:relative;
}

.calendario
{
	width:37px;
	height:48px;
	float:right;
	top:-34px;
	position:relative;
	text-align:center;
	padding:5px;
	line-height:15px;
	background-image:url(../images/iniciativa/cortes_iniciativa/dia_a_dia.png);
	background-repeat:no-repeat;
}

.dia
{
	font-size:26px;
}

.mes_anio
{
	font-size:10px;
	text-transform:uppercase;
}

.imagenes
{
	padding:11px;
}

.descripcion_iniciativa
{
	width:96%;
	height:100%;
	text-align:justify;
	padding-top:26px;
	position:relative;
}

.textos_negros_iniciativa
{	
	font-size:13px;
	color:#000000;	
}

.votos
{
	width:515px;
	height:72px;
	background-image:url(../images/noticias/caja_comentarios.png);
	background-repeat:no-repeat;
	padding:30px 20px 0px 30px;
	font-size:17px;
	color:#000000;	
	/*padding-left:90px;
	padding-right:20px;
	padding-top:30px;*/
}

.votos a
{
	/*text-decoration:none;*/
	color:#0c00fd;
}

.votos_liga
{
	float:left;
	top:4px;
	position:relative;
}

.votos_comentarios
{
	float:right;
	top:4px;
	position:relative;
}

#footer_iniciativas
{
	width:100%;
	background-image:url(../images/footer.png);
	height:101px;
	text-align:center;
	/*top:-10px;*/
	padding-top:13px;
	position:relative;
}

/******************************* Estilos para iniciativas *******************************/

#todo_noticias
{
	width:100%;
	height:100%;
	background-image:url(../images/noticias/fondo_noticias.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#238ACC;
	position:relative;
	margin:auto;
}

#comentarios
{
	width:506px;
	height:100%;
	background-color:#cae8fd;
	left:4px;
	padding:25px;
	position:relative;
	
}

/*********************************Estilos para Alianzas ***********************/

#todo_alianzas
{
	background-color: #198AD0;
    background-image: url("../images/Alianzas/fondo.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 2079px;
    position: relative;
    width: 100%;	
}

#contenedor_alianzas
{
	height: 2060px;
    margin: auto;
    position: relative;
    width: 968px;	
}

#globo_alianzas
{
	width:300px;
	height:180px;
	position:relative;
	text-align:right;
	left:650px;
	position:relative;
	z-index:1;	
}

#textos_alianzas
{
	background-color: #34AEEC;
    background-image: url("../images/Alianzas/titulo.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 1819px;
    margin: auto;
    position: relative;
    top: -110px;
    width: 727px;
}

#logos_alianzas
{
	width:650px;
	height:auto;
	margin:auto;
	top:260px;
	padding:15px;
	position:relative;
}

.titulos_alianzas
{
	font-size:20px;
	color:#FFFFFF;
}

.corte
{
	clear:both;
}
/********************************Estilos carreras ******************************/
#todo_carreras
{
	width:100%;
	height:706px;
	background-image:url(../images/carreras/fondo_carreras.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
	color:#FFFFFF;	
}

#globo_carreras
{
	width:372px;
	float:right;
	height:180px;
	position:relative;
}

#textos_carreras
{
	width:580px;
	float:left;
	height:270px;
	top:185px;
	position:relative;
	line-height:20px;
	font-size:15px;
}

#textos_carreras_izq
{
	width:280px;
	float:left;
	text-align:right;	
}

#textos_carreras_der
{
	width:240px;
	float:right;
}

/********************************* Estilos calendario **************************/
#todo_calendario
{
	width:100%;
	height:2623px;
	background-image:url(../images/Alianzas/fondo.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
	background-color:#198AD0;
}

#contenedor_calendario
{
	width:968px;
	height:2604px;
	margin:auto;
	position:relative;		
}

#textos_calendario
{
	width:961px;
	height:2363px;
	background-image:url(../images/Calendario/titulo.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#34AEEC;
	margin:auto;
	top:-110px;
	position:relative;
}

#meses
{
	width:905px;
	height:auto;
	margin:auto;
	top:260px;
	padding:15px;
	position:relative;
}

#mes_uno, #mes_tres, #mes_cinco, #mes_siete, #mes_nueve, #mes_once
{
	width:905px;
	height:171px;
	position:relative;
}

#mes_dos, #mes_cuatro, #mes_seis, #mes_ocho, #mes_diez, #mes_doce
{
	width:905px;
	height:170px;
	position:relative;
}

#mes_uno { 	background-image:url(../images/Calendario/enero.jpg); }

#mes_dos { 	background-image:url(../images/Calendario/febrero.jpg); }

#mes_tres { background-image:url(../images/Calendario/marzo.jpg); }

#mes_cuatro { background-image:url(../images/Calendario/abril.jpg); }

#mes_cinco { background-image:url(../images/Calendario/Mayo.jpg); }

#mes_seis { background-image:url(../images/Calendario/junio.jpg); }

#mes_siete { background-image:url(../images/Calendario/julio.jpg); }

#mes_ocho { background-image:url(../images/Calendario/agosto.jpg); }

#mes_nueve { background-image:url(../images/Calendario/septiembre.jpg); }

#mes_diez { background-image:url(../images/Calendario/octubre.jpg); }

#mes_once { background-image:url(../images/Calendario/noviembre.jpg); }

#mes_doce { background-image:url(../images/Calendario/diciembre.jpg); }

.mes_unico
{
	width:550px;
	height:140px;
	top:25px;
	left:280px;
	line-height:24px;
	position:relative;
}

.meses_izq
{
	width:270px;
	height:140px;
	float:left;
	top:25px;
	left:280px;
	line-height:20px;
	position:relative;
}

.meses_der
{
	width:200px;
	height:140px;
	float:right;
	top:40px;
	right:80px;
	position:relative;
}

/******************************** Estilos todos *******************************/

#regresa
{
	width:750px;
	height:40px;
	margin:auto;
	top:60px;
	text-align:right;
	position:relative;
}

#regresa2
{
	width:100%;
	height:40px;
	margin:auto;
	top:-170px;
	float:right;
	text-align:right;
	position:relative;
}

#regresa3
{
	width:484px;
	height:40px;
	top:50px;
	text-align:right;
	position:relative;
}

#regresa4
{
	width:54px;
	height:40px;
	float:right;
	left:330px;
	text-align:right;
	position:relative;
}

#regresa5
{
	width:60px;
	height:40px;
	margin:auto;
	float:right;
	right:15px;
	text-align:right;
	position:relative;
}

#regresa6
{
	width:320px;
	height:40px;
	margin:auto;
	top:-430px;
	float:right;
	text-align:left;
	position:relative;
}

#regresa7
{
	width:100%;
	height:40px;
	margin:auto;
	top:-472px;
	float:right;
	left:60px;
	text-align:right;
	position:relative;
}

#regresa8
{
	width:50px;
	height:50px;
	float:left;
	left:665px;
	top:35px;
	position:relative;
}

#regresa9
{
	width:600px;
	height:40px;
	top:55px;
	text-align:right;
	position:relative;
}

#footer_fondo
{
	width:100%;
	height:114px;
	background-image:url(../images/footer.png);
	position:relative;
	padding-top:10px;
}

#botones_footer_otros
{
	width:968px;
	height:113px;
	margin:auto;
	position:relative;
}