html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
outline-style:none;
outline-width:0;
vertical-align:baseline;
margin:0;
padding:0;
}

body{
	background:#000 none repeat scroll 0 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding:0;
	
	
	
}


#page	{
width:974px;
margin:10px auto;
border:solid 1px #FFF;
}


#header	{
	width:100%;
	height:184px;
	background-color:#525560;

}


#master_header	{
	width:100%;
	height:80px;
	background:url(../images/header_bg.jpg) repeat-x scroll 0 0;

}

#mh_logo	{
	float:left;
	width:242px;
	height:80px;
	padding-left:66px;
	text-align:left;
	
	
}



#header_section	{
	width:974px;
	height:103px;
	border-top:solid 1px #fff;
	color:#525560;
	text-align:left;
	background:#525460;
}

#hs_leftcol{
	width:380px;
	height:103px;
	float:left;
	background:url(../images/bg_flash.jpg) no-repeat scroll 0 0;
	
}

#hs_rightcol{
	width:594px;
	height:103px;
	background-color:#525560;
	float:left;
	background:url(../images/header_section.jpg) no-repeat scroll 0 0;
}

#util_nav	{
	height:60px;
	width:100%;
	border-bottom:1px solid #fff;

}

#un_menu	{
	height:35px;
	width:974px;
	background-color:#abaaaa;		
}



/*BUSCADOR*/

#buscador	{
	width:509px;
	height:35px;
	background-color:#abaaaa;
	float:left;
	
}

#fundacion_ayuda{

	width:250px;
	height:35px;
	float:right;
	
}


#un_submenu	{
	height:25px;
	width:100%;
	background-color:#484c55;
	
}

/*contenido*/
#content{
	height:260px;
	width:100%;
	border-bottom:1px solid #fff;
	
}

#cont_leftcol	{
	height:260px;
	width:560px;
	float:left;
	background-color:#474e5c;

}

#title_cont	{
	padding:10px 10px 10px 64px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:600;
	font-size:.8em;
	height:15px;
	
	
}

#title_paquete{
	color:#88b437;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	padding-bottom:20px;
	height:15px;

	
}

#pa3	{
	background:url(../images/box_01.jpg) no-repeat scroll 0 0;
	font-size:.8em;
	height:143px;
	width:64px;
	color:#aaaaaa;
}


.text_plan{
	color:#FFF;
	font-size:.8em;
	
}
a img{
	border:medium none;
}
#cont_rightcol	{
	height:260px;
	width:412px;
	float:left;
	background-color:#5a5f6a;
	border-right:1px solid #fff;
	
}

/*contenido end*/

#footer	{
	width:100%;
	background-color:#000;
	
}

#overture{
	height:40px;
	width:55%;
	margin:auto;
	text-align:center;
	background-color:#000;

		
	
}

#overture ul	{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:10px 0 0 0;
	margin:0;
	
}

#overture li{
	border-right:1px solid #FFF;
	display:inline;
	font-size:0.75em;
	padding:0 8px;
	text-align:center;
	width:100px;
	
}

#overture li a{
	color:#FFF;

	text-decoration:none;
}

#w3c	{
	color:#abaaaa;
	text-align:center;
	margin:0 auto;
	width:70%;
	font-size:70%;
	padding-top:10px;
}


#w3c span{
	margin-right:15px;
	
}

/*Contacto*/

#menu li a.home_out	{
	background-position:0 0px;
	
}

#menu li a.home_out:hover{
	background-position:0 -175px;
	
}

#titulo{
	height:40px;
	width:974px;
	background:url(../images/title_slide.jpg) repeat-x scroll 0 0;
	border-bottom:solid #fff 1px;
	
}
#titulo_texto{
	width:960px;
	height:30px;
	padding-top:5px;
	padding-right:13px;
	color:#fff;
	text-align:right;
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	
}

#content_contact{
	height:220px;
	width:974px;
	border-bottom:1px solid #fff;
	
}

#cont_leftcol_contact	{
	height:219px;
	width:560px;
	float:left;
	background-color:#474e5c;
	border-right:1px solid #fff;
}

#cont_rightcol_contact	{
	height:189px;
	width:382px;
	float:left;
	background-color:#5a5f6a;
	padding:15px;
	
}

#menu li a.cont_in	{
	background-position:0 -315px;
	
}
#form_title{
	padding:10px;
	width:560px;
	height:20px;

	
}

/*formulario de contacto*/

#formulario{
	width:560px;
	height:175px;
	float:left;
	
	
	
}

#cont_form{
	width:350px;
	height:175px;
	float:left;
	
}




#cont_form ul	{
	height:175px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	width:330px;
	font-size:.8em;
	padding-left:20px;

}

#cont_form li{
	text-align:left;
	float:left;
	padding:5px;
	color:#abaaaa;
	font-size:.7em;

}

.reset{
width:65px; 
height:30px; 
background:url(../images/btn.jpg);
color:#fff;
}

.enviar{
	width:65px;
	height:30px;
	background:url(../images/btn.jpg);
	color:#fff;
	
}

/*termina formulario de contacto*/

#direccion{
	width:210px;
	height:175px;
	float:left;
	
}


.dir{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#fff;
	padding-right:10px;
}
.cont_mail:link{
	text-decoration:none;
	color:#88b437;
	font-size:.8em;
	padding-right:10px;	
}

.cont_mail:hover{
	color:#fff;
	
}

/*termina contacto*/



/*empieza nosotros*/

#content_nos{
	border-bottom:1px solid #fff;
	height:262px;
	width:974px;
	
}

#cont_leftcol_nos	{

	width:559px;
	float:left;
	border-right:0px solid #fff;
}

.titles_nos{
	color:#88b437;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-align:left;

	
}

.text_nos{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	text-align:left;
	
	
}

#quienes_somos{
	margin:15px 15px 0 15px;
	
}

#mis_vis_log{
	width:558px;
	height:150px;
	
}

#mis_vis{
	width:335px;
	height:135px;
	float:left;
	clear:both;
	margin:15px 0 0 15px;
	
}

#log{
	float:left;
	height:150px;
	width:205px;
	background:url(../images/logo_nos.gif) no-repeat scroll 0 0;
	background-position:bottom;

		
}

#reflejo{
	width:558px;
	height:40px;
	background:url(../images/slide_reflejo_nos.gif) repeat-x scroll 0 0;
	
}
#log_reflejo{
	background:url(../images/reflejo_logo.gif) no-repeat scroll 0 0;
	height:40px;
	width:80px;
	margin-right:65px;
	

}

#cont_rightcol_nos	{
	height:262px;
	width:413px;
	float:left;
	background-color:#fff;
	border-left:1px solid #fff;


	
}

#optimizar{
		padding:15px 0 0 15px;
		background-color:#5a5f6a;
	
}

#asociacion{
		padding:15px 0 0 15px;
		background-color:#fff;
		height:116px;

}

.text_nos_aso{
	color:#5a5f6a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	text-align:left;
	
	
}

/*termina nosotros*/

/*fundaciones humanitarias*/


#content_fun{

	width:974px;
	border-bottom:1px solid #fff;
	background-color:#fff;	
}


.text_fun{
	float:left;
	color:#5a5f6a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	text-align:justify;
	width:190px;
	padding-left:20px;

	
}

.log_fun{
	float:left;
	padding-left:40px;
	height:100px;
	width:185px;
	}
	
	


/*termina fundaciones humanitarias*/

/*empieza menu*/

.pro_linedrop {
height:35px;
width:465px;
background-color:#abaaaa;
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
float:left;
}


.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;

}

.pro_linedrop li.home_01 {
float:left;
height:35px;
width:93px;

}

.pro_linedrop li.serv_01 {
float:left;
height:35px;
width:93px;

}

.pro_linedrop li.port_01 {
float:left;
height:35px;
width:93px;

}

.pro_linedrop li.noso_01 {
float:left;
height:35px;
width:93px;

}

.pro_linedrop li.cont_01 {
float:left;
height:35px;
width:93px;

}

.pro_linedrop .select a.home, .serv, .port, .noso, .cont  {
display:block; 
height:35px;
width:93px;
background:url(../images/menu_header.jpg) no-repeat scroll 0 0; 
text-decoration:none; 
line-height:25px; 
white-space:nowrap; 

}



.pro_linedrop li a.home	{
	background-position:0 -175px;
	
}

.pro_linedrop li a.home:hover	{
	background-position:0 -175px;
	
}





.pro_linedrop li a.serv 	{
	background-position:0 -35px;
}

.pro_linedrop .select li.serv_01 a:hover, 
.pro_linedrop .select li.serv_01:hover a {

background-position:0 -210px;}




.pro_linedrop li a.port	{
	background-position:0 -70px;
}

.pro_linedrop .select li.port_01 a:hover, 
.pro_linedrop .select li.port_01:hover a {

background-position:0 -245px;}


.pro_linedrop li a.noso	{
	background-position:0 -105px;
}
.pro_linedrop li a.noso:hover{
	background-position:0 -280px;
}



.pro_linedrop li a.cont{
	background-position:0 -140px;

}

.pro_linedrop li a.cont:hover{
	background-position:0 -315px;
}

.pro_linedrop .submenu {
display:none;
}


.pro_linedrop ul ul {display:none;}


.pro_linedrop .select :hover .submenu {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
width:93px; 
text-align:center;
background:transparent url(line/transparent.gif);
list-style:none;
margin:0;
padding:0;
z-index:500;

}





.pro_linedrop .select a.sm:hover {
display:block; 
height:13px;
width:93px;
background-color:#000;
text-decoration:none; 
line-height:13px; 
white-space:nowrap;
color:#abaaaa;
font-weight:bold;

}



.pro_linedrop .select a.sm  {
display:block; 
height:13px;
width:93px;
background-color:#484c55;
text-decoration:none; 
line-height:13px; 
white-space:nowrap;
padding-bottom:6px;
padding-top:3px;
color:#fff;
font-weight:bold;
}


.pro_linedrop .select :hover .submenu li:hover > a {
color:#abaaaa;
display:block;
background-color:#000;
z-index:auto;

}

.pro_linedrop .select :hover .submenu :hover ul { padding-left:10px; margin:0; text-align:left; list-style:none; display:block; width:112px; position:relative; left:-1px; left:40px; font-weight:bold; top:0px; border:1px solid #aaa; border-top:0; background:#000; z-index:auto;}

.pro_linedrop .select :hover .submenu :hover ul li a {width:80px; margin:0; height:15px; z-index:auto; color:#abaaaa; text-decoration:none; display:block;}
.pro_linedrop .select :hover .submenu :hover ul li a:hover {
background-color:#000;
text-decoration:none;
width:112px;
height:15px;
display:block;
white-space:nowrap;
color:#fff;
font-weight:bold;
text-align:left;
z-index:auto;
	
	}


/*termina menu*/


/*inicia portafolio grafico*/

#graficos{
	width:425px;
	height:210px;
	margin:0 auto;
	text-align:center;
	
}

#naveg_graf{
	height:30px;
	width:240px;
	margin:0 auto;
	text-align:center;

	
}

#nav_ant{
	height:30px;
	float:left;
	width:136px;
	background:url(../images/bnt_ant.gif) no-repeat;
	
}

#nav_sig{
	height:30px;
	width:103px;
	background:url(../images/btn_sig.gif);
	float:left;
	
}

/*termina portafolio grafico*/

/*empieza portafolio interactivo*/

.interactivo{
	width:100%;
	height:245px;
	background-color:#FFF;
	
}

.inter_img{
	width:889px;
	height:180px;
	padding:10px 42px 0 42px;
	}


.inter_log{
	height:180px;
	width:210px;
	float:left;
	margin:0 38px 0 38px;
	border:1px solid #b9b9b9;

}

.inter_text{
	width:889px;
	height:20px;
	margin:3px 42px 0 42px;
	
	
}


.inter_log_text{
	text-align:left;
	height:20px;
	width:210px;
	float:left;
	margin:0 42px 0 42px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#757575;
	font-size:12PX;
	
}

.inter_log_text_02{

	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:10px;
	
}



#nave_inter{
	height:40px;
	width:974px;
	
	
}


#btn_ant{
	float:right;
	padding:7px 20px 0 0;
	height:30px;
	width:103px;
	
	
}

#btn_sig{
	float:right;
	padding:7px 20px 0 0;
	height:30px;
	width:103px;
	
}



/*termina portafolio interactivo*/

/*comienza fundaciones  humanitarias*/




/*termina fundaciones humanitarias*/
#fundaciones_hum{
	width:974px;
	height:400px;
	margin:0;

	
}





