@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: ***/

/*** 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 ***/


/*** Algunas clases útiles: ***/
.float-left { 	float: left; }
.float-right { 	float: right; }
#pagina .clear{clear:both;}
#pagina .text-izq{text-align:left;}
#pagina .clear_2{float:none; clear:both;margin:0;padding:0;height:0;}
#pagina .clear_position{position:relative;}
#pagina .manolink{cursor:pointer;}
#pagina .ocultar {display:none}
#pagina .bloque {height:1em; display:block; margin:4px 0; }
#pagina .fuerte{font-weight:bold;}
/*LISTA ESTRUCTURAL DE COLUMNAS */
ul#columnas {width:100%; display:block;}
ul#columnas li{display:block;float:left; margin:0;padding:0;}
#column_1{position:relative;}
	/* 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;}

#pagina ul.lista-servicios-home { list-style:square; padding-left:10px;}
#pagina ul.lista-servicios-home li{ display: list-item; list-style:square;}

/***************************************************************** FIN RESET PAGINAS Y REGLAS GENERALES ***********************************************/

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body{margin:0;padding:0;background-color:#e6e6e6;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:888px;background:#fff;text-align:left; font-size:100%;}
#pagina p {line-height:14px;}
#header{height:232px; background: url(/estilos/imagenes/maquetacion_pruebas/header_contenido.png) no-repeat }
#content { background:url(/imagenes/fnd-degradado-interiores-izq.png) repeat-y 223px 0;}
#footer{ clear:left; background:#b6b195;}
#pagina .interior{border-top:1px solid #a8b9ce; padding:0}
div.vcard {padding:5px 0 0px 22px;}
div.vcard #dire {float:left; width:40%;}
div.vcard #footer_telefonos {float:right; width:30%;text-align:right; margin-right:10px;}
div.vcard #asociacion {float:left;height:60px; width:20%;text-align:left; margin-left:10px;background:url(/imagenes/logo-asociacion.gif) no-repeat 0 0;text-transform:uppercase;}
div.vcard #asociacion p{margin-left:70px;margin-top:8px;}
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;}
/********************************************
				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:5px}
#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 4px 4px 12px;}
ul#migas li { padding-right:5px;}
/********************************************
				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:2px 0 2px 10px;  display:block; font: bolder 12px Arial, Gadget, sans-serif; color: #deb8b8; background:#400000;text-decoration:none; letter-spacing:-1px;  }
#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; }

a.aviso:link, a.aviso:visited {font: normal 9px Arial, Helvetica, sans-serif; color: #515c4d; text-decoration:underline;}
a.aviso:hover{ text-decoration:none; }

a.flecha_anterior:link, a.flecha_anterior:visited {padding-right:22px; background:url(/estilos/imagenes/ico_fecha_fondo_verde_anterior.png) no-repeat 100% 50%; font: normal 1.2em Arial, Helvetica, sans-serif; color: #515c4d; text-decoration:underline;}
a.flecha_anterior:hover{ text-decoration:none; }
/********************************************
				H1, H2 , H3 - CABECERAS 
**********************************************/
h1 {text-indent:-9999px; margin-top:5px; }
h1#inicio{cursor:pointer; height:70px; width:294px; margin-bottom:10px;background: url(/estilos/imagenes/logo.png) no-repeat;}
h2{padding:5px 0px 4px 9px;font: bolder 18px Arial, Gadget, sans-serif; color: #86021a; line-height:20px; letter-spacing:-1px;}
#pagina #header_pricipal_logo  {margin-top:10px;}
/* IMGENES */
#telefono_logo {clear:both;position:relative;  left:2%; display:block; bottom:10px}
*:first-child+html #telefono_logo{clear:both;position:relative; top:-2%; left:2%;}
* html #telefono_logo{clear:both;position:relative; top:-2%; left:2%;}


/* SECCIONES COMUNES en varias PAGINAS */
/* tabla listado de ofertas */
table {width:94%;  margin: 13px 2%;}
th {font-weight:bold; background:#e9e7df;}
td , th { padding-left:5px;}
tr { border:0; padding:0; background: #fff url(/imagenes/fnd-fila-tabla.png)  repeat-x 0 100%; height:25px; }
tfoot tr { background:none; height:25px; text-align:center;}
p#imagen-gmaps-pie{background:url(/imagenes/logo2-gmaps.gif) no-repeat;line-height:17px;margin-top:7px}
p#imagen-gmaps-pie a{padding-left:28px;text-decoration:underline;color:#49482B;font-size:11px}