/*
-----------------------------------------------
voluntastur.org Styles Elastic Design
Author:   Punto y Pixel
Version:  Octubre 2007
----------------------------------------------- */
                 
/* Estructura de la página
----------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background-color: #526E22;
	text-align: center;
}

#contenedor {
	max-width:70em;
	margin:0 auto;
	background: #FFF url(../media/bg_contenedor.png) repeat-y 25% 0;
}
#cabecera {
	width: 100%;
	float: left;
	height: 8.5em;
	background: #7E9920 url(../media/bg_cabecera.png) repeat-y right;
}
#barra{
	width: 100%;
	float: left;
	background-color: #4D600C;
}
#fecha {	float: left;}

#lateral {
	width:25%;
	float: left;
	background-color: #422D1C;
	text-align: left;
}
#contenido {
	float:right;
	width:67%;
	margin: 3% 3%;
	background-color: #FFF;
	text-align: justify;
}
#pie{
	clear: both;
	width: 100%;
	background-color: #4D600C;
}
/*  Navegación
----------------------------------------------- */
/*----- Menu -----*/
#menu ul {
	padding: 0;
	margin: 0;
	float: right;	
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	text-align: left;
}
#menu ul li { display: inline; }
#menu ul li a {
	padding: 0.4em;
	color: #FFFFFF;
	text-decoration: none;	
	float: left;
}
#menu ul li a.aqui {
	background-color: #FCD651;
	color: #333333;
}
#menu ul li a:hover {
	background-color: #FCD651;
	color: #333333;
}
#menu ul li.extra a {
	background-color: #C5DF5D;
	color: #333333;
}
/*----- Submenu lateral -----*/

#submenu{
	font-size: 0.85em;
	font-weight: bold;
	color: White;
	text-transform: uppercase;
	margin: 1em 0;
}
#submenu ul, #submenu li{ margin: 0; padding: 0; list-style: none; }
#submenu a {
	display: block;
	color: White;
	padding: 0.5em 0.3em 0.5em 2em;
	background-image: url(../media/square.png);
	background-repeat: no-repeat;
	background-position: 0.3em;
}
#submenu a:hover{	
	color: #422D1C; 
	background-color: #FCD651;	
	display: block; 
	text-decoration: none;
	background-image: url(../media/square-on.png);
}
#submenu a.aqui{	
	color: #422D1C; 
	background-color: #FCD651;	
	display: block; 
	text-decoration: none;
	background-image: url(../media/square-on.png);
}
#submenu .ident{
	color: #422D1C;
	background-color: #D4E890;
}
#submenu .ident a{
	color: #422D1C;
	background-image: url(../media/square-on.png);
	background-repeat: no-repeat;
	background-position: 0.3em;
}
.sep{
	border-bottom: 1px solid #614127;
}

/*----- Botones -----*/
ul#extras { padding: 0; margin: 1em 0; list-style:none;text-align: center; text-transform: none;}
ul#extras li{margin: 0.5em 0;}
#extras a { background-image: none; }
#extras a:hover { background-image: none; color:#FFFFFF; background-color: #422D1C; }
/*----- Logos -----*/
ul#logos{
	padding: 0;
	margin: 1em 3em;
	list-style-type: none;
}
#logos li{
	list-style: none;
	margin: 0.5em 0;
}
/* Generales, titulos, enlaces
----------------------------------------------------*/
body{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
a { text-decoration: none; }
#contenido a{ font-weight: bold; }
a:link {	color: #7C4114; }
a:visited { color :#666666; }
a:hover { text-decoration: underline; }

#lateral a {color: White;}
h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	font-weight: bold;
	color: #1F2604;
	text-transform: uppercase;
	margin: 0.2em;
	text-align: left;
}
h1 span {color: #D5EF6B;}
h2{
	font-size: 2.2em;
	font-weight: bold;
	color: #422D1C;
	text-align: right;
	text-transform: uppercase;
}
h3{
	font-size: 1.5em;
	font-weight: bold;
	color: #4D600C;
	text-align: left;
}
h4{
	font-size: 1.1em;
	font-weight: bold;
	color: #4D600C;
}
h5{
	font-weight: bold;
	font-size: 1em;
	color: #333333;
	margin: 0;
	padding: 0.15em 0 0.15em 0;
}
p{
	line-height: 1.8em;
}

#cabecera p{
	font-size: 1.1em;
	color: White;
	text-align: left;
	margin: 0 0 0 10px;
	text-transform: uppercase;
	font-weight: bold;
}

#fecha{color: #FFF; padding: 0.2em 1em}
#pie p{
	text-align: center;
	font-size: 0.85em;
	color: #FFF;
	line-height: 3em;
	margin: 0;
}
#pie a{text-decoration: underline;color: #FFF;}

blockquote {
	line-height: 1.5em;
	color: #333333;
	text-align: justify;
}
blockquote img {padding: 0.15em; }

.prev-next,.info-prev-next { text-align: center; clear:both;}
.prev-next a {font-weight: bold; }

.resaltado{ color: #4D600C; }
a.resaltado:link {color: #4D600C; }
a.resaltado:visited {color: #334517;}
a.resaltado:hover { text-decoration: underline; }

#contenido ul.sinflecha li{list-style-image: none; list-style: none;}


/*  Imagenes
----------------------------------------------------*/
a img, .sinborde {	border: none; }
img.derecha, img.right, img.izquierda, img.left, img.block{
	margin: 0.5em;
	padding: 0.3em;
	border: 1px solid #cccccc;
}
img.izquierda, img.left{	float: left; }
img.derecha, img.right{ float: right; }
/* Listas
----------------------------------------------------*/
#contenido ul li,ul.standar li {list-style-image: url(../media/arrow.png); padding-bottom: 0.3em;}
#contenido ul li.extra {list-style-image: url(../media/square.png);	padding-bottom: 10px; }
#contenido ul li ul {padding-top: 0.3em;}

#contenido ol li {padding-bottom: 0.3em;}

#contenido dt  {padding-bottom: 0.3em; font-weight: bold; color: #333333;}
#contenido dd {padding-bottom: 0.3em;}

dl.inline dt{	display: inline; }
dl.inline dd{	margin: 0; padding:0; display: inline; }

/*  Tablas
----------------------------------------------------*/ 
table{ border: 1px solid #999; font-size:0.9em;}
th, td{ padding: 0.3em; }
th{ background-color: #FCD651; }
td{ background-color: #EFEFEF; overflow: visible; }
tr.titulo th {
	color: #4D600C;
	background: #eee;
}
tr.alternar td{ background-color: #E2E2E2; }
#contenido td ul { margin:0; padding:0;}
#contenido td ul li {
	list-style-image: url(../media/arrow2.png);
	padding: 2px;
	margin: 0;
	list-style-position: inside;
}
caption {
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
}
table.listado th{ background-color: #EEEEEE;  text-align: right; color: #333333; }
table.listado td{ background-color: #EFEFEF; overflow: visible; text-align: left; }
table.listado tr.titulo th {
	color: #4D600C;
	background-color: #FCD651;
}
tr.right th{ text-align: right; }
/*  Formularios
----------------------------------------------------*/
form{
	display: inline;
	margin-top: 20px;
}
label, .label {
  	float: left;
  	width: 15em;
  	text-align: right;
  	color: #422D1C;
  	font-weight: bold;
  	margin-top: 0.15em;
}
fieldset {
  	margin-top: 0.3em;
	background-color: #EEEEEE;
	border: none;
}
legend{
	font: bold 110% Arial, Helvetica, sans-serif;
	color: #333333;
}
.botones {
	clear: both;
	text-align:center;
	width: 100%;
} 
input, textarea, select {
	margin-bottom: 0.3em;
	margin-left: 0.3em;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #666666;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #666666;
	background-color: #D5EF6B;
	color:#000000;
}
input.no {	border: 0px; }

textarea#anuncio_texto {
	width: 300px;
	height: 200px;
}
.boton {
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-top: 1px solid #CCCCCC;
	background-color: #D5EF6B;
	font-weight: bold;
	color: #422D1C;
}
form.login {
	display: inline;
	margin-top: 2px;
}
form.login fieldset {
  	margin: 0;
	padding: 0;
	background-color: #422D1C;
}
form.login legend {
  	margin-left:30px;
}
form.login label {
  float: left;
  width: 100px;
  text-align: right;
  color: #FFF;
  font-weight: bold;
  margin-top: 0.15em;
}
form.login input {
	margin-bottom: 0.3em;
	margin-left: 0.3em;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #666666;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #666666;
	background-color: #D5EF6B;
	color:#000000;
}
.label {
  float: left;
  width: 150px;
  text-align: right;
  color: #422D1C;
  font-weight: bold;
  margin-top: 0.15em;
}
.input {  
  padding-top: 0.3em;
  margin-left: 0.3em;
  color:#000000;
}
fieldset.grupo {
	clear: none;
	padding: 0 0.3em 0.3em 0.3em;
	width: 30%;
	margin-left: 30%;
}
fieldset.grupo {
	clear: none;
	padding: 0 0.3em 0.3em 0.3em;
	width: 30%;
	margin-left: 30%;
}
fieldset.grupo legend {
  padding: 0 0.15em 0 9px;
  font-size: 100%;
}	
fieldset.grupo label{
  float: none;
  display: block;
  padding: 0px;
  margin: 0 0 0px 30px;
  text-align: left;
  width: 80%;
}
input.inputCheckbox, input.inputRadio {
	display: inline;
  	background-color: transparent;
  	border-width: 0;
 	padding: 0;
  	margin-bottom: 0;
	margin-left: 0;
}
form.encuesta fieldset{  width: 98%;}
form.encuesta fieldset fieldset{ 
  margin-top: 10px;
}
form.encuesta legend{  font-size: 120%;}
form.encuesta fieldset fieldset legend{  font-size: 100%;}
form.encuesta label{
  float: none;
  display: block;
  padding: 0px;
  margin: 0 0 0px 30px;
  text-align: left;
  width: 80%;
}
form.encuesta textarea{
	background-color: #fff;
}
/*----- Validación formularios -----*/
input.error, select.error { border: 1px solid #FF0000; }
.errFld {
	border: 1px solid #F00;
}
.errMsg {	
	color: #FF0000 !important;
	display: inline;
}
#alertMessagePlaceHolder {
	background-color: #FFCCCC;
	border: 1px solid #F00;
	padding: 0.3em;
	display: none;
	margin: 2em 0.3em;
}
/*  Anterior y siguiente
----------------------------------------------------*/
ul.prevnext{
	margin: 1em;
	padding: 0;
	display: inline;
	float: right;
}
ul.prevnext li{
	list-style: none;
	display: inline;
	padding-right: 0.15em;
	padding-left: 0.15em;
}
ul.prevnext li.prev {	border-right: 1px solid Gray; }
ul.prevnext a:link{	font-weight: bold; color: #333; }
ul.prevnext a:visited{	font-weight: bold; color: #666666; }
ul.prevnext a:hover{ color :#526E22; }

/*  Calendario
----------------------------------------------------*/
.calendario { padding:0.3em; text-align:center;}
.calendario table {margin: 0 auto;}

table.calendar {
	width: 95%;
	padding: 0;
	border: 0px;
	font: normal 0.9em Arial, sans-serif;
	color: #666;
	text-align: center;
	background-color: #fff;
}
table.calendar .nav,table.calendar .nav a {
	font: bold 1em Arial, sans-serif;
	color: #fff;
	background-color: #4d600c;
	text-align: center;
	text-decoration: none;
}	
table.calendar .month {
	font: bold 1em Arial, sans-serif;
	color: #fff;
	background-color: #4D600C;
	text-align: center;
	height:1.8em;
}
table.calendar td.day {
	font: bold 0.95em Arial, sans-serif;
	color: #FFF;
	background: #7e9920;
}
table.calendar .today, table.calendar td.today a, table.calendar td.today a:link, table.calendar td.today a:visited {
	color: #fff;
	font-weight: bold;
	background: #4D9E3F;
}
table.calendar .normal, table.calendar td.normal a, table.calendar td.normal a:link, table.calendar td.normal a:visited {
	color: #000;
	font-weight: bold;
	background: #BDEB65;
}
table.calendar td {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 1.5em;
	height:1.5em;
	text-align: center;
}
table.calendar td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}
table.calendar td a:link, table.calendar td a:visited {
	color: #1999E3;
}
table.calendar td a:hover, table.calendar td a:active {
	color: #1999E3;
}
/*  Contacto
----------------------------------------------------*/
.contactar {
	margin: 5% 10%;
	border-bottom: 1px solid #4F6B1E;
}
.c_titulo  {
	display: block;
	padding: 2px;
}
.contactar address {	padding: 0.3em;}
.c_titulo h4,.c_titulo p {
	margin: 0;
	padding: 0.1em 0;
}
.c_titulo a {
	color: #000000;
	text-decoration: underline;
}
.par { clear:both; margin-bottom:0.3em; }

/*   palabras
----------------------------------------------------*/
#contenido div.palabras { text-align: center; color:#7E9920; margin:0.3em;}
.palabras .left { float:left; text-align: right; width: 50%; font-weight: bold; }
.palabras .right { float:right; text-align: left; width: 50%; }

/*  Tags
----------------------------------------------------*/
.TagsBox { padding: 2em; margin: 2% 20%; border: solid 1px #eee; background: #f5f5f5; overflow: visible; }
.TagsBox span { color:#000000; margin:0.3em; }
.TagsBox span.tag { color: #4D600C; }
.TagsBox p { margin:0.15em; }
.tag { color:#7E9920; margin-bottom: 3em; text-decoration: none; padding-bottom: 0.3em;	}

/*  Tablon
----------------------------------------------------*/
.anuncio { padding: 1em; margin: 1em; border: solid 1px #eee; background: #f5f5f5; overflow: visible; }
.participa {
	padding: 0.5em;
	margin: 2% 20%;
	border: 1px solid #D5FA89;
	background: #EDF9D2;
	text-align: center;
}
/*  Galeria
----------------------------------------------------*/
.thumb ul { list-style: none;margin:0; padding:0; width:100%;}
.thumb li {float:left; margin:0.3em; padding:0; }
.thumb li a img {border:1px solid #333333; padding:0.1em; margin:0.3em }
.thumb li img {display:block; float:left;}
.thumb li span {display:block;text-align:center;clear:both;color: #7C4114;font-weight:bold;}
.thumb li span span {text-align:left;color: #333;font-weight:normal;}

.gal-text img {float:left; border:1px solid #333333; padding:0.1em; margin:0.3em; clear:both;}
.gal-text p {float:left; text-align:left;color: #333;font-weight:normal; clear:right;}
/*  Secciones
----------------------------------------------------*/
/*  Varios
----------------------------------------------------*/
.pad-micro { padding: 0.1% 0.3% 0.1% 0.3%; }
.pad-small { padding: 0.3% 1% 0.3% 1%; }
.pad-medium { padding: 1% 2% 1% 2%; }
.pad-big { padding: 2% 5% 2% 5%; }

.inline{ display: inline;}
.Fright{ float: right; }
.Fleft{ float: left; }
.limpiar { clear: both; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; margin: 0 auto; }
.center table {margin: 0 auto;}
.justify{ text-align: justify; }

.aviso{background-color: #fef8d9;border: 1px solid #D21A4E;margin: 0.3em;padding:0 0.3em;}
.info {background: #FFFFCC;border: 1px solid #FF9900;margin: 0.3em;padding:0 0.3em;}

.correcto  { color: #009900; font-weight: bold;}
a.correcto:link, a.correcto:visited { color: #009900; }
a.correcto:hover { text-decoration: underline }

.error  { color: #FF0000; font-weight: bold;}
a.error:link, a.error:visited { color: #FF0000; }
a.error:hover { text-decoration: underline }