@charset "utf-8";

/* INDEX */
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;}

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

#menulateral {width:140px;
	float:left;
	height:400px;}
	
#bannerlateral {width: 280px;
	float: right;}
	
#noticia, #banner1, #banner2, #banner3, #anuncio, #soc2 {
	margin-right:5px;
	margin-top:5px;}
#act, #video, #soc1, #voluntario, #fotos, #banners_verticales {
	margin-left:5px;
	margin-top:5px;}
	
#principal {margin-left: 140px;
	background-color: #ffffff;
	width:517px;}
	
#pie {clear: both;
	padding: 3 3 3 10px;}
	
#fotos IMG {border:0;}

#act IMG {float:right; margin-left:5px;}
	
#voluntario H4, #soc1 H4, #soc2 H4 {text-align:left;}
	
#noticia IMG {float:right; margin:5px;}

#noticia {background:url(../imagenes/noticias/fondonoticias4.png) repeat-y;}

#anuncio {background-color:#F7F8C0}

.resumen {font-size:11px;text-align:left;}

.mas {font-size:10px;
	margin-bottom:0;}

H4, H3 {margin-top:0px;
text-align:left;}

.xarriba, .xabajo {display:block; background:transparent; font-size:1px;}
.xb1a, .xb2a, .xb3a, .xb4a {display:block; overflow:hidden;}
.xb1a, .xb2a, .xb3a {height:1px;}
.xb2a, .xb3a, .xb4a {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1a {margin:0 5px; background:#444;}
.xb2a {margin:0 3px; border-width:0 2px;}
.xb3a {margin:0 2px;}
.xb4a {height:2px; margin:0 1px;}

.xboxcontenta {display:block; border:0 solid #444; border-width:0 1px; height:auto; padding:5px;}
* html .xboxcontenta {height:1px;}

.color_rojo {background: url(../imagenes/titulos/rojo.png) repeat-y; color:#000000;}
.color_naranja {background: url(../imagenes/titulos/naranja.png) repeat-y; color:#000000;}
.color_amarillo {background: url(../imagenes/titulos/amarillo.png) repeat-y; color:#000000;}
.color_azul {background: url(../imagenes/titulos/azul.png) repeat-y; color:#000000;}
.color_verde {background: url(../imagenes/titulos/verde.png) repeat-y; color:#000000;}
/*.color_indigo {background: url(../imagenes/titulos/indigo.png) repeat-y; color:#000000;}*/
.color_violeta {background: url(../imagenes/titulos/violeta.png) repeat-y; color:#000000;}

.titled {padding-left:5px; margin-bottom:0; margin-top:0; color:#FFF; font-weight:bold; border-left:1px solid #444; border-right:1px solid #444; font-size:11px;}

.titled2 {padding-left:5px; margin-bottom:0; margin-top:0; color:#FFF; font-weight:bold; font-size:11px; text-align:left;}


/* cuadros amarillos */
.aviso{margin: 5px;
	padding:10px;
	border:#000000 solid 1px;
	background-color:#FFFF00}

/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 20px 35px 0px;
	padding: 8px 0px 19px;
	background: url(../imagenes/galeriaimg/polaroid.png) no-repeat;
	position: relative;
	width: 186px;
	float: left;
}
.gallery span {
	background: url(../imagenes/galeriaimg/tape2.png) no-repeat;
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	left: 48px;
	top: -10px;
}
.gallery em {
	display: block;
	text-align: center;
	font: italic 100% Georgia, "Times New Roman", Times, serif;
	color: #333;
}


/* END */	

/* ---------- banners_verticales styles start here ----------------------- */
.ban_vert {list-style: none; margin:0; padding: 0;}
.ban_vert li {margin: 20px 60px 0px; position: relative; float: left;}

/* END */	
	
/* FIN */

/* CABECERA */
#capcelera {width: 944px;
	height: 170px;
	left: 0px;
	top: 0px;
	display:block;
	position:relative;}
/* 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	*/