/* diseñada por jEsuSdA para Krealia Comunicacion				*/
/* Agosto 2006								*/

/*-------------------------- ESTILOS IMPORTADOS --------------------------------*/

/*@import "X.css";*/

/*------------------------ ESTRUCTURA DE LA PAGINA -----------------------------*/

* 
{
	border:0px none;
	padding:0;
	margin:0
}

body
{

	margin:0;
	text-align:center;
	background:#fff url('pics/back-main.png') repeat-x top center;; font-style:normal; font-variant:normal; font-weight:normal; font-size:75%; font-family:Verdana, Arial, Helvetica, sans-serif
	
}

a
{
	color:#84231E;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
} 

/*------------------- MODULO MAIN --------------------------------*/


#main
{
	display:block;
	clear:both;
	margin:3em auto auto auto;

	min-width:40em;
	width:70em;

	border:1px solid #636060;

}

#header
{
	display:block;
	clear:both;
	margin:auto;

	width:100%;
	height:138px;

	text-align:left;
	background:#908e8e url('pics/back-banner.png') repeat-x top left;
}




#header h1.logo
{
	width:189px;
	overflow:visible;
	float:left;
	display:inline;
}

#header div.banner
{
	margin-left:-2px;
	float:left;
	
}


#content
{
	display:block;
	clear:both;
	margin:auto;



}

#footer
{
	display:block;
	clear:both;
	margin:auto;
	background:#908E8E;
}


#menulatl
{
	width:16em;
	float:left;
	margin-top:0;
	padding-top:0.6em;
	background:#84241f url('pics/back-menu.png') top left;

}


#menulatl strong
{
	display:block;
	padding:0.2em 0em 0.2em 1em;
	text-align:left;
	font-size:90%;
	font-weight:bolder;
	text-transform:uppercase;
	color:#84241F;
	background-color:#fff;
	border:1px solid #84241F;
}

#menulatl ul
{
	margin:0;
	margin-bottom:0.6em;
	padding:0;
	list-style:none;
	width:100%
}

#menulatl li
{
	margin:0;
	padding:0;
	white-space:nowrap;
	text-align:left;
}

#menulatl a
{
	color:#fff;
	font-size:100%;
	text-decoration:none;
	background-image:url('pics/back-flecha.gif');
	background-position: 1em 50%;
	background-repeat: no-repeat;
	padding-left:2.5em;
	padding-top:0.3em;

	display:block;
	width:86%
}

#menulatl a:hover
{

	background-color:#e6e2e6;
	color:#84231E;
}


/*------------------- MODULO ACCESIBILIDAD --------------------------------*/

#accesibilidad
{
	display:block;
	text-align:center;
	background-color:#fff;
}

#accesibilidad ul
{
	list-style:none !important;
	text-align:center;
}

#accesibilidad li
{
	display:inline !important;
}


/*------------------- MODULO DATA --------------------------------*/


#data
{
	display:block;
	padding-left:17em;
	padding-top:1em;


}


#data .noticiasindex
{

 	min-height:21em  !important;
	height:auto !important;
	height:21em; 
	margin-bottom:1em;
}

#data .agendaindex
{

 	min-height:14em  !important;
	height:auto !important;
	height:14em; 
	margin-bottom:0em;
}


#data.index h2
{
	display:block;
	background:url('pics/back-h2-index.png') top left;
	text-align:left;
	height:15px;
	overflow:hidden
	
}

#data.index h2 span.noticias
{
	background:url('pics/h2-noticias.gif') no-repeat top left;
	padding-top:15em;
	display:block
}

#data.index h2 span.agenda
{
	background:url('pics/h2-agenda.gif') no-repeat top left;
	padding-top:15em;
	display:block
}

#data.index h2 span.encuesta
{
	background:url('pics/h2-encuesta.gif') no-repeat top left;
	padding-top:15em;
	display:block
}

#data.index h2 span.fmrm
{
	background:url('pics/h2-fmrm.gif') no-repeat top left;
	padding-top:15em;
	display:block
}


#data.index h2 span.guia
{
	background:url('pics/h2-corporaciones.gif') no-repeat top left;
	padding-top:15em;
	display:block
}
#data.index h2 span.corporaciones
{
	background:url('pics/h2-corporaciones.gif') no-repeat top left;
	padding-top:15em;
	display:block
}


#data.index h2 span.informacion
{
	background:url('pics/h2-informacion.gif') no-repeat top left;
	padding-top:15em;
	display:block
}

#data.index h2 span.servicios
{
	background:url('pics/h2-servicios.gif') no-repeat top left;
	padding-top:15em;
	display:block
}



#data.index .imagenindex
{
	width:166px;
	float:left;
	padding-top:0.5em;
}


#data.index ul
{
	text-align:left;
	list-style:none;
	margin-left:170px;
	padding:1em 1em 0.5em 1em;
	display:block;
}


#data.index .encuestaindex ul
{
	margin-left:0;
}

#data.index ul.encuesta 
{
	margin-left:0px;
}


#data.index li
{
	margin-bottom:1em;	
}

#data.index li span

{
	font-weight:bold;
	color:#5F5D5E;
}

/*------------------- MODULO FOOTER --------------------------------*/


#footer
{
	color:#fff;
	font-size:90%;
	padding:0.1em;
}



/*------------------- MODULO MIGAS DE PAN --------------------------------*/
#migaspan
{
	display:block;
	padding:0 0 1em 0;
	font-size:90%;
	text-align:left;
}

#migaspan .migaspansep
{
	font-size:60%;
}





/*-----------------------  PÁGINA GENÉRICA  -----------------------------*/

#gen
{
	display:block;
	padding: 0 1em 0 0;
	font-size:100%;
	text-align:left;
}


#gen p
{
	margin-top:1em;
	margin-bottom:0.5em;
}

#gen h3, h4, h5
{
	padding-left:1.5em;
	font-weight:lighter;
	color:#660000;
	background:url('pics/back-hx.gif') no-repeat 0% 3px;
	margin-left:0; margin-right:0; margin-top:1em; margin-bottom:0.5em
}

#gen h3
{
	font-size:130%;
}
#gen h4
{
	font-size:120%;
}

#gen h5
{
	font-size:110%;
	padding-left:2em;
}

#gen ol
{
	margin: 1em 0em 0.5em 4em;
}

#gen ul
{
	text-align:left;
	display:block;
	margin: 1em 0em 0.5em 3em !important;
	padding:0;
}

#gen ul li
{
	list-style-image:url('pics/back-flecha2.gif');
}

#gen img
{
	margin:0.5em;
	padding:0.5em;
	border: 1px solid #999999;
}
	


#gen table
{
	width:90%;
	margin:auto auto 1em auto;
	border:0.1em solid #626562;
	
}

#gen table summary
{
	margin-top:1em;
}

#gen th
{
	text-align:center;
	background: #84231e;
	color:#fff;
	padding-top:0.3em;
	padding-bottom:0.3em;

}


#gen hr
{
	border:1px solid #84231e;
	background:#84231e;
	margin:1.5em auto 1.5em auto;
}

#gen caption
{
	margin:1.5em auto 0em auto;
	padding:0.2em;
	text-align:center;
	font-size:120%;
	color:#660000;
}

#gen td
{

	margin:0;
	padding:0.5em;
	border:1px solid #C7C6C7;
}


#gen td img 
{
	border:0px none;
}


#gen select
{
	border:1px solid #84231e;

}

#gen .inputbutton

{
	border:1px solid #84231e;
	background:url('pics/back-volver.png') repeat-x top center;


}

/*-----------------------  MÓDULO NOTICIAS  -----------------------------*/


.noticias dt
{
	text-transform:uppercase;
	margin-top:2em;
}

.noticias dl
{
	border-bottom:1px solid #84231e;
	padding-bottom:2em;
}


.noticias .fechanoticia
{
	font-weight:bolder;
}


/*------------------- MODULO AGENDA -------------------------------------*/



#agenda
{
	display:block;
	margin:auto;
	min-height:29.5em;
}

#agenda p
{
	
	margin:0em 1.5em 1em 1em;
}

/*------------------- submodulo actividades --------------------------------*/


#colright
{
	float:right;
	width:20em;
	overflow:hidden;
	border:0px none;
	font-size:90%;
	margin-top:-2em
}

#colleft
{
	padding-right:20.5em;
	border:0px none;
}


#listado-actividades h3
{
	background-image:url('none');
	padding-left:0
}

#listado-actividades ul
{
	padding:0em 0em 0em 1em;
	margin:0em 0em 0em 1em;
}

#listado-actividades img
{

	margin-bottom:-0.3em;
	margin-right:0.5em;
}

#listado-actividades li
{
	list-style-image:url('pics/gfx_dot02.gif');
}


/*------------------- submodulo calendario -------------------------------------*/


#calendario
{
	text-align: center;
}

#calendario caption
{
	margin:auto;
	background-color:#84231e;
	color:#fff;
}


#calendario table, caption
{
	margin:auto;
	border:0px solid #fff;
}

#calendario td
{
	border:0px solid #fff;
}

#calendario form
{
	margin:0; padding:0;
}

.dia-actual
{
	color:#fff;
	background: #b41808;
}

.dia-ocupado
{
	background: #e6d6d5;

}



/*------------------- MODULO PAGINAS AYTOS. ---------------------------*/
/*------------------- MODULO PAGINAS PERSONAS -------------------------*/


#aytopics
{
	display:block;
	width:99%;
	height:15em;
}

.aytoimg-left
{
	display:block;
	width:50%;
	float: left;
	text-align:center;
}

.aytoimg-right
{
	display:block;
	float: right;
	width:50%;
	text-align:center;
}

.ayto img
{
	border:0px none !important;
}

.ayto hr
{
	clear:right;
}

.ayto dl, .persona dl
{
	text-align:center;
}

.ayto dt, .persona dt
{
	background:url('pics/back-dt.png') repeat-y top center;
	font-weight:bolder;
	padding:0.2em
}

.ayto dd, .persona dd
{
	padding:0.2em;
	margin-bottom:0.5em;
}

.ayto .aytolinks
{
	text-align:center;
	text-transform:uppercase;
	padding-bottom:1.5em;
}

.ayto .aytolinks a
{
	display:block;
	padding-bottom:0.2em;
}

/*------------------- MODULO VOLVER A ARRIBA ---------------------------*/

#volverarriba
{
	height:4em;
	margin-top:0.5em;
	margin-left:0em;
	margin-right:0em;
	padding-top:1em;
	text-align:center;
	border-top:2px solid #84231e;
	background:url('pics/back-volver.png') repeat-x top center;
	clear:both
}

/*------------------- MODULO FORMULARIOS ---------------------------*/



#gen.formulario fieldset
{
	margin-top:2em;
	padding:0em 2em 2em 2em;
	border: 1px solid #808080;
}

#gen.formulario input
{
	border: 1px solid #b41808;
	left:10em;

}

#gen.formulario label
{
	display:block;
}

#gen.formulario legend
{
	font-weight:bolder;
}

.inputbutton
{	
	display:block;
	margin:0.5em auto;
	font-size:1em;
	background:#b41a07 url('pics/back_button.gif') top left;
	border:1px solid #000;
	color:#000
}


.obligatorio
{
	color:red;
	font-weight:bolder;
	font-size:130%;
}

.error
{
	
	color:red;
	font-weight:bolder;
}





/*-----------------------  MÓDULO PAGINADOR  -----------------------------*/

#paginador
{
	display:block;
	text-align:center;
}


#paginador .list-primeras
{
	background: url('pics/ico-primeras.gif') no-repeat left center;
	padding-left:1.2em
}

#paginador .list-anteriores
{
	background: url('pics/ico-anteriores.gif') no-repeat left center;
	padding-left:1.2em
}

#paginador .list-siguientes
{
	background: url('pics/ico-siguientes.gif') no-repeat right center;
	padding-right:1.2em
}

#paginador .list-ultimas
{
	background: url('pics/ico-ultimas.gif') no-repeat right center;
	padding-right:1.2em
}




/*--------------------------------------------------------*/




.display-none
{
	display:none;
	visibility:hidden;
}


.align-center
{
	display:block;
	text-align:center;
}

.textalign-left
{	text-align:left;
}
.textalign-right
{	text-align:right;
}
.textalign-justify
{	text-align:justify;
}

.align-center
{
	margin:auto;
	text-align:center;
}

.img-align-left
{
	display:inline;
	float: left;
	margin:1em;
}

.img-align-right
{
	display:inline;
	float: right;
	margin:1em;

}

.img-align-center
{
	margin:auto;
	text-align:center;
	display:block;
	padding:5px;
	padding:1.5em 0em 0em 0em;
	line-height: 100%;
}