/* $Id: views-styles.css,v 1.3 2010/06/24 23:08:18 jmburnz Exp $ */

/**********************************************************
 *                    Views Styles
 **********************************************************/

/* TODO: add basic views selectors */

/**********************************************************
 *                    Vista página noticias
 **********************************************************/

.view-display-id-page_1 .item-list ul li {
	clear: both;
	list-style-type: none;
	max-height: 315px;
	padding: 2.5em 0 0 0;
}

.view-display-id-page_1 .views-field-body {
	margin-bottom: 40px;
}

.view-display-id-page_1 .izda {
	width: 29%;
	float: left;
	max-height: 310px;
}

.view-display-id-page_1 .izda img {
	width: 100%;
	height: auto;
}

.view-display-id-page_1 .dcha {
	width: 69%;
	float: right;
	max-height: 310px;
}

.view-display-id-page_1 .titulo {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	font-size: 20px;
}

.view-display-id-page_1 .titulo a:link {
	text-decoration: none;
}

.view-display-id-page_1 .titulo a:hover {
	text-decoration: underline;
}

.view-display-id-page_1 .cuerpo {
	font-family: 'Arial', sans-serif;
	font-size: 16px;
}

/**********************************************************
 *                    Vista vídeos
 **********************************************************/

.view-display-id-page > .view-content {
	display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.view-v-deos .views-field-field-video img {
	width: 100%;
}

.view-display-id-page .views-row {
	width: 31%;
}

@media all and (max-width: 1220px) {
	.view-display-id-page .views-row {
	width: 48%;
}
}

.view-display-id-page .views-field-title {
	font-size: 20px;
	text-transform: uppercase;
}

.view-display-id-page .views-field-title a {
	text-decoration: none;
}

/**********************************************************
 *                   Mini calendario dcha
 **********************************************************/

.view-calendario .month-view .has-events a:link,
.view-calendario .month-view .has-events a:visited {
	color: #ffb500;
	font-weight: bold;
}

/**********************************************************
 *                   Bibliovideoteca
 **********************************************************/

.view-art-culos tr td,
.view-art-culos-por-t-tulo tr td,
.view-investigaciones-por-autor tr td,
.view-glossary tr td,
.view-libros-por-autor tr td,
.view-libros tr td {
	font-size: 15px;
}