/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "layouts/responsive.css";

/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */

/* Body */
body {
  background-color: #ebebeb;
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden;
}

/* Pre header */
.pre-header {
  width: 100%;
  margin: 0 auto;
}

.region-pre-header {
  position: relative;
  background: #ffffff;
  border-bottom: 2px solid #65ccce;
}

.region-pre-header:before, .region-pre-header:after {
  content: "";
  position: absolute;
  background: #ffffff;  /* Match the background */
  top: 0;
  bottom: -2px;
  width: 9999px;   /* some huge width */
  border-bottom: 2px solid #65ccce;
} 
.region-pre-header:before {
  right: 100%; 
}
.region-pre-header:after {
  left: 100%;
}

/* Header */

#logo {
  margin: 20px 0;
}

/* Main */
#main {
  padding-top: 4em;
}

/* Hide first time message */
#first-time {
  display: none;
}

/* Page title & block title text styles */
#page-title, .block-title, h2 {
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.5em;
}

/* Links styles */
a:link, a:visited {
  color: #3e8282;
  text-decoration: none;
}

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

/* Form submit buttons */
input.form-submit {
  background-color: #397f7f;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: none;
  padding: 5px;
  color: #ffffff;
  font-weight: 700;
}

/* Sidebar */
.region-sidebar-second {
  border-left: 2px solid #72feff;
}

/* Menú principal */

#navigation {
  background-color: #397f7f;
  text-align: center;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#main-menu {
  margin-top: 0.8em;
}

#navigation .links li {
  text-transform: uppercase;
  display: inline-block;
  float: none;
  font-weight: 700;
  padding-right: 3%;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8em;
}

#main-menu li a:link,
#main-menu li a:visited {
  color: #ffffff;
}

#main-menu li a.active {
  color: #000000;
}

@media all and (max-width: 768px) {
  #navigation {
    background-color: #ebebeb;
  }
}

/*  Menú RRSS */
.bloque-rrss ul {
  padding-top: 15px;
  margin-top: 0;
  margin-bottom: 15px;
  padding-left: 0;
}

.bloque-rrss ul li {
  display: inline;
}

#block-block-1 {
  margin-bottom: 5px;
}

/* Menú secundario */
#block-menu-menu-men-secundario {
  position: absolute;
  top: 0;
  right: 0;
}

#block-menu-menu-men-secundario ul li {
  display: inline;
}

#block-menu-menu-men-secundario ul li:after {
  content: " | ";
  color: #65ccce;
}

#block-menu-menu-men-secundario ul li.last:after {
  content: "";
}

/* Menú proyecto */

#block-menu-menu-men-proyecto ul li {
  
  margin-bottom: 8px;
  font-size: 1em;
	text-transform: uppercase;
}

/* Compact forms */

#views-exposed-form-b-squeda-simple-de-personas-page .compact-form-label {
  top: 0.5em;
}

.compact-form-label {
  color: #b2b2b2;
}

/* Formulario búsqueda personas front page */
#views-exposed-form-b-squeda-simple-de-personas-page .views-exposed-widget {
  float: none;
}

#block-views-c2458a63e86c7f83f3991b9febf1e3ab {
  text-align: center;
}

#block-views-c2458a63e86c7f83f3991b9febf1e3ab .views-exposed-widget {
  text-align: center;
}

/* Bottom region */
/*
.region-bottom {
float: left;
min-width: 100%;
background-color: #397f7f;
border-top: 4px solid #72feff;
margin-top: 30px;
}

.region-bottom .full-wrap {
margin: 20px auto 0 auto;
max-width: 1200px;
}
 */
.region-bottom a:link,
.region-bottom a:visited {
  color: #ffffff;
}

.region-bottom a:hover {
  color: #ebebeb;
}

/* Materiales recientes front page */

#block-views-contenido-reciente-block {
  padding-right: 20px;

  width: 45%;
  float: left;
}

#block-views-contenido-reciente-block .views-field-title {
	font-weight: 700;
	font-size: 1em;
}

#block-views-contenido-reciente-block .views-row {
	margin-bottom: 20px;
}

/* Personas recientes */

#block-views-eec5b1923d00a08abdc0dac90245c7a6 {
	text-align: right; 
  width: 45%;
  float: right;
}

#block-views-eec5b1923d00a08abdc0dac90245c7a6 .views-field-title {
  font-weight: 700;
  font-size: 1em;
}

#block-views-eec5b1923d00a08abdc0dac90245c7a6 .views-row {
  margin-bottom: 20px;
}


#block-block-2 {
  width: 50%;
  float: left;
  padding-right: 20px;
}


#block-block-3 h2 {
  color: #ffffff;
  margin-top: 0;
}


.region-bottom {
  width: 100%;
  margin: 20px auto 0 auto;

}

.region-bottom .full-wrap {
  position: relative;
  background: #397f7f;
  border-top: 4px solid #72feff;
  height: 600px;
}

.region-bottom .full-wrap:before, .region-bottom .full-wrap:after {
  content: "";
  position: absolute;
  top: -4px;
  bottom: 0;
  width: 9999px;   /* some huge width */
  border-top: 4px solid #72feff;
}
.region-bottom .full-wrap:before {
  right: 100%;
  background: #397f7f;
}
.region-bottom .full-wrap:after {
  left: 100%;
  background: #000000;

}

#block-block-3 {
  width: 20%;
  float: right;
  background: #000000;
  height: 100%;
  padding-left: 20px; 
}

/* Flexslider front page */

#block-views-my-flexslider-block {
  margin-top: 17px;
}

.flexslider .slides .views-field-field-imagen {
  float: left;
}

.flexslider .slides img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin-left: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 16px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 16px; 

  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 16px; 
}

.flexslider .slides li {
  background-image: url('../../../../default/files/slidebackgr.png');
  background-repeat: no-repeat;
}

.flexslider .slides li .slide-overlay {
  margin-left: 55%;
  margin-top: 15px;
  width: 40%;
  height: 90%;
  background: none repeat scroll 0 0 rgba(114, 253, 255, 0.5);
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 12px; 

  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
}

.flexslider .slides li .slide-overlay .slide-text {
  padding: 15px;
}

.flexslider .slides li .slide-overlay .slide-title a:link,
.flexslider .slides li .slide-overlay .slide-more a:link,
.flexslider .slides li .slide-overlay .slide-title a:visited,
.flexslider .slides li .slide-overlay .slide-more a:visited
{
  color: #ffffff;
}

.flexslider .slides li .slide-overlay .slide-title {
  font-weight: 700;
  font-size: 1.3em;
}

@media all and (max-width: 740px) {
  #block-views-my-flexslider-block {
    display: none;
  }
}

/*
.flexslider .slides li.flex-active-slide .slide-overlay {
position: absolute;
left: 20%;
top: 1%;
width: 10%;
height: 95%;
z-index: 9999;
}

.flexslider .slides li.flex-active-slide .slide-overlay .slide-text {
position: absolute;
top: 0;
width: 90%;
}
 */
/* Personas result table */

.view-b-squeda-simple-de-personas th, .view-b-squeda-de-personas th {
  text-transform: uppercase;
}

.view-b-squeda-simple-de-personas thead, .view-b-squeda-de-personas thead {
  border-bottom: 2px solid #72feff;
}

.view-b-squeda-simple-de-personas td, .view-b-squeda-de-personas td,
.view-b-squeda-simple-de-personas th, .view-b-squeda-de-personas th 
{
  padding: 15px 10px;
}
/* Búsqueda materiales */
.view-b-squeda-de-materiales th, .view-b-squeda-de-personas th {
  text-transform: uppercase;
}

.view-b-squeda-de-materiales thead, .view-b-squeda-de-personas thead {
  border-bottom: 2px solid #72feff;
}

.view-b-squeda-de-materiales td, .view-b-squeda-de-personas td,
.view-b-squeda-de-materiales th, .view-b-squeda-de-personas th
{
  padding: 15px 10px;
}

/* Búsqueda microbiografías */
.view-microbiografias th {
  text-transform: uppercase;
}

.view-microbiografias thead {
  border-bottom: 2px solid #72feff;
}

.view-microbiografias td,
.view-microbiografias th
{
  padding: 15px 10px;
}

/* Búsqueda libros */

.view-biblioteca th {
  text-transform: uppercase;
}

.view-biblioteca thead {
  border-bottom: 2px solid #72feff;
}

.view-biblioteca td,
.view-biblioteca th
{
  padding: 15px 10px;
}

.view-biblioteca td img {
  max-width: none;
}

/* Noticia full view */

.node-type-article .view-mode-full .field-name-field-tags .field-item {
	float: left;
	overflow: hidden;
	margin-right: 20px;
}

/* Últimas noticias bloque */

#block-views-ltimas-noticias-block-1 {
  clear: both;
}

#block-views-ltimas-noticias-block table,
#block-views-ltimas-noticias-block-1 table {
  margin-top: 0;
}

#block-views-ltimas-noticias-block table tr,
#block-views-ltimas-noticias-block-1 table tr {
  border-bottom: 2px solid #72feff;
}

#block-views-ltimas-noticias-block table tr.row-last,
#block-views-ltimas-noticias-block-1 table tr.row-last {
  border-bottom: none;
}

#block-views-ltimas-noticias-block table td,
#block-views-ltimas-noticias-block-1 table td
{
  vertical-align: top;
  width: 48%;
  padding: 30px 30px 30px 0;
}

#block-views-ltimas-noticias-block table td .views-field-field-image,
#block-views-ltimas-noticias-block-1 table td .views-field-field-image
{
  float: left;
  width: 29%;
}

#block-views-ltimas-noticias-block table td .views-field-title,
#block-views-ltimas-noticias-block table td .views-field-body,
#block-views-ltimas-noticias-block table td .views-field-created,
#block-views-ltimas-noticias-block table td .views-field-field-tags,
#block-views-ltimas-noticias-block-1 table td .views-field-title,
#block-views-ltimas-noticias-block-1 table td .views-field-body,
#block-views-ltimas-noticias-block-1 table td .views-field-created,
#block-views-ltimas-noticias-block-1 table td .views-field-field-tags,
#block-views-ltimas-noticias-block table td .views-field-sharethis,
#block-views-ltimas-noticias-block-1 table td .views-field-sharethis
{
  float: right;
  width: 69%;
}

#block-views-ltimas-noticias-block table td .views-field-title,
#block-views-ltimas-noticias-block-1 table td .views-field-title
{
  font-weight: 700;
  font-size: 1.2em;
}


#block-views-ltimas-noticias-block-1 table td .views-field-created,
#block-views-ltimas-noticias-block-1 table td .views-field-field-tags,
#block-views-ltimas-noticias-block table td .views-field-created,
#block-views-ltimas-noticias-block table td .views-field-field-tags {
  font-size: 0.9em;
}
/* Blog */

.view--ltimas-noticias .views-field-field-image {
  float: left;
  width: 48%;
}

.view--ltimas-noticias .views-field-title,
.view--ltimas-noticias .views-field-body,
.view--ltimas-noticias .views-field-created,
.view--ltimas-noticias .views-field-field-tags
{
  float: right;
  width: 50%;
}

.view--ltimas-noticias .views-field-created,
.view--ltimas-noticias .views-field-field-tags
{
  font-size: 0.9em;
}

.view--ltimas-noticias .views-field-title {
  font-weight: 700;
  font-size: 1.3em;
}

.page-blog #page-title {
  margin-bottom: 20px;
}

#block-views-ltimas-noticias-block-1 {
  border-top: 2px solid #72feff;
}

#block-views-ltimas-noticias-block-1 .view--ltimas-noticias {
  padding-top: 20px;
}

/* Todas las noticias */

.page-blog-todas .view--ltimas-noticias .views-row {
	overflow: hidden;
	padding-bottom: 25px;
	margin-top: 25px;
	border-bottom: 2px solid #72feff;
}

.page-blog-todas .view--ltimas-noticias .views-row-last {
	border: none;
}

.page-blog-todas .view--ltimas-noticias .views-field-field-image {
  float: left;
  width: 30%;
}

.page-blog-todas .view--ltimas-noticias .views-field-title,
.page-blog-todas .view--ltimas-noticias .views-field-body,
.page-blog-todas .view--ltimas-noticias .views-field-created,
.page-blog-todas .view--ltimas-noticias .views-field-field-tags,
.page-blog-todas .view--ltimas-noticias .views-field-sharethis
{
  float: right;
  width: 68%;
}

/* Calendar */

.view-calendario ul.pager li {
  list-style-type: none;
}

.view-calendario .date-nav {
  padding-bottom: 0;
}

.view-calendario .view-footer p {
  font-size: 0.8em;
  margin-top: 8px;
}

/* Contador de registros y menú el proyecto*/
#block-block-4,
#block-menu-menu-men-proyecto
{
  background: none repeat scroll 0 0 rgba(114, 253, 255, 0.5);
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  padding: 10px;
}

#block-menu-menu-men-proyecto {
	font-family: 'Montserrat', sans-serif;

}

/* Enlaces */

.view-enlaces .views-row {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 2px solid #72feff;
}

.view-enlaces .views-field-title {
	font-weight: 700;
}

.view-enlaces h3 {
	font-size: 1.3em;
	text-transform: uppercase;
	font-family: 'Montserrat',sans-serif;
}

/* Microbiografías */

.node-microbiograf-as .field-name-field-autor-materiales {
	margin: 20px 0;
}

/* Formulario búsqueda microbio, materiales y biblio */

#views-exposed-form-b-squeda-de-microbiograf-as-page .views-submit-button,
#views-exposed-form-b-squeda-de-materiales-page .views-submit-button,
#views-exposed-form-biblioteca-page .views-submit-button {
  clear: both;
}

/* Tagcloud */

.tagclouds-term:after {
	content: "\A";
	white-space: pre;
}
