/*
Theme Name: CSS inicial
Author: Queli
Version: 0.1
Description: CSS básico con arreglos y selectores pre-configurados.
*/
/***** COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS  ****/
* {	margin: 0;	padding: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;color: black;background: white;}
blockquote:before, blockquote:after, q:before, q:after {content:''} blockquote, q {quotes: "" ""}
sup { font-size:0.8em;} sub {  font-size:0.8em; } ul ,ol  {list-style-type:none;}
a img { 	border: none; 	text-decoration: none; } .none {display:none;}
a:link, a:visited, a:active , :focus  { outline:0;}
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}
#saltar { display:block; height:0; text-indent:-99999px;}
/*** igualar las fuentes a todos los elementos ***/
h1, h2 , h3, h4, h5{ font-size:100%; font-weight:bold;}
/***  TABLAS ***/
table { width:100%; border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align: left;font-weight: normal;}
/** HACK dar altura a elementos con contenido flotado */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:block;}
.float-left { display:inline;	float: left; } .float-right { display:inline;	float: right; }
.clear{clear:both;margin:0;padding:0; } .clear_2{clear:both;margin:0;padding:0;height:0;} .clear_position{position:relative;}
acronym {border:0} .manolink{cursor:pointer;} .ocultar {display:none} .bloque {height:1em; display:block; margin:4px 0; }
.fuerte{font-weight:bold; color:#181d6a} #pagina .noBorder {border:0;}
/*** igualar las columas ***/
#content { overflow:hidden;} * html #content { overflow:visible;}
#pagina #column_1 , #pagina #column_2 ,  #pagina #column_3 {float:left; margin-bottom:-20000px; padding-bottom:20000px; }
#pagina #subColumn1NO, #pagina #subColumn2NO ,  #pagina #subColumn3NO  {float:left; margin-bottom:-20000px; padding-bottom:20000px; }
	/* solo queda maquetar el ancho de cada columna den  trode cada interior #column_2{ width:47%;} 	#column_3{ width:28%;} */
#pagina #column_1 , #pagina #subColumn1 { float:left; width:17.50em; }
#pagina #column_2 , #pagina #subColumn2 { float:left; width:46.40em;}
/* #pagina #column_3 , #pagina #subColumn3 { float:right; width:30%; padding-left:12px;} */
/***** FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS  ****/
/***   ESTRUCTURA DE LA PAGINA   ****/
body{margin:0;padding:0;background:#dadada url(../graficos/fondos/fnd-pagina.png) repeat-x;text-align:center; font-size:100%;}
h1 { position:absolute;  left:1.33em; top:4em; width:267px; height:180px;   text-indent:-9999px; cursor:pointer;  background:url(../graficos/logo.png) no-repeat ; }
/* el width de la pagina se ajusta en pixeles con el tamaño del screen cortado en photoshop */
#pagina{position:relative; margin:0 auto; width:63.9em;text-align:left; border:0.5em solid #fff; background:#fff;  }
#pagina p {line-height:16px; margin-bottom:8px;}
#header{position:relative; height:240px; border-top:0.75em solid #e3e3e3; background:url(../graficos/cabecera/fnd-cabecera.png) no-repeat 100% 1.25em; }
#footer{ clear:both; position:relative;  color:#cff; background:#474747 url(../graficos/fondos/fnd-pie.png) repeat-x;   }
#footer ul { margin:0 auto; padding:2.08em 0 0 2em; color:#fff;}
#footer ul a:link, #footer ul a:visited { padding:0 0.42em; font-weight:bold;  text-decoration:none; color:#fff;}
#footer ul a:hover {  text-decoration:underline; }
#footer p.vcard { padding:0.42em 0; text-align:center;}
#footer p.vcard a {  color:#cff;}
#footer p.vcard .tel {   padding-right:0.42em; }
#footer  .validate {  text-align:center;}
#footer  .validate a{ padding-right:1em;}
/********************************************
				TEXTOS
**********************************************/
#pagina{ font: normal 0.75em Arial, Helvetica, sans-serif; color:#4a4b45; }
#pagina .subtitular {color:#016952; font-weight:bold;}
#pagina .titular {color:#cc3c00; font-weight:bold;}
/********************************************
				ENLACES
**********************************************/
/* generales */
a:link, a:visited { font-weight:inherit; font-family:inherit; font-size:inherit;   color:#cc3c00; }
a:hover{ text-decoration:none;}
a.descargar:link ,a.descargar:visited{background:url(/estilosico_pdf.gif) no-repeat; font-size:1em; display:block; padding:2px 4px 4px 25px; font-size:0.9em }
a.verMas {padding-left:20px; background:url(../graficos/iconos/ico-todas.gif) no-repeat 0 4px;}
a.pdf {padding-left:23px; background:url(../graficos/comunes/iconos/ico-pdf.png) no-repeat 0 4px;}
a.volver {position:absolute; top:0; right:3.5%; padding:3px; background-color:#e7e0d6;}
a.vistaAerea {display:block; width:5.5em; height:18px; padding:3px 1px 0px 25px; background:#cac2b3 url(../graficos/comunes/iconos/ico-vista-aerea.png) no-repeat 0 2px;}

/*****	LISTAS MENUS   ****/
/* Lista para el migas */
ul.migas { margin:1em 0;}

/* Lista menu utilidades */
#nav_utilidades{ position:relative; float:right;  top:157px; right:15px;  height:1.33em; padding:0.25em 0; list-style-type:none; text-align:right;   }
#nav_utilidades li{display:block;  float:left; height:16px; margin:0;padding:0; }
#nav_utilidades li a:link, #nav_utilidades li a:visited { font-size:0.92em; color:#747373; text-decoration:none;}
#nav_utilidades li a:hover { font-size:0.92em; color:#747373; text-decoration:underline}
#nav_utilidades li span {display:none; text-indent:-99999px; color:#ccc; padding:0 6px 0 7px; background:url(../graficos/comunes/iconos/ico-nav-separator.gif) no-repeat 0 6px;}
#nav_utilidades li span.none { display:none}

#nav_utilidades li .inicio { display:block; float:left; width:96px; height:79px; text-indent:-99999px; text-align:left; background:url(../graficos/menu/btn-home-on.png) no-repeat;}
#nav_utilidades li .contacto { display:block; float:left; width:112px; height:79px; text-indent:-99999px; text-align:left; background:url(../graficos/menu/btn-contacto.png) no-repeat;}

/*** listas en linea ***/
#pagina ul.linea { display:block;}
#pagina ul.linea li { float:none; display:inline;}

/*  menu principal Solo Texto */
#nav_principalText { position:relative; float:none; width:11.25em;   padding:1.5em 1.25em 0 1.25em; z-index:100;  background:#f8f8f8 url(../graficos/comunes/fondos/fnd-nav-principal-text.png) repeat-x;  }
#nav_principalText dt {position:relative;  float:none; background:url(../graficos/comunes/fondos/fnd-linea-puntos-menu.png) no-repeat 0 100%; }
#nav_principalText dt img {position:absolute; left:0; top:0.2em; }
#nav_principalText li {  float:none; background:url(../graficos/comunes/fondos/fnd-linea-puntos-menu.png) no-repeat 0 100%; }
#nav_principalText li a:link, #nav_principalText li a:visited
{display:block; float:none; padding-left:2.17em; height:1.67em; font-weight:bold; color:#4a4b45;  text-decoration:none;
}
#nav_principalText li a:hover, #nav_principalText li a.select:link
{ color:#cc3c00;}
#nav_principalText dt a:link, #nav_principalText dt a:visited
{display:block; float:none; padding-left:1.17em; height:1.67em; font-weight:bold; color:#4a4b45;  text-decoration:none;
}
#nav_principalText dt a:hover, #nav_principalText dt a#select:link
{ color:#cc3c00;}

	/*** submenu del principal ***/
#nav_principal ul {display:none;position:absolute; top:245px; left:0;}
#nav_principal ul li a:link, #nav_principal ul li a:visited {background:#e7e0d6; font-weight:normal; color:#660066;}
#nav_principal ul li a:hover, #nav_principal ul li a#menu_select a  {text-decoration:underline;}
#nav_principal li.primer li a:link { padding-left:17px; background:#e7e0d6;}
#nav_principal li#menu_select ul  a , #nav_principal li#menu_select ul  a:hover {color:#660066;}
#nav_principal li#menu_select ul  a.select {text-decoration:underline}




/*** Estructuras Comunes ***/

    .seccion ol , .seccion ul {list-style:lower-alpha; list-style-position:inside;}
    .seccion ol li , .seccion ul li { width:90%;  margin-bottom:0.5em; padding-left:1em;}
	.seccion p { margin-bottom:0.5em; }
	.seccion h4 , .seccion dt , .seccion .vcard .fn {margin:0.75em 0; font-weight:bold; color:#016952;}
	.seccion .media { margin-bottom:1em;}
	.seccion .vcard .fn , .seccion .vcard .street-address { display:block;}
	/*** Galeria ***/
	p.galeria   {  margin-bottom:20px;  }
	p.galeria  a { float:left; width:150px; margin-right:10px; font-size:0.9em; text-decoration:none; color:#5c676e;  }
	p.galeria  a img { display:block; margin-bottom:7px; }
	p.galeria  a.ultimo { margin-right:0 }
	/*** ***/

	/** dl.textoFoto {} **/
	dl.textoFoto {  width:95%; margin:1em 0;}
	dl.textoFoto dt { float:right; width:15.00em; text-align:center;}
	dl.textoFoto dd { float:left; width:60%; text-align:justify; }
	/** dl.fotoTexto {} **/
	dl.fotoTexto {  width:95%; margin:1em 0;}
	dl.fotoTexto dt { float:left; width:15.00em; text-align:center;}
	dl.fotoTexto dd { float:right; width:60%; text-align:justify; }
	.foto { text-align:center;}


/*** paginaciones ***/
     p.paginacion { position:relative;}
    .paginacion .total {float:left;}
    .paginacion .total span { padding-left:0.5em;}
    .paginacion .paginacion { float:right;}
	/*** estructuras columas como un periodico de texto ***/
	dl.columnasPeriodico { width:95%; text-align:justify;}
	dl.columnasPeriodico dd { width:46%; float:left;}
	dl.columnasPeriodico dd.ultimo { width:48%; float:right;}


/***** reglas css particulares a cada proyecto ***/

 /*** widget articulos column ***/
.ultimos-articulos  { width:82%; margin-top:2.50em;}
.ultimos-articulos h2 { width:8.5em; height:3.2em;  margin-bottom:0.83em; padding:1.42em 0 0 4.67em; font-weight:bold; color:#fff; text-transform:uppercase; background:#00251d url(../graficos/comunes/iconos/ico-fichero.png) 1.25em 0.75em no-repeat}
.ultimos-articulos h2 span { display:block;}
.ultimos-articulos dt, .ultimos-articulos dd  {display:block; margin-bottom:0.40em; }
.ultimos-articulos dt a:link,.ultimos-articulos dt a:visited  {padding-left:1.25em; color:#000;  font-weight:bold; text-decoration:none; background:url(../graficos/comunes/iconos/ico-flecha.png)  0 0.50em no-repeat;}
.ultimos-articulos dt a:hover { text-decoration:underline;}
.ultimos-articulos dd  { margin-bottom:1.25em;  padding-left:1.25em; color:#525050; }

/*** widget buscador column ***/
.buscador, #column_1 div.widget_container { width:11.25em;  margin:2.50em 0; padding:1.67em 1.25em 0 1.25em; background:#f8f8f8 url(../graficos/comunes/fondos/fnd-nav-principal-text.png) repeat-x;}
.buscador h2, .rss h2  { margin-bottom:1.25em; font-size:1.33em; color:#cc3c00; }
.buscador a:link , .buscador a:visited {font-weight:bold; color:#990200 }
.buscador a:hover { color:#990200 }
.buscador input { width:10.83em;  font:inherit;  font-size:1em; }
.buscador .btn-submit input { width:11em; height:1.33em;  border:none;font-weight:bold; cursor:pointer; color:#fff; background:#D57700 url(../graficos/comunes/fondos/fnd-boton-naranja.png) no-repeat }

/*** Widget rss listado ***/
.rss a {display:block; padding:0 0 0.83em 2.5em; background:url(../graficos/comunes/iconos/ico-rss.png) no-repeat 0.7em 0  }
* html .rss a {float:none; padding-bottom:0.41em}
.rss .general a {display:block; width:8.58em; height:8.58em; padding:0 0 0.83em 1.8em; text-indent:-9999px; background:url(../graficos/comunes/botones/rss.png) no-repeat }

/***  Seccione Paginas Estaticas ***/
.seccion {width:95%; padding-bottom:1em; color:#333;}
#pagina .seccion p.foto {width: 90%;}
.seccion h2 {margin:0.55em 0 0.68em; font-weight:bold; font-size:1.83em; color:#016952; }
.seccion h3 { margin-bottom:1em;}
/*** para las secciones de lo s eventos , noticias, agendas**/
.seccion-events{float:left; width:38%; margin-right:2%; border:1px solid #dfdfdf;padding:2.08em;  background:#f8f8f8;}
.seccion-events h2 {margin-bottom:0.91em;padding-left:2.27em; font-weight:bold; font-size:1.83em; color:#016952;
background:url(../graficos/comunes/iconos/ico-bocadillo.png) no-repeat;}
#pagina .next-news h2 { background:url(../graficos/comunes/iconos/ico-fichero.png) no-repeat;}
.seccion-events h2 span {display:block; padding-bottom:0.5em; font-size:0.55em; font-weight:bold; color:#cc3c00}
.seccion-events dt a:link, .seccion-events dt a:visited { font-weight:bold;color:#4a4b45; text-decoration:none;}
.seccion-events dt a:hover { color:#4a4b45; text-decoration:underline;}

/*** ultimas publicaciones ***/
.last-publications {margin:1.67em 0; padding:1.58em; background:#002f25 url(../graficos/comunes/fondos/fnd-publicaciones.png) repeat-x }
.last-publications h2 { float:left; width:9.44em; margin-right:0.50em; border-right:0.11em solid #95d055; padding:0.50em 0 1.67em 0; color:#fff; font-weight:bold; font-size:1.50em; }
.last-publications h2 span {font-size:1.33em;}
.last-publications div { float:left; width:28.00em; }
.last-publications div dl { float:left; width:30%; margin-right:2%;}
.last-publications div dl dd ul {width:85%; padding-left:1em;}
.last-publications div dl dd ul li {float:none; background:url(../graficos/comunes/fondos/fnd-linea-puntos.png) repeat-x 0 100%;}
.last-publications div dl dt  {display:block; width:93%;  margin-bottom:0.42em;  font-weight:bold; text-align:center; color:#003CF5; background:#b5da4f url(../graficos/comunes/fondos/fnd-boton-verde.png) no-repeat;}
.last-publications div dl dd a:link, .last-publications div dl dd a:visited  { display:block; float:none; margin-bottom:0.42em; padding:0 0 0 0.7em; height:1.67em; text-decoration:none; color:#fff;
	background:url(../graficos/comunes/iconos/ico-flecha-blanca.png) no-repeat 0 0.7em;}
.last-publications div dl dd a:hover {text-decoration:underline;}

#pagina .organigrama { width:500px; height:400px; text-indent:-99999px; background:url(../graficos/paginasestaticas/organigrama.jpg) no-repeat; }
#pagina .estatutos { margin:1em 0;  border:1px solid #016952; padding:2em 2em 2em 5em; font-size:2em;  background:url(../graficos/comunes/iconos/ico-fichero.png) no-repeat 3em 1.5em}
.seccion .asociate { padding-left:20em; background:url(../graficos/paginasestaticas/asociate.jpg) no-repeat 1em 0}
.seccion .asociate .cuenta {text-align:center;}

.diagnostico div { padding-right:20em; background:url(../graficos/paginasestaticas/diagnostico.jpg) no-repeat 95% 0}
.publicaciones dl { float:left; width:12.5em; margin-right:2em; }

/*** para las secciones de los listados ***/
.listado-seccion div, .enlaces_listado p {margin:1em 0; border-bottom:1px solid #016952; padding:1em 0; }
.listado-seccion div img{ float:left; width:12.5em; margin-right:1em;}
.listado-seccion div dl{ display:inline;}
.listado-seccion dl dt span { padding-left:2em;}
.listado-seccion .detalle dt strong, .listado-seccion .detalle dt span { display:block;}
.listado-seccion .detalle dt span { color:#333;}

/*** para los enlaces ***/
.enlaces_listado h3, .contenido_enlaces h3 { margin:0.5em 0; padding-left:1em; line-height:2em; color:#fff; background:#016952;}
#pagina .enlaces_listado, #pagina .contenido_enlaces {border-bottom:0;}


/** Estilos para los formularios de filtrado **/
form.filtrado  {margin-bottom:1em;  padding:1em 0; font-weight:bold; color:#fff; background:#016952;}
form.filtrado ul  {list-style:none;}
form.filtrado ul li {position:relative; float:left; width:10em; }
form.filtrado ul li.filtrar { width:5em;}
form.filtrado ul li.filtrar input {display:block;  width:30px; height:30px; padding-top:0.75em; border:none; text-indent:-99999px; cursor:pointer;}
form.filtrado ul li input, form.filtrado ul li select {width:100%;}
form.filtrado ul li label {display:block;}

/** Estillos para powered_by **/
p.powered_by{ text-align:center;}
p.powered_by a { color:#fff; font-weight:bold; padding-right:2em;}

/*** Estilos para el buscador avanzado ***/
body.buscador-avanzado {margin:1em; background:#fff; font-size:0.75em; text-align:left;}
body.buscador-avanzado h1 {background:none;}

a.premiotaw{
    display:block;
    margin:1.5em 0 0 0;
}

a#bannerAtrapalo{
    width:120px;
    height:120px;
}