/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0; 	padding: 0;
	font: normal 13px 'Trebuchet MS', Tahoma, sans-serif;
	color: #555;
	background: #FFF url(../images/bg_cabecera.gif) repeat-x;
	background: #FFF url(../images/bg_pagina.gif) repeat;
	background: #FFF url(../images/bg_rayado.gif) repeat;
	background: #FFF url(../images/bg.gif) repeat-x;
	text-align: left;
}

/*Estatutos*/
#estatutos{
	margin-bottom: 100px;
}
#estatutos p{
	margin:10px 0px 10px 0px
}
#estatutos ul{
	list-style: decimal; margin-left: 40px;
}

#estatutos li{
	margin-top:10px;
}

/* Menu */

#menu {
	clear:both;
	width: 960px;
	height: 64px;
	margin: 0 auto;
	background: url(../images/fondo_menu.gif) no-repeat ;
}


#menu ul {
	margin: 0;
	padding: 21px 0 0 30px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	padding: 0 	20px 0 20px;
	background: url(../images/img03.gifs) no-repeat left center;
}

#menu li.first {
	background: none;
}

#menu a {
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover{
	text-decoration:blink;
	color: #9CCE00;
}

.fiesta_menu{
	border-bottom: 1px dotted #65944A; padding: 5px
}


#foto_cabecera {
	clear:both;
	width: 960px;
	background:url('../images/img04.jpgs');
	height:170px;
	margin: 10px auto 10px;
}

/* links */
a { color: #72A545; text-decoration: none; }
a:hover { color: #006699; text-decoration: underline; }

/* headers */
h1, h2, h3 { font-size:1em; font-weight: bold;  }
h1 { font-size: 1.4em; color: #65944A;}
h2 { font-size: 1.2em; text-transform: uppercase; }
h3 { font-size: 1.2em; }

p, h1, h2, h3 {
	margin: 5px 5px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
}

.color_green{
	color:#4CAF55;
	color:#72B00C;
	color:#81C909;
	color:#65944A;
}

/* images */
img {
	border: 1px solid #DADADA;
	padding: 5px;
	background: #FAFAFA;
}
img.float-right {
  margin: 5px 0px 5px 15px;
}
img.float-left {
  margin: 5px 15px 5px 0px;
}

.code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;
  font-size: 0.9em ;
  /* white-space: pre; */
  background: #E8F6E9;
  background: #F2F9F3;
  background: #EFE;
  background: #E4F9BF;

  border: 1px solid #f2f2f2;
  border-left: 3px solid #72A545;
  margin-bottom: 10px;
  clear: both;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;
  font-size:0.9em ;
  /* white-space: pre; */
  background: #E8F6E9;
  background: #F2F9F3;
  background: #EFE;
  background: #E4F9BF;
  border: 1px solid #f2f2f2;
  border-left: 3px solid #72A545;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px; 	padding: 0 0 0 20px;
  	background-color: #FAFAFA;
	background-position: 8px 10px;
	border: 1px solid #f2f2f2;
	border-left: 3px solid #72A545;
	font-size: 1.2em/1.5em ;
	font-weight:bold;
	color: #666666;
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 5px 0px ;
	font-size: 0.9em;
}
th strong {
	color: #fff;
}
th {
	background: #419849;
	background:#BEE5C2;
	background:#8DB07A;
	height: 29px;
	padding-left: 11px;
	padding-right: 11px;
	color: #fff;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	/* border-left: 1px solid #FFE1C3; */
	border-left: 1px solid #B6D59A;
	border-bottom: solid 1px #ffffff;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-0 {
	background: #F8F8F8;
}
tr.row-1 {
	background: #EFEFEF;
}
/* end - table */

/* form elements */
form {
	margin:10px 15px; padding: 0;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #BABABA;
	font-size:1em ;
	color:#777;
}
textarea {
	width:95%;
	padding:2px;
	font-size:1em ;
	border:1px solid #BABABA;
	height:100px;
	display:block;
	color:#777;
}
input.button {
	margin: 0;
	font: bold 1em Arial, Sans-serif;
	background: #FFF url(../images/gradientbg.jpg) repeat-x;
	padding: 2px 3px;
	color: #333;
	border: 1px solid #BABABA;
	cursor: pointer;
}

/* search form */
.searchform {
	margin:20px 0px 30px 0px;
	background-color: transparent;
	border: none; padding: 0;
}
.searchform p { margin: 10px; padding: 0; }
.searchform img { float: left; border: none; background: transparent; }
.searchform input.textbox {
	width: 160px;
	margin-right:2px;
	color: #333;
	height: 20px;
	padding: 2px;
	vertical-align: top;
	float:left;
}
.searchform input.button {
	font: bold 12px Arial, Sans-serif;
	color: #333;
	width: 60px;
	height: 26px;
	margin-top:5px;
	border: 1px solid #DADADA;
	padding: 3px 5px;
	vertical-align: top;
}

.strong {
	font-weight: bold;
}
span{
	line-height: 25px;
}
span.fecha{
	background: url('../images/calendar.png') no-repeat;
	padding-left:20px;
}
span.municipio{
	background: url('../images/house.png') no-repeat 0 center;
	padding-left:20px;
}

.celdaFoto{
	float:left; border:1px solid #65944A; background:#F8F8F8; padding: 10px;
	margin: 5px 10px; width: 265px; color: #777
}

.celdaFotoHover{
	background-color: #EFE; cursor: pointer;
}

/**************************************
	GALERIA DE FOTOS
**************************************/

div#galeriaFotos{
	width: 555px; margin:40px 0px 0px 35px; padding: 10px; float: left;
	background-color: #DFF2E1;
	border: #249D4E 2px solid;
}

div#galeriaFotos img{
	width: 82px; height: 82px;
	border: 0px; float: left;
}

.fotoThumb{
	margin:2px; cursor:pointer; float:left; border:#249D4E 1px solid; width: 82px; height: 82px;
}


/***********************
	  DIVS COMENTARIOS
************************/

div#comentarios{
	width: 520px;
	margin-left:0px;
}


div#comentarios span{
	color: #2B70B7;
}

div#comentarios p{
	margin: 5px;
	font-size: 12px;
}

div#comentarios p.numero{
	float: left;
	margin-top:3px; margin-left: 5px; margin-right: 15px;
	font-size: 30px; font-weight: bold;
	font-style:italic; color: #81C909; color:#72A178
}

div#comentarios p.info{
	margin: 0px; padding-bottom: 5px;
	font-size: 11px;
}


div#comentarios .comentario{
	padding: 10px 10px 10px 10px;
	width: 100%;
	overflow: auto;
	margin-left: 10px;
	margin-bottom: 10px;
}

div#comentarios .num0{
	border: #B7E073 1px solid;
	background-color: #EEF7EF;
}

div#comentarios .num1{
	border: #81C909 1px solid;
	background-color: #EFEFEF;
}

/***********************
	  LAYOUT
************************/


/* content */

#cuerpo{
	width:960px; margin:auto; clear:both; min-height:60px; padding-top:0px;
}
.main {
	width:700px; float:left;
	margin:0 0 0 0px;
	background:url("../images/fondo_cuerpo.jpg") bottom no-repeat ;
}

.main_top{
	width:680px;
	padding: 14px 0px 0px 20px;

	float:left;
	height:31px;
	background:url("../images/cuerpo_tit.jpg") bottom no-repeat #FFF;
	font-size:1.5em ;
	font-weight:bold;
	vertical-align:top;
	color:#DDD;
	color:#9CCE00;
	color:#A6DB94;
	color:#c5f277;
	color:#daf23f;
	margin-bottom: 5px;
	text-align: left;
}

.main_top2{
	float:left;
	width:700px;
	height:20px;
	background:url("../images/cuerpo_top.jpg") top no-repeat #FFF;
}


.main_middle{
	width:698px; float:left;
	border:1px solid #73A379;
	border:1px solid #146020;
	border-bottom:0px; border-top:0px;
	sbackground: url("../images/bg_fondo.gif") bottom repeat-x;
}
.main_foot{
	width:690px; height:15px; float:left;
}
#content {
	text-align: left;
	padding: 0;
	margin: 0 auto;
}


/* sidebar */
#sidebar {
	float: left;
	width: 255px;
	margin: 0px 5px 0px 0px; padding: 0px;
}
#sidebar h1 {
	padding: 8px 0px 5px 35px;
	margin: 0;
	font-size:1.2em ;
	font-weight:bold;
	color:#DFDFDF;
}


/*Caja del menu de la derecha*/
.caja_menu{
	width:253px;
	float:left;
	margin:0px 0px 0px 0px;
	background: url("../images/fondo_caja.jpg") bottom no-repeat;
	margin-bottom: 20px;
}
.caja_titulo{
	float:left;
	width:233px; height:45px;
	padding-left:20px;
	background:url("../images/menu_top.jpg") bottom no-repeat #FFF;
	font-size: 3.4em;
	font-weight: bold;
	vertical-align:top;
	color:#DDD;
	color:#9CCE00;
	color:#A6DB94;
	color:#c5f277;
	color:#ccff33;
	color:#E3F9BB;
	color:#daf23f;
	margin-bottom: 5px;
	text-align: left;
}

.caja_top{
	float:left;
	width:253px;
	height:20px;
	background:url("../images/caja_top.jpg") top no-repeat #FFF;
}
.caja_top span{padding-left:10px}

.caja_middle{
	float:left;
	width:221px;
	padding:0 20px 20px 10px;
	border:1px solid #73A379;
	border:1px solid #146020;
	border-top: 0px;
	border-bottom: 0px;
}
.caja_foot{
	width:250px; height:15px; float:left;
}

/******************** Espacio para las barras de los menus **************************/

.barra_menu{
	float:left;
	width:253px;
	height:47px;
	background:url("../images/barra_menu.gif") top no-repeat #FFF;
	margin-bottom: 3px;
}

.barra_galeria{
	float:left;
	width:253px;
	height:47px;
	background:url("../images/barra_galeria.gif") top no-repeat #FFF;
	margin-bottom: 3px;
}

.barra_buscar{
	float:left;
	width:253px;
	height:47px;
	background:url("../images/barra_buscar.gif") top no-repeat #FFF;
	margin-bottom: 3px;
}

.barra_fiestas{
	float:left;
	width:253px;
	height:47px;
	background:url("../images/barra_fiestas.gif") top no-repeat #FFF;
	margin-bottom: 3px;
}

.barra_actividades{
	float:left;width:700px;height:47px;
	background:url("../images/barraa_actividades.gif") bottom no-repeat #FFF;
	margin-bottom: 3px;
}

.barra_adhesion{
	float:left; width:700px; height:47px;
	background:url("../images/barraa_adhesion.gif") bottom no-repeat #FFF;
	margin-bottom: 3px;
}

.barra_asociacion{
	float:left; width:700px; height:47px;
	background:url("../images/barraa_asociacion.gif") bottom no-repeat #FFF;
	margin-bottom: 3px;
}

.barra_contacto{
	float:left; width:700px; height:47px;
	background:url("../images/barraa_contacto.gif") bottom no-repeat #FFF;
	margin-bottom: 3px;
}
.barra_documentos{
	float:left; width:700px; height:47px;
	background:url("../images/barraa_documentos.gif") bottom no-repeat #FFF;
	margin-bottom: 3px;
}
.barra_enlaces{
	float:left; width:700px; height:47px;
	background:url("../images/barraa_enlaces.gif") bottom no-repeat #FFF;
	margin-bottom: 3px;
}
.barra_estatutos{
	float:left; width:700px; height:47px;
	background:url("../images/barraa_estatutos.gif") bottom no-repeat #FFF;
	margin-bottom: 3px;
}
.barra_festividades{
	float:left; width:700px; height:47px;
	background:url("../images/barraa_festividades.gif") bottom no-repeat #FFF;
	margin-bottom: 3px;
}
.barra_fotos{
	float:left; width:700px; height:47px;
	background:url("../images/barraa_fotos.gif") bottom no-repeat #FFF;
	margin-bottom: 3px;
}
.barra_municipios{
	float:left; width:700px; height:47px;
	background:url("../images/barraa_municipios.gif") bottom no-repeat #FFF;
	margin-bottom: 3px;
}
.barra_noticias{
	float:left; width:700px; height:47px;
	background:url("../images/barraa_noticias.gif") bottom no-repeat #FFF;
	margin-bottom: 3px;
}
.barra_noticias_aca{
	float:left; width:700px; height:47px;
	background:url("../images/barraa_noticias_aca.gif") bottom no-repeat #FFF;
	margin-bottom: 3px;
}
.barra_sede{
	float:left; width:700px; height:47px;
	background:url("../images/barraa_sede.gif") bottom no-repeat #FFF;
	margin-bottom: 3px;
}
.barra_trabajo{
	float:left; width:700px; height:47px;
	background:url("../images/barraa_trabajo.gif") bottom no-repeat #FFF;
	margin-bottom: 3px;
}
.barra_vivienda{
	float:left; width:700px; height:47px;
	background:url("../images/barraa_vivienda.gif") bottom no-repeat #FFF;
	margin-bottom: 3px;
}


/************** sidebar menu ****************/
#sidebar ul {
	list-style:none;
	margin: 0px 0px 15px 5px;
	padding: 0px;
	font-size:1.4em;
}
#sidebar ul li {
	padding: 0px;
}
#sidebar ul a {
	display:block;
	font-weight:normal;
	color: #333;
	color:#196622;
	height: 1.3em;
	padding:.3em 0 .3em 10px;
	line-height: 1.5em;
	border-bottom: 1px dashed #00690D;
	text-decoration:none;
}

#sidebar ul a:hover {
	padding: .3em 0 .3em 5px;
	border-left: 5px solid  #65944A;
	color: #65944A;
	color: #9CCE00;
}


/************************************************************************
	  PROPIEDADES PARA EL CROSSFADE DEL MENU
*************************************************************************/


.fotos_menu {
	margin:0px 0px 20px 6px;
	min-height:190px;
	border: 1px solid #DADADA; background-color: #FAFAFA;
	text-align:center;
}

#fotos-menu span {
	background-color: #FFF;
	text-align: center;
}

#fotos-menu .img{
	width:200px; height: 140px;
	text-align:center;
	margin: 5px;
}

#fotos-menu .caption {
	clear: both;
	margin:0px; line-height:15px;
	text-align:left;
	font-size: 11px;
	padding-left: 10px;
}
/********************* main *****************************/
#cuerpo ul li {
	list-style-image: url(../images/bullet-green.gif);
}

ol{
	list-style: inside;
	margin: 0px 0px 0px 20px;
}

ul{
	list-style: inside;
	margin: 0px 0px 0px 20px;
}


.post {
	margin: 0px 0px 20px 0px; padding-top: 10px;
	width:100%;
	background: #FFF url(../images/background.gif) repeat-x;
	noborder: 1px solid #EFEDED;
	float:left;
	border: red 0px solid;

}

.post .fecha{
	background: url('../images/date_bg.gif') no-repeat; width: 44px; height: 49px; float:left; margin:0 20px 5px 5px;
}

.post .fecha_mes{
	width:40px; height:14px;
	text-align:center;
	font-size: 11px; color:#FFF; font-weight: bold;
}

.post .fecha_dia{
	width:40px;
	padding-top:2px;
	text-align:center;
	font-size: 16px; color:#65B272; font-weight: bold;
}

.post .tipo{
	color: #72A545;
	font-weight: bold;
}

.post h1{
	margin-bottom: 10px;
}
.post p{
	clear: both;
}

.post .fotos_vivienda{
	float:right;
	margin-right:100px;
	background:url('../images/camera.png') right no-repeat;
}
.post .post-footer {
	nobackground-color: #FAFAFA;
	nobackground-color: #F5F5F5;
	noborder: 1px solid #f2f2f2;
	height: 35px; width:100%;
	margin: 40px 0 0 0;
	padding: 10px 0 0 0px;
	sbackground: url(../images/post_foot.gif) no-repeat;
	clear:both;
	font-size: 90%;
	height:25px;
	padding-top:3px;
	background-color: #E1F3E3;
	background-color: #E5FAC1;
	border-bottom: 2px solid green;

}
.post .post-footer .date {
	background: url('../images/calendar.png') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.post .post-footer .date_cierre {
	background: url('../images/date_delete.png') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.post .post-footer .tlf {
	background: url('../images/phone.png') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.post .post-footer .email {
	background: url('../images/email.png') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.post .post-footer .comments {
	background: url('../images/comment.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .readmore {
	background: url('../images/page_white_text.png') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .municipio {
	background: url('../images/house.png') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.post .post-footer .autor {
	background: url('../images/user.png') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

.post img {
	border: 1px solid #DADADA;
	padding: 5px;
	background: #FAFAFA;
	margin-right:10px;
	margin-bottom:10px;
	float:left
}

/*------------------------P�ginacion---------------*/

#paginacion {
	float:left; width:100%;  text-align:center; padding:20px 0px 120px 0px;  clear:both; color:#65944A
}
#paginacion .info_paginacion{
	margin-bottom:20px; font-size: 1.2em; color:#65944A
}
#paginacion .pagina{
	color:#65944A; padding:5px 8px 5px 8px; border:1px solid #65944A; text-align: center; font-size: 14px; font-weight: bold; margin-right:0px; line-height: 25px; cursor:pointer;
}
#paginacion .disabled{
	color:#C6E5E5; padding:5px 8px 5px 8px; border:1px solid #E6E5E5; text-align: center; font-size: 14px; margin-right:2px; line-height: 25px; cursor:none;
}
#paginacion .hover{
	cursor: pointer;
	background-color:#8BBD00;
	color:#F2F2F2;
}

#paginacion .on{
	cursor: none;
	background-color:#96BC46;
	color:#FFF;
}

/*------------------------footer---------------*/
#footer{
	width:100%;
	height:164px;
	margin:30px auto 0 auto;
	background:url(../images/bg_footer.gif) bottom left no-repeat #979797;
	float:left;
	color:#FFFFFF;
	font:11px/16px Arial, Helvetica, sans-serif;
	}
#footer ul{
	width:600px;
	margin:30px auto 0 auto;
	text-align:center;
	display:block;
	font-size:0px;
	height:20px;
	}
#footer ul li{
	display:block;
	float:left;
	height:16px;
	font:13px/16px Arial, Helvetica, sans-serif;
	}
#footer ul li a{
	margin:0 10px 0 10px; text-decoration:none;	color:#FCFCFC; background-color:#979797;
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer ul.ad{
	width:320px;
	margin:17px auto 0 auto; display:block; height:50px;
	}
#footer ul.ad li{
	display:block;	float:left;	margin:0px 0 0 0; border-right:#FFFFFF 1px dashed;	height:37px;
	}
#footer ul.ad li.li1{
	display:block;	float:left;	margin:0px 0 0 0; border-right:none; height:37px;
	}
#footer ul.ad li a.add{
	font:10px/14px Tahoma, Arial, Helvetica, sans-serif; color:#353535;	text-decoration:none; font-weight:bold;
	margin:0 10px 0 10px; background-color:#979797;
	display:block;
	}
#footer ul.ad li a.add:hover{
	text-decoration:none;
	}
#footer ul.ad li a.add span{
	color:#FFDB5D; background-color:#979797; text-transform:uppercase;
	}
#footer p{
	text-align:center;
	margin:0 auto 0 auto;	display:block;
	}
#footer p.desing {
	margin:0 auto;
	}
#footer p.desing a {
	color:#fff; background-color:#979797; text-decoration:underline;


	}
#footer p a:hover {
	color:#000;
	background-color:#C6C6C6;
	}


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }