﻿/*-------------------------- ESTILOS IMPORTADOS --------------------------------*/

/*@import "X.css";*/

/*------------------------ ESTRUCTURA DE LA PAGINA -----------------------------*/

* 
{
	margin:0;
	padding:0;
	border:0;
}

body
{
	min-width:40em;
	margin:0;
	text-align:center;
	font:75% Verdana,Arial,Helvetica,sans-serif;
	background-color:#fff;
	
}

a
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

h2 {
	text-align:left;
	display: block;
}
ul {text-align:left;}


.negrita
{
	font-weight: bold;
}

#container
{
	margin:auto;
	text-align:left;
/* 	min-width:750px; */
	min-width:62em;
}

/*------------------- MODULO HEAD --------------------------------*/

#head1
{
	display:block;
	clear:both;
	background:#f7f7f7;
	
}

#head1 a
{
	color:#fff;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	text-decoration:underline;
}

#head1 #logo
{
	margin:0;
	padding:0 0 0 0.3em;
	width:49%;
	float:left;
}

#head1 #fastmenu
{
	padding-right:1em;
	float:right;
 	width:40%;
	text-align:right;
}

#head2
{
	display:block;
	clear:both;
	text-align:center;
	background-color:#f0f0f0;
	border-top:0.3em solid #f0f0f0;

}

#head2 img
{
	margin:auto;
}

#content
{
	border:2px dotted #bbb;
	margin-bottom:1em;
	margin-left:1em;
	margin-right:0.5em;
	padding:0.5em;
}


/*------------------- MODULO MIGAS DE PAN --------------------------------*/
#migaspan
{
	display:block;
	clear:both;
	padding: 0.6em 0 0.4em 1em;
	font-size:90%;
	color:#fff;
	background: url(../Imagenes/css/back-migas-pan.gif) 0 0 repeat-x #8e8eca;
	border-bottom:0.3em solid #fff;

}

#migaspan a
{
	text-decoration:none;
	color:#fff;
	
}

#migaspan a:hover
{
	text-decoration:underline;
}

#migaspan .migaspansep
{
	font-size:60%;
}

/*------------------- MODULO MAIN --------------------------------*/

#menulatl
{
	width:17.5em;
	float:left;
	font-size:90%;
	padding-left:0.3em;

}

#menulatr
{
	width:22.8em;
	float:right;
	font-size:90%;
 	background-color:#fff;
	text-align:left;


}

#data
{
	margin-left:19em;
 	margin-right:24em; 
	font-size:90%;
	padding-top:0.3em;
}

#data2
{
	margin-left:19em;
	font-size:90%;
	padding-top:0.3em;

}

#data2Extranet
{
	margin-left:0em;
	font-size:90%;
	padding-top:0.3em;

}

#barraextra
{
	margin:0 0em 0.3em 19em;
	padding:0.3em 0 0.3em 0.2em;
	font-size:90%;
	color:#000;
	background-color:#b7b6b6;
	height:2em;

}

#barraextraExtranet
{
	margin:0 0em 0.3em 0em;
	padding:0.3em 0 0.3em 0.2em;
	font-size:90%;
	color:#000;
	background-color:#b7b6b6;
	height:2em;
	text-align:center;

}

.menuinputbuttonExtranet
{
	margin-right:1em;
		background:#ccc;
	border:1px solid #000;
}

.anchoTDminAA
{
	width:0%;
}

#foot
{
	clear: both;
	text-align:center;
	font-size:85%;
	color:#000;
	padding:0em;
	background-color:#f0f0f0;

}

#foot a
{
	color:#000;
	text-decoration:underline;
}


/*------------------- ESTILOS DE LA PAGINA --------------------------------*/


#menulatl ul , #submenu1 ul
{
	margin:0;
	margin-bottom:0.6em;
	padding:0;
	list-style:none;
	width:100%
}

#menulatl li , #submenu1 li
{
	margin:0;
	padding:0;
	white-space:nowrap;
}

#menulatl a , #submenu1 a
{

	text-decoration:none;
	background:url(../Imagenes/css/gfx_flecha01.gif) center left no-repeat;
	padding-left:1em;
	margin-left:1em;
	display:block;
	width:86%; /*para corregir el error en el modelo de cajas del exploter*/
}

#menulatl a
{
	color:#110ab2;
}
#menulatl a:hover , #submenu1 a:hover
{
	text-decoration:underline;
	width:86%; /*para corregir el error en el modelo de cajas del exploter*/
}

/*------------------- MODULO ACCESIBILIDAD --------------------------------*/

#accesibility ul
{
	list-style:none;
	text-align:right;
}

#accesibility li
{
	display:inline;
}




/*------------------- MODULO BUSQUEDA y LISTA DESPLEGABLE OTRAS WEBS --------------------------------*/

#buscar
{
	width:49%;
	float:left;
	text-align:center;
}

#otraswebs
{
	width:49%;
	float:right;
	text-align:center;
}

#buscar strong , #otraswebs strong
{
	display:none;
}

#buscar .buscarinputtext , #otraswebs select
{
	border:1px solid #000;
	padding-left:0.3em;
	width:10em;
	height:1.5em;
}

#buscar .buscarinputbutton , #otraswebs .buscarinputbutton 
{
	background:#ccc;
	border:1px solid #000;
}


/*------------------- MODULO BANNERS --------------------------------*/


#banners img 
{
	padding-bottom:0.3em;
}

 #banners ul 
{
	list-style:none;
}

#banners li
{
	display:block;
}

/*------------------- MODULO NOTICIAS --------------------------------*/
#noticias
{
	display:block;
	background: url(../Imagenes/css/gfx_fondo03.jpg) no-repeat #fff;
	background-position:100% 1.5em;
}

#noticias h2
{
	display:block;
	margin:0 0 1em 0;
	background: url(../Imagenes/css/back-item-menu-noticias.jpg) top right no-repeat #fff;
	height:61px;
}

#noticias h3
{
	padding-left:1.8em;
	font-size:100%;
	font-weight:bolder;
	text-transform:uppercase;
	color:#314452;
	background:url(../Imagenes/css/back_seccion.gif) top left no-repeat #e6e2e6;
}

#noticias li.texto
{

 	min-height:3em  !important;
	height:auto !important;
	height:3em; 
	list-style:none;
	margin-bottom:1em;
}

#noticias li.imagen
{

 	min-height:6em  !important;
	height:auto !important;
	height:6em; 
	list-style:none;
	margin-bottom:1em;
}

#noticias li img
{
	float:left;
	margin:0 1em 1em 0;
}

#noticias dt
{
	margin:0;
	margin-left:1em;
	padding:0;
	padding-left:1.5em;
	line-height:1.2em;
	color:#8492A5;
	background:url(../Imagenes/css/ico_exclamacion.gif) top left no-repeat transparent;
	font-weight: bold;
}

#noticias dd
{
	margin:0;
	margin-left:1em;
	margin-bottom:0.8em;
	margin-top:0.5em;
	padding:0;
	padding-right:1em;
	height:6em;
	min-height:6em;
	height:auto;
	font-size:90%;
	color:#314452;
}


#noticias dd img
{
	float:left;
	margin-right:1em;
	margin-top:-1.5em;
	padding-top:1.5em;
	vertical-align:middle;
	line-height:100%;
}

#noticias .fechanoticia
{
	font-weight:bold;
	font-style:italic;
}


#noticias p
{
	color:#314452;
}

/*------------------- MODULO MINI GALERIA DE IMÁGENES --------------------------*/
#minigaleriaimg
{
	display:block;
	text-align:center;
}

#minigaleriaimg h3
{
	text-align:left;
}

#minigaleriaimg a
{
	text-decoration:none;
}

#minigaleriaimg img
{
	border:3px solid #acaaac;
}

#minigaleriaimg img:hover
{
	border:3px solid #b40000;
}

/*------------------- MODULO TABLON DE ANUNCIOS --------------------------------*/

#agendaactividades, #informacionmunicipal, #tablonnovedades
{
	height:auto;
}

#agendaactividades h2
{
	display:block;
	margin:0 0 0.5em 0;
	background: url(../Imagenes/css/back-item-menu-agenda-cultura.jpg) top right no-repeat #fff;
	height:61px;
}

#informacionmunicipal h2
{
	display:block;
	margin:0 0 0.5em 0;
	background: url(../Imagenes/css/back-item-menu-informacion-municipal.jpg) top right no-repeat #fff;
	height:61px;
}

#tablonnovedades h2
{
	display:block;
	margin:0 0 0.5em 0;
	background: url(../Imagenes/css/back-item-menu-agenda-actividades.jpg) top right no-repeat #fff;
	height:61px;
}

#agendaactividades ul, #informacionmunicipal ul, #tablonnovedades ul
{
	font-size:90%;
	 list-style:none;
}

/*------------------- ESTILOS SEGUNDO NIVEL --------------------------------*/
/*------------------- ESTILOS SEGUNDO NIVEL --------------------------------*/
/*------------------- ESTILOS SEGUNDO NIVEL --------------------------------*/


/*------------------- MODULO BUSCAR FORM   --------------------------------*/


#gen.buscarform

{
	display:block;
}

#gen.buscarform fieldset
{
	margin:1em 0.5em 1.5em 0.5em;
	padding:0.5em 1em 0.5em 1em;
	border:1px solid #666666;
}

#gen.buscarform legend
{
	font-size:120%;
	padding-left:0.2em;
}

#gen.buscarform form
{
	margin:0;
	padding:0;
	margin-bottom:1em;
	padding-left:2em;
	text-align:left;
}

#gen.buscarform form .buscarinputtext
{

	margin:auto;
	margin-top:0.5em;
	border:1px solid #333333;
	width:20em;
}


#gen.buscarform form .buscarinputbutton
{
	margin:auto;
	margin-top:0.5em;
	background:#cccccc;
	border:1px solid #000;
	color:#000;
	font-weight:bold;
}

/*------------------- MODULO MENU SUPERIOR --------------------------------*/

#menusup
{
	display:block;
	padding:1.2em;
	text-align:center;
	margin-top:1em;
	margin-bottom:1em;
	border-bottom:2px solid #666;
	border-top:2px solid #666;
	background: url(../Imagenes/css/back-menusup.png);
}

#menusup ul, #menusup li
{
	display:inline;
}

#menusup li a
{
	margin-left:2em;
	margin-right:2em;
}	

/*------------------- MODULO MENU INFERIOR --------------------------------*/

#menuinf
{
	display:block;
	padding:1.2em;
	text-align:center;
	margin-top:1em;
	margin-bottom:1em;
}

#menuinf ul, #menuinf li
{
	display:inline;
}

#menuinf li a
{
	margin-left:2em;
	margin-right:2em;
}	

/*------------------- MODULO BUSCAR RESULTADO --------------------------------*/


#gen.buscaresultado
{
	display:block;
}


#gen.buscaresultado ul
{
	padding-right:1em;
}

#gen.buscaresultado li
{
	list-style-image: url(../Imagenes/css/ico_search.gif);
	padding-left:0.5em;
	margin-bottom:1em;
}



#gen.buscaresultado li .contexto
{
	display:block;
	padding-left:1.8em;
	color:#666666;
	background-position:top left;
	background-repeat:no-repeat;

}

#gen.buscaresultado li a
{
	font-size:85%;
	font-weight:bolder;
}


/*-----------------------  MODULO PAGINADOR  -----------------------------*/

#paginador
{
	display:block;
	text-align:center;
	margin:1em auto 1em auto;
}

#paginador a
{
	font-weight:bolder;
}

#paginador a:hover
{
	text-decoration:underline;
}

#paginador .info
{
	color:#314452;
}

#paginador .list-primeras
{
	background: url(../Imagenes/css/ico-primeras.gif) left center no-repeat;
	padding-left:1.2em;
}

#paginador .list-anteriores
{
	background: url(../Imagenes/css/ico-anteriores.gif) left center no-repeat;
	padding-left:1.2em;
}

#paginador .list-siguientes
{
	background: url(../Imagenes/css/ico-siguientes.gif) right center no-repeat;
	padding-right:1.2em;
}

#paginador .list-ultimas
{
	background: url(../Imagenes/css/ico-ultimas.gif) right center no-repeat;
	padding-right:1.2em;
}


/*----------------------  MODULO ENLACES  ---------------------------*/


#gen.enlaces #enlaces-banners
{
	display:block;
	 width:49%;
	 float:left;
}

#gen.enlaces #enlaces-banners li , #gen.enlaces #enlaces-banners ul
{
	 list-style:none;
	 list-style-image: none;
}


#gen.enlaces #enlaces-enlaces
{
	display:block;
	 width:49%;
	 float:right;
}

#gen.enlaces strong
{
	display:block;
	background:#666666;
	color:#fff;
	text-align:center;
}

/*----------------------  MODULO GALERIA IMG  ---------------------------*/


#gen.album 
{
	text-align:left;
}

#gen.galeria-thumb img:hover
{
	border:1px solid #5B5BF4 !important;
}


#gen.album h3
{
	clear:right;
	margin-top:1em;

}


#gen.album ul
{
	display:block;
}

#gen.album li
{
 	display:inline;
	float:left;
 	width:111px;
	height:13.5em; 
	padding:1em;
	margin:1em;
	text-align:center;
	border:0;
}



#gen.album li a
{
	display:block;
}

#gen.album li a:hover
{
	text-decoration:none;
}

#gen.album li a img:hover
{
	border:1px solid #5B5BF4 !important;
}

#gen.album hr.clear
{
	clear:left;
}

/* ---- */

#galeriaimg
{
	display:block;
	background: url(../Imagenes/css/gfx_fondo03.jpg) no-repeat #fff;
	background-position:100% 1.5em;
	color:#314452;
}

#galeriaimg h2
{
	display:block;
	padding-top:0.3em;
	padding-bottom:0;
	font-size:100%;
	font-weight:bolder;
	text-decoration:none;
	text-transform:uppercase;
	color:#314452;
	border-bottom:0.2em solid #626562;
}

#galeriaimg table , caption
{
	margin:auto;
}

#galeriaimg caption
{
	font-size:90%;
	font-weight:bolder;
	
	
}

#galeriaimg img
{
	border:3px solid #acaaac;
}

#galeriaimg table img:hover
{
	border:3px solid #b40000;
}

#galeriaimg a
{
	font-weight:bolder;
}

#galeriaimg a:hover
{
	text-decoration:none;
}


/*----------------------  MOULO MAPA WEB  ---------------------------*/


#gen.mapaweb .level1
{
	list-style-image:url(../Imagenes/css/gfx_box01.gif);
	text-transform:uppercase;
}

#gen.mapaweb .level1 a
{
	font-weight:bolder;
}

#gen.mapaweb a:hover
{
	text-decoration:underline;
}

#gen.mapaweb .level2 a
{
	font-weight:lighter;
}

#gen.mapaweb .level2 , #gen.mapaweb .level3 , #gen.mapaweb .level4 , #gen.mapaweb .level5 , #gen.mapaweb .level6 
{
	list-style-image:url(../Imagenes/css/gfx_flecha01.gif);
	font-weight:lighter;
	text-transform:capitalize;
	line-height:1.5em;
}



/*-----------------------  P�INA GEN�ICA  -----------------------------*/

#gen
{
	display:block;
	padding: 0 2em 0em 2em;
	font-size:110%;
}

#gen h2
{
	display:block;
	padding-top:0.3em;
	padding-bottom:0.3em;
	margin-bottom:0.5em;
	font-size:160%;
	font-weight:lighter;
	color:#660000;
	background:url(../Imagenes/css/back-gen-h2.gif) bottom right no-repeat transparent;
}

#gen p
{
	margin-top:1em;
	margin-bottom:0.5em;
}

#gen h3 , h4 , h5
{
	margin:1em 0 0.5em 0;
	padding-left:1.2em;
	font-weight:lighter;
	color:#660000;
	background:url(../Imagenes/css/gfx_box01.gif) no-repeat transparent;
	background-position:0% 3px;
}

#gen h3
{
	font-size:130%;
}
#gen h4
{
	font-size:120%;
}

#gen h5
{
	font-size:110%;
}

#gen ul , ol
{
	margin: 1em 0em 0.5em 3em;
}

#gen ul
{
	list-style-image:url(../Imagenes/css/gfx_circle01.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: url(../Imagenes/css/back-migas-pan.gif) 0 0 repeat-x #8e8eca;
	color:#fff;
	padding-top:0.3em;
	padding-bottom:0.3em;
}


#gen caption
{
	margin-top:1.5em;
	padding:0.2em;
	font-size:120%;
	color:#660000;
}

#gen td
{

	margin:0;
	padding:0.5em;
	border:1px solid #C7C6C7;
}


#gen td img 
{
	border:0;
}


#gen hr
{
	border:1px solid #8391a4;

}


/*------------------- MODULO VOLVER A ARRIBA ---------------------------*/

#volverarriba
{
	height:2em;
	margin-top:0.5em;
	margin-left:-2em;
	margin-right:-2em;
	background-color:#666666;
	text-align:center;
}

#volverarriba a
{
	color:#fff;
}



.volver
	{
		width:30.5%;
		display: block;
		padding-top:0.3em;
		margin-top:0.1em;
		margin-bottom: 0.5em;
		overflow: hidden;
	}



.volver-left
{
	float:left;
	text-align:left;
	padding-left:3em;


}


.volver-left a
{
	background:url(../Imagenes/css/back-volver-inicio.gif) center left no-repeat ;
	padding-left: 2em;

}

.volver-right
{
	float:right;
	text-align:right;
	padding-right:3em;
}

.volver-right a
{
	background:url(../Imagenes/css/back-volver-arriba.gif) center left no-repeat ;
	padding-left: 2em;
}


/*------------------- MODULO FORMULARIOS ---------------------------*/



#gen.formulario fieldset
{
	margin-top:2em;
	padding:0em 2em 2em 2em;
	border: 1px solid #666666;
}

#gen.formulario input , #gen.formulario select
{
	border: 1px solid #666666;
	left:10em;
}

#gen.formulario textarea
{
	border: 1px solid #666666;
	left:10em;
	font: 100% Verdana,Arial,Helvetica,sans-serif;
	width:90% !important;
}

#gen.formulario input.extenso
{
	width:90% !important;
}


#gen.formulario label
{
	display:block;
	width:90% !important;

}



#gen.formulario legend
{
	font-weight:bolder;
}

#gen.formulario .formsection
{
	display:block;
	background:url(../Imagenes/css/back-form.gif) center right repeat-y #900;
	padding: 0.5em 1em 0.5em 1em;
	color:#fff;
	font-weight:bolder;
	line-height:1.5em;
}

#gen.formulario .formsection hr
{
	display:none;
}



.inputbutton
{	
	display:block;
	margin:0.5em auto 0.5em auto;
	background:#ccc;
	border:1px solid #000;
}


.obligatorio
{
	color:red;
	font-weight:bolder;
	font-size:130%;
}

.error
{
	
	color:red;
	font-weight:bolder;
}

.clear-left
{
	clear:left;
}

.clear-right
{
	clear:right;
}
/*------------------- ESTILOS GENERALES --------------------------------*/

.nota
{
	font-size:90%;
	font-style:italic;
	color :#5e5e5e;
	font-weight:bold;
	padding:0.5em;
}


.display-none
{
	display:none;
}

.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 !important;
	text-align:center;
	display:block;
	padding:5px;
	padding:1.5em 0em 0em 0em;
	line-height: 100%;
}

.cierre
{
	margin-top:1em;
	text-align:right;
	font-weight:bolder;
	background:url(../Imagenes/css/back-separador.gif) top right repeat-x;
	padding-top:1em;
	padding-bottom:1em;

}

.out 
{
	display:none !important;
}