/* HOJA DE ESTILOS PARA LA WEB DE TIERRA COMUNERA */

html {	margin: 0px;
		padding:0px;
		height:100%;
}

body  { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #938c7a; text-align: center; margin: 0; padding: 0; height: 100% }

#website    { 	background-color: #FCBD4C; 
				margin-right: auto; 
				margin-left: auto; 
				width: 860px;
				 }		
				 
/*------------------------------------------------------------------------------DEFINIMOS LA PARTE SUPERIOR DE LA WEB*/
#super {
			background-color:#ffffff;
			width:860px;
			height:214px;
			border-bottom:1px solid #FFFFFF;
			}
						
#bannersuperior {height:214px;
				width:369px;
				background-image:url(imag/imagen_menuizquierda.jpg);
				background-repeat:no-repeat;
				margin:0px;
				padding:0px;
				float:left;overflow:hidden;
				}
		
#logo {float:left;
		background-image:url(imag/logo.gif);
		background-repeat:no-repeat;
		height:88px;
		width:491px;
		float:left;
		margin:0px;
		padding:0px;
		}
#logo a {;display: block;
		height: 88px;
		width: 491px;text-decoration: none;}
#logo span {visibility: hidden}
#logo h1{margin: 0px;padding: 0px;display: block}
		
/*--------------------------------------------------------------------------------------DEFINIMOS EL MENU SECUNDARIO*/
#menusecundario {height:24px;
				width:491px;
				float:left;
				margin:0px;
				padding:0px;
				text-align:center;
				display:inline;
				}
				
#menusecundario a { 	font-size:0.8em;
						text-align:right;
						text-decoration:none;
						padding:0px 2px 0px 2px;
						display:inline;
						text-align: center
					   }
					
#menusecundario a:hover {
							color:#000000;
							}
					
#menusecundario ul{	list-style:none;
					margin:0px;
					padding:0px;
					display: block;
					height:24px;
					min-height: 24px;
					background-image: url("imag/fondo_menusecun.gif");
					background-repeat: repeat-x;
					background-position: left bottom;
}

#menusecundario li{display:inline;height:24px; width:100px;min-height:24px;margin-top:0px !important; margin-top:5px; }
#menusecundario li:hover {margin-top:5px !important;}
			
#p1 {
			display:inline;
			background-image:url(imag/pestana1i.gif);
			background-repeat:no-repeat;
			background-position:left bottom;	
			text-transform:uppercase;
			float:left;
			margin: 0px;
			height:24px;
			min-height:24px
}

#p1 a {	background-image:url(imag/pestana1d.gif);
		background-repeat:no-repeat;
		height:24px;
		min-height:24px;
		background-position:right bottom;
		display:block;
		line-height:2em;
}

#p2 {display:inline;
			background-image:url(imag/pestana2i.gif);
			background-repeat:no-repeat;
			background-position:left bottom;
			float:left;
			text-transform:uppercase;
			margin: 0px;
			height:24px;}

#p2 a{background-image:url(imag/pestana2d.gif);
		background-repeat:no-repeat;
		height:24px;	
		display:block;
		line-height:2em;
		background-position:right bottom;}

#p3 {display:inline;
			background-image:url(imag/pestana3i.gif);
			background-repeat:no-repeat;
			background-position:left bottom;
			float:left;
			text-transform:uppercase;
			margin: 0px;
			height:24px;}
			
#p3 a{background-image:url(imag/pestana3d.gif);
		background-repeat:no-repeat;
		height:24px;
		display:block;	
		line-height:2em;
		background-position:right bottom;}

#p4 {		display:inline;
			background-image:url(imag/pestana4i.gif);
			background-repeat:no-repeat;
			background-position:left bottom;
			float:left;
			text-transform:uppercase;
			margin: 0px;
			height:24px;}
			
#p4 a{	background-image:url(imag/pestana4d.gif);
		background-repeat:no-repeat;
		height:24px;
		display:block;
		line-height:2em;
		background-position:right bottom;}

#p1 li:hover{background-color:#FFFFFF;}

/*-----------------------------------------------------------------------DEFINIMOS LA PARTE INFERIOR DE MENU SECUNDARIO*/

#descripcion { 	height:102px !important;
				height:97px;
				width:270px;
				color:#000000;
				margin:0px;
				float:left;
				font-family:"Lucida Grande", Arial, Verdana, Helvetica;
				text-align:left;
				padding:0px;
				font-size:0.8em;
				background-color:#fcbd4c;
				}
#descripcion p{margin:5px 3px 0px 5px;}
				
#buscar { 	height:102px !important;
			height:97px;
			width:221px;
			
			background-color:#fcbd4c;
			margin:0px;
			float:left;
			font-family:"Lucida Grande", Arial, Verdana, Helvetica;

			text-align:left;
			font-size:0.8em;
			line-height:2em;
			background-image: url("imag/fondo_buscar.gif");
			background-position: right top;
			background-repeat: repeat-y;overflow:hidden;
			
			}
.buscarcampo {border:1px solid #ebac3d;border-left:3px solid #ebac3d;font-size: 0.9em;margin-top:3px; }
.buscarcampo:hover {border-color:#000000; }	
#botonbusqueda {	background-image:url(imag/ico_buscar.gif);
			background-repeat:no-repeat;
			background-color: transparent;
			padding:5px 0px 0px 20px;
			text-decoration:none;
			margin:0px;
			color:#000000;
			border:0px;
			}	

#suscribe {	background-image:url(imag/ico_boletin.jpg);
			background-repeat:no-repeat;
			padding:2px 0px 0px 20px;
			text-decoration:none;
			margin:0px 0px 10px 0px;
			color:#000000;
			}
					
#contacta {background-image:url(imag/ico_contacta.jpg);
			background-repeat:no-repeat;
			padding:2px 0px 0px 20px;
			text-decoration:none;
			margin:0px 0px 10px 0px;
			color:#000000;
			}
			
#foros {background-image:url(imag/ico_acceso.jpg);
			background-repeat:no-repeat;
			padding:5px 0px 0px 20px;
			margin:0px 0px 10px 0px;
			text-decoration:none;
			color:#000000;
		}
		

			
							
/*-----------------------------------------------------------------------DEFINIMOS EL CONTENIDO*/

#contenido {
			background-color:#ffffff;
			background-image:url(imag/fondo_contenido.jpg);
			background-repeat:repeat-y;
			width:860px;
			height:auto;
			padding:0px;
			margin:0px;
			}
	
/*-----------------------------------------------------------------------DEFINIMOS LA PARTE IZQUIERDA DE LA PAGINA*/
		
#izquierdo {width:158px;
background-color:#FDBE4C;
			height:auto;
			float:left;}
			
			
/*-----------------------------------------------------------------------DEFINIMOS EL MENU PRINCIPAL*/			
			
#menuprincipal{		float:left;
					text-align:left;
					background-image:url(imag/fondoinfer_mp.jpg);
					background-position:left bottom;
					background-repeat:no-repeat;
					padding-bottom:49px;
					margin:0px;
					}
					
#menuprincipal ul {background-image:url(imag/fondo_izquierdoarriba.gif);
					background-repeat:no-repeat;		
					list-style:none;
					background-color:#CAB389;
					background-position:left top;
					padding:25px 0PX 0PX 0px;
					text-decoration:none;
					color:#2B261D;
					margin:0px;
					}
					
#menuprincipal li {list-style:none;
					margin:0px;
					padding:0px;
					width:158px;
					background-color:#CAB389;
					text-decoration:none;
					background-image:url(imag/menuprin_infer.gif);
					background-repeat:no-repeat;
					background-position:left top;

					}

					
#menuprincipal a {text-decoration:none;
					color:#2B261D;
					background-image:url(imag/menuprin_super.gif);
					background-repeat:no-repeat;
					background-position:left bottom;
					display:block;
					padding:3px 0px 3px 5px;
					border-left:4px solid #b29f7c;
					}
					
#menuprincipal a:hover {text-decoration:none;
					color:#ffffff;
					border-left:10px solid black;
					background-color:#b9282e;
					background-image:none;display:block;padding:3px 0px 3px 5px;
					}

.menuprincipalseleccionado {text-decoration:none;
					color:#ffffff !important;
					border-left:10px solid black  !important;
					background-color:#b9282e  !important;
					background-image:none  !important;
					}

					
/*-----------------------------------------------------------------------DEFINIMOS LA PARTE CENTRAL DE LA P?GINA*/

#visor {width:543px;
		height:auto !important;
		min-height:500px;
		height:500px;
		float:left;
		background-color: #FFFFFF;
		}
		
.banner {margin:0px;padding:0px;text-align:center;		
			}
			
/*---------------------------------------------------------------------------------------DEFINIMOS EL CADENACAD*/

#cadenacad  {	list-style-type: disc; 
				color: #Ffffff;
				background-color:#FB8E18; 
				font-size: 0.9em; 
				height:25px;
				text-align: left; 
				padding: 0px 0px 0px 15px; 
				margin: 0px; }
		

#cadenacad li { text-align: left;  
				display: inline; 
				padding: 0px 0px 0px 0px;
				line-height: 1.5em; }

#cadenacad li a {	color: #ffffff; 
					text-decoration: none }

#cadenacad li a:hover{
						text-decoration:underline;
					}
		
/*-----------------------------------------------------------------------DEFINIMOS EL AVISO LEGAL DEL INFER*/

		
#infer {	border-bottom: 0px solid black;
			font-size:0.9em;
			margin:0px auto 0px auto;
			padding:35px 0 0 0;
			width: auto !important;
			width: 543px;
			height: 45px;
			clear: both;
			color:#000000;
			text-align:center;
			font-family:"Lucida Grande", Arial, Verdana, Helvetica;}

#infer ul{	display:inline;margin:15px 0px 0px 0px;
			padding:10px 0px 0px 0px;
			text-align:center;
			clear: both;}

#infer li{	
			display:inline;}
				
#infer a {	color:#000000;
			text-decoration:none;}

#infer a:hover {color:#000000;
				text-decoration:underline;}

/*-----------------------------------------------------------------------DEFINIMOS LA PARTE DERECHA DE LA PAGINA*/
		
#derecho {	width:158px;
			height:auto !important;
			min-height:500px;
			height:500px;
			float:left;
			background-color:#FDBE4C;
			border-left:1px solid #ffffff;
			}

/*-----------------------------------------------------------------------DEFINIMOS LA PARTE DE LOS MODULOS EXTRA TEXTO Y DE IMAGEN*/

.moduloextra { text-align: left; padding: 5px;clear:both }

.moduloextra ul{width:145px;
					list-style:none;
					padding:0px;
					margin:0px;
					}

.moduloextra li{list-style:none;
						margin:2px 0px;
						padding:0px 0px 0px 15px;
						background-image:url(imag/flecha_enlaces.gif);
						background-repeat:no-repeat;
						
						}
						
.moduloextra a{font-size:0.8em;
					text-decoration:none;
					text-transform:uppercase;
					color:#000000;
					}
					
.moduloextra a:hover { color: #d17614; text-decoration: underline }



			
.moduloinfo{background-image:url(imag/fondo_info.gif);
			background-repeat:repeat-y;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			clear: both;
			font-size:0.85em;}

.moduloinfo h2{
				background-image:url(imag/cabecera_modulo_info.jpg);
				background-repeat:no-repeat;
				background-position:top left;
				height:20px;
				font-size:1.1em;
				text-transform:uppercase;
				line-height:1.2em;
				margin:0px;
				padding:14px 4px 2px 4px;}

						
.moduloinfo h2 a {color:#000000;
				text-decoration:none;
				text-transform:none;
				}

				
.moduloinfo h2 a:hover {color:#000000;
						text-decoration:underline;
						}

.moduloinfo p{  
				margin:0px 5px 0px 5px;
				padding:3px;
				text-align:left;
			}
		
.moduloinfo ul{
					list-style:none;
					padding:5px;
					margin:0px;
					text-transform:none;
					
				}
				
.moduloinfo ul li a{
					text-transform:none;
					
				}				

.moduloinfo li{list-style:none;
						margin:2px 0px;
						padding:0px 0px 0px 15px;
						background-image:url(imag/flecha_enlaces.gif);
						background-repeat:no-repeat;
						text-align:left;
						
						}
						
.moduloinfo a{
					text-decoration:none;
					text-transform:uppercase;
					color:#000000;
					}
					
.moduloinfo a:hover { color: #FFF; text-decoration: underline }


#moduloagenda{background-image:url(imag/fondo_agenda.gif);
				background-repeat:repeat-y;
				margin:0px;
				padding:0px;}

#moduloagenda h2{background-image:url(imag/cabecera_modulo_agenda.jpg);
				background-repeat:no-repeat;
				background-position:top left;
				height:40px;
				margin:0px;
				padding:14px 2px 2px 2px;
				font-size:0.8em;
				line-height:1.2em;
				text-decoration:none;
				font-style:normal;
				color:#000000;
				text-transform:uppercase;}
				
#moduloagenda h2 a:hover {color:#000000;
						text-decoration:underline;}
						
#moduloagenda h2 a {color:#000000;
				text-decoration:none;
				background-image:url(imag/ico_agenda.gif);
				background-repeat:no-repeat;
				text-align:left;
				padding:0px 0px 0px 25px;
				margin-left:6px;
				border:0px;
				}

#moduloagenda p{font-size:0.75em;
text-align:left;
				margin:0px 5px 0px 5px;
					padding:0px 0px 0px 1px;
					border-bottom:1px dotted #9ea27f;
					}
					
#moduloagenda a{border-left:10px solid #FF9900;
				padding-left:5px;
				text-decoration:none;
}

#moduloagenda a:hover {
						text-decoration: underline;
						}

#moduloefemerides{background-image:url(imag/fondo_efemerides.gif);
					background-repeat:repeat-y;
					margin:0px;
					padding:0px;
					}

#moduloefemerides h2{background-image:url(imag/cabecera_modulo_efemerides.jpg);
					background-repeat:no-repeat;
				background-position:left top;
				height:40px;
				margin:0px;
				padding:14px 2px 2px 2px;
				font-size:0.8em;
				line-height:1.2em;
				text-decoration:none;
				font-style:normal;
				color:#000000;
				text-transform:uppercase;}
					
#moduloefemerides h2 a:hover {color:#000000;
							text-decoration:underline;}
						
#moduloefemerides h2 a {color:#000000;
						text-decoration:none;
						background-image:url(imag/ico_efemerides.gif);
			background-repeat:no-repeat;
			padding:0px 0px 5px 25px;
			margin-left:6px;}

#moduloefemerides p{font-size:0.75em;
					margin:0px 5px 8px 5px;
					padding:0px 0px 0px 1px;
					text-align:left;}


#moduloencuestas {
				margin:5px;
				padding:5px;
				border:0px solid #F3A100;
				background-position: bottom right;
				background-repeat: no-repeat;
				background-color: white;
				padding-bottom:20px;
				text-align:left;}
				
#moduloencuestas legend{color:#a86e00;padding:2px;margin:0px;border-bottom:1px solid #BEBEBE;}
#moduloencuestas p {font-size:0.85em;color:#000000;padding:2px 0px 0px 0px;margin:0px;}
#moduloencuestaspregunta {font-size:0.85em;color:#000000;padding:2px;margin:0px;font-weight:bold;}


/*------------------------------------------------------------------------------------DEFINIMOS LO DEMAS DE LO DEMAS*/

.separador {clear:both;height:0px;visibility:hidden;display:block;max-height:0px;margin:0px;padding:0px;}

/* -------------- SE DEFINEN LOS ESTILOS DE LA WEB --------------- */

img {border:0px;}

/* Comportamiento gen?rico de los p?rrafos */
p {line-height:1.5em;font-size:1em;}

/* Los textos dentro de tablas */
td {font-size:1em;color:#000000; }

.formulario {margin:0px;padding:0px;}

.der {text-align:left;float:right;display:block}
.izq {text-align:left !important;float:left;display:block}

table caption{text-align:left;margin-top:15px;font-weight: normal}

#cestadelacompra {padding:5px;text-align:right}
#cestadelacompra img {border:0px;}

/* TABLA PARA EL LISTADO DE ARTICULOS CON PRECIO PARA COMPRAR */
table.articuloslista { border: 1px solid #ccc;}
tr.cabeceratabla th {background-color: #e2e2e2; font-family: Arial, verdana, helvetica;font-size: 0.8em;padding:3px;}
table.articuloslista caption {visibility: hidden;}
table.articuloslista td {padding:3px;font-size:0.72em;}

.botonOK  { font-size: xx-small; background-color: transparent; background-image: url("imag_general/boton_ok.gif"); background-repeat: no-repeat; background-position: 2px 2px; margin: 0; padding: 0 0 0 17px; height: 18px; border-width: 0 ;font-weight:bold;clear:both;}
.botonOK:hover {color:red;}


.botonANADIR  {color:red; font-size: xx-small; background-color: transparent; background-image: url("imag_general/bot_anadir.gif"); background-repeat: no-repeat; background-position: 2px 2px; margin: 0; padding: 0 0 0 17px; height: 24px; border-width: 0 ;font-weight:bold;}
.botonANADIR:hover {color:green;}

/* CESTA DE LA COMPRA */
table.tablacesta {border:1px solid black;width:95%;margin:10px auto 0px auto;}
table.tablacesta caption {text-align:left;}
table.tablacesta td{padding:3px; background-color:#f0f0f0;font-size:0.77em;vertical-align: top;border-right:1px solid #CCCCCC}

/* TABLA DE LOS DATOS DE ENVIO EN LA CESTA */
.cestaenvio  { background-color: #ebebb2; border: solid 1px black }
.cestaenvio span{padding:3px; text-align: right}
.cestaenvio p{padding:3px; text-align: right;margin:0px 0px 5px 0px;}
fieldset.cestaenvio p { font-size: 0.9em; background-color: #efefb6; margin: 1px; padding: 3px; float: left }

/* TABLA DE LAS FORMAS DE PAGO EN LA CESTA */
.cestapagos {border:1px solid black; }
.cestapagos span{padding:3px; text-align: right}
.cestapagos p{text-align: right;margin:0px 0px 5px 0px;}

/* TOTALES EN LA CESTA */
.cestatotal  {  border: solid 2px black ;text-align: right;margin-bottom: 5px}
.cestatotal span{padding:3px; text-align: right}
.cestatotal p{text-align: right;margin:0px 0px 5px 0px;font-weight:bold}

#cestaregalo {background-color: #EE22BB; border:1px solid black; display:block}

.celdaimportante  { font-size: small; font-weight: bold; color: #ffa800; text-align: right ;padding:5px;}

#formularios {border:1px solid gray;margin:2px;padding:3px;clear:both;}
#formularios legend{font-size: 2em;}
#formularios fieldset {border:1px solid gray;}
#formularios fieldset legend {font-size: 1em;}
#formularios p label{color:gray;text-align:right;width: 20%;float:left; padding: 2px 5px 0px 0px;  margin:0px 5px 0px 0px;}

/* Los tituladres */
h1, h2 {font-weight:normal;font-family: "Lucida grande",verdana,arial,helvetica;}

/* Comportamiento gen?rico de los enlaces */
a {color:#666666}
a:hover  { color: #d17614 }
a:visited  {color:#212121 }

.candado  { background-image: url("imag_general/ico_candado.gif"); background-repeat: no-repeat; background-position: right top; padding-right: 18px; min-width: 19px; min-height: 12px ;width: 19px; height: 12px}
.candadoabierto  { background-image: url("imag_general/candado_abierto.gif"); background-repeat: no-repeat; background-position: right top; padding-right: 18px; min-width: 19px; min-height: 19px; width: 19px; height: 19px }
.candadocerrado  { background-image: url("imag_general/candado_cerrado.gif"); background-repeat: no-repeat; background-position: right top; padding-right: 18px; min-width: 19px; min-height: 19px; width: 19px; height: 19px }
.llaves  { background-image: url("imag_general/ico_llaves.gif"); background-repeat: no-repeat; background-position: right top; padding-right: 18px; min-width: 19px; min-height: 24px; width: 19px; height: 24px  }
.obligatorio { background-image: url("imag_general/ico_pluma.gif"); background-repeat: no-repeat; background-position: right top; padding-right: 18px; min-width: 19px; min-height: 24px; width: 19px; height: 24px  }


.link {height:24px; width:24px;background-image: url("imag_general/ico_link.gif");background-position:left top;background-repeat:no-repeat;float:left;}
.novedad {height:24px; width:24px;background-image: url("imag_general/ico_novedad.gif");background-position:left top;background-repeat:no-repeat;float:left;}
.destacado  { background-color: #fff9b7; border-style: solid !important; border-width: 3px 0 1px; border-color: red !important }

.aviso {border:3px solid red; color:white !important;background-color:red !important;padding:5px;text-align: center}
.avisoOK {border:3px solid green !important; color:white !important;background-color:green !important;padding:5px;text-align: center !important;margin:5px auto 5px auto;float:none !important;width:auto !important;}

.avisopq {border:0px solid red; color:white !important;background-color:red !important;padding:1px;text-align: center;margin:0px;}
.avisoOKpq {border:0px solid green !important; color:white !important;background-color:green !important;padding:1px;text-align: center !important;margin:1px auto 1px auto;float:none !important;width:auto !important;}


.anterior  { color: white; background-color: #FF6600; padding: 5px; height: 30px; border-left:3px solid #AA2200; }

.siguiente  { color: white; background-color: #FF9900; padding: 5px; height: 30px; border-right:3px solid #bb7700;  }

a.siguiente:visited {color:white; }
a.anterior:visited {color:white; }

.formul  { font-size: 0.8em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: white; background-image: url("imag/fondo_formul.gif"); background-position:bottom; background-repeat: repeat-x; padding: 1px; border-style: solid; border-width: 1px; border-color: #b58525 #daa12d #daa12d #b58525 }

.tiendadesp1   {  background-color: #ffffc2; padding: 1px; border-style: solid; border-width: 1px; border-color: #b58525 #daa12d #daa12d #b58525 }
.tiendadesp2   {  background-color: #ffe69a; padding: 1px; border-style: solid; border-width: 1px; border-color: #b58525 #daa12d #daa12d #b58525 }


form{margin:0px;padding:0px;}

#identificacion {margin-top:15px;}
#identificacion p { text-align: left; margin: 0; padding: 0 5px }
			
/* DONDE SE MUESTRA EL TITULO, La descripci?n y la foto general de cada secci?n */
#seccion {padding:10px;font-size:0.8em;
line-height:150%; text-align:left;float:left;clear:both;display:block;}
#seccion h1 {font-size:1.8em; color: #F08800; text-align:left;padding:5px;}
.fotoseccion   { background-color: white; background-image: url("imag_general/ico_reloj.gif"); background-repeat: no-repeat; background-position: center; margin: 5px }
#seccion p { color: black; text-align:justify;padding:5px;}

/* ---- DONDE SE MUESTRAS LAS SUBSECCIONES ----- */
div.subsecciones  {/* background-image: url("imag/fondo_subsecciones.gif");*/ 
background-repeat: repeat-x; text-align: left; float: left; border-top: solid 1px gray }
h2.subsecciones  { font-size: 1.2em ;
/* background-image: url(imag/triangulo_rojo.gif);*/
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding:0 0 0 10px;
	text-align: left; }
	
	
.subsecciones a{ text-decoration: none; border-bottom:0 solid gray; text-align: left; }

img.subsecciones{padding:0 0 0 10px;}
#subsecciones:hover  { background-color: #ffedca }

div.subsecciones p {color:gray;font-size: 0.8em;margin:1px;padding:0 0 0 10px;}

#contenedor
{padding:0px;font-size: x-small; text-align:left;float:right;clear:right;width:80%;}

/* DOCUMENTO PRINCIPAL EN LA PORTADA */
#docprincipalportada  { color: #000;  text-align: center;  padding:5px;float: left }
#docprincipalportada img   { background-image: url("imag_general/ico_reloj.gif"); background-repeat: no-repeat; background-position: center; padding: 1px; border: solid 0px #606060 ;margin:5px;}
#docprincipalportada h1  { color: #000000; font-size: 1.5em; font-weight: normal; text-align: left; }
#docprincipalportada p {text-align:justify; color: #444444; padding:0px 5px 0px 5px;font-size: 0.8em;}
#docprincipalportada h1 a{text-decoration: none;color: #000000}

#bloquedocumentosportada {display:block}

.documentosportada  { margin:5px 5px 20px 5px;float: left; padding:5px 0px 0px 0px;border-top: solid 1px #EEE ;text-align: left;width:255px;height:130px;}
.documentosportada img  { background-image: url("imag_general/ico_reloj.gif"); background-repeat: no-repeat; background-position: center; margin: 3px; padding: 1px; border: solid 0px black;float:left; }

.documentosportada p  { color: #444444;  text-align: justify; margin: 0 3px; padding: 0px;font-size: 0.8em; }
.documentosportada h2  { color: #000; font-size: 1em; font-weight: normal; text-align: left; margin: 0 3px; padding: 0 }
.documentosportada a { color: #000000; text-align: left;text-decoration: none; }
.documentosportada a:hover { color: #000000;text-decoration: underline }

#bloquenoticiasportada {width:48%; float:right;}

.noticiasportada  { margin-bottom: 10px; float: left; border: solid 0 red ;text-align: left}
.noticiasportada img  { background-image: url("imag_general/ico_reloj.gif"); background-repeat: no-repeat; background-position: center; margin: 3px; padding: 1px; border: solid 1px black }

.noticiasportada p  { color: #444444;  text-align: justify; margin: 0 3px; padding: 0px;font-size: 0.8em; }
.noticiasportada h2  { color: #000; font-size: 0.8em; font-weight: normal; text-align: left; margin: 0 3px; padding: 0 }
.noticiasportada a { color: #000000; text-align: left;text-decoration: none; }
.noticiasportada a:hover { color: #000000;text-decoration: underline }
		
		
 /* ---- LISTADOS DE DOCUMENTOS ----*/
/* LISTADO POR MODULOS */
div.docmodulo  {  text-align: center; margin: 2px; padding: 0; float: left;border:1px solid #DEDEDE;font-size:0.85em;}
div.docmodulodestacado {  text-align: center; margin: 2px; padding: 0; float: left;border:1px solid #FF0000;font-size:0.85em;}
div.docmodulo:hover {background-color:#eeeeee;}

h2.docmodulo { /*Aspecto del t?tulo */
font-size:1.12em;
margin:5px 0 0 0px;
}

a.docmodulo {
text-decoration: none;
}

img.docmodulo {
clear: both;
border: 1px solid gray;
border-bottom: 3px solid black;
padding:2px;
margin:2px 2px 2px 2px;
}

img.docmodulo:hover {
border: 1px solid black;
border-bottom: 3px solid black;
}



/* LISTADO POR LISTADO (qu? cosas m?s raras) */


.autor {display: block;line-height:150%;font-size:0.75em; font-family: Arial, verdana, helvetica;text-align:center;margin:0px; padding:0px 0px 0px 10px;background-image: url('imag/ico_pluma.gif');background-position: left top;background-repeat: no-repeat;}
span.fecha {font-size:0.85em; padding:0px 5px 0px 40px;display:block;}
p.precio {font-size:1.1em;text-align:center;margin:3px; padding:2px;float:right;background-color:#cac59f;border:1px solid #6b6954;border-left:6px solid #6b6954;}


div.doclistado   { background-image: url("imag/triangulito.gif"); background-repeat: no-repeat; background-position: left top; text-align: left; display: block; padding: 3px; clear: both; border-top: 1px dotted #bbbbbb }
div.doclistadodestacado  { background-image: url("imag/triangulitodestacado.gif"); background-repeat: no-repeat; background-position: left top;padding: 3px;  border-top: 0px dotted black; border-top: 1px dotted #FF0000;border-left:3px solid #FF0000; display:block; clear:both;text-align: left }

div.doclistado:hover {
color:#FF9900;
background-color: #DEDEDE; }

h2.doclistado {
font-size:1.02em;
margin:0px;
font-weight: normal ;
	
	text-align: left;
	padding: 3px 3px 3px 15px;
	clear: none;}

a.doclistado {
text-decoration: none;}

a.doclistado:hover {
text-decoration: none;
color:#F08800;}


/* --------- DOCUMENTO. T?tulos, subt?tulo, p?rrafos... ------- */
div#documento {
display: block;
padding: 5px;
text-align:left;
font-size:0.8em;
line-height:150%;
}

div#documento h1 { /* El t?tulo del documento */
font-size:1.8em;
font-family:verdana,arial,helvetica;
color:#F08800;
}

div#documento h2  { color: #000000; font-size: 1.5em; }

div#documento p {/* texto del p?rrafo */

color:black;
text-align:justify;
}

.fotos  { background-color: white; background-image: url("imag_general/ico_reloj.gif"); background-repeat: no-repeat; background-position: center; padding: 5px; border: solid 0 black }

div#documento li { list-style-type: square; margin-left: 50px }


.nombrecampo {font-weight:bold; }

/* ******** ARCHIVO DIGITAL ********** */
#archivodigital {display:block;
				text-align: left; 
				color:#306db7; 
				
				padding-left:10px; 
				border-top: 0px solid #2c3e22;
				 margin: 2px; 
				 font-size:1.1em;
				 font-weight:normal;
				 }
#archivodigital h3{ color: #000; font-size:1.25em;  margin:10px 0 0; padding: 2px; }
#archivodigital p {font-size:1em;color:gray;}

div.archivodigitallista {/* La forma en que muestra los listados de archivos digitales asociados a un documento o seccion */
padding:2px;
text-align:center;
margin:0px;
float:left;display:block;
}

div.archivodigitallista a { text-decoration:none; text-align:center; font-weight:normal;  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }

div.archivodigitallista a:hover {
color:#b9282e !important;text-decoration:underline;}

div.archivodigitallista:hover {}

img.archivodigitallista  {border:solid 4px #000;margin-top:0;clear:both; }

blockquote {margin-left:140px;padding-left:64px;font-size:1.6em;line-height:150%;color:#AAAAAA !important;font-family:Georgia, "Times New Roman", Times, serif;
 background: url("imag_general/comillas.png") no-repeat left top;text-align:left !important;}

/* ******** FIN ARCHIVO DIGITAL ********** */
#agenda { }

#titulocita { text-align:center;
				font-weight:normal;
				}
				
#titulocita h3 {font-weight:bold;
				text-transform:uppercase;
				color:#CC9900;
				padding:0px 0px 10px 0px;
				text-decoration:underline;
				margin:0px;}

.tipocita { 
			text-align:left;
			padding-left:10px;
			}
			
span.encabezado {font-weight:bold;
				font-size:1em;	
				padding-left:13px;
				margin:0px;
				background-image:url(imag/flechadere.gif);
				background-repeat:no-repeat;
				background-position:0px 1px;
				}
				
.tipocita p {
				padding-left:10px;
				}
			
				
#descargaagenda { padding:5px; 
					text-align:left;
					border-top:2px solid #cc9900}
					
/* TABLA AGENDA */
.tablaagenda {border:1px solid gray;font-size:0.85em;margin:15px; clear:both;}
.tablaagenda p {color:#000000;}
.tablaagenda caption {text-align:left;}

.tablaagenda td{padding:3px; border-left:0px solid gray;border-bottom:1px solid #EEEEEE;}


/* TABLA PARA LOS RESULTADOS DE LAS ENCUESTAS */
table.encuestasresultados { border-bottom: 1px solid #ccc;font-size:0.95em;margin:5px;}
tr.encuestasresultados th {background-color: #e2e2e2; font-size: 0.8em;padding:3px;color:black;}
table.encuestasresultados caption {visibility: hidden;}
table.encuestasresultados td {padding:3px;font-size: 0.9em;}


.piefoto {color:#333333; font-size:0.9em; font-weight:lighter; text-align:center; font-style:italic;}

div.agendaceldahoy {clear:both;
					text-align:left;
					border-bottom:1px dotted #cccccc;
					padding-left:10px;
					padding-bottom:20px;
					background-color:#FFCC66;}

div.agendaceldadomingo {clear:both;
					text-align:left;
					border-bottom:1px dotted #E9AC13;
					padding-bottom:20px;
					padding-left:10px;
					color:#E9AC13;}
					
div.agendaceldadia {clear:both;
					text-align:left;
					border-bottom:1px dotted #cccccc;
					padding-left:10px;
					padding-bottom:20px;}
					
div.agendaceldadia p {
							padding:0px 0px 0px 20px;}
							
div.agendaceldadomingo p {
							padding:0px 0px 0px 20px;}
							
div.agendaceldahoy p {
							padding:0px 0px 0px 20px;}
					
div.agendaceldadia :hover {background-color:#FFCC66;
							}
							
div.agendaceldahoy :hover {background-color:#FFCC66;
							}

div.agendaceldadomingo :hover {background-color:#FFCC66;
							}
					
.agendadomingo { }

.alineaformulario { text-align:left;
					padding-left:40px;}

.textoformulario { padding:0px;
					margin:0px;}
					
.textoformulario a { color:#FFCC00;
						padding-left:7px;
						text-decoration:none;
						background-image:url(imag/flechader.gif);
						background-repeat:no-repeat;
						background-position:0px 5px;}

.textoformulario a:hover { text-decoration:underline }

.textoformulario h3 {   padding:0px;
						margin:0px;
						text-transform:uppercase;}
						
						
/*ESTILO PARA EL LIBRO DE VISITAS*/

#foro { text-align:left;
		margin-left:15px;
		width:90%;
		padding:0px;
		font-size:1.2em;}

#foro h2 {
 			color:#336600;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			text-align:left;
			border-bottom:1px solid #336600;
			}

#foro h3 {font-size:x-small;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			text-align:left;
			padding-left: 5px;
			font-weight:bold;}

#foro p {font-size:0.8em;}

ul#foroseccion {margin:0 0 0 30px;padding:0;font-size:0.75em;text-align:left;border-top:1px solid #ccc;}
ul#foroseccion li { background-repeat: no-repeat;  list-style: none url("imag_general/carpetita.gif"); margin-left:0px !important; margin: 8px 0px 12px 16px; padding: 0 0 0 5px; }
ul#foroseccion li a  { font-weight:bold; margin-right:10px;}

/* TABLA PARA LOS LISTADOS DE FOROS */
table.forostabla { border-left: 1px solid #ccc;border-right: 1px solid #ccc;font-size:0.85em;margin:5px;width:100%}
tr.forostabla th {background-color: #e2e2e2; font-size: 0.8em;padding:3px;color:black;}
table.forostabla caption {visibility: hidden;}
table.forostabla td {padding:3px;font-size: 0.8em;border-bottom:1px solid #ccc;}
table.forostabla td a h4{font-size:1.2em;float:left;margin:0px;padding:0px;font-weight:normal;}

.foromensaje  { color: #595959; font-size: 0.8em; background-color: #f9f8f6; text-align: left; padding-left: 5px }

.forofecha  { font-size:0.75em;color: #333333; background-image: url("imag_general/ico_reloj_ambar.gif"); background-repeat: no-repeat; background-position: left top; padding-left: 25px }

.foroautor { color:#000000;font-weight:bold;}

.forocabecera  { background-color: #ebefd1; background-repeat: no-repeat; background-position: 3px 50%; text-align: left; padding: 6px; border-top: 1px solid #808080 }

.foropaginacion  { font-size: 0.85em; border-top: 1px solid #808080; border-bottom: 1px solid #808080 }
				
.paginaactual { color:#FF0000;}

.pagina { color:#333333;}

/*ESTILO PARA EL FORMULARIO DE CONTACTO*/

#formulariocontacto  { margin-right: auto; 
				margin-left: auto;
				 }

.botonverde  { background-color: #cade0a; padding: 3px 6px; border:2px solid #d9cd0f;}

.botonverde:hover{ background-color:#FCBD4C; 
					padding: 3px 6px; border:2px solid #d9cd0f;
					}
					
label{margin:0px; 
		padding:0px;}
		
.campoformulario textarea{ text-align:left;
							height:auto;
							float:left;
							padding:5px 5px 0px 5px;}


.botoninfo {background-color: #FB8E18; 
			padding: 3px 6px 6px 3px; 
			border-style: double;
			color:#999999;
			font-size:0.9em;
			}
			
.botoninfo:hover {background-color: #FCBD4C; 
					padding: 3px 6px 6px 3px; 
					border-style: double;
					color:black;
					font-size:0.9em;
					text-decoration:none;
					}

.formul  { font-size: 0.8em; 
			font-family:Verdana, Arial, Helvetica, sans-serif; 
			color:black; 
			background-image: url("imag/fondo_formul.gif"); 
			background-position:bottom; 
			background-repeat: repeat-x;
			padding: 1px 1px 1px 1px; 
			margin-bottom:5px;
			border-style: solid; 
			border-width: 1px; 
			border-color: #FCBD4C;
			}
			
.formul:hover {background-color:white;}			

.formul:focus  {border-style: solid; 
				border-width: 1px; 
				border-color: #FF0000
				}


.textoformulario{	 width:135px;
					float:left;
					text-align:right;
					height:auto; 
					padding-left:5px; 
					padding-top:5px;
					font-size:0.9em;
					}
					
.alineaformulario  { width: auto; 
					height: auto !important;
					min-height: 30px; 
					float: left; 
					overflow: visible; 
					color:#333333; 
					}

.campoformulario{ text-align:left;
					height:auto;
					float:left;
					padding:5px 5px 0px 5px;
					}

#textocontacto { font-size:0.9em;
				text-align:left;
				padding:7px;}

#formularioalineado {margin-right: auto; 
						margin-left: auto; 
						width: 500px;
						}


div#hemeroteca {text-align:left;padding-left:50px;}
div#hemeroteca h3{margin-top:50px;}
div#hemeroteca p{margin-left:50px;}

 
div.bannersuperior p {
  padding-top: 9px;
}
div.bannersuperior ul {
  background: #FFF;
  bottom: -35px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  padding: 5px 0;
  z-index: 10001;
}
div.bannersuperior ul a {
  background-position: 50% 50%;
  cursor: pointer;
  display: block;
  height: 25px;
  margin-right: 5px;
  opacity: 0.5;
  width: 30px;
}
div.bannersuperior ul a.active,
div.bannersuperior ul a:hover {
  opacity: 1;
}
div.bannersuperior ul li {
  float: left;
  list-style: none;
}