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

body{
background:url(../img/bg.jpg) top center no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font:normal 12px Verdana, Arial, Helvetica, sans-serif; line-height:20px;
}

#todo{
width:978px;
height:auto;
display:block;
margin:20px auto auto auto;}

/*////////////////////////////////navegacion//////////////////////////////*/
#nav{
width:944px;
display:inline-block;
background:#000 url(../img/bgnav.jpg) top center no-repeat;
height:39px;

margin:0 0 0 16px;
float:left;
}
*html #nav{

height:35px;
}
#nav li{

float:left;

background:url(../img/rayagris.jpg) right center no-repeat;

}
#nav .rss{
margin:-30px 0 0 0;
background:none;
}
#nav .rss a, #nav .rss a:hover{
background:none;
}
#nav li a{
float:left;
color:#FFFFFF;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;

background:url(../img/bg_nav.jpg) top center;
height:35px;
display:block;
padding:10px 12px 0 12px;
margin-right:1px;}
*html #nav li a{
height:32px;}
#nav li a:hover, #nav li .actual{
color:#000000;
background:url(../img/bg_nav.jpg) bottom center;

}
#nav li .como{
color:#000 !important;
background:url(../img/bg_como.jpg) top center;
text-transform:uppercase;
color:#ff7575;
}
#nav li .como:hover{
color:#000000;
background:url(../img/bg_como.jpg) bottom center;
text-transform:uppercase;
}
/*////////////////////////////////cabecera//////////////////////////////*/

#cabecera{
width:978px;
height:247px;
display:block;
margin:auto;
background:url(../img/cabecera.png);
_behavior: url(iepngfix.htc);
float:left;
_margin:0 0 0 8px;}

#flash{
position:absolute;
width:300px;
height:250px;
float:left;
margin-left:15px;
z-index:2;}


#redes_sociales{
position:absolute;
float:left;
width:110px;
height:280px;
margin-left:305px;
z-index:1;
margin-top:2px;}
#redes_sociales img{
float:left;
margin:-2px 0 0 0;
}
#redes_sociales p{
color:#FF0000;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
padding:30px 0 0 0;width:50px;
margin:10px 0 0 60px;


}
/*////////////////////////////////contenido//////////////////////////////*/

#contenido{
width:978px;
height:auto;
display:block;
margin:auto;
background:url(../img/bg_contenido.png);
_behavior: url(iepngfix.htc);
float:left;
padding:0 0 20px 0;
_margin:0 0 0 8px;
}

#contenido #sup{
width:978px;
height:auto;
display:block;
margin:auto;
background:url(../img/bg_contenido_sup.png) no-repeat;
_behavior: url(iepngfix.htc);
padding:0 0 0 0;
float:left;}


/*////////////////////////////////izquierda//////////////////////////////*/
#contenido #sup #izquierda{
float:left;
width:654px;
height:auto;
display:block;
margin:auto;
padding:20px 10px 0 30px;}

.titulo{
padding:20px 0 20px 0;}

#contenido #sup #izquierda h3{
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
margin:10px 0 5px 0;
color:#e40f0f;}

#contenido #sup #izquierda h4{
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
margin:8px 0 3px 0;
color:#e40f0f;}

#contenido #sup #izquierda p{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
text-align:justify;}

#listado_empresas{}
#listado_empresas li{ display:inline; width:180px; display:inline-block; text-align:left; border:1px solid #eaeaea; padding:3px;  background:url(../img/bg_empresas.jpg) center center no-repeat;}
#listado_empresas li a{ color:#000000; font:normal 10px Verdana, Arial, Helvetica, sans-serif; vertical-align:middle; margin:0 0 0 5px; text-align:center;}
#listado_empresas li img{ vertical-align:middle;}
#lista_normal{
list-style-type:circle;}

#lista_normal li{
list-style-type:circle;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
margin:0 0 0 30px;}

/*////////////////////////////////acordeon//////////////////////////////*/

/*////////////////////////////////acciones//////////////////////////////*/
.acciones {
 width: 645px;
 border-bottom: solid 1px #c4c4c4;
 font:normal 12px Verdana, Arial, Helvetica, sans-serif;
 padding: 0 0 30px;

}
.acciones img{
margin:5px 10px 5px 0;
border:1px solid #de0f0f;
float:left;
}
.acciones .icono{
margin:5px 10px 5px 8px;
border:none;
}
.acciones .titulo{

}
#izquierda .acciones .explicacion{
min-height:140px;
}
#izquierda .acciones h3 {
 background: url(../img/bgacordeon.png) left center no-repeat;
 _behavior: url(iepngfix.htc);
 padding: 5px 0 0 30px;

 font: bold 13px Verdana Arial, Helvetica, sans-serif;
 height:40px;
 color:#fff !important;
 width:600px;

}

#izquierda .puedes h3 {
 background: url(../img/bgacordeon_puedes.png) left center no-repeat;
 padding: 5px 0 0 15px;

 font: bold 11px Verdana Arial, Helvetica, sans-serif;
 height:40px;
 color:#fff !important;
 width:auto;
 float:left;

}
*html .puedes h3 {
 behavior: url(iepngfix.htc);

}
#izquierda .puedes h3:hover, #izquierda .puedes .current {
 background: url(../img/bgacordeon_puedes_hover.png) left center no-repeat;

}
*html #izquierda .puedes h3:hover, #izquierda .puedes .current {
 behavior: url(iepngfix.htc);

}
#izquierda .acciones h3 a{


 color:#fff !important;
  margin: -20px 0 0 0;
 height:50px;
 display:block;
 padding:20px 0 0 0;

}
*html #izquierda .acciones h3 a{

 padding:25px 0 0 5px;
 color:#fff !important;
 width:140px;
 font-size:11px;

}

.socio{
background: url(../img/socio.png) right top no-repeat;

 width:140px;}
*html .socio{
background:none;
}
.voluntario{
background: url(../img/voluntario.png) right top no-repeat;

 width:130px;}
 *html .voluntario{
background:none;
}
.especias{
background: url(../img/especias.png) right top no-repeat;

 width:170px;}
  *html .especias{
background:none;
}
.ideas{
background: url(../img/ideas.png) right top no-repeat;
 width:140px;}
   *html .ideas{
background:none;
}
.acciones p {

 padding: 0 0 0 20px;

}

.acciones ul {

 padding: 0 0 0 20px;

}
.acciones .modulo {

 padding: 0 0 0 20px;

}
#puedes_form{
clear:both;}
/*////////////////////////////////modulo//////////////////////////////*/


.modulo{ margin:20px 0 0 0; display:block; min-height:120px; width:610px; text-align:center;}
.modulo img{ float:left; margin:-5px 20px 5px 0; border:1px solid #de0f0f}
.modulo h3 a{font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; background:#000000; padding:2px 5px 2px 5px; clear:both}
.modulo a{font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; }
.modulo .texto{font:normal 12px Verdana, Arial, Helvetica, sans-serif;
text-align:justify; margin:10px 0 0 20px; line-height:20px; }
.modulo .texto_right{font:normal 12px Verdana, Arial, Helvetica, sans-serif;
text-align:justify; margin:0 0 20px 20px; width:230px; float:right;}
.necesidad{ background:url(../img/bg_necesidad.png) right top no-repeat; width:600px; display:block; clear:both; margin-top:50px;_behavior: url(iepngfix.htc);}
p{font:normal 12px Verdana, Arial, Helvetica, sans-serif; line-height:20px;}

.necesidad h3{ padding-top:20px;}
.necesidad img{
margin:5px 10px 5px 0;
border:1px solid #de0f0f;
float:left;
}
/*////////////////////////////////derecha//////////////////////////////*/
#contenido #sup #derecha{
float:left;
width:250px;
height:auto;
display:block;
margin:auto;
padding:10px 0 0 10px;
}

.titulo{
padding:20px 0 20px 0;}



#nav_der{
margin:0 0 60px 30px;}
#nav_der a img{
margin:5px 0 5px 0;}


#acciones{
margin:auto;
display:block;
text-align:center;
margin-top:20px;}



/*form code*/

.form

	{

	padding:0 0 0 0; 

	margin:0 0 0 0;

	width:500px;

	}

.form legend

	{

	font:bold 15px Georgia, "Times New Roman", Times, serif;

	color:#21150d;

	line-height:19px;

	}

.form fieldset dl

	{

	width:490px;

	position:relative;

	margin:0 0 10px 0; 

	padding:10px 0 0 0;

	}

.form fieldset dt

	{

	float:left;

	width:105px;

	text-align:right;

	line-height:20px;

	font:12px Arial, Helvetica, sans-serif;

	color:#434343;

	margin:4px 0 0 0;

	}

.form fieldset dd

	{

	padding:0 0 7px 0;

	margin-left:125px;

	font:11px Arial, Helvetica, sans-serif;

	color:#434343;

	}

.form dd.button{float:right; margin:10px 0 0 0;}

.form fieldset dd .control, .form fieldset dd .control_short, .form fieldset dd .control_large, .form fieldset dd .control_medium, .form fieldset dd .control_long

	{

	background:#fff;

	font:11px Arial, Helvetica, sans-serif;

	color:#434343;

	padding:3px 0 0 5px;

	height:18px;

	}



.form fieldset dd .control_radio

	{

	background:#fff;

	font:11px Arial, Helvetica, sans-serif;

	color:#434343;

	padding:3px 0 0 5px;

	height:18px;

	display:block;

	}

	

.form fieldset dd .control{width:auto; height:auto;}

.form fieldset dd .control_short

	{

	border:1px solid #d6d6d6;

	width:55px;

	}

.form fieldset dd .control_medium

	{

	width:156px;

	border:1px solid #d6d6d6;	

	}

.form fieldset dd .control_long

	{

	width:366px;

	height:21px;

	border:1px solid #d6d6d6;	

	}

.form fieldset dd .control_large

	{

	border:1px solid #d6d6d6;

	width:359px;

	height:101px;

	}

.form fieldset dd input.control_long{width:359px;}

.form fieldset dd .reset

	{

	width:64px;

	height:23px;

	}

.form fieldset dd.submit

	{

	width:72px;

	height:23px;

	}
.form .submit_boton

	{

	width:72px;

	height:23px;
	background:url(../img/bg_superior.jpg);
	border:none;
	border-top:1px solid #CCCCCC;
	color:#000;
	font-weight:bold;

	}
/*form code*/

/*///////////////////////calendario/*/

.calendar {



	border: #fff 1px solid;



	background:#f5f5f5;
	padding: 5px;



	overflow: hidden;



	width: 210px;



	float:left;
	text-align:center;
	height:220px;
	margin:10px 0 0 20px;



}



	.calendar ol {



		float: left;



		list-style: none;



		margin: 5px 0 0;



		width: 235px;



	}



		.calendar ol li {



			background: url(../img/bg_superior.jpg) top center;



			border-top: #ccc 1px solid;



			color: #de0f0f;



			display: inline;



			float: left;



			font-size: 12px;

			

			
			margin: 1px 0 0 1px;



			padding: 1px;



			text-align: center;



			width: 27px;

			height: 22px;
		}
		.calendar ol .ac {
		background:#FF9933;
		color:#FFFFFF;
		font-weight:bold !important;
		padding:3px 0 0 0;
		height:21px;
		}
		.calendar ol .ev {
		color:#fff;
		background: #FF0033;
		font-weight:bold !important;
		padding:3px 0 0 0;
		height:21px;

		
		}
		.calendar ol .on {
		background:#993399;
		color:#FFFFFF;
		height:22px;
		display:block;
		padding:3px 0 0 0;
		height:21px;

		
		}
		.calendar a{ background:none;}
		
		


#credits {



	border-top: #a9c6e8 solid 1px;



	clear: both;



	font-size: 10px;



	margin: 7px 0 0;



	text-align: center;



	width: auto;



}



	#credits a {



		font-size: 10px;



	}



	strong{



	color:#000;}




/*////////////////////////////////pie//////////////////////////////*/
#pie{
width:978px;
display:inline-block;
background:url(../img/pie.png) top center;
_behavior: url(iepngfix.htc);
height:40px;
float:left;
_margin:0 0 0 8px;
}

#pie p{
float:left;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding:10px 0 0 40px;
}
#pie strong{ color:#FF0000;}
#pie a{ color:#fff;}



#paginador{ float:left; margin-top:30px; clear:both;}
#paginador li{ display:inline; display:inline-block; text-align:left; border:1px solid #eaeaea; padding:5px; float:left; }
#paginador li a{ color:#000000; font:normal 11px Verdana, Arial, Helvetica, sans-serif; vertical-align:middle; margin:0 5px 0 5px; text-align:center;float:left; }
#paginador li:hover{ background:#de0f0f;}
#paginador .actual{ background:#de0f0f;}


a{ color:#FF0000;}
.clear{
clear:both;}
)