/*
Theme Name: Univalle Dependencias 2040528
Theme URI: http://www.univalle.edu.co/
Description: Tema WordPress para sitios web de las dependencias de la Universidad del Valle. Ver créditos completos en readme.txt adjunto al tema. Para facultades, por favor use el tema Univalle WordPress Facultades.
Author: Juan David Escobar Arias (ajustes: Fernando Prieto)
Version: 3.1
*/

/************************************************************************
 *  																	*
 *		Estilo de página para las dependencias Univalle 				*
 *		Basado en el estándar de univalle (dependencias-pestañas)		*
 * 																		*
 ************************************************************************/
/* Resetear el estado del box model */
* {
	margin: 0; 	padding: 0; border: 0;
}

/* Propiedades del body: fondo, anchura y tipografía */
body {
	/*width: 848px;*/
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align:center;
}

#contenedor {	text-align:left;
		width:848px;
		margin: auto;
		}
		

/* El margen inferior de los párrafos */
p {
	margin-bottom: 3px;
}

/* Margen de 15px coincidente con el logo de la UV */
#barra-enlaces p, #dependencia, #pestanas, #main, #footer, #main-foto, #footer-foto {
	/*margin-left: 15px;*/
	margin-left: 0px; /* Se le quita la pequeña margen izquierda*/
}

/*Estilo global de los enlaces: Empleamos el estilo de univalle para los enlaces */ 
a {
	text-decoration: none;
	color: #cc3300;
}

a:hover {
	color: #660000;
	text-decoration: underline;
}

a:visited {
	color: #cc6666;
}




/********************************************
 * 											*
 * 			Encabezado: Logo				*
 * 											*
 ********************************************/
/* div del logo: Estilo para el h1 */

#logo h1 {
	width: 100%;
	height: 54px;
	/*background: url(http://www.univalle.edu.co/cgi-bin/cabezote-aleatorio.pl) top right no-repeat;*/
	background: url(imagenes/foto-cabezote.jpg) top right no-repeat;
}

/********************************************
 * 											*
 * 		Encabezado: Barra de enlaces		*
 * 											*
 ********************************************/
#barra-enlaces {
	height: 19px;
	background: url(imagenes/barra/barra-head848x19.png) top left no-repeat;
}

#barra-enlaces p {
	padding-top: 3px;
	font-size: 10px;
}

#barra-enlaces p span {
	margin-left: 40em;
}

#barra-enlaces p a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

/* * * * * * * * * * * * * * * * * * * * * * *
 * 											 *
 * 		Encabezado: Rotulo dependencias		 *
 * 											 *
 * * * * * * * * * * * * * * * * * * * * * * */
/* div de la dependencia: Separación entre dependencia y pestañas */
#dependencia {
	margin-top: 5px;
	margin-bottom: 20px;
}

/* Estilo del nombre de dependencia (UV:h1) */
h2#n-depend a, 
h2#n-depend a:visited,
h2#n-depend a:hover {
	font-size: 21px;
	margin-top: 2px;
	color: #666666;
	text-decoration:none;
}

h2#n-depend a:hover {
	color: #4c4c4c;
}


/* * * * * * * * * * * * * * * * * * * * * * *
 * 											 *
 * 			Encabezado: Menús		 		 *
 * 											 *
 * * * * * * * * * * * * * * * * * * * * * * */

/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *
 * 					Formato	  				  *
 *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  */

/* Formato de la lista de menu (1º nivel) */
#pestanas ul a {  /*Enlaces en el primer nivel*/
	height: 14px;
	padding: 5px 8px;
	display: block;
}
#pestanas ul {
	list-style: none;
	overflow: visible;
 	height: 37px; /*problemitas*/
    /*height: auto; */
	border: solid #cccccc;
	border-width: 0 0 1px;
	display: block;
}

/* Formato de los items de 1º nivel */
#pestanas ul li {
	float: left;
	display: inline;
	/* marco de pestañas */
	background-color: #f2f2f2;
	border: solid #cccccc;
	border-width: 1px 1px 0;
	margin-left: 3px;
	height: 32px; /* Se le agrega para que los enlaces de dos reglones tengan fondo gris*/
}

	#pestanas ul li:hover, 
	#pestanas ul li.current-menu-item,
	#pestanas ul li.current-menu-ancestor { /* Formato de las pestañas en hover */		
		/* marco de pestañas */
		background-color: #ffffff;
		border-width: 1px 1px 1px;
		border-bottom-color: #cccccc;
		/*z-index: 10;*/
	}
	
	#pestanas ul li.current-menu-item, 
	#pestanas ul li.current-menu-ancestor { /* Clase de Wordpress que se pone al elemento seleccionado */
		border-bottom-color: #ffffff;
	height: 37px;
	}




/* Formato de la lista de 2º nivel */
#pestanas ul ul a { 
	height: auto; /* Ponemos height auto para que los titulos largos no se clipeen al estar limitada la altura */
	line-height: 15px;
}
#pestanas ul ul {
	width: 170px;
	display: block;
	overflow: visible;
	border: none;
	z-index: 100;
	height: auto;
	box-shadow: 2px 2px 3px #7c7c7c;
	-moz-box-shadow: 2px 2px 3px #7c7c7c;
	-webkit-box-shadow: 2px 2px 3px #7c7c7c;
}

/* Formato de items de 2º nivel */
#pestanas ul ul li, 
#pestanas ul ul li.current-menu-item,
#pestanas ul ul li.current-menu-ancestor { /*Añadimos las clases que pone wordpress aquí para que no cambien las opciones de submenús al ser seleccionadas*/
	float: none;
	display: list-item;
	margin: 0;
	border: solid #cccccc;
	border-width: 0 1px 1px;
	background-color: #ffffff;
}

#pestanas ul ul li:first-child {
	border-top: 1px solid #cccccc;
}

/* item mouse sobre */
#pestanas ul ul li:hover {
	background-color: #f2f2f2;
	border: solid #cccccc;
	border-width: 0 1px 1px;
}

#pestanas ul ul li:hover:first-child {
	border-top: 1px solid #cccccc;
}

/* Enlaces de pestañas */
#pestanas a {
	text-decoration: none;
}

#pestanas a:link, #pestanas a:visited {
	color: #A52A2A;
}

#pestanas a:hover {
	color: #000000;
}

/*  *  *  *  *  *  *  *  *
 *  Posicionamientos 	 *
 *  *  *  *  *  *  *  *  */

/*1º nivel*/
#pestanas ul li {
	position: relative;
}

#pestanas ul ul {
	position: absolute;
	top: 100%;
	left: -1px;
}
/*2º nivel*/
#pestanas ul ul li {
	position: relative;
}

/*3º nivel*/
#pestanas ul ul ul {
	position: absolute;
	top: -1px;
	left: 100%;
}

/* Comportamiento */
div#pestanas ul ul,
div#pestanas ul li:hover ul ul,
div#pestanas ul ul li:hover ul ul { /* desaparece ul de 2º nivel */
	display: none;
}

div#pestanas ul li:hover ul,
div#pestanas ul ul li:hover ul, /* reaparece ul de 2º nivel al pasar sobre el li superior */
div#pestanas ul ul ul li:hover ul { 
	display: block;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 					Fotos verticales					 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Colocamos el div de las fotos a la derecha y escondemos el contenido que sea más grande que él */
#foto-vertical {
	float: right;
	overflow: hidden;
}

/* Establecemos el tamaño, para el div y para cada foto (igual al archivo de imagen) */
#foto-vertical, #foto-vertical ul li {
	width: 75px;
	height: 312px;
}
	
	/*Quitamos el adorno de lista*/
	#foto-vertical ul {
		list-style: none;
	}
	
	/*Quitamos el texto de cada item*/
	#foto-vertical ul li {
		text-indent: -9999px;
	}
	
	/* Y aquí especificamos cada imagen como background */
	li#vfoto01 {background: url(imagenes/fotos_verticales/lago.jpg) top center no-repeat}
	li#vfoto02 {background: url(imagenes/fotos_verticales/panoramica.jpg) top center no-repeat}
	li#vfoto03 {background: url(imagenes/fotos_verticales/biblioteca-perspectiva.jpg) top center no-repeat}
	li#vfoto04 {background: url(imagenes/fotos_verticales/entrando-a-admon.jpg) top center no-repeat}
	
	
/****************************************************
 *													*
 *					Cuerpo principal				*
 *													*
 ****************************************************/
/* Margen superior de los recuadros */ 
div.recuadro-blanco, div.recuadro-gris, div#foto-vertical {
	margin-top: 15px;
}

/* cabecera h3 de los Recuadros */
div.recuadro-blanco h1, div.recuadro-gris h1 {
	font-size: 13px;
	background: #999999;
	border-radius: 6px 0 0;
	color: #FFFFFF;
	padding: 2px 15px;
}

/* Enlaces en la cabecera de los recuadros */
div.recuadro-blanco h1 a, div.recuadro-gris h1 a,
div.recuadro-blanco h1 a:hover, div.recuadro-gris h1 a:hover,
div.recuadro-blanco h1 a:visited, div.recuadro-gris h1 a:visited
{
	color: #FFFFFF;
}

/* Padding de los Marcos */
div.recuadro-blanco div.borde, div.recuadro-gris div.borde, #contenido-container, #cont-container-ancho { /* removimos de acá el #sidebar */
	padding: 15px;
}

/* Línea gris del recuadro */
div.recuadro-blanco div.borde, div.recuadro-gris div.borde {
	border: solid #999999;
	border-width: 0 1px 1px;	
}

/* background del recuadro gris. Quizás sea necesario añadir la clase borde */
div.recuadro-gris div {
	background-color: #F2F2F2;
}

/* background del recuadro blanco. Quizás sea necesario añadir la clase borde */
div.recuadro-blanco div {
	background-color: #FFFFFF;
}


/* Estilo de listas DENTRO de los recuadros */
div.recuadro-blanco ul, div.recuadro-gris ul {
	list-style: none;
}

/* Elementos de listas no ordenadas */
div.recuadro-blanco ul li, 
div.recuadro-gris ul li { 
	background: url(imagenes/triangulo.gif) no-repeat top left;
	background-position: 0px 4px;
	padding-left: 14px;
	margin-bottom: 6px;
}

/* Contenido del recuadro de actualizaciones */
ul.vcontiene {
	overflow: hidden;
	margin-top: 15px;
}

ul.vcontiene:first-child {
	margin-top: 0;
}

/* Aquí hacemos que los items ocupen 1/3 del ancho total */
li.vitem, li.nobkg {
	float: left;
	display: inline-block;
	width: 30%; /* aquí */
	margin-right: 12px;
}

p.fecha {
	font-size: 10px;
	color: #666666;
}

a.url {
	/*background: url('imagenes/mas.png') center right no-repeat;*/
	display: inline-block;
	width: 36px;
	margin-top: 3px;
}

a.nuevo {
	background: url('imagenes/mas-nuevo.png') center right no-repeat;
}

/* Estilo del recuadro de enlaces relevantes */
div.recuadro-blanco ul li.nobkg, div.recuadro-gris ul li.nobkg {
	background: none;
}

/* Enlaces titulares del recuadro de noticias recientes */
li.vitem strong a,
li.vitem strong a:hover,
li.vitem strong a:active {
	color: #000000;
}

li.vitem strong a:visited {
	color: #4C4C4C;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * 															 *
 * 				Área de bienvenida con carrusel				 *
 * 															 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Estos dos selectores acomodan la sección de Bienvenida */
#bienvenida div {
	padding: 0;
	overflow: hidden; /*Esto da lio con Chrome */ 
}

#bienvenida div p {
	padding: 15px 25px;
}

/* Estilo de la lista de imágenes */
div#carrusel {
	/*width: 741px;*/
	width: auto;
	height: 180px;
	overflow-y: scroll; /*Si no hay Javascript, las imagenes se podrán ver por medio de una barra de desplazamiento.*/
	overflow-x: hidden;
}

div#carrusel ul {
	list-style: none;
	display: block;
}

div#carrusel ul li {
	background: none;
	float: left;
	display: inline;
	/* Les tenemos que resetear el box model a los items */
	margin: 0; 	padding: 0; border: 0;
}

/* Según http://cssglobe.com/jquery-plugin-easy-image-or-content-slider/
esto es lo que hay que hacer para controlar el ancho de la imagen */

#carrusel ul, #carrusel li{
	margin:0;
	padding:0;
	list-style:none;
	}
#carrusel, #carrusel li{ 
	width:846px;
	height:180px;
	overflow:hidden; 
	}

#carrusel li img {
	width:846px;
	height:180px;
		overflow:hidden;
	}
	
span#prevBtn{}
span#nextBtn{}	

/* Fin según http://cssglobe.com/jquery-plugin-easy-image-or-content-slider/ */


/* Estilo de la lista de control */
ol#control-nos {
	text-align: center;
	margin-top: 14px;
}

ol#control-nos li {
	text-indent: -9999px;
	width: 14px;
	height: 14px;
	display: inline-block;
	margin: 0 7px;
	background: url(imagenes/control_blanco.png) center center no-repeat;
}

ol#control-nos li.current {
	background: url(imagenes/control_actual.png) center center no-repeat;
}

/*#prevBtn, #nextBtn {
	display: none;
}
*/

/********************************************************
 * 														*
 * 														*
 *				Maquetación y posicionamientos			*
 *														*
 * 														*
 ********************************************************/
/* Esto le da espacio a las imágenes verticales */
#main, #footer {
	/*width: 743px;*/
	width: auto;
}

#footer {
	overflow: hidden;
}

/* Correr el footer a la derecha */
#footer-content {
	float: right;
	width: 40em;
	margin-bottom: 15px;
}

/* Ubicación de los dos paneles yuxtapuestos */
#yuxtap {
	overflow:hidden;
}

#buscarhome {
	float:left;
	width: 65%;
}

#rsscontainer {
	float: right;
	width: 33%;
}

/* Formulario de búsqueda del homepage */ 
fieldset{
	display:block;
}

	/*Leyenda del formulario*/
	div#buscarhome label {
		padding-left: 25px;
	}
	
	/* Ajuste de los input en el home */
	div#buscarhome input {
		margin-top: 5px;	
	}
	
	/* Cuadro de inserción de texto */
	input.searchbar {
		height: 26px;
		width: 290px;
		padding: 0 4px;
		margin-left: 25px;
		/*background: url(imagenes/buscar_entrada.png) no-repeat center center;*/
		border: 1px solid #999999;
		border-width: 1px 0 1px 1px;
		border-radius: 10px 0px 0px 10px;
		display: block;
		float: left;
	}
	
	/* boton de búsqueda */
	input.botonbuscar {
		font-size: 11px;
		font-weight: bold;
		line-height: 100%;
		width: 100px;
		height: 28px;
		/*background: url(imagenes/buscar_boton.png) bottom left no-repeat;*/
		color: #FFFFFF;
		margin-right: 25px;
		display: block;
		float: left;
		background-color: #D0794E;
		border: 1px solid #984C26;
		border-width: 1px 1px 1px 0;
		border-radius: 0 10px 10px 0px;
		
	}
	
		/* el botón en estado sobre y estado activo */
		input.botonbuscar:hover {
			background-color: #E6763E;
			border-color: #CC6633;
		}
		
		input.botonbuscar:active {
			background-color: #AC6542;
			border-color: #A15028;
		}

/*altura minima de los dos paneles */ 
#buscarhome div, #rsscontainer div {
	min-height: 44px;
}

/* Enlace a RSS */
#rsscontainer a.rsslink {
	font-size: 13px;
	padding-left: 26px;
	background: url(imagenes/iconos/feed.png) center left no-repeat;
	font-weight: bold;
}

#rsscontainer p {
	margin-bottom: 5px;
}


/****************************************************************************************************
 * 																									*
 *						Paginas adicionales: Páginas, listas de posts, widgets						*
 * 																									*
 ****************************************************************************************************/

/* El div con sidebar en la pagina de presentacion y similares:
 * Lo primero: un div sin padding, con un fondo para el sidebar. El padding estándar lo llevaran los divs de adentro.
 * También habrá un div sin fondo de sidebar, para otras cosas */
#container div#nopadding, #container div#otras_app {
	padding: 0;
	overflow: hidden;
	background: url(imagenes/sidebar.png) right repeat-y;
	background-color: #FFFFFF;
}

#container div#otras_app { /* div sin padding ni fondo sidebar */
	background: none;
	background-color: #FFFFFF;
}

/* Quitamos el borde de los divs internos */
#sidebar, #contenido-container {
	border: 0; 
}

/* * * * * * * * * * * * * * * * * * * * * * *
 * 											 *
 * 			El sidebar y los widgets		 *
 * 											 *
 * * * * * * * * * * * * * * * * * * * * * * */
div#sidebar {
	width: 225px;
	float: right;
}

div.recuadro-blanco div#sidebar,
div.recuadro-blanco div#sidebar div {
	background: none;
}

/* Márgenes para el contenido de los widgets */
li.widget > ul, 
li.widget > form, 
li.categories > ul,
li.widget h4 + div,
li.widget > div.tagcloud {	
	margin: 9px 11px 34px;
}

/* margen para calendario */ 
li.widget_calendar h4 + div {
	margin: 9px 1px 34px;
}

/* Centrar la imagen destacada del artículo */
li#img-del-post div.margen-widget a {
	display: block;
	text-align: center;
}

	/* Encabezados de titulo de cada widget */
	div#sidebar ul li.widget,
	div#sidebar ul li.categories {  /* Toca poner esta por cortesía de la clase categories generada por WP que (segun parece) no se puede cambiar. Tambien en L-558 */
		background-image: none;
		padding: 0;
		
	}
	
	div#sidebar h3, div#sidebar h4 {
		font-weight: normal;
		font-size: 11px;
		padding: 3px 0;
	}
	
	div#sidebar h3 {	/* Los titulares de los widgets */
		background-color: #CC6666;
		color: #FFFFFF;
		text-align: center;
		padding: 4px 0;
		margin-bottom: 2px;
	}
	
	div#sidebar h4 { 
		background-color: #ffffff;
		color: #000000;
		text-align: left;
		padding-left: 8px;
		border: 1px solid #cccccc;
		margin: 1px 1px 0;
	}
	
	/* Formulario de búsqueda en widget
	 * Reusamos el codigo css del boton del home. Esto es para ajustar la caja de búsqueda.
	 * Sólo modificamos lo necesario. El resto queda igual.
	 */
	
	#buscar_sidebar input.searchbar {
		margin: 0;
		width: 130px;
		border-color: #ADADAD;
	}
	
	#buscar_sidebar input.botonbuscar {
		width: 63px;
		margin: 0; 	padding: 0;
	}

	
/* * * * * * * * * * * * * * * * * * * * * * *
 * 											 *
 * 		Contenido: paginas y posts			 *
 * 											 *
 * * * * * * * * * * * * * * * * * * * * * * */
/* El contenedor del contenido valga redundancia */
#contenido-container {
	width: 69.2%;
	float: left;
}
	

/* Una excepción para la separacion de párrafos del contenido */
#contenido-container p, #cont-container-ancho p {
	margin-bottom: 18px;
	font-size: 13px;
}

/* Las fechas de los posts */
#contenido-container p.fecha {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 23px;
	background: url(imagenes/icono_fecha.png) center left no-repeat;
}

/* Los enlaces de navegación: <- item anterior		item siguiente ->
 * Los usamos en las listas de posts y en las galerias de imágenes
 */ 
div#linksnav {
	overflow: hidden;
}

/* Vamos a tener varios divs de estos en el sitio.
 * Pero cada uno tiene un box model diferente,
 * el cual vamos a asociar a una clase. */
div#linksnav.linksnav-noticias {
	margin-top: 26px;
}

#linksnav p {
	font-size: 11px;
	margin-bottom: 0;
}

#linksnav p#anterior {
	float:left;
	padding-left: 12px;
	background: url(imagenes/icono_nav_anterior.png) center left no-repeat;
}

#linksnav p#siguiente {
	float:right;
	padding-right: 12px;
	background: url(imagenes/icono_nav_siguiente.png) center right no-repeat;
}


/* * * * * * * * * * * * * * * * * * * * * * *
 * 											 *
 *		 		El Post Meta				 *
 * 											 *
 * * * * * * * * * * * * * * * * * * * * * * */
div#contenido-container div#post-meta, div.gallery {
	overflow: hidden;
	/* Esquinas redondeadas. depende del navegador */
	border-radius: 6px 0 6px 0;
	-moz-border-radius: 6px 0 6px 0;
	-webkit-border-radius: 6px 0 6px 0;
	-khtml-border-radius: 6px 0 6px 0;
	/* El fondo del meta. Si el navegador lo soporta, se verá un degradado suave */
	background-color: #d1d1d1;
	background: -moz-linear-gradient(100% 100% 90deg, #d1d1d1, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#d1d1d1));
	padding: 15px;
	margin-bottom: 10px;
}

/* El avatar del autor */
div#post-meta img {
	float:right;
	border: solid 3px #656464;
	margin: 0 0 10px 10px;
}

/* La fuente de los párrafos */
div#post-meta p {
	font-family: Arial, Helvetica, sans-serif;
}

/* Nombre del autor */
p#autor {
	font-size: 14px;
	font-weight: bold;
	color: #7f7f7f;
	margin-bottom: 14px;
}

/* Sangrado de los párrafos de fecha y etiquetas */
p.sang {
	padding-left: 23px;
	font-size: 12px;
}

/* Iconos de fecha y de tag */
p#fecha {
	background: url(imagenes/icono_fecha.png) center left no-repeat;
}

div#post-meta p#tag-t {
	background: url(imagenes/icono_etiqueta.png) center left no-repeat;
	margin-bottom: 3px;
}

/* Estilo de los tags */
p#tags a {
	font-size: 11px;
	font-style: italic;
	color: #000000;
}

div#post-meta p#tags {
	margin-bottom: 0;
}

p#edit-post {
	clear: both;
}

p#edit-post a {
	padding-left: 23px;
	font-size: 12px;
	margin: 20px 0 0 0;
	background: url(imagenes/icono_editar.png) bottom left no-repeat;
}

/* El sumario o excerpt */
div#summary p {
	font-weight: bold;
	margin: 5px 0 15px;
}


/* * * * * * * * * * * * * * * * * * * * * * *
 * 											 *
 * 		Imágenes dentro de artículos		 *
 * 											 *
 * * * * * * * * * * * * * * * * * * * * * * */
/* La anchura máxima que puede tener una imagen dentro del contenido. 
 * Puede distorsionar las imagenes si wordpress pone una altura determinada en el marcado. */
div#contenido-container div.wp-caption img { 
	/*max-width: 487px;*/
	padding: 5px 5px 0;
	margin: 0 auto;
}

div#contenido-container div.wp-caption {
	background-color: #e6e6e6;
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
	max-width: 485px;
	border: 1px solid #e5e5e5;
	/* Esquinas redondeadas. depende del navegador */
	border-radius: 5px 5px 8px 8px;
	-moz-border-radius: 5px 5px 8px 8px;
	-webkit-border-radius: 5px 5px 8px 8px;
	-khtml-border-radius: 5px 5px 8px 8px;
}

div#contenido-container div.wp-caption p {
	font-size: 11px;
	color: #666666;
	padding: 10px 20px;
	margin-bottom: 3px;
}

/* Esto que sigue probablemente lo hace WP con sus clases. 
 * habrá que ver si funciona en la fase de PHP 
 * También habrá que ver si mi markup es consecuente con lo que genera WP */
div#contenido-container div#pic-small {
	float: right;
	width: 176px;
	margin-left: 10px;
}


/* * * * * * * * * * * * * * * * * * * * * * *
 * 											 *
 * 				Galería de Imágenes 		 *
 * 											 *
 * * * * * * * * * * * * * * * * * * * * * * */
/* div que contiene la galería.
 * Voy a hacer que herede algunas de las características del post meta, 
 */

.gallery {
clear: both;
overflow: hidden;
margin: 0 auto;
}

.gallery .gallery-item {
overflow: hidden;
float: left;
margin: 10px 0 0;
text-align: center;
list-style: none;
}
 
/*
Image sizes depending on the number of columns
Based on Hybrid theme
*/
.gallery-columns-0 .gallery-item {
width: 100%;
}

/* Asignación de tamaños para las columnas de items. máximo seis */
.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16.66%; }

/* Estilo en el que modifico algunas cosas */
div.gallery img {
	border: 1px solid #f3f3f3;
	margin-right: 5px;
	width: 90%;
	height: 90%;
}

div.gallery img:hover {
	border: 1px solid #808080;
}

.gallery-caption { /* Es una clase de WP para la leyenda de cada item. Le voy a poner padding a los lados nada más */
	padding: 0 5px;
	color: #666666;
}

/****************************************************************************************************
 * 																									*
 *										Página de foto (sola)										*
 * 																									*
 ****************************************************************************************************/
/* La foto va a ser contenida en un div, el cual tiene color de fondo y alineación centrada */
div#foto-container {
	background: #F2F2F2;
	text-align: center;
}
	/* No queremos que las imágenes con anchura mayor a 760px se clipeen */
	div#foto-container a img {
		max-width: 743px;
	}
	
/* links de navegación */
div#linksnav.linksnav-imagen {
	padding: 0 15px;
	margin: 22px 0 30px;
}

/* Restauramos el tamaño de la fecha */
#otras_app p#fecha {
	font-size: 12px;
}

/* Margen que separa el enlace de regreso y el parrafo explicativo */
p#back {
	margin: 35px 0 0;
}


/****************************************************************************************************
 * 																									*
 *										Estilo para tablas											*
 * 																									*
 ****************************************************************************************************/
table {
	width: 100%;
	margin-bottom: 10px;
}

tr {
	background-color: #E8E8E8;
	vertical-align: text-top;
}

thead tr {
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

th, td {
	padding: 5px;
}

td.total {
	font-weight: bold;
}


/****************************************************************************************************
 * 																									*
 *						Estilo de titulares y elementos dentro del contenido						*
 * 																									*
 ****************************************************************************************************/
/* Titulos dentro de los recuadros */
#contenido-container h1,
#cont-container-ancho h1 {
	font-size: 17px;
	color: #333333;
	margin: 37px 0 7px;
	background: none;
	padding: 0;
}

/* Pequeño cambio para el título del artículo */
#contenido-container h1#tituloarticulo {
	margin: 27px 0 17px;
}

/* Enlaces de los titulares */
#contenido-container h1 a,
#cont-container-ancho h1 a,
#contenido-container h1 a:hover,
#cont-container-ancho h1 a:hover {
	color: #000000;
}

	/* Quitarle el margen superior al primero */ 
	#contenido-container h1:first-child,
	#cont-container-ancho h1:first-child {
		margin-top: 0;
	}
	
/* Titulos h5 dentro de los recuadros */
#contenido-container h2,
#cont-container-ancho h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 30px 0 8px;
}

/* Mejor margen y formato para #cont-container-ancho h2 */
#cont-container-ancho h2 {
	padding-left: 16px;
	background: url(imagenes/triangulo.gif) 0 5px no-repeat;
	margin-top: 35px;
}

/* Tamaño de titulares subordinados.
 * Sólo aparecerán en el contenido a solicitud del usuario */
#contenido-container h3, 
#contenido-container h4, 
#contenido-container h5, 
#contenido-container h6,
#contenido-container h5, 
#contenido-container h6
{
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: bold;
}

/* Características de c/u */
#contenido-container h3 {
	
}

#contenido-container h4 {
	color: #660000;
}

#contenido-container h5 {
	color: #656464;
}

#contenido-container h6 {
	font-size: 11px;
	color:#999999;
}

/* Listas */
#contenido-container li {
	font-size: 13px;
}

	/* Listas anidadas en contenido (son generadas por plugins) */
	#contenido-container ul ul { 
		margin-top: 6px;
	}

#contenido-container ul,
#contenido-container ol {
	margin-bottom: 18px;
}

#contenido-container ul li {
	background-image: url(imagenes/bulletgris.gif);
	padding-left: 16px;
}

#contenido-container ol li {
	margin: 0 0 10px 22px;
}

/* Citas */
#contenido-container blockquote {
	padding-left: 20px;
	font-style: italic;
	font-size: 12px;
	border-left: #cacaca dotted 3px;
}

/****************************************************************************************************
 *																									*
 * 							Zona de taxonomías para las publicaciones								*
 *  																								*
 ****************************************************************************************************/
#taxonomias_pub {
	border: 1px solid #CCCCCC;
	border-radius: 6px 0 6px 0;
	margin: 15px 0 26px;
	padding: 15px;
}

#taxonomias_pub p {
	margin:0; /*resetiemos ese margencito*/
}

/* párrafos*/
#taxonomias_pub .ettax {
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	padding-left: 30px;
	margin-top: 18px;
}

#taxonomias_pub .listatax {
	padding-left: 30px;
}

#taxonomias_pub .listatax.autores {
	font-style: italic;
}
	
#taxonomias_pub .ettax:first-child {
	margin: 0;
}

#taxonomias_pub #tax_autor {
	background: url(imagenes/iconos/iconos_tax_publicaciones.png) 3px 0 no-repeat;
}

#taxonomias_pub #tax_editorial {
	background: url(imagenes/iconos/iconos_tax_publicaciones.png) 3px -23px no-repeat;
}

#taxonomias_pub #tax_serie {
	background: url(imagenes/iconos/iconos_tax_publicaciones.png) 3px -47px no-repeat;
}

/* enlaces */
#taxonomias_pub a,
.archivoautores a {
	color: #000000;
}

#taxonomias_pub a:visited,
.archivoautores a:visited {
	color: #333333;
}


/****************************************************************************************************
 * 																									*
 *									Lista de personal docente										*
 * 																									*
 ****************************************************************************************************/
/* Un pequeño cambio al h5 que contiene el nombre del docente */
div.vcard h2,
div.itempublicado h2 {
	margin-top: 25px;
}

/* Recuadro con la info sobre el docente, sobre el libro. cat-frame es para el listado en categorías */
div.docente,
div.cat-frame {
	border: 1px solid #cccccc;
	/* Esquinas redondeadas. depende del navegador */
	border-radius: 8px 0 8px 0;
	-moz-border-radius: 8px 0 8px 0;
	-webkit-border-radius: 8px 0 8px 0;
	-khtml-border-radius: 8px 0 8px 0;
	padding: 10px 0 10px 10px;
	background: url(imagenes/sidebar_infocontacto.png) top right repeat-y;
	overflow: hidden;
}

div.cat-frame {
	background: none;
	padding: 10px;
}

div.cat-frame a.url {
	font-size: 13px;
}

/* La foto del docente */
div.docente img,
div.cat-frame img { /* Aprovechar este estilo para la imagen destacada en categorías, búsqueda, etc */
	border: solid 2px #656464;
	max-width: 55px;
	float: left;
	margin: 4px 10px 10px 4px;
}

/* El párrafo con información sobre el docente */
#cont-container-ancho div.docente p {
	margin: 0px 0 0 72px;
	width: 500px;
}

/* Enlaces de contacto
 * Primero posicionamos la lista de enlaces */
div.docente ul {
	float: right;
	margin: 6px 0;
	width: 184px;
	padding-left: 16px;
}
	
	/* Luego las caracteristicas particulares de box model */
	div.docente ul li,			/* Lista de enlaces sociales del docente */
	div.links-libro ul li,  	/* Lista de enlaces del libro en la pagina de publicaciones físicas */
	div.textwidget ul li {		/* Enlaces sociales de la escuela en sidebar */
		background: none;
		margin-top: 12px;
		padding-left: 0;
		margin-bottom: 0;
	}
		/* Al primero le quitamos el margen superior. */
		div.docente ul li:first-child,			/* Lista de enlaces sociales del docente */
		div.links-libro ul li:first-child,  	/* Lista de enlaces del libro en la pagina de publicaciones físicas */
		div.textwidget ul li:first-child {		/* Enlaces sociales de la escuela en sidebar */
			margin-top: 0px;
		}
	
	/* Con esto resolvemos el problema del area activa del enlace que no afecta al ícono */
	div.docente ul li a,			/* Lista de enlaces sociales del docente */
	div.links-libro ul li a,  		/* Lista de enlaces del libro en la pagina de publicaciones físicas */
	div.textwidget ul li a {		/* Enlaces sociales de la escuela en sidebar */
		padding-left: 24px;
		height: 16px;
		display: inline-block;
	}
	
	/* Ahora los íconos */
	div ul li.fbook	{background: url(imagenes/iconos/facebook.png) center left no-repeat;}
	div ul li.tweet	{background: url(imagenes/iconos/twitter.png) center left no-repeat;}
	div ul li.url	{background: url(imagenes/iconos/world.png) center left no-repeat;}
	div ul li.email	{background: url(imagenes/iconos/email.png) center left no-repeat;}
	
	/* Enlace de archivos anexos */
	#foto-container a#att-enlace {
		background: url(imagenes/iconos/icon_download.png) center left no-repeat;
		padding: 16px 0 16px 24px;
		display: inline-block;
	}
	


/****************************************************************************************************
 * 																									*
 *							Página para publicaciones (físicas) de la escuela						*
 * 																									*
 ****************************************************************************************************/
/* El nombre del autor aparece dos veces (contenido y sidebar).
 * En cada instancia el margen cambia. */
p#autor.publicacion {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin:9px 0 40px; /* Margen para la instancia en el contenido */
}

div.margen-widget p#autorsidebar, 
div.margen-widget p.isbn { /* Lamentablemente toca repetir codigo en este parrafo de autor pq ya no va a heredar a p#autor */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7f7f7f;
	margin: 9px 0 0; /* Margen para la instancia en el sidebar */
}

div.margen-widget p.isbn { /* Características del párrafo del ISBN/ISSN */
	font-size: 11px;
}

/* A la imagen de portada le damos un ancho máximo. */
img#portada-pub {
	max-width: 203px;
}

/* Parrafo de etiquetas que contiene los tags */
li.widget #tags {
	margin: 9px 11px 34px;
}

	/* íconos de los enlaces del libro */
	div ul li.ej-biblio		{background: url(imagenes/iconos/book_link.png) center left no-repeat;}
	div ul li.web-compra	{background: url(imagenes/iconos/cart.png) center left no-repeat;}

	
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * 														 *
 *			Clases de WP para el editor WYSIWIG 		 *
 *														 *  
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

/* el crédito del diseñador */
#disenador {
	text-align: left;
}
#disenador hr {
	border: 1px dotted #c0c0c0;
	margin: 9px 0;
}