@charset "utf-8";
/*   
Theme Name: CSS inicial
Author: Queli
Version: 0.1
Description: CSS básico con arreglos y selectores pre-configurados.
*/
/**********************************************
			HACKS PARA IE 
***********************************************/
/* Si tienes la necesidad de aplicar algún hack para IE6 utiliza este selector:  */

/* Si necesitas aplicarlo a IE7 utiliza este:
*:first-child+html {}*/
/***************************************************************** COMIENZO RESET PAGINAS Y REGLAS GENERALES ***********************************************/

/*********************************************
	ELEMENTOS PARA LIMPIAR POR COMPLETO EL HTML 
***********************************************/
* {	margin: 0;	padding: 0; }
/*** NEUTRALIZANDO ESTILOS:
	elementos con margen vertical: ***/
* html #pagina select { position:relative; z-index:20}
/*** Algunos ajustes basicos: ***/
sup { font-size:1.1em;}
sub {  font-size:1.1em; }
li, dd, blockquote { 	margin-left: 1em; }
ul {list-style-type:none;}

/*** LINKS:
	recuerda utilizar siempre la regla del LoVe-HAte 
a, a:link, a:visited, a:hover, a:active {}*/
a img { 	border: none; 	text-decoration: none; }
img { 	border: none; 	text-decoration: none; 	/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/ }

.marco_imagen{padding:5px;border:1px solid #fece00; background:#fff2bd}
/*** FORMULARIOS: ***/
label, button { cursor:pointer; }
input, select, textarea { 	font-size: 100%; }
input:focus, select:focus, textarea:focus { 	background-color: #FEEB99; }
fieldset { 	border: none; }

/***  TABLAS ***/
table { border-collapse:collapse; border-spacing:0;}

/*** Algunas clases útiles: ***/
.float-left { 	float: left; }
.float-right { 	float: right; }
.clear{clear:both;margin:0;padding:0; }
.clear_2{clear:both;margin:0;padding:0;height:0;}
.clear_position{position:relative;}
.manolink{cursor:pointer;}
.ocultar {display:none}
.bloque {height:1em; display:block; margin:4px 0; }
.fuerte{font-weight:bold;}
/*LISTA ESTRUCTURAL DE COLUMNAS */
ul#columnas {width:100%; display:block; z-index:100; position:relative}
ul#columnas li{display:block;float:left; margin:0;padding:0;}
	/* solo queda maquetar el ancho de cada columna dentrode cada interior #column_2{ width:47%;} 	#column_3{ width:28%;} */
/* tipos de listas */
#pagina ul.lista{ list-style-type: none;}
#pagina ul.lista li { display:list-item; float:none;}
/***************************************************************** FIN RESET PAGINAS Y REGLAS GENERALES ***********************************************/

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body{margin:0;padding:0;background-color:#cbcabd;text-align:center; }
/* el width de la pagina se ajusta en pixeles con el tamaño del screen cortado en photoshop */
#pagina{margin:0 auto; width:919px;background:#fff;text-align:left; font-size:100%; padding:0;}
#pagina p {line-height:14px;}
#header{height:96px; background:#fff; width:920px; margin:0; padding:0; }
#content{height:auto;background: #fff;  width:920px; margin:0; padding:0;}
#footer{clear:both;height:13px;  background:#5364a8 ;  padding:5px 0 4px 7px; }
#pagina .interior{border-top:1px solid #a8b9ce; padding:0}
	div.vcard {padding:5px 22px 10px;}
	div.vcard .adr{float:left;}
	div.vcard #footer_telefonos{float:right; text-align:right}
	div.vcard .street-address{height:1em; display:block; margin:4px 0; }
	#copy{clear:both; height:19px;padding: 4px  14px 0 0;background:#a7a37f; text-align:right;}
/********************************************
				TEXTOS
**********************************************/
body {font: normal 0.6em  Verdana, Arial, Helvetica sans-serif;}
.texto_defecto{ font: normal 1.1em Arial, Helvetica, sans-serif; color: #515c4d;}
div.vcard {font: normal 11px Arial, Helvetica, sans-serif; color:#49482b;}/* estilos de texto para el vcard */
#copy{font: normal 10px Arial, Helvetica, sans-serif; color:#fff;}
p.org {font-weight:bold;}
#migas li {font: normal 1em Arial, Helvetica, sans-serif; color:#8d865a;}
#migas #estas_en{color:#515c4d;}
#footer { font:normal 10px Arial, Helvetica, sans-serif;color:#fff;}
/********************************************
				LISTAS MENUS
**********************************************/
/* Lista menu utilidades */
#nav_utilidades{ height:14px; background:#949364; list-style-type:none; text-align:right; padding:3px 10px 2px 0; }
#nav_utilidades li{display:inline; margin:0;padding:0}
#nav_utilidades li a img{margin-right:4px}
/*Lista menu pricnioal*/
#nav_principal{  width:206px; list-style-type:none;}
#nav_principal li{border-top:1px solid #610000; border-bottom:1px solid #610000;} 
/*Listas opciones de bloques en portada educacion y dispacacitados */
.btn-opciones {list-style-type:none; }
.btn-opciones li {background: #f0f4f7; border:1px solid #cbdae5; text-align:center; width:12em;
font: bold 1em 'Trebuchet MS', Helvetica, sans-serif; padding:2px;  margin-top:5px; float:left;}
.btn-opciones li img {margin-right:8px;}
/* para el camino de migas */
ul#migas {margin:4px;}
/********************************************
				ENLACES 
**********************************************/
/* generales */
a:link, a:visited { font: normal 1.1em Arial, Helvetica, sans-serif; color:#8d865a; }
a:hover{ text-decoration:none;}
/* menu pricipal */
#nav_utilidades a{ margin-left:5px;text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; color:#fff;}
#nav_utilidades a:hover{ text-decoration:underline;}
/*  menu principal */
#nav_principal a:link, #nav_principal a:visited , #nav_principal a:hover { margin:0; padding:4px 0 4px 10px;  display:block; font: normal 1.2em 'Arial Black', Gadget, sans-serif; color: #deb8b8; background:#400000;text-decoration:none; }
#nav_principal a:hover{ background:  #931331; color:#fff; }
/*pestaña actual */
#nav_principal a#menu_select:link, #nav_principal a#menu_select:visited , #nav_principal a#menu_select:hover {background:  #931331; color:#fff;}
a.descargar:link ,a.descargar:visited{background:url(/estilos/imagenes/ico_pdf.gif) no-repeat; font-size:1em; display:block; padding:2px 4px 4px 25px; font-size:0.9em }
/*enlaces para el camino de migas */
#migas ul li a:link, #migas ul li a:visited{font: bold 1em Verdana, Arial, Helvetica, sans-serif;color:#0c61ad; text-decoration:none;}
#migas ul li a:hover {text-decoration:underline;}
/*enlaces del tipo flecha */
a.flecha:link, a.flecha:visited {padding-left:22px; background:url(/estilos/imagenes/ico_flecha_blanca_fondo_verde.png) no-repeat 0 50%; font: normal 1.2em Arial, Helvetica, sans-serif; color: #515c4d; text-decoration:underline;}
a.flecha:hover{ text-decoration:none; }
/********************************************
				H1, H2 , H3 - CABECERAS 
**********************************************/
h1 {text-indent:-9999px; margin-top:5px; }
h1 {height:96px; width:921px; margin-bottom:0px;background: url(/estilos/imagenes/interface/cabecera-villa-picaso.png) no-repeat; }
h2{padding:5px 0px 4px 9px;font: normal 1.9em 'Arial Black', Gadget, sans-serif; color: #86021a; line-height:20px;}