@charset "utf-8";

/* DISEÑO GENERAL DE LA PÁGINA */
body {font: 12px Arial, Helvetica, sans-serif;
	margin:0 auto;
	text-align: center;
	background: url(../imagenes/fondo2011.jpg) repeat-x left top;
	}
	
#contenedor {text-align: left;
	width: 944px;
	margin: auto;}
	
#cabecera {padding: 3 3 3 10px;}

#cuerpo {margin: 10 0 10 0px;
	border-left:black solid 1px;
	border-right:black solid 1px;
	background-color:#FFFFFF;}

#menulateral {width:140px;
	float:left;
	height:400px;}
	
#bannerlateral {width: 140px;
	float: right;}
	
#principal {margin-left: 140px;
	background-color: #ffffff;
	padding: 4 4 4 4px;
	width: 657px;}
	
#pie {clear: both;
	padding: 3 3 3 10px;}
/* FIN */

/* CABECERA */
#capcelera {width: 944px;
	height: 170px;
	left: 0px;
	top: 0px;
	display:block;
	position:relative;
	bottom:-15px;}
/* FIN */

/* PIE	*/
.boxbottom {display:block; background:transparent; font-size:1px;}
.boxb1, .boxb2, .boxb3, .boxb4 {display:block; overflow:hidden;}
.boxb1, .boxb2, .boxb3 {height:1px;}
.boxb2, .boxb3, .boxb4 {border-left:1px solid #000; border-right:1px solid #000;}
.boxb1 {margin:0 5px; background:#000;}
.boxb2 {margin:0 3px; border-width:0 2px;}
.boxb3 {margin:0 2px;}
.boxb4 {height:2px; margin:0 1px;}
.color_bo {color:#000}
/* FIN	*/

/* OTROS */

.divsnormales {margin: 0 10px;}

/* QUÉ ES BEN AMICS	*/
#entradilla {text-align:justify;}

.pieimgdr {float:right; 
	margin:15px 0px 0px 7px
	}
.pieimgdr IMG {display: block; 
	margin: 0 auto;}
.pieimgdr P {text-align:center;
	font-size:10px;
	margin-top:0px;
	margin-left:10px;}

.pieqeba{text-align:center;
	font-size:10px;
	margin-top:0px;}
	
.boxqeba {background-color: #ececec; width: 647px; padding: 10px;}
.boxqeba IMG {float:left; margin-right: 10px;}
.boxqeba H3 {margin-top:0px;}

.boxqebafoot {background: url(../imagenes/arrowbottom.gif) 20px 0 no-repeat;
	padding-left: 58px;
	padding-top: 1px;
	margin-bottom: 2em;
	font-size: 80%;
	color: #4A4A4A;}
/* FIN */

/* VOLUNTARIADO	*/
.ficha {border: 2px groove #330033;
padding: 15px;
margin:0 auto;
}
.ficha H3 { color:#336699;
border-top: 1px solid #336699;
margin-right:100px;
font-size:14px;
margin-bottom:0;}
.ficha p {margin-top:0;}
.ficha H4 { color:#336699;
font-size:14px;}
.ficha IMG {float:right;
clear:left;}
/* FIN */

/* BOLETINES */
.boletines {margin:10px 10px 5px 10px; height:100px; width:600px}
.bi{float:left; border:#666666 dotted 1px; padding:5px; margin: 10px;}
.btim {border-bottom:#9966CC solid 1px; float:left; margin:0px 0px 0px 5px; width:400px;}
.btipm {font-size:16px; margin-bottom:0; margin-top:0; font-weight:bold; margin-right:400px;}
.bti {float:left; width:370px; margin-left:50px;}
.btip {margin-top:5px; margin-bottom:0; font-size:12px;}

.bd {float:right; border:#666666 dotted 1px; padding:5px; margin: 10px;}
.btdm {border-bottom:#9966CC solid 1px; float:right; margin:0px 0px 0px 5px; width:400px;}
.btdpm {font-size:16px; margin-bottom:0; margin-top:0; font-weight:bold;}
.btd {float:right; width:370px; margin-right:50px;}
.btdp {margin-top:5px; margin-bottom:0; font-size:12px;}

.boletinesizq {margin:10px 10px 5px 100px; height:267px;}
.fondoboletizq {background:url(../imagenes/boletines/base.png) no-repeat top left; height:266px; width:207px;float:left;}
.imgnovedad {float:left; margin-top:33px; margin-left:33px;}
.txtnovedad {float:left; margin: 30px 0 0 30px;}
/* FIN */

/* AREA SOCIAL PAAS */
#paas {margin:10px; text-align:justify; padding:10px; border:#FF8000 solid 3px;}

#expresos {text-align:justify; margin:10px; padding:10px; border:#333300 groove 2px;}
#expresos h2 {margin-top:-40px; margin-bottom:30px; text-align:left;}

#desempleo {margin:10px; padding:10px; border:#000000 solid 3px;}
/* FIN AREA SOCIAL PAAS */

/* AREA SOCIAL FAMILIAS */
.title_fam {background:url(../imagenes/titulos/naranja.jpg) repeat-y left; height:50px; margin:-10px 0px 0px -10px;}
.fam_docs {float:right; border:#000000 solid 1px; margin:10px; text-align:right; padding:15px 15px 15px 0px; background-color:#ffc387;}
.fam_docs h3 {margin-top:2px;}
.fam_docs UL {list-style-image:url(../imagenes/educacion/diario.jpg);}

#homoparentales {margin:10px; text-align:justify; padding:10px; border:#FF8000 solid 3px;}
#homoparentales h1 {margin-top:-40px; margin-bottom:30px; text-align:left;}

#inseminacion {text-align:justify; margin:10px; padding:10px; border:#333300 groove 2px;}
#inseminacion h2 {margin-top:-30px;}
#inseminacion IMG {float:right; margin-left:10px; margin-right:5px;}
#ins_resal {border:#000000 solid 1px; background-color:#ffc387; padding:5px;}

.fam_left {float:left; margin:5px;}

.fam_right {float:right; margin:5px; clear:left;}

#reto {text-align:justify; margin:10px; padding:10px; border:#333300 groove 2px;}
#reto h1 {margin-top:-40px; margin-bottom:30px; text-align:left;}
#reto_img {float:right; margin: 10px; border: #000000 solid 1px;}

#websrela {margin:10px;}
#websrela li {list-style:none; display:block; float:left; margin: 20px;}
/* FIN AREA SOCIAL FAMILIAS  */

/* AREA SOCIAL MAYORES  */
.mayores {margin:10px; text-align:justify; padding:10px; border:#FF8000 solid 3px;}
.mayores h1 {margin-top:-40px; margin-bottom:30px; text-align:left;}
/* FIN AREA SOCIAL MAYORES  */

/* EDUCACIÓN */
.educa {margin:10px; text-align:justify; padding:10px; border:#FFFF00 solid 3px;}
.title_educa {background:url(../imagenes/titulos/amarillo.jpg) repeat-y left; height:50px; margin:-10px 0px 0px -10px;}
.educa h1 {margin-top:-40px;}
.otros {text-align:justify; margin:10px; padding:10px; border:#333300 groove 2px;}
.otros h2 {margin-top:0px; margin-bottom:30px; text-align:left;}
/* FIN EDUCACIÓN  */

/* LESBIANAS */
.title_verde {background:url(../imagenes/titulos/verde.jpg) repeat-y left; height:50px; margin:-10px 0px 0px -10px;}
.verdemarco {margin:10px; text-align:justify; padding:10px; border:#00FF00 solid 3px;}
.verde h1 {margin-top:-40px; margin-bottom:30px; text-align:left;}
.lesbiimg {float:right; margin-left:10px;}
/* FIN LESBIANAS */

/* GRUPO JOVEN */
.title_azul {background:url(../imagenes/titulos/azul.jpg) repeat-y left; height:50px; margin:-10px 0px 0px -10px;}
.azulmarco {margin:10px; text-align:justify; padding:10px; border:#0000FF solid 3px;}
.verde h1 {margin-top:-40px; margin-bottom:30px; text-align:left;}
.lesbiimg {float:right; margin-left:10px;}
#postal_joven {margin:5px;border:#006699 solid 1px;padding:5px;}
.title_azul {background:url(../imagenes/titulos/azul.png) repeat-y left; height:50px; margin:-10px 0px 0px -10px;}
#trivial {margin:10px; text-align:justify; padding:10px; border: #000000 solid 2px; background:url(../imagenes/gjoven/tauler_trivial.png) center}
#trivial h3 {margin-top:-30px; margin-bottom:40px; color:#FFFFFF}
#actgj {margin:10px; text-align:justify; padding:10px; border: #000000 solid 2px;}
#actgj h3 {margin-top:-30px; margin-bottom:40px;}
#interesar {margin:10px; text-align:justify; padding:10px; border: #000000 solid 2px;}
#interesar h3 {margin-top:-30px; margin-bottom:40px;}
/* FIN GRUPO JOVEN */