@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:  */
* html .bloque_principal{margin-left:5px;}
* html .bloque_principal .btn-opciones {margin-left:-20px;padding-left:5px;}
/* 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; }


/*** Accesibilidad ***/
#nav_principal li #saltar , #nav_principal li span , #pagina .ocultar { display: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 , p.galeria img {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 { display:inline;float: left; }
img.float-left { margin: 0 10px 0 10px; }
.float-right { display:inline;	float: right; }

/** HACK dar altura a elementos con contenido flotado */
.clearfix:after , #pagina .galeria:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*.clearfix , #pagina .galeria{display:inline-block;}*/
.clearfix , #pagina .galeria{display:block;}
* html .clearfix , * html #pagina .galeria{height:1px;}

.clear{clear:both;margin:0;padding:0; }
.clear_2{clear:both;margin:0;padding:0;height:0;}
.clear_position{position:relative;}
.manolink, h1{cursor:pointer;}
.margenDoble{ margin-bottom:2%;}
#pagina .center { text-align:center;}



#pagina .sub { text-decoration:underline}

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

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body{margin:0;padding:0;background-color:#e6e6e6;text-align:center; }
#pagina{margin:0 auto; width:900px;background:#fff;text-align:left; font-size:110%;}
#pagina p {line-height:150%; text-align:justify;}
#content{margin-top:1em; border-top:1px solid #FFC71F; padding: 16px 0 0 0; background: url(/NOestilos/imagenes/maquetacion_pruebas/content_100.png) no-repeat }
#footer{clear:both;height:10em;border-top:3px solid #FFC71F; border-bottom:6px solid #fff;padding:9px 0 20px 11px; color:#e6e6e6;background:#004D93 url(/NOestilos/imagenes/maquetacion_pruebas/footer_100.png) no-repeat }
#footer a { color:#FFF;}
#footer p.derechos{float: right;}
#pagina .interior{border-top:1px solid #a8b9ce; padding:0 0 20px 0;}
	div.vcard {float:left; width:40%;}
	#copy{float:right; display: inline; text-align:right; padding: 0  14px 0 0; width: 423px;}
	#logos {float: right; display: inline; margin:12px 0 0 0; width: 88px;}
	#logos a.external{display: block; width: 70px; background: transparent url(images/ExternalIcon.gif) no-repeat scroll right bottom;}
	#logos p {display:inline;}
	a.certificado{float: left; display: inline; margin: 15px 0 0 34px; width: 52px; height: 55px; background: none !important; padding: 0 !important;}
	a.votanos{float: left; display: inline; margin: 12px; width: 185px; height: 59px; background: none !important; padding: 0 !important;}
		
/********************************************
				TEXTOS
**********************************************/
.normal, body , .normal_color_oscuro  {font: normal 0.6em  Verdana, Arial, Helvetica sans-serif;}
.normal_color_oscuro{color:#00396c}
div.vcard {font: normal 1em  Verdana, Arial, Helvetica sans-serif;}/* estilos de texto para el vcard */
p.org {color:#fefefe;font-weight:bold;}


/********************************************
				LISTAS MENUS
**********************************************/
/* Lista menu utilidades */
#nav_utilidades{ height:2em; background:#FECE00; list-style-type:none; text-align:right; padding: 5px 5px 5px 0;}
#nav_utilidades li{display:inline; margin:0;padding:0}
#nav_utilidades li a{margin-right:3px; font-weight:bold;text-decoration:none; color:#043765 } 
#nav_utilidades li a img { width:1em; height:1em;}
#nav_principal{  background:url(/estilos/imagenes/fondo_nav_pricipal.png) repeat-x #004d93; list-style-type:none;   text-align:left; height:27px;}
#nav_principal li{display:block; float:left; background:#004D93 url(/estilos/imagenes/fondo_nav_pricipal.png) repeat-x scroll 0%;margin:3px 7px 0 0;padding:0 15px 0 5px; border-right:1px solid #89ADCC;} 
/*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:10.5em;
font: bold 1em 'Trebuchet MS', Helvetica, sans-serif; padding:2px;  margin-top:5px; float:left;}
.btn-opciones li.ultima {width: 273px;}
.btn-opciones a:link , .btn-opciones a:visited {font: bold 1em 'Trebuchet MS', Helvetica, sans-serif; color:#004D93; text-decoration:none; }
.btn-opciones a:hover { text-decoration:underline; }
.btn-opciones li img {margin-right:8px;}
/* para el camino de migas */
#migas ul {list-style-type:none; font: bold 1em Verdana, Arial, Helvetica, sans-serif; color:#0c61ad; background:#fff;margin:12px 0 8px 12px; }
#migas ul li{display:inline; margin:0; padding:0}
#migas ul li#estas_en{color:#b0c2d1;}

/********************************************
				ENLACES 
**********************************************/
a:link, a:visited { font: 1em Verdana, Arial, Helvetica, sans-serif; color:#00f; }
a:hover{ text-decoration:none;}
/*  menu principal */
#nav_principal a:link, #nav_principal a:visited { padding:3px 10px;}
#nav_principal a:link, #nav_principal a:visited , #nav_principal a:hover {margin:0; display:block; }
#nav_principal a:link, #nav_principal a:visited{  text-decoration:none; color:#fff; font: bold 1.2em 'Trebuchet MS', Helvetica, sans-serif; }
#nav_principal a:hover{text-decoration:none; background:  #fff;; color:#004d93; font: bold 1.2em 'Trebuchet MS', Helvetica, sans-serif;}
/*pestaña actual */
#nav_principal a#menu_select:link, #nav_principal a#menu_select:visited , #nav_principal a#menu_select:hover {text-decoration:none; background:  #fff;; color:#004d93; font: bold 1.2em 'Trebuchet MS', Helvetica, sans-serif;}
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{padding:11px 0 0 12px;}
#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;}


/********************************************
				H1, H2 , H3 - CABECERAS 
**********************************************/
h1 {text-indent:-9999px; margin-top:5px; }
#pagina #content h2 { margin-bottom:2px;}



/********************************************
				SUBMENU EN LOS INTERIORES 
**********************************************/
#pagina #submenu_lateral{ margin:0; padding:0;}
#pagina  #submenu_lateral li {margin:0 0 2px; background:#e8e5da;padding:5px 0 5px 24px; width:210px; float:none;
color:#004d93;font: bold 1em 'Trebuchet MS', Helvetica, sans-serif; text-decoration:none;}
#pagina  #submenu_lateral li span { padding-left:14px;}

#pagina  #submenu_lateral li.imagenes { padding:0;margin:0 0 2px; height:100%;background:none; width:210px; float:none;}
#pagina  #submenu_lateral li.enlaces , #pagina  #submenu_lateral li.enlacesSeccion{ padding:0 0 0px 0 ;margin:0 0 2px; height:100%;background:none; width:234px; float:none; background:#e8e5da;}
#pagina  #submenu_lateral a { display:inline; color:#004d93;font: bold 1em 'Trebuchet MS', Helvetica, sans-serif; text-decoration:none; padding-left:14px;text-decoration:underline; }
#pagina  #submenu_lateral a.bloque { display:block}
#pagina  #submenu_lateral a#opcion_selecionada {background: url(/estilos/imagenes/ico_flecha_amarilla.png) 0px 5px  no-repeat; }
#pagina li#colum_2  #submenu_lateral a:hover{ background: url(/estilos/imagenes/ico_flecha_amarilla.png)   0px 5px  no-repeat;}
#pagina  #submenu_lateral .enlaces .select a, #pagina  #submenu_lateral .enlacesSeccion .select a , #pagina  #submenu_lateral  .select a{ background: url(/estilos/imagenes/ico_flecha_amarilla.png)   0px 5px  no-repeat;}


     /* parte de los enlaces */
	#pagina  #submenu_lateral .enlaces ul, #pagina  #submenu_lateral .enlacesSeccion ul{padding:0 0 0 0;margin:-2px 0 0 15px; height:100%;background:none; width:200px; float:none;}
	#pagina   #submenu_lateral .enlaces li , #pagina   #submenu_lateral .enlacesSeccion li{  margin-left:15px; padding:4px 0 4px 0; border-bottom:1px solid #fff;width:204px; height:100%;}
	#pagina   #submenu_lateral .enlaces a , #pagina   #submenu_lateral .enlacesSeccion a{ display:block; color:#00f;font: normal 1em 'Trebuchet MS', Helvetica, sans-serif; text-decoration:underline;   background:none}
    #pagina   #submenu_lateral .enlaces .no_border, #pagina   #submenu_lateral .enlacesSeccion .no_border{border:0;}


/* galeria */
.galeria img {float:left; margin:1.5em 2em 1.5em 0; }

/* Columnas */
#pagina #columnas li{ width:47%; float:left; display:inline;}
#pagina #columnas #colum_2{margin-left:25px;}

.margin6 { margin-left:6%;}

#dosdieciseis {margin: 12px 50px 0 0;}
* html #dosdieciseis {float: left; margin-left: 40px;}
* +html #dosdieciseis {float: left; margin-left: 40px;}