@charset "utf-8";
/* Reset ---------------------------------- */
* {	margin: 0;padding: 0;}
body { font-family: Tahoma, Geneva, sans-serif;font-size: 62.5%; /*1em = 62.5% = 10px*/ text-align: center;/* Hack para que IE6 no de problemas */}
ol, ul {list-style: none;list-style-type: none;}
img, a img {border: none;text-decoration: none; background-repeat: no-repeat;}
fieldset {border:none;}
label, button {	cursor: pointer;}
input:focus, select:focus, textarea:focus {	background-color: #FFF;}
input, textarea, select, button {font-size: 100%;font-family: inherit; border:none;}
table {	border-collapse:collapse;border-spacing:0;}
q:before,q:after {content:'';}
h1,h2,h3,h4,h5,h6 {	font-size:100%;font-weight:normal;}

/* -------------------Fin Reset ------------------ */
/* ------------------------------------------------*/

/* Generales */

a:link, a:visited { text-decoration:underline; color:#4f90d3; }
a:hover { text-decoration:none;}
p { line-height:15px; margin-bottom:8px; }

select, option {
  behavior: url(/js/select-option-disabled-emulation.htc);
}
/*behavior: url(/css/iepngfix.htc);*/


/************/
body { height:100%;background:#ffffff url(/img/interface/fondo-body.gif) repeat-x;}
#cabeceraExterior{width:100%;  min-width:993px;height:122px; overflow:hidden;background: #4f90d3;}
	#cabecera {overflow:hidden; width:993px; margin:0 auto;  }
#paginaExterior {width:100%; min-width:993px;  font-family: Tahoma, Geneva, sans-serif; }
	#pagina {width:993px; margin:0 auto; text-align:left; color:#757575; }
		.banner{overflow:hidden;float:left;margin-top:-26px;position:relative;width:80%;}
			.banner #imagenCabecera{position:relative}		
		#colIzquierda {overflow:hidden;  float:left; margin-top: -130px;width:190px; }		
		#contenedor { overflow:hidden; float:left;padding-left: 25px; width:778px;}
			#contenido{ overflow:hidden; float:left; width:555px;}
		#colDerecha{overflow:hidden; float:right; width: 184px; margin-left:20px; padding-left: 10px; border-left: 1px solid #ebebeb; margin-top:55px;}
#pieExterior { position:relative;overflow:hidden; float:left; width: 100%;min-width:993px;background: #828282; margin-top:25px;  }		
	#pie { position:relative; overflow:hidden; width:993px;margin: 0 auto; }

/*********************/

h1 { position:relative; margin:0; overflow:hidden; float:left; width:20%;}
	h1 a:link, h1 a:visited { display:block; height:55px;margin:40px 0 0 10px; width:165px; text-indent:-9999px; background:url(/img/interface/logo-ayto-villaescusa.gif) no-repeat; cursor:pointer; behavior: url(/css/iepngfix.htc);}

#menuTop { overflow:hidden;float:right;position:relative;z-index:100;width: 35%;padding-right:5px; padding-bottom:5px;margin-top: 6px;font-size: 1.1em}
	#menuTop li { float:left; border-left:1px solid #69869f; padding:0 5px; margin-top:2px; }
		#menuTop li a:link, #menuTop li a:visited { padding-top:2px; color:#ffffff; text-decoration:none;}
		#menuTop li a:hover { text-decoration:underline;}
form#busqueda{overflow:hidden; float:right;width: 24%;padding:0 0 5px 25px; margin-top: 5px; font-size: 1.1em;background: url(/img/interface/buscar.png) no-repeat; fot-size: 1.1em}
	form#busqueda input#buscar{padding: 2px; width: 74%;border: 1px solid #738594}
	form#busqueda input#botonBusqueda{padding: 2px;background: #000000; color: #ffffff;  }
	
#imagenCabecera { vertical-align:top; }

#menuPrincipal { overflow:hidden;float:right; width:170px; padding-top:60px; margin:0  ;}
	#menuPrincipal dl { margin-bottom:40px;}
		#menuPrincipal dt { margin-bottom:10px; font-size:1.6em;font-family: Georgia, serif;color:#000000; text-align:right}
		#menuPrincipal dd.pagina { display:block; margin-bottom:2px; padding-bottom:2px; border-bottom:1px solid #ebebeb; font-size:1.1em; color:#757575; text-decoration:none;text-align:right}
			#menuPrincipal dd.pagina a:link, #menuPrincipal dd.pagina a:visited { color:#757575; text-decoration:none;}
			#menuPrincipal dd.pagina a:hover, #menuPrincipal dd.menuSeleccionado a:link, #menuPrincipal dd.menuSeleccionado a:visited { text-decoration:none; color:#4f90d3; padding-right:10px; background:url(/img/interface/flecha-activo.png) no-repeat right 50% }
			#menuPrincipal dd.pagina ul.submenu { width: 100%; overflow: hidden; }
			#menuPrincipal dd.pagina ul.submenu li { margin: 5px 0px 0px 0px; }
			#menuPrincipal dd.pagina ul.submenu li a:link, #menuPrincipal dd.pagina ul.submenu li a:visited { display: block; padding: 2px 0px 2px 12px; color: #838282; font-weight: normal; text-decoration: none; }
			#menuPrincipal dd.pagina ul.submenu li a:hover { background-color: #e0e0e0; text-decoration: none; }

#imgMasInfo { clear:left; float:left; margin-bottom:20px;}

#pie { padding-top: 20px; tex-align: left; min-width:993px;}
	#pie .pieIzda{overflow:hidden; float: left; width: 45%; color:#ffffff; text-align:left;}
	ul#menuPie{overflow:hidden;padding-bottom: 10px; font-size: 1.1em}
		ul#menuPie li{float:left; padding:0 5px 0 0; margin-top:2px; color: #ffffff } 
			ul#menuPie li a:link, ul#menuPie li a:visited{color: #ffffff; text-decoration: underline}
				ul#menuPie li a:hover{text-decoration: none}
	#pie .pieDcha{overflow:hidden; float: right;padding:0px 80px 15px 0; width: 34%; color:#ffffff; background:url(/img/interface/escudo-pie.gif) no-repeat right; margin-bottom:15px;}
		#pie .pieDcha h2{margin-bottom: 10px; font-size: 1.8em; font-family: Georgia, serif; text-align: right; color: #FFF;}
		#pie .pieDcha address{font-style: normal;text-align: right; font-size: 1.1em}
			#pie .pieDcha address a:link, #pie .pieDcha address a:visited{padding-left: 20px;color:#ffffff; text-decoration: underline; background: url(/img/interface/sobre.png) no-repeat 0px 3px;}
				#pie .pieDcha address a:hover{text-decoration:none}
	
/* fijos */
.migas {overflow:hidden; width: 100%; }
	.migas p { margin-bottom:0; height:25px; }
		.migas p span { color:#7f7f7f; }
		.migas p span.estaUsted { color:#7f7f7f; }
		.migas p a.inicio:link, .migas p a.inicio:visited { color:#4f90d3; text-decoration:none; }
		.migas p a.inicio:hover { text-decoration:underline;}
		.migas .seccion { }
			.migas p a.seccion:link, .migas p a.seccion:visited { color:#4f90d3; text-decoration:none;}
			.migas p a.seccion:hover { text-decoration:underline;}
		.migas p .pagina { color:#7f7f7f;}


ul.libreriaFicheros li { }
	ul.libreriaFicheros li a { }
ul.libreriaFicheros li.word { padding: 3px 0 3px 20px; background: transparent url(/img/icons/icon_doc.gif) no-repeat 0px 2px;}
ul.libreriaFicheros li.excel { padding: 3px 0 3px 20px; background: transparent url(/img/icons/icon_xls.gif) no-repeat 0px 2px;}
ul.libreriaFicheros li.pdf { padding: 3px 0 3px 20px; background: transparent url(/img/icons/icon_pdf.gif) no-repeat 0px 2px;}
ul.libreriaFicheros li.zip { padding: 3px 0 3px 20px; background: transparent url(/img/icons/icon_archive.gif) no-repeat 0px 2px;}
ul.libreriaFicheros li.defecto { padding: 3px 0 3px 20px; background: transparent url(/img/icons/icon_txt.gif) no-repeat 0px 2px;}


.paginador{overflow:hidden; margin:5px auto 10px auto; padding:0 2%; width:96%; height:22px; line-height:22px; background:url(/img/interface/fnd-paginador.png) repeat-x; border-top:1px solid #ebf2fb; border-bottom:1px solid #ebf2fb;}
	.paginador span { float:left; color:#4f90d3; }
	.paginador div { float:right;}
		.paginador div a:link, .paginador div a:visited{ padding:0; margin-right: 3px; color:#4f90d3; font-weight:bold; text-decoration: none; }
		.paginador div a:hover, .paginador div a.seleccionado{ color:#4f90d3; }
	
	.paginador a.volverListado:link, .paginador a.volverListado:visited { color:#4f90d3; font-weight:bold; text-decoration: none; }
	.paginador a.volverListado:hover { text-decoration:underline; }


#calendarioEventos { margin:0 auto 10px auto; font-size:1.1em; border-collapse:separate; border-spacing:5px; }
	#calendarioEventos table.year { width:100%; }
		#calendarioEventos table.year .anterior { width:10%; padding-bottom:5px; text-align:left; color:#ad1818; }
			#calendarioEventos table.year .anterior a:link, #calendarioEventos table.year .anterior a:visited { text-decoration:none;}
			#calendarioEventos table.year .anterior a:hover { text-decoration:underline;}
		#calendarioEventos table.year .mes { color:#4f90d3; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; text-align:center; padding-bottom:5px; }
		#calendarioEventos table.year .siguiente { width:10%; padding-bottom:5px; text-align:right; color:#ad1818;}
			#calendarioEventos table.year .siguiente a:link, #calendarioEventos table.year .siguiente a:visited { text-decoration:none;}
			#calendarioEventos table.year .siguiente a:hover { text-decoration:underline;}
	#calendarioEventos .dias { text-align:center; }
		#calendarioEventos .dias th { width:30px; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#aaaaaa; border-right:1px solid #e3e3e3; border-bottom:3px solid #fff;}
		#calendarioEventos .dias td { padding:1px 0; font-size:11px; color:#000; border-right:1px solid #e3e3e3; }
			#calendarioEventos .dias td.vacio { background:none;}
			#calendarioEventos .dias td a:link, #calendarioEventos .dias td  a:visited { color:#4f90d3; font-weight:bold; }
			#calendarioEventos .dias td.seleccionado { }
				#calendarioEventos .dias td.seleccionado a:link, #calendarioEventos .dias td.seleccionado  a:visited { color:#4f90d3; font-weight:bold; text-decoration:none;}
				#calendarioEventos .dias td.seleccionado a:hover { text-decoration:underline;}


/* hack columnas iguales */
/*
#columnas { position:relative; overflow:hidden; width:100%;}
.col-1, .col-2, .col-3 { margin-bottom:-30000px; padding-bottom:30000px;}
*/

/***************************/
#colDerecha h2.titulo{font-family: Georgia, serif;color: #9d9c9c; font-size: 2.2em}
#colDerecha h3.subtitulo{margin-bottom: 10px; font-family: Georgia, serif;color: #000000; font-size: 1.6em}

#colDerecha .eventos{border-bottom: 1px solid #ebebeb}
	#colDerecha .eventos .calendario{}
	#colDerecha .eventos dl{overflow:hidden; padding: 5px 0;clear:both;display:block;border-bottom: 1px solid #ebebeb}
	#colDerecha .eventos dt{overflow:hidden; float:left; width: 13%;text-align:center; text-transform:uppercase; color:#ffffff; background: #abc9e9; padding-bottom:3px;}
		#colDerecha .eventos dt strong{font-size: 1.8em;font-weight: normal;}
	#colDerecha .eventos dd {overflow:hidden; float:left; width: 80%; padding-left:10px;}
		#colDerecha .eventos dd a:link, #colDerecha .eventos dd a:visited{ text-decoration: none; color: #6a6a6a; font-size: 1.1em;}
			#colDerecha .eventos dd a:hover{text-decoration: underline}					
	#colDerecha .eventos a.verTodo:link, a.verTodo:visited{padding: 10px 0;display:block; font-size: 1.1em;}
	#colDerecha .pastilla{margin-top: 15px;}

/***************/
/* Estilos para contenido proveniente de editor avanzado */
#pagina .textoEditor { }
	#pagina .textoEditor p {font-size: 1.1em }
	#pagina .textoEditor ul { margin-bottom:10px; margin-left:20px; list-style-position:outside;font-size:1.1em}
		#pagina .textoEditor ul li { padding-left:10px; margin-bottom: 5px; background: url(/img/interface/flecha-listado.png) no-repeat left 3px;}
	#pagina .textoEditor ol { margin-bottom:10px; margin-left:20px;}
		#pagina .textoEditor ol li { margin-bottom:3px; padding-left:5px; list-style-type:decimal;}
	#pagina .textoEditor .underline { text-decoration:underline;}
	#pagina .textoEditor .strikethrough { text-decoration:line-through;}
	#pagina .textoEditor h2.titular {padding-bottom: 10px;font-size: 2.2em; color: #4f90d3;font-family: Georgia, serif; }
	#pagina .textoEditor h3 {padding-bottom: 7px; padding-top:5px; font-size: 1.7em; color: #666666;font-family: Georgia, serif;  }
	#pagina .textoEditor h4 {padding-bottom: 10px;font-size: 1.4em; color: #454545;font-family: Georgia, serif;  }
	#pagina .textoEditor table{padding: 0 10px;margin: 10px 0; width: 90%}
		#pagina .textoEditor table th{padding: 5px; font-size: 1.0em;text-transform: uppercase;font-weight: normal; color:#4f90d3; background:#ebf2fb}
		#pagina .textoEditor table td{padding: 5px;font-size: 1.1em; color: #4f90d3; border-bottom: 1px solid #ebf2fb;}
	#pagina .textoEditor p.center { text-align:center;}
	#pagina .textoEditor p.left { text-align:left;}
	#pagina .textoEditor p.right { text-align:right;}
	#pagina .textoEditor img.left { float:left; margin-right:10px; margin-bottom:5px;}
	#pagina .textoEditor img.right { float:right; margin-left:10px; margin-bottom:5px;}
	#pagina .textoEditor .textoAzul{color: #4f90d3}

/* Estilos para contenido proveniente de editor avanzado SOLO en pagina editable */
#pagina .paginaEditor { }
	#pagina .paginaEditor p { font-size:1.1em;}

/* Estilos para módulos */
h2.titular { padding-bottom: 10px;font-size: 2.2em; color: #4f90d3;font-family: Georgia, serif; }
h3.subtitular {padding-bottom: 7px; padding-top:5px; font-size: 1.7em; color: #666666;font-family: Georgia, serif;}

.banner .imagenCabecera .divFlash {margin-top: 3px; border:1px solid red;}
