/* CSS Document */
/********************************************
General
********************************************/	
html, body, p, h1, h2, h3, h5, h6, ul, ol, li, form, fieldset  
{
margin:0;
padding:0;
border:0;
color:#073b41;
font-family:Trebuchet MS, Georgia, Times New Roman, Times, serif;
font-size:20px;
}
a img{border:none;}
.enlace_p {
color:#1b8b99;
border:none;
text-decoration:none;
}
.enlace_p:hover{
background:#1b8b99;
color:#fff;
border:none;
text-decoration:none;
}
.enlace_ong {
color:#0099CC;
border:none;
}
body
	{
	text-align:center;
	background:url(../images/bg.jpg) 0 0 repeat-x;
	background-color:#e2f2f4;
	}
#todo
	{
	width:970px;
	text-align:left;
	margin:0 auto;
	}
/********************************************
Cabecera con banda a la derecha, sólo cambia la imagen de background, comparten los demás id
********************************************/	
#cabecera_dona
	{
	width:970px;
	height:273px;
	background:#402a19 url(../images/header-bg.jpg) 0 0 no-repeat;
	position:relative;
	}
/********************************************
Cabecera sin banda a la derecha
********************************************/	
#cabecera
	{
	width:970px;
	height:273px;
	background:#402a19 url(../images/cabecera.jpg) 0 0 no-repeat;
	position:relative;
	}
#cabecera #interior, #cabecera_dona #interior
	{
	height:235px;
	width:970px;
	}
#cabecera h1, #cabecera_dona h1
	{
	width:192px;
	height:156px;
	background:url(../images/logo.png) 0 0 no-repeat;
	_behavior: url(iepngfix.htc);
	float:left;
	margin:30px 0 0 60px;
	display:inline;
	}
#cabecera h1 a, #cabecera_dona h1 a
	{
	width:300px;
	height:150px;
	display:block;
	text-indent:-999px;
	}

#interior p
	{
	font-size:20px;
	display:block;
	text-align:justify;
	color:#e2f2f4;
	margin-left:20px;
	
	}
/********************************************
menu principal
********************************************/

	#menu-principal {
		height: auto;
		margin: 0;
		padding: 18px;
		text-align: center;
	} 
	#menu-principal ul {
		margin: 0;
		padding: 20px 0 0 0;
		_padding: 20px 0 0 0;
		list-style: none;
		
	}
	#menu-principal li { 
		display: inline;
		margin: 0;
		padding: 0;
	}
	#menu-principal a {
		display: block;
		margin: 0 3px 0 3px;
		padding: 0 14px 0 14px;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		line-height: 25px;
		float: left;
		-moz-border-radius: 5px;
	}
	#menu-principal a:hover {
		background: #23848f;
		margin: -1px 3px 0 3px;
		padding: 0 13px 0 13px;
		color: #fff;
		text-decoration: none;
		border: 1px solid #aaefef;
	}
	#menu-principal #current-menu {
		background: #23848f;
		margin: -1px 3px 0 3px;
		padding: 0 13px 0 13px;
		color: #fff;
		text-decoration: none;
		border: 1px solid #aaefef;
	}
/********************************************
Contenidos
********************************************/	
#contenido
	{
	width:927px;
	padding:0 20px 20px 20px;
	background:url(../images/content-bg.jpg) 0 0 no-repeat;	
	display: inline-block;
	}
/********************************************
Izquierda: esta es una capa madre para organizar contenido, tanto a todo lo ancho como a la izquierda
********************************************/	
#izquierda
	{
	width:660px;
	float:left;
	position:relative;
	padding:20px;
	padding-top:40px;
	}
#izquierda #intro{
	width:663px;
	float:left;
	color:#176872;
}
#izquierda #intro p{
	margin-top:20px;
	padding:20px 20px 20px 20px;
	font-size:13px;
	text-align:justify;
	background-color:#d9ecee;
}

/********************************************
izquierda: boton dona ahora
********************************************/
#izquierda h2
	{
	width:300px;
	height:96px;
	float:left;
	display:inline;
	padding:10px;
	}
#izquierda h2 a
	{
	width:300px;
	height:148px;
	display:block;
	text-indent:-999px;
	 background-image:url(../images/dona.png);
	_behavior: url(iepngfix.htc);
	}
#izquierda h2 a:hover
	{
	width:300px;
	height:148px;
	display:block;
	text-indent:-999px;
	 background-image:url(../images/dona_hover.png);
	_behavior: url(iepngfix.htc);
	}
/************************************************** VIDEO *****************************************************/
#youtube{
display:block;
text-align:center;
margin:auto;
background-color:#d9ecee;
padding:10px;
padding-left:120px;
}
/********************************************
derecha
********************************************/
#derecha
	{
	width:220px;
	float:right;
	}
#derecha #texto
	{
	background-image:url(../images/right-bg.png);
	background-repeat:no-repeat;
	background-color:#beeaec;
	width:220px;
	display:block;
	height:auto;
	padding-top:10px;
	margin-left:1px;
	_margin-left:6px;

	}
#derecha #texto p
	{
	font-size:17px;
	text-align:justify;
	padding-top:20px;
	}
#texto h3{
	width:190px;
    float: left; 
	margin-left:10px;
	}
#derecha #texto  ul{
    padding:10px;
	list-style-type:none;
	margin-left:10px;
	}
#derecha #texto  a{
	 text-decoration:none;
	 color:#007fa9;
	 line-height:30px;
	 font-size:14px;
	 
	}
#derecha #texto  a:hover{
	 text-decoration:underline;
	 color:#353636;
	 line-height:30px;
	}
#derecha #texto p{
	font-size:14px;
	color:#007fa9;
	padding:10px;
	
	}
#derecha #end
	{
	width:220px;
	float:right;
	display:block;
	margin-left:1px;
	_margin-left:6px;
	}
/********************************************
Logos ONG
********************************************/	
	
	#mainOng {
	width:653px;
	float:left;
	text-align:justify;
	color:#e1f3f4;
	display:block;
	position:relative;
	}
	#mainOng #intro{
	width:660px;
	float:left;
	}
	#mainOng #intro p{
	padding:20px 20px 20px 20px;
	background-color:#d9ecee;
	font-size:14px;
	margin-top:10px;
	}
	.ong {
	width:190px;
	height:150px;
	padding:10px;
	_padding:5px;
	text-align:center;
	background-image:url(../images/degradado.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	display:block;
	float:left;
	color:#e1f3f4;
	margin-left:5px;
	_margin-left:10px;
	margin-top:10px;
	}
	.ong img{
	max-height:105px;
}
	
	.ong p.cuenta{
	width:auto;
	font-size:12px;
	font-weight:bold;
	margin-top:21px;
	//margin-top:28px;
	_margin-top:22px;
	}
/********************************************
ranking
********************************************/
#ancho
	{
	padding:20px;
	float:left;
	padding-top:40px;
	
	}
#ancho #intro{
	width:885px;
	float:left;
	}
	#ancho #intro p{
	padding:20px 20px 20px 20px;
	background-color:#d9ecee;
	font-size:14px;
	margin-top:10px;
	}
#intro h1{
color:#176872;
}
#intro h2{
color:#176872;
}
#ancho h2{
color:#176872;
}
#ancho ol {
line-height:0px;
font-size:10px;
	}
#ancho li { 
	float:left;
	list-style-position:inside;
	line-height:0px;
}
#ancho #empresas{
display:block;
float:left;
text-align:center;
padding:16px;
width:145px;
_width:145px;
height:auto;
	}
#ancho #empresas img{
height:60px;
width:auto;
margin:auto;
display:block;
margin-top:15px;
	}
#ancho #empresas h4{
font-size:14px;
height:auto;
width:auto;
margin:auto;
display:block;
margin-top:10px;

	}

/********************************************
pie
********************************************/
#pie
	{
	width:100%;
	height:136px;
	clear:both;
	background:url(../images/pie.png) 0 0 repeat-x;
	text-align:center;
	}

#pie #creditos
	{
	margin:auto;
	padding-top:35px;
	_padding-top:15px;
	//padding-top:15px;
	text-align:center;
	font-size:12px;
	}
/********************************************
avisos
********************************************/
#todo #contenido #avisos
	{
	width:600px;
	height:79px;
	clear:both;
	background:url(../images/avisos.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:45px;
	_margin-bottom:5px;
	}
#avisos p
	{
	
	font-size:10px;
	text-align:justify;
	}


/************************************************** FILTRO PARA PNG *****************************************************/

	img {_behavior: url(iepngfix.htc);}
	/*flecha*/

/************************************************** FORMULARIO *****************************************************/

#formulario {
width: 890px;
font-size:14px;
}
#formulario #meme_formulario{
font-size:14px;

}
#formulario input{
border:1px solid #007fa9;
height:20px;
background-color:#d5f8e2;
float:left;
}
#formulario textarea{
border:1px solid #007fa9;
background-color:#d5f8e2;
float:left;
}
#centrado{
float:left;
width:890px;
margin-top:10px;
}
#formulario h1{
color:#176872;
}
/************************************************** ESTILOS ESPECIALES *****************************************************/
.boton_aviso {
color:#0099CC;
border:none;
text-decoration:none;
font-size:11px;
float:left;
width:560px;
}
#verde{
color:#CCFF66;
}
#gris{
color:#333333;
}
#aparece{
color:#0099CC;
border:none;
text-decoration:none;
float:right;
background-color:#d5f8e2;
padding:10px;
}
.enlaces_redes{
display:block;
float:left;
padding:10px;
vertical-align:middle;
}