@charset "UTF-8";
/* CSS Document */

html{
	background: url(bg.gif);
}

body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #e3e4ef url(bg_header.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

#container {
	position: relative;
	width: 900px;
	background: #e3e4ef url(bg_content.gif) repeat-y;
	margin: 0 auto;
	text-align: left;
} 

#header {
	height: 219px;
	/*background: #DDDDDD url(hogar_header.jpg) no-repeat;*/
	padding: 0;
	margin: 0px;
	clear: both;
} 

#header h1 {
	display:none;
	visibility:hidden;
}

#images_header{
	padding: 0px;
	margin: 0px 0px 0px 235px;
}

#sidebar2 {
	top: 230px;
	right: 0;
	width: 200px;
	padding: 0px;
	margin: 0px 30px 0px 0px;
	float: right;
}

#sidebar2 p{
	margin:0px;
	padding:0px;
}


/*TOP MENU*/
#topmenu_content{
	position: absolute;
	margin: 20px 0px 0px 680px;
	padding: 0px;
}

#topmenu_content ul {  
	list-style:none;
	margin:0;
	padding:0;
}

#topmenu_content ul li {
	padding:0;
	background: no-repeat;
}

#topmenu_content ul li a {
	display:block;
	width:160px;
	height:22px;
	text-decoration:none;
}

#topmenu_content ul li a span {
	display:none; 
}

a#btn_fmundomejor {background-image:url(btn_fmundomejor_a.gif);}
a#btn_fmundomejor:hover,a#btn_fmundomejor:focus{background-image:url(btn_fmundomejor_b.gif);}

a#btn_comoayudar {background-image:url(btn_comoayudar_a.gif);}
a#btn_comoayudar:hover,a#btn_comoayudar:focus{background-image:url(btn_comoayudar_b.gif);}

a#btn_contactenos {background-image:url(btn_contactenos_a.gif);}
a#btn_contactenos:hover,a#btn_contactenos:focus{background-image:url(btn_contactenos_b.gif);}


/*SUBMENU PROGRAMAS*/
#submenu_programas{
	margin: 0px;
	padding: 0px;
	background: url(programas_submenu.jpg) no-repeat;
}

#submenu_programas  ul{
	list-style:none;
	margin:0px 0px 0px 12px;
	padding:5px 0px 0px;
	width:164px;
	height: 224px;
}

#submenu_programas  ul li{
	padding:9px 0px;
	background: no-repeat;
	margin:0px;
}

#submenu_programas ul li a {
	display:block;
	width:164px;
	height:34px;
	text-decoration:none;
}

#submenu_programas ul li a span {
	display:none; 
}

a#btn_hogar {background: url(submenu_hogar_a.gif);}
a#btn_hogar:hover,a#btn_hogar:focus{background-image:url(submenu_hogar_b.gif);}
a#btn_amanecer {background-image:url(submenu_amanecer_a.gif);}
a#btn_amanecer:hover,a#btn_amanecer:focus{background-image:url(submenu_amanecer_b.gif);}
a#btn_vita {background-image:url(submenu_vita_a.gif);}
a#btn_vita:hover,a#btn_vita:focus{background-image:url(submenu_vita_b.gif);}
a#btn_labor {background-image:url(submenu_labor_a.gif);}
a#btn_labor:hover,a#btn_labor:focus{background-image:url(submenu_labor_b.gif);}




/*MAIN MENU*/
#mainmenu_content{
	margin: 155px 0px 0px 200px;
	padding: 0px;
	height: 45px;
	position: absolute;
}

#mainmenu ul{
	list-style: none;
}

#mainmenu li{
	display: inline;
	/*background: url(menu_spacer.gif) no-repeat 1px 1px;*/
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

#mainmenu li a {
	text-decoration: none;
	color: #fff;
	padding: 7px 5px;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}

#mainmenu li a:hover,
#mainmenu li a:active,
#mainmenu li a:focus {
	text-decoration: none;
	color: #FFFF00;
}



#mainContent {
	margin: 0 260px 0 80px; 
	padding: 0 40px;
}

#mainContent p {
	margin:0px;
	padding:0px;
	font-size: 12px;
	line-height: 1.3em;
	text-align: justify;
}

#mainContent ul {
	font-size: 12px;
	text-align: left;
	list-style: none;
}

#mainContent ul li {
	line-height: 1.3em;
	/*background: url(hogar_bullets.gif) no-repeat 0px 0px;*/
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 15px -10px;
}

#mainContent ul ul li {
	list-style: square;
	line-height: 1.3em;
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 5px -10px;
	background: url(none);
}

#mainContent h2{
	height: 35px;
}

#mainContent h3{
	font-weight: normal;
	color: #009933;	
}

#mainContent h2 span{
	visibility:hidden;
	display:none;
}

#footer {
	padding: 20px 0px 0px;
	background:#DDDDDD url(footer.jpg) no-repeat;
	height: 40px;
	margin: 0px auto;
	width: 900px;
	text-align: left;
} 

#footer p {
	margin: 0px 0px 0px 85px; 
	padding: 0px; 
	font-size: 10px;
	color: #FFFFFF;
}

#footer_content{
	background: url(footer_bg.gif) repeat-x;	
}


.clear{clear:both;}

#frase_planpadrino p{
	font: 15px "Times New Roman", Times, serif;
	color: #006633;
	padding-right: 30px;
	padding-left: 30px;
	text-align: left;
}

#frase_planpadrino span{
	font-size: 28px;	
}

#galeria a,
#galeria a:link,
#galeria a:visited{
	margin: 0px 8px 8px 0px;
	padding: 0px;
	float: left;
	border: 4px solid #006699;
}
#galeria a:hover,
#galeria a:focus{
	border: 4px solid #CC3399;
}
