/* COPYRIGHT

------------------------------------------------------------------	

  Omni Magazine for Drupal 7.x - Version 1.0                           

  Copyright (C) 2015 esors.com All Rights Reserved.           

  @license - Copyrighted Commercial Software                   

------------------------------------------------------------------	

  Theme Name: Omni Magazine                                            

  Author: ESORS                                           

  Date: 31st December 2015                                        

  Website: http://www.esors.com/                              

------------------------------------------------------------------	

  This file may not be redistributed in whole or   

  significant part.                                            

----------------------------------------------------------------*/  



/* TABLE OF CONTENT

------------------------------------------------------------------	



- GENERAL

  - Base Style

  - Base Layout

  - Typography

  - Link

  - List

  - Form

  - Button

  - Misc



- HEADER

  - Common

  - Sign In/Out/Up

  - Social Media



- MAIN

  - Main Top & Bottom 

  - Main Middle 

  - Spotlight

  - Content 

  - Breadcrumb 

  - Pager



- FOOTER



- NODE

  - Common 

  - Article 

  - Blog

  - Comment



- BLOCK

  - Common 

  - System Block 

  - Merging Block



- VIEWS

  - Common 

  - Article Block View 

  - Blog Block View

  - Page and Block View



- SEARCH

  - Common 

  - Header Search Form 

  - Search Block Form

  - Content Search Form

  - Content Search Result



----------------------------------------------------------------*/
.logos-bottom-npr {
    margin-left: 0% !important;
}


@media only screen and (max-width: 610px)  {
.footer-npr-logos {
    height: 1308px;
}
}

@media only screen and (max-width: 610px)  {
.footer_up_right {
    position: relative;
    top: 133px !important;
}
.footer-npr-logos {
    height: 1150px !important;
}
}
@media only screen and (max-width: 550px)  {
.footer_up {
    margin-top: 109px !important;
}
}

@media only screen and (max-width: 450px) {
.footer-npr-logos {
    height: 900px !important;
}
.footer_up {
    position: relative;
    top: 42px;
}
}


@media only screen and (max-width: 2520px)  {
.npr-column {
    width: 24% !important;
 }
}
@media only screen and (max-width: 1023px)  {
.npr-column {
    width: 48% !important;
 }
}
@media only screen and (max-width: 902px)  {
.npr-column {
    width: 100% !important;
 }
}

button.prev-npr:focus-within, button.next-npr:focus-within, .text.textoSlideNpr:focus-within, button#pauseButton:focus-within, button#playButton:focus-within, .mySlides.fade:focus-within {
    outline-style: dotted !important;
    outline-color: black !important;
    outline-width: 2px !important;
}
.textoSlideNpr:focus {
    outline-style: dotted !important;
    outline-color: black !important;
    outline-width: 2px !important;
}

.inner-talento {
	position: relative;
	top: 33px;
}
@media only screen and (max-width: 1920px) and (min-width: 1438px){
.slick-track {
	width: 100% !important;
 }
.slick-slide.slick-active {
	width: 25% !important;
 }
}

@media only screen and (max-width: 1920px)  {
.text.textoSlideNpr {
    position: relative;
    top: 50px;
}

.nprdots {
    position: relative;
    top: 52px;
}

.prev-npr, .next-npr {
    position: relative;
    bottom: 350px !important;
 } 
}

@media only screen and (max-width: 1700px)  {
.prev-npr, .next-npr {
    position: relative;
    bottom: 300px !important;
 }
}

@media only screen and (max-width: 1540px)  {
.prev-npr, .next-npr {
    position: relative;
    bottom: 250px !important;
 }
}

@media only screen and (max-width: 768px)  {
.prev-npr, .next-npr {
    position: relative;
    bottom: 200px !important;
 }
}

@media only screen and (max-width: 480px)  {
.text > a {
	font-size: 17px !important;
 }
.prev-npr {
	left: 0px !important;
	bottom: 170px !important;	
 }
.next-npr {
	right: 0px !important;	
	bottom: 170px !important;	
 }
 .text.textoSlideNpr {
    position: relative;
    top: 40px;
}
.nprdots {
    position: relative;
    top: 40px;
 }
}


div#block-block-101 > div {
    padding: 0px 0px 0px 0px;
}
/*.text > a:hover {
    color: #f2f2f2 !important;
}*/
.text > a:hover {
    color: black !important;
}
.text > a:focus {
    color: black !important;
}
/*.text.textoSlideNpr:hover, .text.textoSlideNpr:focus, .text.textoSlideNpr:active {
    border-style: dotted !important;
}*/
.play-btn:after{
	content: "PAUSAR" !important;
}
.pause-btn:after{
	content: "REANUDAR" !important;  
}
button#pauseButton:after {
	content: "PAUSAR";
}
a[title]:focus:after, span.fa[title]:focus:after, .prev-npr:focus:after, .next-npr:focus:after {  
    content: attr(title);
    background-color: white;
    color: black;
    padding: 2px;
    margin-top: 1.3em;
    position: absolute;
    max-width: 200px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 1;
	font-size: 10px;
}

.play-btn{
 background-color: rgba(0, 0, 0, 0.25);
}

.pause-btn{
 /*background-image: url(/sites/all/themes/omni_magazine/images/play-button2.png) !important;*/
  background-color: rgba(0, 0, 0, 0.25);

}
button.prev-npr {
    left: 60px;
	float: left;
}
/*Media queries slide accesible*/
@media only screen and (max-width: 768px)  {
.prev-npr, .next-npr {
	font-size: 9px !important;
	}
div#textoSlideNpr > a {
    font-size: 15px !important;
}
div#textoSlideNpr {
    height: 38px !important;
 }
}

@media only screen and (max-width: 414px)  {
div#textoSlideNpr > a {
    font-size: 11px !important;
 }
div#textoSlideNpr {
    height: 32px !important;
 }
.prev-npr, .next-npr {
    font-size: 6px !important;
 }
}
/*arreglo de slide inferior*/
.inner-talento > div {
    display: flex;
}
.inner-talento > div > div {
    margin-left: 3%;
}
/*Slide accesible*/
div#textoSlideNpr {
    height: 50px;
}
button#pauseButton, button#playButton {
    color: white;
}
button#playButton:hover, button#pauseButton:hover {
    color: black;
	background-color: #C70039 !important;
}
button#playButton:focus, button#pauseButton:focus {
    color: black;
	background-color: #C70039 !important;
}
.nprdots {
    background-color: white;
    border-style: solid;
    border-color: whitesmoke;
}
.nprdots > span {
    position: relative;
    top: 3px;
}
div#text-slider {
    bottom: 30px;
}
div#block-block-100 > div {
    padding: 0px 0px 0px 0px;
}
.botonesSlider {
    background-color: white;
    border-style: solid;
    border-color: whitesmoke;
}
.botonesSlider > span {
    position: relative;
    top: 3px;
}
.mySlides.fade > a > img {
	width: 100% !important;
}

.prev-npr, .next-npr {
    cursor: pointer;
    position: relative;
    bottom: 230px;
    width: auto;
    margin-top: 50px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    background-color: rgba(0, 0, 0, 0.25);
    margin-right: 0px;
}

.prev-npr:hover, .next-npr:hover {
  transform: scaleX(1.2);
  transition: 0.6s ease;
  background-color: #C70039 !important;
}
.prev-npr:focus, .next-npr:focus {
  transform: scaleX(1.2);
  transition: 0.6s ease;
  background-color: #C70039 !important;
}
.prev-npr:active, .next-npr:active {
  transform: scaleX(1.2);
  transition: 0.6s ease;
  background-color: #C70039 !important;
}

.prev-npr-cont:focus, .next-npr-cont:focus {
  transform: scaleX(1.2);
  transition: 0.6s ease;
  background-color: #C70039 !important;
}


/* Position the "next button" to the right */
.next-npr {
  right: 60px;
  border-radius: 3px 0 0 3px;
  float: right;
}


* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  width: 100%;
  position: relative;

}

/* Caption text */
.text > a {
    color: #f2f2f2;
    font-size: 25px;
    padding: 8px 12px;
    position: absolute;
    bottom: 0px !important;
    width: 100%;
    padding-left: 2%;
    font-weight: 800;
    background-color: grey;
}


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  display: none;
}

/* The dots/bullets/indicators */
.dot-npr {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.dot-npr:focus {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color:  #C70039  !important;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.dot-npr:hover {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #C70039 !important;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
/*.active {
  background-color: #808080;
}*/

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
/*fin slide accesible*/



/* GENERAL 

/* REGION 

----------------------------------------------------------------*/

/* Base Style

---------------------------------*/
.form-item.form-type-textfield.form-item-search-block-form {
    position: relative;
    top: -66px;
}
div#logo-center {
	max-width: 18%;
    float: left;
    position: relative;
    right: 200px;	/*posición de los logos de la cabecera al lado logo oficial- originalmente estaba en 225 */
}

div#logo-temporal {
	max-width: 18%;
    float: left;
	top: 13px;
    position: relative;
    right: 200px;	/*posición de los logos de la cabecera al lado logo oficial- originalmente estaba en 225 */
}

div#logo-center-const {
    max-width: 15%;
    float: left;
    position: relative;
    right: 202px;
    top: 16px;
}
@media only screen and (max-width: 1800px) {
    div#logo-center-const {
        top: 18px;
    }
}
@media only screen and (max-width: 1700px) {
    div#logo-center-const {
        top: 22px;
    }
}
@media only screen and (max-width: 1500px) {
    div#logo-center-const {
        top: 26px;
    }
}
@media only screen and (max-width: 1400px) {
    div#logo-center-const {
    max-width: 17%;
    }
}
@media only screen and (max-width: 1300px) {
    div#logo-center-const {
    max-width: 16%;
    }
}
@media only screen and (max-width: 1200px) {
div#logo-center {
    top: 13px;
 }
div#logo-center-const {
    max-width: 20%;
 }
}
@media only screen and (max-width: 810px) {
    div#logo-center-const {
    max-width: 19%;
    }
}
@media only screen and (max-width: 793px) {
div#logo-center-const {
    max-width: 19%;
    position: relative;
    top: -39px;
    right: 69px;
 }
}
@media only screen and (max-width: 760px) {
div#logo-center {
    right: 200px;
 }
div#logo-center-const {
    max-width: 21%;
    position: relative;
    top: 21px;
    right: 176px;
 }
}
@media only screen and (max-width: 740px) {
div#logo-center-const {
    right: 130px;
 }
div#logo-center {
    right: 145px;
 }
}
@media only screen and (max-width: 520px) {
a.menu-button.mega.collapsed {
    position: absolute;
    top: 9px;
    right: 9px;
 }
div#logo-center-const {
    right: 75px;
 }
div#logo-center {
    right: 110px;
 }
}
@media only screen and (max-width: 414px) {
div#logo-center-const {
    right: 89px;
    top: 18px;
 }
}


@media only screen and (max-width: 395px) {
div#logo-center {
    right: 80px;
 }
div#logo-center-const {
    right: 60px;
 }
}




html, body {

  height: 100%;

  font-size: 100%;   

}



html {

  min-width: 20em;

  box-sizing: border-box; 

}



body {

	font-family: Open Sans, Roboto, Arial, Helvetica, Sans-Serif;  

  font-weight: normal; 

  line-height: 1.5;

  padding: 0;

  margin: 0;

  position: relative;

} 



*, *:before, *:after {

  box-sizing: inherit; 

}

iframe.videoYoutube{
	width: 460px;
    height: 259px;
}

/* se muestra en los estilos dentro del editor del body*/
iframe.iframenoticia {
	margin: 1%;
	width: 300px;
	height: 270px;
	display:inline-block;
}
	
@media only screen and (max-width: 414px) and (min-width: 0px){
iframe.videoYoutube{
	width: 300px !important;
    height: 230px !important;
 }
}
/* Base Layout

---------------------------------*/

.inner.wrapper {

  margin: 0;  

}



/* medium screen 640px 

---------------*/

@media only screen and (min-width: 40.0625em) { 

  

  .inner.container {

    margin: 0 -0.625rem;

  }

  

  .inner.wrapper {

    margin: 0;  
	width: 100%;
    padding-left: 0px; 
    padding-right: 0px; 

  } 

  

  .col-1 .inner.container {

    margin: 0;


  } 

}



@media only screen and (min-width: 40.0625em){  



  .inner.container {

    margin: 0 -0.63rem;

  }

}



/* large screen 1024px

---------------*/

@media only screen and (min-width: 64.0625em) {

 

  .inner.wrapper {

    width: 60em;

    padding: 0;

    margin: 0 auto;

  }  

}



/* xlarge screen 1200px

---------------*/

@media only screen and (min-width: 75.0625em) { 

  

  .inner.wrapper {

    width: 70em;

  }

}



/* xxlarge screen 1440px

---------------*/

@media only screen and (min-width: 90.0625em) { 

  

  .inner.wrapper {

    width: 86.25em;

  }

}



/* Typography

---------------------------------*/

/* reset

---------------*/

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {

  /*margin: 0; algunos listados con esto salen escalonados - si hay que volver a ponerlo ver cómo solucionarlo
  ejemplo: http://www.injuve.es/etiqueta/dialogojuventud a 26/1/2022*/

  padding: 0; 

}
/* noticias talento joven*/

.view.view-TalentoJoven.view-id-TalentoJoven.view-display-id-page_1.pab-list.view-dom-id-7f484b03c0307b9f04af59c51bef5642, .inner {
    clear: both;
}



.containerYoutube{
	height: 270px;
    width: 410px;
}

/*media queries del video de talento joven */
@media only screen and (max-width: 414px) and (min-width: 0px){
.containerYoutube {
    height: 230px !important;
    width: 300px !important;
 }
}

.column-video-youtube-talento {
    width: 45%;
    float: right;
    margin-top: -178px;
}
@media only screen and (max-width: 1600px) and (min-width: 1024px){
.column-video-youtube-talento {
    width: 45%;
    float: right;
    margin-top: -220px;
}
}

@media only screen and (max-width: 414px) and (min-width: 0px){
.column-video-youtube-talento {
    width: 90% !important;
    float: right;
    margin-top: -25px !important;
  }
}


@media only screen and (max-width: 1024px) and (min-width: 0px){
	.column-intro-text-talento {
    width: 95% !important;
  }
  .column-video-youtube-talento {
    /* width: 45%; */
    float: left;
    /* margin-top: -178px; */
}
iframe.videoYoutube {
    width: 90%;
    /* height: 259px; */
}

}
@media only screen and (max-width: 1024px) and (min-width: 768px){
.column-video-youtube-talento {
    width: 60%;
    clear: both;
    margin-top: 0px;
    margin-right: 25%;
	margin-left: 25%;
  }
}

@media only screen and (max-width: 768px) and (min-width: 650px){  /*420*/
.column-video-youtube-talento {
    width: 45%;
    clear: both;
    margin-top: 0px;
    /* margin-right: 37%; */
	margin-left: 2%;
  }
}
/**/
@media only screen and (max-width: 650px) and (min-width: 420px){
.column-video-youtube-talento {
    width: 100%;
    clear: both;
    margin-top: 0px;
    /* margin-right: 37%;
	margin-left: 2%; */
  }
  .containerYoutube{
	height: 300px;
    width: 100%;
	padding-left: 1em;
}	
}

@media only screen and (max-width: 420px) and (min-width: 414px){

.column-video-youtube-talento {
    width: 103%;
    clear: both;
    margin-top: 0px;
    margin-right: 2%;
    margin-left: 2%;
}
}

@media only screen and (max-width: 414px) and (min-width: 360px){
.column-video-youtube-talento {
    width: 45%;
    clear: both;
    margin-top: 0px;
    margin-right: 2%;
	margin-left: 2%;
  }
}

@media only screen and (max-width: 360px) and (min-width: 0px){
.column-video-youtube-talento {
    width: 45%;
    clear: both;
    margin-top: 0px;
    margin-right: 12%;
    margin-left: 12%;
  }
}

.column-intro-text-talento {
    width: 49%;
}
.formulario {
    background-color: whitesmoke;
	padding-bottom: 10px;
}

.enlace-mas {
    padding-bottom: 4px;
}

.enlace-mas a {
    font-size: small;
    float: right;
    padding-top: 6px;
    padding-right: 20px;
}

.views-field.views-field-body {
    padding-bottom: 0px;
	/* se utiliza en el listado de taxonomía - lo quito porque duplica el espacio al aplciarse también el estilo "ul.acc-ul-temas-listado > li"
	margin-bottom: 49px;*/
}

.fax{
  width: 20%;
  float: right;
}

.telefono {
  width: 23%;
  float: right;
}

.fax-dir{
  width: 100%;
  float: left;
}

.telefono-dir {
  width: 100%;
  float: left;
}

.view-header p {
    display: none;
}

.views-row-odd.image-list {
    width: 100%;
    float: left;
    
}

.views-row-even.image-list, .views-row-odd.image-list {
    width: 100%;
    float: left;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #eeeeee;
}

.view-content .column{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #eeeeee;
	/*margin-bottom: 41px; /* jose */
	margin-bottom: 11px;
}


h1, h2, h3, h4, h5, h6 {

  font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;

  font-weight: 400;

  margin-bottom: 0.5rem;

  line-height: 1.4;

  

}



h1 { font-weight: 400; font-size: 2.125rem; }

h2 { font-size: 1.6875rem; }

h3 { font-size: 1.175rem; }

h4 { font-size: 1.125rem; }

h5 { font-size: 1.125rem; }

h6 { font-size: 1rem; }

  .article h2 {font-size: 1.13rem; font-weight: bold;}

  .article h3 {font-size: 1.08rem; font-weight: bold;}

  .article h4 {font-size: 1.06rem; text-decoration-line: underline;}  

  .article h4 {font-size: 1.04rem; text-decoration-line: underline;}  

  .article h4 {font-size: 1.02rem; text-decoration-line: underline;}  



@media only screen and (min-width: 40.0625em) {
/*pantalla PC alargada*/
  h1 { font-size: 2.125rem; }
  
  /*h2 {font-size: 1.6875rem}*/

  h2 { font-size: 1.2875rem; font-weight: bold;}
  .article h2 {font-size: 1.13rem; font-weight: bold;}

  h3 { font-size: 1.175rem; }
  .article h3 {font-size: 1.08rem; font-weight: bold;}

  h4 { font-size: 1.125rem; text-decoration-line: underline;}
  .article h4 {font-size: 1.06rem;}  
  

  h5 { font-size: 1.125rem; }
  .article h4 {font-size: 1.04rem; text-decoration-line: underline;}  

  h6 { font-size: 1rem; } 
  .article h4 {font-size: 1.02rem; text-decoration-line: underline;}  

}


p {

  font-family: Open Sans, Roboto, Arial;

  font-weight: 200;

  font-size: 1rem;

  line-height: 1.6;

  margin-bottom: 1.25rem;

}



em, i {

  font-style: italic;

}



strong, b {

  font-weight: bold;

}



small {

  font-size: 80%; 

}



/* Link

---------------------------------*/

a {

  text-decoration: none;

  line-height: inherit; 

}



a:active, a:hover {

  outline: 0; 

}



/* List

---------------------------------*/

ul, ol {
  margin-left: 1.1rem; 
  font-family: inherit; 
  /*font-size: 1rem;*/
  /*line-height: 1.6;*/
  margin-bottom: 1.25rem; /* margen inferior se utiliza en contenidos por ejemplo estáticos, registro*/
}


ul li ul,

ul li ol,

ol li ul,

ol li ol {

  margin-left: 1.25rem;

  margin-bottom: 0; 

}



ul.no-style {

  margin-left: 0; 

  list-style: none;

}



ul.no-style li ul, ul.no-style li ol {

  margin-left: 1.25rem;

  margin-bottom: 0;

  list-style: none; 

}



.logo_banner {

	display: inline;

	margin: 0px 2px;

	float: left;

}



 

/* Form

---------------------------------*/

input[type="email"], input[type="number"], input[type="search"],

input[type="tel"], input[type="url"], input[type="password"],

input[type="text"], textarea, select {

  font-size: 0.875rem;

  /*width: 100%; afecta al ancho del cuadro para escribir de los campos de formularios, si de deja en 100% no tiene en cuenta el ancho real del campo */

  height: 100%;

  padding: 0.3125rem 0.625rem; 

  border-width: 1px;

  border-style: solid;

  box-shadow: none;
}
/*lo incluyo para el formulario de agenda 2030*/
input[type="number"], select{  padding: 0 0; }

input[type="email"], input[type="number"], input[type="search"],

input[type="tel"], input[type="url"], input[type="password"],

input[type="text"], textarea {
/*exclude select-->*/

  -webkit-appearance: none;

  -moz-appearance: none;


}




input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus,

input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus,

input[type="text"]:focus, textarea:focus, select:focus {

 /***Acc: outline: 0; */ 

}



textarea {

  /*min-height: 5rem;*/ /*para formularios*/
  min-height: 1rem;  

}



label, legend {

  

  font-weight: 900;

  font-size: 0.875rem;

  line-height: 1;

  

  margin-bottom: 0.625rem;

}



.form-actions {

  margin-bottom: 0;

}



/* Button

---------------------------------*/

.button, button, 

input[type="submit"], input[type="reset"], input[type="button"] {

  display: inline-block;

  font-family: 'Roboto', Arial, Helvetica, Sans-Serif;

  font-weight: 900;

  font-size: 0.75rem;

  line-height: 1;

  text-transform: uppercase;

  border: 0;

  padding: 0.625rem 1.25rem;

  margin-right: 1.25rem;

  cursor: pointer;

  border-radius: 3px;

}



.button:hover, button:hover,

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,

.button:focus, button:focus,

input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {

  /***Acc:outline: 0;*/

}



.button.ghost {

  border-width: 1px;

  border-style: solid;

  background-color: transparent !important;

}



.button.ghost.plain {

  color: #686868;

}



.button .fa.before {

  padding-right: 0.3125rem;

}



.button .fa.after {

  padding-left: 0.3125rem;

}



/* Misc

---------------------------------*/

img {

  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle; 
  border: 0;

}



.left {

  float: left !important; 

}



.right {

  float: right !important; 

}



.hide {

  display: none; 

}



.invisible {

  visibility: hidden; 

}



.text-left {

  text-align: left !important; 

}



.text-right {

  text-align: right !important; 

}



.text-center {

  text-align: center !important; 

}



.text-justify {

  text-align: justify !important; 

}



.clearfix:after {

  visibility: hidden;

  display: block;

  font-size: 0;

  content: " ";

  clear: both;

  height: 0;

}

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* estilos para ENLACES EXTERNOS, ... */
#block-views-entradas-relacionadas-block ul li, #block-views-entradas-relacionadas-block-4 ul li, 
#block-views-entradas-relacionadas-block-7 ul li, #block-views-entradas-relacionadas-block-2 ul li, 
#block-views-entradas-relacionadas-block-11 ul li, #block-views-entradas-relacionadas-block-12 ul li{
    display: list-item;
	list-style-position:outside;
    list-style-type: square;
	color: #C70039 !important;
}

/* estilo para ENTRADAS RELACIONADAS */
/* intento de que se vean viñetas en la lista - no funciona */
#block-views-entradas-relacionadas-block_9 ul li {
    display: list-item;
	list-style-position:outside;
    list-style-type: square;
	color: #C70039 !important;
}


/* ENDREGION

----------------------------------------------------------------*/



/* HEADER 

/* REGION 

----------------------------------------------------------------*/

/* Common 

---------------------------------*/

#main-header {

  margin-bottom: 1.25rem;

}



#header > .inner, 
#header > .inner-content{

  position: relative;

}



#site-info {

  width: 100%;

  /* padding: 1.875rem 1.25rem; */  

}



#logo {

  text-align: left;
  float: left;

}

#logo-right {
    float: right;
	padding-right: 40px;
}

@media only screen and (max-width: 1024px) and (min-width: 0px){
#logo-right {
    display: none;
}
}
@media only screen and (max-width: 1005px) and (min-width: 1024px){
#logo-right {
    float: right;
	padding-right: 0px;
}
}




#site-name h1 {

  font-size: 2rem;

  line-height: 1;

  margin: 0;

}



#site-slogan {

  display: none;

  font-size: 0.625rem;

  text-transform: uppercase;

}



.compact-width #site-info {

  /* padding: 1.25rem 0.625rem; */ 

}



.compact-width #logo img {

  /* max-height: 2.5rem; */

}



#header-left, #header-right {

  display: none;

  float: right;

  width: 31.25em;

  padding: 1.875rem 1.25rem;

} /*500px*/



@media only screen and (min-width: 64.0625em) { 

  

  #site-info {

    float: left;

    width: 100%;

    /* padding: 1.875rem 1.25rem; */

  } /*380px*/

  

  #site-name h1 {

    font-size: 2.5rem;

  }

   

  #header-left {    

    display: block;

  }

  

  .compact-width #header {

    height: 5rem;

  } 

  

  .compact-width #site-info {

    /* width: 8.75em;  */   

    /* padding: 1.25rem; */

  } /*140px*/

}



@media only screen and (min-width: 64.0625em) and (max-width: 75em) { 

  

 /* .compact-width #site-info {

    padding: 1.5rem 1.25rem 1.25rem 0;

  }*/

  

  .compact-width #site-name h1 {

    font-size: 1.25rem;

  }

}



@media only screen and (min-width: 75.0625em) { 

  #site-slogan {

    display: block;

  }

  

  .compact-width #site-info {

    width: 100%;

  } /*140px*/

}



@media only screen and (min-width: 90.0625em) {



  #header-left, #header-right {

    float: left;

    display: block;

  }

}



/* Sign In/Out/Up 

---------------------------------*/

#sign {
    float: right;
    min-width: 2.5rem;
    margin-top: -5px;
    margin-bottom: 0px;
}



#sign a {
    float: left;
    /* width: 1.875rem; */
    /* height: 1.875rem; */
    text-align: center;
    /* line-height: 1.875rem; */
    /* margin: 0.3125rem 0.0625rem 0 0; */
}



/* Social Media 

---------------------------------*/

#social-media {

  float: left;

  /* width: 12.5rem; */

}



#social-media .block .inner,
#social-media .block .inner-content {

  padding: 0;

  margin: 0;

  background-color: transparent;  

}



#social-media .block h3.title {

  display: none;

}



#social-media a {

  padding: 0.75rem 0.625rem;

}



.addtoany_list a:hover:hover img,

.addtoany_list a:hover span { 

	opacity: 1;

}



/* ENDREGION

----------------------------------------------------------------*/



/* MAIN 

/* REGION 

----------------------------------------------------------------*/

/* Main Top & Bottom 

---------------------------------*/

@media only screen and (min-width: 40.0625em) {

  

  #main-top.col-2 .column,

  #main-bottom.col-2 .column,

  #main-top.col-3 .column,

  #main-bottom.col-3 .column,

  #main-top.col-4 .column,

  #main-bottom.col-4 .column {     

    float: left;

    width: 50%;

    padding: 0 0.625rem;

  } 

  

  #main-top.col-3 .column:last-child,

  #main-bottom.col-3 .column:last-child {

    width: 100%;

  }

  

  #main-top.col-4 .column:nth-child(2n+1),

  #main-bottom.col-4 .column:nth-child(2n+1) {

    clear: both;

  }

}



@media only screen and (min-width: 64.0625em) { 

 

  #main-top.col-3 .column,

  #main-bottom.col-3 .column {

    width: 33.33333% !important;

  }  

}



@media only screen and (min-width: 75.0625em) {  



  #main-top.col-4 .column,

  #main-bottom.col-4 .column {

    width: 25%;

  }

  

  #main-top.col-4 .column:nth-child(2n+1),

  #main-bottom.col-4 .column:nth-child(2n+1) {

    clear: none;

  }

}



/* Main Middle 

---------------------------------*/

@media only screen and (min-width: 40.0625em) {   

  

  #primary {

    padding: 0 0.625rem;  

  }

  

  #secondary > .block, #tertiary > .block {

    float: left;

    width: 50%;

    padding: 0 0.625rem;

  }

}



@media only screen and (min-width: 64.0625em) {

  

 #primary-secondary, #primary, #secondary, #tertiary {

    float: left;

  }

  

  #main-middle.tps #primary-secondary,

  #main-middle.spt #primary,

  #main-middle.spt #secondary {

    float: right;

  }

  

  .sidebar-tertiary #primary-secondary { 

    width: 41.25em; 

  } /*660px*/

    

  .two-sidebars #primary,

  .sidebar-secondary #primary { 

    width: 45.625em; 

  } /*730px*/

  

  #secondary { 

    width: 15.625em; 

    padding: 0 0.625rem;

  } /*250px*/

  

  .sidebar-tertiary #tertiary {

    width: 20em;

    padding: 0 0.625rem;

  } /*320px*/

    

  #secondary > .block,

  .sidebar-tertiary #tertiary > .block {

    float: none;

    width: 100%;

    padding: 0;

  }   

  

  #primary-secondary,  

  .sidebar-tertiary #primary,

  .no-sidebars #primary,

  #tertiary {

    width: 100%;

  }

}



@media only screen and (min-width: 75.0625em) {

  

  .two-sidebars #primary-secondary {

    width: 51.25em;

  } /*820px*/

  

  .sidebar-tertiary #primary-secondary {

    width: 70%; 

  } /*790px*/

  

  .two-sidebars #primary {

    width: 35.625em;

	background-color: #ffffff;

	padding: 1.25rem;

	margin-bottom: 1.25rem;

  } /*570px*/  



  .sidebar-secondary #primary {

    width: 55.625em;

  } /*890px*/



  #tertiary {

    width: 20em;

    padding: 0 0.625rem;

  } /*320px*/

  

  .sidebar-tertiary #tertiary {

    /* width: 25%; */
    

  } /*350px*/  



  #tertiary > .block {

    float: none;

    width: 100%;

    padding: 0;

  }

}



@media only screen and (min-width: 90.0625em) { 

  

  .two-sidebars #primary-secondary,

  .sidebar-tertiary #primary-secondary {

    width: 75%;

  } /*1050px*/

  

  .two-sidebars #primary {

    width: 50em;

  } /*800px*/

  

  .sidebar-secondary #primary {

    width: 71.875em;

  } /*1150px*/

  

  #tertiary {

    width: 21.875em;

  } /*350px*/

}



/* Spotlight

---------------------------------*/

@media only screen and (min-width: 40.0625em) {

  

  #spotlight {

    padding: 0 0.625rem;

  }

  

  #spotlight .col-2 .column,

  #spotlight .col-3 .column {     

    float: left;

    width: 50%;

    padding: 0 0.625rem;

  } 

  

  #spotlight .col-3 .column:last-child {

    width: 100%;

  }  

}



@media only screen and (min-width: 64.0625em) { 

 

  #spotlight .col-3 .column {

    width: 33.33333% !important;

  }  

}



/* Content 

---------------------------------*/

#content {

  padding: 1.25rem;

  /* margin-bottom: 1.25rem; */

  background-color: #fff;

}



#content-header h1.title {

  margin-bottom: 1.25rem;

}



.page-taxonomy-term #content-header h1.title {

  text-transform: capitalize;

}



#content-header ul.tabs {

  padding: 0;

  margin: 0;

}



#content-header ul.tabs li a {

  display: inline-block;

  font-family: 'Roboto', Arial, Helvetica, Sans-Serif;

  font-weight: bold;

  font-size: 0.75rem;

  line-height: 1;

  text-transform: uppercase;

  padding: 0.5rem 0.625rem;

  margin: 0;

  border-radius: 3px 3px 0 0;

}



#content-header ul.action-links {

  float: right;

  font-family: 'Roboto', Arial, Helvetica, Sans-Serif;

  font-weight: bold;

  font-size: 0.75rem;

  line-height: 1;

  text-transform: uppercase;

  list-style: none;  

  padding-top: 1.875rem;

  margin-left: 0;

}



#content-header ul.action-links li {

  display: inline;

  padding-right: 1.25rem;

}



@media only screen and (min-width: 40.0625em) { 

  

  #content-top.col-2 .column,

  #content-bottom.col-2 .column {     

    float: left;

    width: 50%;

    padding: 0 0.625rem;

  }  

}



/* Breadcrumb 

---------------------------------*/

.breadcrumb {  

  color: #999;

  font-family: 'Roboto', Arial, Helvetica, Sans-Serif;

  font-weight: normal;

  font-size: 0.75rem;

  line-height: 1;

  text-transform: uppercase;

  padding: 0;

  margin-bottom: 1.25rem;

}



.breadcrumb a {  

  color: #999;

  padding: 0 0.625rem;

}

.easy-breadcrumb {
    font-size: x-small;
    color: white;
    background-color: black;
    padding: 5px;
}

.easy-breadcrumb a{
    color:white;
}

.easy-breadcrumb a:hover{
    color:white !important;
    font-size: 105%;
    font-weight: bold;
    

}

/* Pager 

---------------------------------*/

ul.pager {

  font-family: 'Roboto', Arial, Helvetica, Sans-Serif;

  font-weight: bold;

  font-size: 0.75rem;

  line-height: 1;

  margin: 0.625rem 0;

  border-width: 1px;

  border-style: solid;

  border-radius: 3px;

}



ul.pager li {

  float: left;

  padding: 0 !important;

  margin: 0;

  border-right-width: 1px;

  border-right-style: solid;

  text-transform: uppercase;

}



ul.pager li:last-child {

  border-right: none;

}



ul.pager li.pager-current,

ul.pager li a {

  display: inline-block;

  padding: 0.5rem 0.75rem !important;

}



#content ul.pager {

  /* float: right; */

}



ul.pager li.pager-item,

ul.pager li.pager-first,

ul.pager li.pager-last {

  display: none;

}



@media only screen and (min-width: 40.0625em) { 

  

  ul.pager li.pager-item,

  ul.pager li.pager-first,

  ul.pager li.pager-last {

    display: inline;

  }

}



/* ENDREGION

----------------------------------------------------------------*/



/* FOOTER 

/* REGION 

----------------------------------------------------------------*/

#main-footer .block > .inner,
#main-footer .block > .inner-content {

  padding: 0.625rem;

  margin: 0;

  background-color: transparent;

}



#footer > .inner,
#footer > .inner-content {

  padding: 1.25rem 0;

}



#footer h3.title {

  font-size: 1rem;

  font-weight: 900;

  text-transform: uppercase;

  letter-spacing: 0.0625rem;

}



#footer .column {

  padding: 0 0.625rem;

}



#closure, #closure .title {

  display: none;

}



#closure > .inner,
#closure > .inner-content {

  padding: 0.625rem 0;

}



#closure .block .inner {

  padding: 0;

}



#design-by {

  display: none;

  ;

  float: right;

  width: 12.5rem;

  font-size: 0.75rem;

  text-align: right;

  text-transform: uppercase;

}



.pie-enlaces {

	margin-top: 20px;

	margin-left: 6%;

}



.pie-accesibilidad {

	margin-left:30%;

	margin-top: 20px;

}



#block-block-63 {

	margin-top: 30px;

	/* background-color: black; */

}



div#footer {

    font-size: 0.7rem;

}



.pie-injuve {

    margin-left: 14%;

	margin-top: 1%;

}



@media only screen and (min-width: 40.0625em) {

  

  #footer.col-2 .column,

  #footer.col-3 .column,

  #footer.col-4 .column {                  

    float: left;

    width: 50%;

  } 

  

  #footer.col-3 .column:last-child {

    width: 100%;

  }

  

  #footer.col-4 .column:nth-child(2n+1) {

    clear: both;

  }

}



@media only screen and (min-width: 64.0625em) { 

 

  #footer.col-3 .column {

    width: 33.33333% !important;

  }

  

  #closure {

    display: block;

  }

}



@media only screen and (min-width: 75.0625em) {  



  #footer.col-4 .column {

    width: 25%;

  }

  

  #footer.col-4 .column:nth-child(2n+1) {

    clear: none;

  }

  

  #design-by {

    /*display: block;*/

  }

}



/* ENDREGION

----------------------------------------------------------------*/



/* NODE 

/* REGION 

----------------------------------------------------------------*/

/* Common 

---------------------------------*/

.section, .meta, .more-link {

  font-family: 'Roboto', Arial, Helvetica, Sans-Serif;

}



.meta, ul.links { 

  font-size: 0.75rem;

}



.section {

  font-size: 0.75rem;

  font-weight: 700;

  line-height: 1;
  
  margin-right: 4px; /*Rubén*/

  /* text-transform: uppercase;  */ 

}



.section a {

  display: inline-block !important;

  padding: 0.5rem 0.625rem;

}



.more-link {

  font-size: 0.875rem;

  font-weight: bold;

  line-height: 0.875rem;

  text-align: left;

  text-transform: uppercase;  

}



.more-link .fa.before {

  padding-right: 0.3125rem;

}



.more-link .fa.after {

  padding-left: 0.3125rem;

}



.image-default {

  margin-bottom: 1.25rem;

}



.image-left {

  float: left;

  margin: 0 1.25rem 1.25rem 0;

}



.image-right {

  float: right;

  margin: 0 0 1.25rem 1.25rem;

}



.user-picture img {

  border-radius: 50%;

}



#share a {

  display: block;

  width: 3.125rem;

  height: 3.125rem;

  font-size: 1.25rem;

  line-height: 3.125rem;

  text-align: center;

  padding: 0; 

  margin: 0 auto 1.25rem auto;

  border-style: solid;

  border-width: 1px;

  border-radius: 50%;

}



/* Basic Page 

---------------------------------*/

.node.basic.teaser {

  padding-bottom: 1.25rem;

  margin-bottom: 1.25rem;

  border-bottom-width: 1px;

  border-bottom-style: solid;

}



.node.basic.full ul.links {

  display: block;

  padding: 0.625rem 0;

  margin-left: 0;

  border-bottom-width: 1px;

  border-bottom-style: solid;

}



.node.basic.full ul.links li {

  display: inline-block;

  padding: 0.625rem;

}



/* Article 

---------------------------------*/

/* common 

----------------*/


.article .meta {

  text-transform: uppercase;

  padding-bottom: 0;
  margin-bottom: 0;

  border-bottom-width: 1px;

  border-bottom-style: solid;

}

.meta-date {

  text-transform: uppercase;

  padding-bottom: 3px;
  margin-bottom: 0;
  
   color: #999999;
   border-color: #eeeeee;
   font-size: 0.85rem;

  border-bottom-width: 1px;

  border-bottom-style: solid;

}



.article .meta > span {

  padding: 0 0.625rem;

}



.article .meta span.author {

  padding-left: 0;

}



.article .section {

 /*  margin-bottom: 0.625rem;
  margin-top: 1.5em; */

}



/* teaser 

----------------*/

.article.teaser {

  padding-bottom: 1.25rem;

  margin-bottom: 1.25rem;

  border-bottom-width: 1px;

  border-bottom-style: solid;

}



.article.teaser h2.title {

  font-size: 2.3125rem;

  font-weight: 900;

}



.article.teaser .image-default img {

  width: 100%;

}



.article.teaser .meta {

  border-bottom: none;

}



/* full 

----------------*/

.node-type-article #content {

  padding: 0;

  background-color: transparent;

}



.article.full {

  padding: 1.25rem;

  margin-bottom: 1.25rem;

}



.article .user-picture {

  text-align: center;

  padding-bottom: 1.25rem;

}



.article .user-picture img {

  width: 3.125rem;

  height: 3.125rem;

}



.article ul.links {

  display: block;

  padding: 0.625rem 0;

  margin-left: 0;

  border-bottom-width: 1px;

  border-bottom-style: solid;

}



.article ul.links li {

  display: inline-block;

  padding: 0.625rem;

}



.article #share {

  display: none;

}



/* media queries 

----------------*/

@media only screen and (min-width: 40.0625em) { 

  

  .article .user-picture {

    float: left;

    padding: 0 1.25rem 0 0;

  }

  

  .article.full .meta span {

    line-height: 3.125rem;

  }



  .article #share {

    display: block;

    float: left;

    width: 20%; 

    padding: 2.5rem 1.25rem 1.25rem 0;  

  }

  

  .article.with-share .content {

    float: left;

    width: 80%;

  }  

}



/* Blog 

---------------------------------*/

/* common 

----------------*/

.page-blog #content, .node-type-blog #content {

  padding: 0;

  background-color: transparent;

}



.blog .content {

  padding: 1.25rem;

}



.blog .date, .blog .comment-count {

  font-family: 'Roboto', Arial, Helvetica, Sans-Serif;

  font-weight: 700;

  font-size: 0.875rem;

  line-height: 1;

  text-transform: uppercase;

  margin-bottom: 0.625rem;

}



.blog .image-default {

  margin: 0 -1.25rem 1.25rem -1.25rem;

}



.blog .meta { 

  text-transform: uppercase;

  padding-bottom: 2.5rem;

}



.blog .meta.alter {

  display: none;

  float: left;

  width: 20%;

  padding: 1.25rem 1.25rem 2.5rem 0;  

}



.blog ul.links {

  margin: 0;

}



.blog ul.links li {

  display: block;

  padding: 0.625rem 0;

  border-bottom-width: 1px;

  border-bottom-style: solid;

}



.blog .meta ul.links li > a {

  padding-left: 0.625rem;

  border-left-width: 3px;

  border-left-style: solid;

}



.blog .meta.alter .terms,

.blog .meta.alter ul.links li {

  text-align: right;

}



.blog .meta.alter ul.links li > a {

  padding: 0 0.625rem 0 0;

  border-left: 0;

  border-right-width: 3px;

  border-right-style: solid;

}



.blog .terms {

  padding-top: 0.625rem;

}



/* teaser 

----------------*/

.page-blog header#content-header {

  display: none;

}



.blog.teaser {

  margin-bottom: 1.25rem;

}


.blog.teaser .more-link {

  font-size: 0.875rem;

  font-weight: 700;

  text-transform: uppercase;

}



.blog.teaser .user-picture {

  display: none;

  float: left;

  padding: 0 1.25rem 1.25rem 0;

}



.blog.teaser .user-picture img {  

  width: 4.0625rem;

  height: 4.0625rem;

}



/* full 

----------------*/

.blog.full .content {

  margin-bottom: 1.25rem;  

}



.blog.full #share {

  text-align: center;

}



.blog.full #share a {

  display: inline-block;

  margin: 0 0.3125rem 1.25rem 0.3125rem;

}



.blog.full .meta .user-picture {  

  text-align: center;

  margin-bottom: 1.25rem;

}



.blog.full ul.links li.addtoany {

  text-align: center;

}



.blog.full header li.addtoany {

  display: none;

}



.blog .comment-count {

  float: right;

}



/* media queries 

----------------*/

@media only screen and (min-width: 40.0625em) { 

  

  .blog .meta {  

    display: none;

  }

  

  .blog .meta.alter, .blog.teaser .user-picture {

    display: block;

  }

  

  .blog .content {

    float: left;

    width: 80%;

  }    

}



@media only screen and (min-width: 64.0625em) and (max-width: 90em) {

  

  .two-sidebars .blog .meta {  

    display: block;

  }

  

  .two-sidebars .blog .meta.alter {

    display: none;

  }

  

  .two-sidebars .blog .content {

    width: 100%;

  } 

}



/* Comment 

---------------------------------*/

/* common

----------------*/

#comment header {

  margin-bottom: 1.25rem;

  border-bottom-width: 3px;

  border-bottom-style: solid;

}



#comment header h3.title {

  font-weight: 900;

}



#comment-post, #comment-box {

  padding: 1.25rem;

  margin-bottom: 1.25rem;

}



#comment .comment-form {

  padding: 1.25rem;

  margin: 0;  

}



.comment, .comments > .indented {

  margin-bottom: 1.25rem;

}



.comments .indented {

  margin-left: 0;

}



.comment:last-child {    

  margin-bottom: 0;    

}



.comment .meta {

  text-transform: uppercase;

  font-size: 0.875rem;

  font-weight: 700;

}



.comment .links {

  float: right;

  font-size: 1rem;

  padding-top: 0.3125rem;

  margin: 0;

}



.comment .user-picture {

  float: left;

  padding: 0 1.25rem 0 0.625rem;

}



.comment .user-picture img {

  width: 2.5rem;

  height: 2.5rem;

}



.comment .author, .comment .date {

  line-height: 2.5rem;

}



.comment .date {

  display: none;

}



.comment .arrow {

  position: relative;

  height: 1.25rem;

}



.comment .arrow .fa {

  position: absolute;

  left: 1.25rem;

  bottom: -0.625rem;

  font-size: 2rem;

}



.comment .content {

  font-size: 0.875rem;

  padding: 1.25rem;  

  border-radius: 5px;

}



.comment .content h4 {

  font-size: 1.125rem;

}



.comment .comment_forbidden span.login,

.node .comment_forbidden span.fa {

  display: none;

}



.comment .comment_forbidden span.fa,

.node .comment_forbidden span.login {

  display: inline;

}



/* comment form

----------------*/

#comment-form fieldset {

  font-size: 0.75rem;

  border-width: 1px;

  border-style: solid;

}



.filter-help a {

  font-size: 0.75rem;

}



/* blog comment

----------------*/

.node-type-blog #comment-post,

.node-type-blog #comment-box {

  padding: 0;

  background-color: transparent;

}



.node-type-blog #comment .comments {

  padding: 1.25rem;  

}



/* media queries 

----------------*/

@media only screen and (min-width: 40.0625em) { 

  

  .comment .date {

    display: inline;

  }

  

  .comment .date-short {

    display: none;

  }



  .comments .indented {

    margin-left: 1.25rem;

  }

}

/*@media only screen and (min-width: 20.0625em) and (max-width: 45em) {

  #menu-secondary {
    
    display: none;
}

 

  }*/
  



  

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {

  

  #comment header {

    float: left;

    width: 20%;

    padding-right: 1.25rem;  

    margin-bottom: 1.25rem;

    border-bottom: 0;

  }

  

  #comment header h3 {

    font-size: 1.375rem;

  }



  #comment .comments, #comment .comment-form {

    float: left;

    width: 80%;

  } 

}



@media only screen and (min-width: 90.0625em) { 

  

  #comment header {

    float: left;

    width: 20%;

    padding-right: 1.25rem;  

    margin-bottom: 1.25rem;

    border-bottom: 0;

  }



  #comment .comments, #comment .comment-form {

    float: left;

    width: 80%;

  } 

}



/* ENDREGION

----------------------------------------------------------------*/



/* BLOCK 

/* REGION 

----------------------------------------------------------------*/

/* Common

---------------------------------*/

.block > .inner,
.block > .inner-content {

  padding: 1.25rem;
  padding-right: 0px;
  /*margin-bottom: 1.25rem;*/

}



.block.no-bg-color > .inner, 
.block.no-bg-color > .inner-content {

  padding: 0;

  background-color: transparent !important;  

}



.block h3 { font-size: 1.375rem; }

.block h4 { font-size: 1.125rem; }

.block h5 { font-size: 1.125rem; }



.block h3.title {

  font-size: 1.6875rem;

  font-weight: 900;

  line-height: 1;

  margin-bottom: 0.9375rem;

}



.block h3.title.with-border {

  padding-bottom: 0.9375rem;

  border-bottom-width: 1px;

  border-bottom-style: solid;

}



.block.no-bg-color h3.title.with-border {

  border-bottom-width: 3px;

}



.block .image-default img {

  width: 100%;

}



#secondary h3.title {

  font-size: 1rem;

  text-transform: uppercase;

  letter-spacing: 0.0625rem;

}



#secondary ul {

  font-size: 0.9375rem;

}



/* System Block  

---------------------------------*/

/* user menu / new / online  

---------------*/

.block-system ul,

.block-user ul {

  margin: 0;

  list-style-type: square;

  list-style-position: inside;

}



.block-system ul li,

.block-user ul li {

  font-weight: bold;

  padding: 0.3125rem 0;

  margin: 0;

  list-style-image: none;

  border-bottom-width: 1px;

  border-bottom-style: solid;

}



#block-system-navigation ul,

#block-system-navigation ul li {

  list-style: none;

  list-style-type: none;

}



/* popular content 

---------------*/

.block-statistics h3 {

  font-size: 1rem;

  font-weight: 900;

  text-transform: uppercase;

}



.block-statistics h3.title {

  text-transform: none;

}



.block-statistics li {

  list-style-type: decimal;

}



/* Merging Block

---------------------------------*/

/* common  

---------------*/

.block.merging > .inner,
.block.merging > .inner-content {

  padding: 0;

  background-color: transparent;

}



.block.merging .content > ul {

  list-style-type: none;

  padding: 0;

  margin: 0; 

} 



.block.merging .block .inner,
.block.merging .block .inner-content {

  margin-bottom: 0;

}



.block.merging .block h3.title {

  font-size: 1.4375rem;

}



/* by accordion  

---------------*/

ul.accordion > li {

  border-bottom-width: 1px;

  border-bottom-style: solid;

}



ul.accordion > li:last-child {

  border-bottom: none;

}



.accordion-merging .block .inner,
.accordion-merging .block .inner-content {

  padding: 0.625rem 1.25rem;

}



.accordion-merging h3.title {

  font-size: 1rem !important;

  font-weight: 700;

  text-transform: uppercase;

  cursor: pointer;

  padding: 0;  

}



.accordion-merging h3.title.selected {

  padding-top: 0.625rem;

  padding-bottom: 0.9375rem;

}



.accordion-merging h3.title:before {

  float: right;

  font-family: FontAwesome;

  font-size: 0.625rem;

  line-height: 1rem;

  content: "\f067";

}



.accordion-merging h3.title.selected:before {

  content: "\f068";

}



/* by slider  

---------------*/

.slider-merging .image-default {

  margin-bottom: 1.25rem !important;

}



.slider-merging .slick-prev:before,

.slider-merging .slick-next:before {

  font-size: 0.625rem;

}



.slider-merging .slick-prev,

.slider-merging .slick-next {

  width: 1.875rem;

  height: 1.875rem;

  margin-right: 0;

  border-radius: 0;

}



.slider-merging .slick-prev {

  top: -1.25rem;

  right: 1.875rem;

  left: auto;

}



.slider-merging .slick-next {

  top: -1.25rem;

  right: 0;

}



/* by tab  

---------------*/

.tab-merging ul.tab_nav li {

  display: inline-block;

  font-family: 'Roboto', Arial, Helvetica, Sans-Serif;

  font-weight: bold;

  font-size: 0.75rem;

  line-height: 1;

  text-transform: uppercase;

  cursor: pointer;

  padding: 0.625rem;

  margin: 0 0.0625rem 0.0625rem 0;

  border-radius: 3px 3px 0 0

}



.tab-merging ul.tab_nav li.active {

  padding: 0.625rem 1.25rem 1.25rem 1.25rem;

  margin: 0 0.0625rem -0.625rem 0;

}



.tab-merging ul.tab_content > li {

  display: none; 

}



.tab-merging ul.tab_content li.active {

  display: block; 

}



/* by tab alter

---------------*/

.alter-merging ul.tab_nav {

  padding: 1.25rem 1.25rem 0 1.25rem!important;

}



.alter-merging ul.tab_nav li {

  display: inline-block;

  font-family: 'Roboto', Arial, Helvetica, Sans-Serif;

  font-weight: bold;

  font-size: 0.75rem;

  line-height: 1;

  text-transform: uppercase;

  cursor: pointer;

  padding: 0.5rem 0.625rem;

  margin-right: 0.625rem;

  border-radius: 3px;

}



.alter-merging ul.tab_content > li {

  display: none; 

}



.alter-merging ul.tab_content li.active {

  display: block; 

}



/* ENDREGION

----------------------------------------------------------------*/



/* VIEWS

/* REGION 

----------------------------------------------------------------*/

/* Common 

---------------------------------*/

.block-views h3 { font-size: 1.6875rem; }

.block-views h4 { font-size: 1.4375rem; }

.block-views h5 { font-size: 1.125rem; }



.block-views.no-bg-color li {

  border-bottom-style: solid;

  border-bottom-width: 1px !important;

}



.view-article-block ul.no-style,

.view-blog-block ul.no-style {

  margin: 0;

}



.view-article-block li,

.view-blog-block li {

  margin-bottom: 1.25rem;

  border-bottom-style: solid;

  border-bottom-width: 1px;

}



.view-article-block li:last-child,

.view-blog-block li:last-child {

  margin-bottom: 0;

  border-bottom: none;

}



.view-article-block h4,

.view-blog-block h4 {

  font-size: 1rem;
  font-weight: 500;

}



.view-article-block .meta,

.view-blog-block .meta {

  font-weight: 700;

  /* text-transform: uppercase; */

  margin-bottom: 0.625rem;

}



/* Article Block View

---------------------------------*/

/* common  

---------------*/

.view-article-block .section {

  display: inline-block;

  margin-right: 1.25rem;

}



.vab-base li,

.vab-related li{

  border-bottom: none;

}



.vab-base h4 {

  font-size: 1.4375rem;

}



/*  article (image)

---------------*/

.vab-image li {

  position: relative;

}



.vab-image .section {

  position: absolute;

  left: -0.625rem;

  top: 0.625rem;

}



.vab-image .image-left {

  min-width: 6.25rem;

  min-height: 5rem;

}



/*  article (attachment)

---------------*/

.vab-base.attachment li {

  margin-bottom: 1.25rem !important;

  border-bottom-width: 1px !important;

  border-bottom-style: solid;

}



/*  article (comment)

---------------*/

.vab-comment .user-picture  {

  float: right;

  margin: 0 0 1.25rem 1.25rem;

}



.vab-comment .user-picture img {

  width: 3.125rem;	

  height: 3.125rem;  

  border-radius: 0;

}



/*  article (popular)  

---------------*/

.vab-popular ul {

  counter-reset: section; 

}



.vab-popular ul li {

  position: relative;

  padding-left: 3.125rem;

}



.vab-popular ul li:before {

  position: absolute;

  top: 0.3125rem;

  left: 0;

  counter-increment: section;

  content: counter(section)".";

  font-family: 'Roboto', Arial, Helvetica, Sans-Serif;

  font-weight: 100;

  font-size: 2.5rem;

  line-height: 1;

}



.vab-popular h4 {

  font-weight: 400;

  text-transform: uppercase;

}



.vab-popular .section {

  position: absolute;

  left: 2.5rem;

  top: 0.625rem;

}



.vab-popular .image-default {

  min-height: 1.875rem;

}



.vab-popular .daycount {

  float: right;

}



/* Blog Block View

---------------------------------*/

/* common  

---------------*/

.view-blog-block .date {

  font-family: 'Roboto', Arial, Helvetica, Sans-Serif;

  text-transform: uppercase;

}



.view-blog-block .comment-count {

  float: right;

  font-weight: 400;

}



.view-blog-block .comment-count .fa {

  vertical-align: text-top;

}



.vbb-base li,

.vbb-latest li,

.vbb-related li {

  border-bottom: none;

}



.vbb-base h4, 

.vbb-latest h4 {

  font-size: 1.4375rem;

}



/*  blog (base & attachment)  

---------------*/

.vbb-base .meta {

  margin: 0;

}



.vbb-base .comment-count {

  font-size: 2rem;

  line-height: 2rem;

}



.vbb-base .comment-count .fa {

  font-size: 1rem;

  line-height: 1rem;

  padding: 0 0 1.25rem 0.3125rem;

}



.vbb-base .date {

  float: left;

  width: 10.625rem;

  padding: 0 1.25rem 0.625rem 0;

}



.vbb-base .date span {

  display: block;

}



.vbb-base .week-day {

  font-size: 1.125rem;

  font-weight: 700;

  line-height: 1.5rem;

}



.vbb-base .day {

  float: left;

  width: 3.125rem;

  font-size: 2.5rem;

  font-weight: 100;

  line-height: 2.5rem;

}



.vbb-base .month {

  font-size: 0.625rem;

  line-height: 1rem;

}



/*  blog (image)  

---------------*/

.vbb-image .image-left {

  min-width: 6.25rem;

  min-height: 5rem;

}



/*  blog (list)  

---------------*/

.vbb-list > .view-content .date {

  float: left;

  text-align: center;

  width: 5rem;

  padding: 0 1.25rem 1.25rem 0;

}



.vbb-list > .view-content .date span {

  display: block;

}



.vbb-list > .view-content .week-day {

  font-size: 1.125rem;

  font-weight: 700;

  line-height: 1.125rem;

}



.vbb-list > .view-content .day {

  font-size: 2.5rem;

  font-weight: 100;

  line-height: 2.5rem;

}



.vbb-list > .view-content .month {

  font-size: 0.625rem;

  line-height: 1rem;

}



/*  blog (attachment)  

---------------*/

.vbb-base.attachment li {

  margin-bottom: 1.25rem !important;

  border-bottom-width: 1px !important;

  border-bottom-style: solid;

}



/*  blog (comment)  

---------------*/

.vbb-comment .meta {

  text-align: right;

}



.vbb-comment .user-picture  {

  float: left;

  margin-right: 1.25rem;

}



.vbb-comment .user-picture img {

  width: 3.125rem;	

  height: 3.125rem;

}



/*  blog (popular)  

---------------*/

.vbb-popular ul {

  counter-reset: section; 

}



.vbb-popular ul li {

  position: relative;

  padding-left: 3.4375rem;

}



.vbb-popular ul li:before {

  position: absolute;

  left: 0.3125rem;

  top: 0.3125rem;

  counter-increment: section;

  content: counter(section);

  font-family: 'Roboto', Arial, Helvetica, Sans-Serif;

  font-weight: 100;

  font-size: 4rem;

  line-height: 1;

}



.vbb-popular h4 {

  font-weight: 400;

  text-transform: uppercase;

}



.vbb-popular .daycount {

  float: right;

}



/* Page and Block View

---------------------------------*/

/* common  

---------------*/

.page-view-page-block #content {

  padding: 0;

  background-color: transparent;    

}



.view-page-block .column .inner,
.view-page-block .column .inner-content {    

  position: relative;  

}



.view-page-block .image-default img {    

  width: 100%;

}



.view-page-block .meta {

  font-weight: 700;

  /* text-transform: uppercase; */

}



.pab-grid .view-content,

.pab-category.grid .view-content {

  margin: 0 -0.625rem;

}



.pab-grid .column,

.pab-category.grid .column {

  padding: 0 0.625rem;

  margin-bottom: 2rem;  

}



/* page list 

---------------*/

.pab-list article {

  margin-bottom: 1.25rem;

  border-bottom-width: 1px;

  border-bottom-style: solid;

}



.pab-list h2.title {  

  font-size: 1.1rem;

  font-weight: 900;

}



.pab-list .section {

  display: inline-block;

  margin-right: 1.25rem;

}



.pab-list .meta {

  margin-bottom: 0.625rem;

  /* margin-top: 1.625rem; */ /* ruben*/

}


/*en el <div> del body de los listados de actualidad */
.pab-list .p-list {

  /*margin-bottom: 0.625rem;*/

  margin-top: 4%; 
  margin-inline-end: 2%; /*con esto se soluciona que cuando son contenidos muy cortos se descuadre el listado de actualidad*/

}


@media only screen and (min-width: 40.0625em) { 

  

  .pab-list .image-default {  

    float: left;

    width: 12.5rem;

    margin-right: 1.25rem;

  } 

}



/* page grid

---------------*/

.pab-grid .inner, 
.pab-grid .inner-content {    

  padding-bottom: 0.375rem;

}



.pab-grid .image-default {    

  /*min-height: 2.5rem;*/

}



.pab-grid .content {    

  padding: 0 1.25rem;

}


/*Modificaci�n para que la secci�n aparezca debajo de la imagen en vez de sobre ella*/
.pab-grid .section {

  position: absolute;

  top: 1.25rem;

  left: 1.25rem;
}

.pab-grid .section2 {
  position: static;

  display: inline-block;

  margin-right: 0.4rem;

  margin-bottom: 0.4rem;
}



.pab-grid .meta {

  position: relative;

  bottom: 0;

  left: 0;

  width: 100%;

 /* padding: 0 1.25rem;*/

}



.pab-grid .meta .inner,
.pab-grid .meta .inner-content {

  padding: 0.625rem 0;

  border-top-width: 1px;

  border-top-style: solid;

}



.pab-grid .meta .fa {

  padding-right: 0.625rem;

}



@media only screen and (min-width: 40.0625em) { 

  

  .pab-grid .column {

    float: left; 

    width: 50%;

  }



  .pab-grid .column:nth-child(2n+1) {

    clear: both;

  }  

}



@media only screen and (min-width: 64.0625em) {    

 

  .pab-grid.four-column .column,

  .pab-grid.five-column .column {

    width: 33.33333%;

  }

  

  .pab-grid.four-column .column:nth-child(2n+1),

  .pab-grid.five-column .column:nth-child(2n+1) {

    clear: none;

  } 

  

  .pab-grid.four-column .column:nth-child(3n+1),

  .pab-grid.five-column .column:nth-child(3n+1) {

    clear: both;

  }  

}



@media only screen and (min-width: 75.0625em) { 

  

  .pab-grid.three-column .column {

    width: 33.33333%;

  }

  

  .pab-grid.four-column .column,

  .pab-grid.five-column .column {

    width: 25%;

  }

  

  .pab-grid.three-column .column:nth-child(2n+1),

  .pab-grid.four-column .column:nth-child(3n+1),

  .pab-grid.five-column .column:nth-child(3n+1) {

    clear: none;

  } 

  

  .pab-grid.three-column .column:nth-child(3n+1),

  .pab-grid.four-column .column:nth-child(4n+1),

  .pab-grid.five-column .column:nth-child(4n+1) {

    clear: both;

  }  

}



@media only screen and (min-width: 90.0625em) {

  

  .pab-grid.five-column .column {

    width: 20%;

  }

  

  .pab-grid.five-column .column:nth-child(4n+1) {

    clear: none;

  } 

  

  .pab-grid.five-column .column:nth-child(5n+1) {

    clear: both;

  } 

}



/* block grid

---------------*/

.block-pab-grid .inner,
.block-pab-grid .inner-content {

  padding: 0;

  margin: 0;

  background-color: transparent !important;

}



.block-pab-grid h4 {

  font-size: 1rem;

  font-family: 'Roboto', Arial, Helvetica, Sans-Serif;

  font-weight: 700;

  margin-bottom: 0.5rem;

  line-height: 1.4;

}



.block-pab-grid h4 a {

color: #3A539B;

}



.block-pab-grid .meta {

  position: static;

  font-weight: normal;

  text-transform: none;

  padding: 0.625rem 0;

  border-top-width: 1px;

  border-top-style: solid;

}



#menu-primary .block-pab-grid > .inner,
#menu-primary .block-pab-grid > .inner-content {

  padding: 1.25rem 1.25rem 0 1.25rem;

}



@media only screen and (min-width: 64.0625em) {    



  #menu-primary .pab-grid.four-column .column,

  #menu-primary .pab-grid.five-column .column {

    width: 33.33333%;

  }

    

  #menu-primary .pab-grid.four-column .column:last-child,

  #menu-primary .pab-grid.five-column .column:nth-child(4),

  #menu-primary .pab-grid.five-column .column:last-child {

    display: none;

  }

}



@media only screen and (min-width: 75.0625em) {   



  #menu-primary .pab-grid.five-column .column {

    width: 25%;

  }

  

  #menu-primary .pab-grid.five-column .column:nth-child(4) {

    display: block;

  }

}



@media only screen and (min-width: 90.0625em) {

  

  #menu-primary .pab-grid.four-column .column {

    width: 25%;

  } 

  

  #menu-primary .pab-grid.five-column .column {

    width: 20%;

  }

  

  #menu-primary .pab-grid.four-column .column:last-child,

  #menu-primary .pab-grid.five-column .column:last-child {

    display: block;

  }

}



/* page category & category grid

---------------*/

.pab-category header {

  line-height: 1;

  padding: 1.25rem;

  margin-bottom: 0;

  border-bottom-width: 1px;

  border-bottom-style: solid;

}



.pab-category header h2 {

  display: inline-block;

  font-size: 1.6875rem;

  font-weight: 900;

  line-height: 1;

  text-transform: uppercase;

  margin: 0;

}



.pab-category header .description {

  display: none;

  font-size: 0.75rem;

  font-style: italic;  

}



.pab-category header .divider {

  padding: 0 1.25rem;

}



.pab-category ul {

  height: 100%;

  margin: 0;

}



.pab-category li {

  position: relative;

  padding: 1.25rem 0;

  margin: 0;

  border-bottom-width: 1px;

  border-bottom-style: solid;

}



.pab-category li:last-child {

  border-bottom: none;

}



.pab-category .meta {

  margin-bottom: 0.3125rem;

}



.pab-category h4 {

  font-size: 1rem;

}



.pab-category .item-thumbnail h4 {

  font-size: 1rem;

  margin-bottom: 0;

}



.pab-category .item-thumbnail .author {

  display: none;

}



.pab-category .item-thumbnail .no-image .author,

.pab-category .item-thumbnail .disable-image .author {

  display: inline;

}



.pab-category .image-thumbnail {

  float: left;

  width: 6.25rem;

  height: 5rem;

  margin-right: 1.25rem;

}



.pab-category .item-compact {

  overflow: hidden;

}



.pab-category .item-compact > .meta {

  position: absolute;

  bottom: 1.5rem;

  left: 1.25rem;

  z-index: 1;

}



.pab-category .item-compact > h4 {

  position: absolute;

  bottom: 1.25rem;

  left: 0;

  width: 100%;

  font-size: 1.125rem;

  padding: 2.1875rem 1.25rem;

  margin: 0;

}



.pab-category .item-compact .image-default {

  margin-bottom: 0;

}



.pab-category .no-image h4 {  

  font-size: 1rem;

}



.pab-category .item-default .no-image h4,

.pab-category .item-compact .no-image h4 {  

  font-size: 1rem;
  /* font-size: 1.875rem; */

}

.columnaAgenda{
  padding-top: 15px !important;
}



.columnaAgenda.third, .columnaAgenda.second{
  padding-top: 15px !important;
}

.columnaAgenda.third {
	/*width: 66% !important;*/
}



@media only screen and (min-width: 75.0625em) and (max-width: 90em) { 

  .pab-category .item-thumbnail > .image-thumbnail {

    /* display: none; */

  }

  

  .pab-category .no-image h4 {  

    font-size: 1rem;

  }

}



/* page category

---------------*/

.pab-category.base .row {

  margin-bottom: 1.25rem;

}



.pab-category.base .column {

  padding: 0 1.25rem;

  border-bottom-width: 1px;

  border-bottom-style: solid; 

}



.pab-category.base .column.last {

  /* display: none; */

}

  

@media only screen and (min-width: 40.0625em) { 

  

  .pab-category.base header .description {

    display: inline;

  }

  

  .pab-category.base .column {

    float: left;

    width: 33%;

    border-right-width: 1px;

    border-right-style: solid;

    border-bottom: none;

  }

  

  .pab-category.base .column.second,

  .pab-category.base .column.last {

    border-right: none;

  }

}



@media only screen and (min-width: 75.0625em) { 

  

  .pab-category.base .column {

    width: 33.33333%;

  }

  

  .pab-category.base .column.second {

    border-right-width: 1px;

    border-right-style: solid;

  }



  .pab-category.base .column.last {

    display: block;

  }

  

  .two-sidebars .pab-category.base .column {

    width: 50%;

  }

  

  .two-sidebars .pab-category.base .column.second {

    border-right: none;

  }



  .two-sidebars .pab-category.base .column.last {

    display: none;

  }

}



/* block category

---------------*/

.block-pab-category > .inner,
.block-pab-category > .inner-content {

  padding: 0; 

}



.block-pab-category.base h3.title {

  line-height: 1;

  padding: 0.9375rem 1.25rem; 

  margin: 0;

  border-bottom-width: 1px;

  border-bottom-style: solid;

}



@media only screen and (min-width: 75.0625em) {   



  .block-pab-category.base .three-column .column {

    width: 33.33333%;;

  }

  

  .block-pab-category.base .three-column .column.second {

    border-right-width: 1px;

    border-right-style: solid;

  }



  .block-pab-category.base .three-column .column.last {

    display: block;

  }

}



/* page category grid

---------------*/

.page-category-grid #content {

  margin-bottom: 0;  

}



.pab-category.grid .inner,
.pab-category.grid .inner-content {

  position: relative;

  /*padding: 0 1.25rem;*/

}



.pab-category.grid .section {

  position: absolute;

  top: 1.25rem;

  left: 1.25rem;

  z-index: 1;

}



.pab-category.grid .item-compact {

  padding: 0;

  margin: 0 -1.25rem;

  border-width: 0;

}



.pab-category.grid .item-compact > h4 {

  bottom: 0;

}



.pab-category.grid .item-compact > .meta {

  bottom: 0.625rem;

}



.pab-category.grid.alter .section {

  position: static;

  padding: 1.25rem;

  margin: 0 -1.25rem;

  border-bottom-width: 1px;

  border-bottom-style: solid;

}



.pab-category.grid.alter .section a {

  display: inline-block;

  font-size: 1.6875rem;

  font-weight: 900;

  line-height: 1;

  padding: 0;

  margin: 0;

  background-color: transparent;

}



.pab-category.grid.alter .item-compact {

  padding: 1.25rem 0;

  margin: 0;

  border-width: 1px;

}



.pab-category.grid.alter .item-compact > h4 {

  bottom: 1.25rem;

}



.pab-category.grid.alter .item-compact > .meta {

  bottom: 1.5rem;

}



@media only screen and (min-width: 40.0625em) {   



  .pab-category.grid .column {

    float: left; 

    width: 25%;

  }



  .pab-category.grid .column:nth-child(2n+1) {

    /* clear: both; */

  }  

}



@media only screen and (min-width: 75.0625em) { 

  

  .pab-category.grid.three-column .column {

    width: 33.33333%;

  }

  

  .pab-category.grid.four-column .column {

    width: 25%;

  }

  

  .pab-category.grid.three-column .column:nth-child(2n+1),

  .pab-category.grid.four-column .column:nth-child(2n+1) {

    clear: none;

  } 

  

  .pab-category.grid.three-column .column:nth-child(3n+1),

  .pab-category.grid.four-column .column:nth-child(4n+1) {

    clear: both;

  }  

}



/* block category grid

---------------*/

.block-pab-category.grid > .inner,
.block-pab-category.grid > .inner-content {

  margin-bottom: 0;

  background-color: transparent;

}



/* ENDREGION

----------------------------------------------------------------*/



/* SEARCH

/* REGION 

----------------------------------------------------------------*/

/* Common 

---------------------------------*/

.search-form {

  position: relative;

  margin-bottom: 0;
  
  margin-top: 90px;
  
  margin-right: 14px;
  
}

.fa fa-search {
	padding-top: 20px;
}

.search-form label {

  position: absolute;

  top: 0;

  right: 0;

  padding: 0.625rem;

  margin: 0;

  cursor: pointer;
  
  margin-right: 33%;

}

@media (min-width: 1025px) and (max-width: 1100px) {
 .search-form label  {
   /*margin-right: 40%*/
 } 
}
@media (min-width: 1101px) and (max-width: 1200px) {
 .search-form label  {
 margin-right: 42%
 } 
}  

@media screen and (max-width: 1160px) and (min-width: 1100px){
       .search-form {
          position: relative;
          margin-bottom: 0;
          margin-top: 90px;
         /* margin-right: -32px;*/
          
 }
}




.search-form input[type="text"] {	

  font-family: 'Roboto', Arial, Helvetica, Sans-Serif;

  font-weight: normal;

  font-size: 0.875rem;

  line-height: 1rem;

	padding: 0.3125rem 2.5rem 0.3125rem 1.25rem;

	width: 100%;	

  height: 2.1875rem;

	border-radius: 10em;	

	transition: all .5s;
	
	color: black;

}


/*
.search-form input[type="submit"] {	

  position: absolute;

  top: 0;

  right: 0;

  margin: 0;

  outline: none;

  background-color: transparent !important;

}*/



.search-form fieldset {

  margin-top: 1.25rem;

}



.search-form fieldset label {

  position: static;

}



/* Header Search Form 

---------------------------------*/

#header-left.with-search {

  position: absolute;

  display: block;

  right: 0;

  top: 0;

  width: auto;

}



#header-left .search-form label {

  padding: 0.8125rem;

}



#header-left .search-form input[type="text"] {	

  width: 2.5rem;

  height: 2.5rem;

  padding: 0;

  border-radius: 0;	

}



#header-left .search-form input[type="text"]:focus {	

  padding: 0.3125rem 2.5rem 0.3125rem 0.625rem;

}



#header-left .search-form input[type="submit"] {	

  display: none;

}



#header-left .search-form input:-moz-placeholder {

	color: transparent;

}



#header-left .search-form input::-webkit-input-placeholder {

	color: transparent;

}



#header-left .search-form input:-ms-input-placeholder {

	color: transparent;

}



@media only screen and (max-width: 64em) { 

  

  #header-left .search-form input[type="text"]:focus {	

    width: 12.5rem;

  }

}



@media only screen and (min-width: 64.0625em) {   

  

  #header-left.with-search {

    position: static;

    width: 31.5rem;

  }

  

  #header-left .search-form input[type="text"] {	

    width: 100%;

    padding: 0.3125rem 2.5rem 0.3125rem 0.625rem;

  }

  

  #header-left .search-form input[type="submit"] {	

    display: block;

  }

}



/* Search Block Form

---------------------------------*/

#block-search-form > .inner,
#block-search-form > .inner-content {

  padding: 0 1.25rem;

  background-color: transparent;

}



/*#search-block-form h2 {

	display: none; 

}*/



nav #search-block-form {
  position: absolute;
  top: 0.625rem;
  right: 0px;

}

@media only screen and (min-width: 1200px) and (max-width: 2900px){  
nav #search-block-form {
  position: absolute;
  top: 0.625rem;
  right: 0px; 
  padding-right: 9%;
 }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px){  
nav #search-block-form {
    top: 20px;
 }
}

@media only screen and (min-width: 0px) and (max-width: 1024px){  
nav #search-block-form {
    top: 86px;
    left: 30px;
 }
}

@media only screen and (min-width: 0px) and (max-width: 414px){  
button.lupa-buscador {
    background-color: #C70039 !important;
    right: 40px;
    position: relative;
 }
}

@media only screen and (max-width: 413px) and (min-width: 0px) {
button.lupa-buscador {
    background-color: #C70039 !important;
    right: -165px;
    position: relative;
    top: -30px;
 }
}

/*
@media only screen and (max-width: 330px) and (min-width: 0px) {
	button.lupa-buscador{
		display: none;
	}
nav #search-block-form {
	display: none;
 }
}*/



nav #search-block-form label {

  padding: 0.5rem 1.625rem;

}



nav #search-block-form input[type="text"] {	

  width: 2.1875rem;

  height: 1.875rem;

  padding: 0;

  border-width: 0;

	border-radius: 0;	

}



nav #search-block-form input[type="text"]:focus {

  padding: 0.3125rem 2.5rem 0.3125rem 0.625rem;

}



nav #search-block-form input[type="submit"] {	

  display: none;

}



nav #search-block-form input:-moz-placeholder {

	color: black;

}



nav #search-block-form input::-webkit-input-placeholder {

	color: black;

}



nav #search-block-form input:-ms-input-placeholder {

	color: black;

}



.box-width nav #search-block-form {

  right: 0.525rem;

}



/*.compact-width nav #search-block-form {	

  top: 1.25rem;
  padding-right: 9%;

}
*/


.compact-width nav #search-block-form input[type="text"] {	

  width: 2.1875rem;

  /* height: 2.1875rem; */

  padding: 0;

  border-width: 1px;

  border-radius: 10rem;

}



.compact-width nav #search-block-form input[type="text"]:focus {	

  width: 13.75rem;

  padding: 0.3125rem 2.5rem 0.3125rem 0.9375rem;

}



@media only screen and (max-width: 90em) { 

  

  nav #search-block-form input[type="text"]:focus {

    width: 14.375rem;	

  }

  

  .box-width nav #search-block-form input[type="text"]:focus {

    width: 13.75rem;	

  }

}



@media only screen and (min-width: 90.0625em) {  

  

  nav #search-block-form input[type="text"] {	

    width: 20.625rem;	

    padding: 0.3125rem 2.5rem 0.3125rem 0.625rem;

  } 

  

  nav #search-block-form input[type="submit"] {	

    display: none;

  }  

  

  .box-width nav #search-block-form input[type="text"] {

	  width: 20rem;	

  } 

  

  .compact-width nav #search-block-form input[type="text"] {	

    width: 6.25rem;

    padding: 0.3125rem 2.5rem 0.3125rem 0.9375rem;

  }

}



/* Content Search Form 

---------------------------------*/

#content .search-form {

  padding-bottom: 1.25rem;

  margin-bottom: 1.25rem;

  border-bottom-width: 3px;

  border-bottom-style: solid;

}



/* Content Search Result 

---------------------------------*/

.search-result h2 {

  font-size: 1.375rem;

  text-transform: uppercase; 

}



.search-result ol {

  list-style: none;

}



.search-result ol li {

  margin-bottom: 1.25rem;

  border-bottom-width: 1px;

  border-bottom-style: solid;

}



.search-result .meta {

  text-transform: uppercase;

  margin-bottom: 0.625rem;

}

.section.purple-wisteria {
    margin-top: 10px;
}


/* ENDREGION

----------------------------------------------------------------*/

/**SHARETHIS*/
div.sharethis {
  /* display: block;
  float: left; 
  vertical-align: middle;
  margin-left:-35px;
  clear: both;
  margin-top:20px;
  width: 100%; */
  margin-bottom: 40px;
  margin-left:-30px;
}

div.sharethis ul {
    margin-top: -15px;
}

.linkssociales {
	margin-bottom: 10px !important;
}
 .parrafovideo {
	margin-top: 10px;
 }

#readspeaker_button1 a {
	background: url("") !important;
	margin-top: 0px !important;
}

button.st_twitter_custom,
button.st_facebook_custom {
  border: 0 none;
  cursor: pointer;
  vertical-align: middle;
  background: transparent;
  float: left; 
  margin-right:0px;
  padding-right:5px;
  padding-top: 0px;
  background-color: white !important;
}

div.sharethis ul li {
  list-style-type: none;
  display: block;
  float: right; 
}

div.sharethis ul li.printer-button {
    margin: 0 5px; 
}

div.sharethis ul li.reader-button {
    margin: 0 5px; 
}

#twcount, #fbcount {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #C0C0C0;
  font-size: 12px;
  padding: 0px 5px;
  float: left;
  height: 22px; 
  margin-top:10px;
  margin-left:0px;
}

#linksSociales {
  margin-left: 40px;
  padding-top: 5px; 
}

#linksSociales > li {
    display: inline-block;
    margin: 0px 3px; 
}

#linksSociales > li a {
      width: 32px;
      height: 32px;
      display: block; 
}
      
#linksSociales .rss {
    background: url("/misc/rss-grey.png") no-repeat; 
}

#linksSociales .rss:hover {
      background: url("/misc/rss.png") no-repeat; 
}

#linksSociales .facebook {
    background: url("/facebook-grey.png") no-repeat; 
}

#linksSociales .facebook:hover {
      background: url("/misc/facebook.png") no-repeat; 
}

#linksSociales .twitter {
    background: url("/misc/twitter_logo-grey.png") no-repeat; 
}

#linksSociales .twitter:hover {
      background: url("/misc/twitter_logo.png") no-repeat; 
}

#linksSociales .tuenti {
    background: url("/misc/tuenti_logo-grey.png") no-repeat; 
}

#linksSociales .tuenti:hover {
      background: url("/misc/tuenti_logo.png") no-repeat; 
}

#linksSociales .issuu {
    background: url("/misc/issuu-grey.png") no-repeat; 
}

#linksSociales .tuenti:hover {
      background: url("/misc/issuu.png") no-repeat; 
}

#linksSociales .youtube {
    background: url("/misc/youtube-grey.png") no-repeat; 
}

#linksSociales .youtube:hover {
      background: url("/misc/youtube.png") no-repeat; 
}

#linksSociales .flickr {
    background: url("/misc/flickr-grey.png") no-repeat; 
}

#linksSociales .flickr:hover {
      background: url("/misc/flickr.png") no-repeat; 
}

#linksSociales .newsletter {
    background: url("/misc/correo-grey.jpg") no-repeat; 
}

#linksSociales .newsletter:hover {
      background: url("/misc/correo.jpg") no-repeat; 
}

#linksSociales .alerta {
    width: 35px;
    background: url("/misc/alerta-icono-6655-96-grey.png") no-repeat; 
}

#linksSociales .alerta:hover {
      background: url("/misc/alerta-icono-6655-96.png") no-repeat; 
}

span.btImprimir a {
  background: url("../images/iconos/imprimir.png") no-repeat scroll left center transparent;
  display: block;
  height: 20px;
  padding-left: 23px;
  margin-top: 10px; 
}

#readspeaker_button1 a {
  background: url("../images/iconos/audio.png") no-repeat scroll left center transparent;
  display: block;
  height: 20px;
  /* padding-left: 16px; */
  margin-top: 10px; 
}

h3.title-underline {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    line-height: 1;
    margin-left: 0px;
    margin-bottom: 10px;
    padding: 0.5rem 0rem;
    border-color: #BBBBBB;
}
.title-underline{
    font-size: 1.6875rem;
    font-weight: 900; 
    line-height: 1; 
    margin-bottom: 0.9375rem;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-left: 0px;
	/* este margen hace que los títulos de los contenidos estáticos junto con su línea roja no estén en todo el ancho del contenido
	margin-right: 28%;*/
    padding: 0.5rem 0rem;
    border-color: #C70039 !important;
	margin-top:10px;
}
h2.title-underline-hide{
    font-size: 1.6875rem;
    font-weight: 900; 
    line-height: 1; 
    margin-bottom: 0.9375rem;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-left: 0px;
	margin-right: 28%;
    padding: 0.5rem 0rem;
    border-color: #C70039 !important;
	margin-top:10px;
}

html .mapa {
  height: 260px;
}

.wn21-fila-evento {
  padding: 20px !important;
}

.margen-10 {
  margin-left: 10px !important;
}

.margen-13 {
  margin-left: 13px !important;
}

select[name="ccaa"], select[name="provincia"], select[name="localidad"]{
    width: 55%;
    margin-right: 8px;
    margin-bottom: 3px;
}
#injuvedirectorio-form1 .form-submit, #injuvedirectorio-form2 .form-submit, #injuvedirectorio-form3 .form-submit, #injuvedirectorio-form4 .form-submit, #injuvedirectorio-form5 .form-submit {
  margin-top: 34px;
  margin-left: 32px;
}


/*select[name="favorite_prov"]{
  width: 200px;
}*/
#injuvedirectorio-form1, #injuvedirectorio-form2 , #injuvedirectorio-form3 , #injuvedirectorio-form4 , #injuvedirectorio-form5 {
  width: 100%;
  float: left;
  padding-top:0px;
  /* padding: 10px; */
  background-color: #f4f4f4;
}

.form-item-favorite-ccaa, .form-item-favorite-prov, .form-item-favorite-loc {
  width: 55%;
  float: left;
  margin-top: 8px;
  margin-bottom: 3px;
  padding-left: 5px;
}
form#injuvedirectorio-form1 {
    margin-bottom: 0px;
}
.directorios-listado2 .titular {
  color: black;
  font-weight: bold;
  padding-top: 20px;
  text-align: center;
}

.directorios-listado2 .denominacion {
  padding-bottom: 10px;
  padding-top: 10px;
  font-weight: bold;
}

.wn21-fila-ed-injuve {
  padding-right: 20px !important;
  padding-top: 8px !important;
  padding-bottom: 20px !important;
  text-align: center;
}

.wn21-fila-ed-injuve-text {
  padding-right: 20px !important;
  padding-left: 20px !important;
  text-align: center;
}

.directorios-listado2 .nombre{
    margin-top: 25px;
    font-weight: bold;
    margin-bottom: 5px;
}

.item-list .list-of-nodes .first .nombre{
  padding-top: 45px;
}

.item-list .list-of-nodes .nombre{
  padding-top: 25px;
  font-weight: bold;
  padding-bottom:5px;
}

.item-list .list-of-nodes .mail{
  padding-top: 0px;
}

.mail {
  width: 57%;
}

.cuerpolistado p{
  line-height: 0.5;
}

.titulolistadoenvoltorio{
  padding-top: 20px;
  padding-bottom: 20px;
}

.pab-list .image-list {
    width: 100%;
    float: left;
	margin-top: 20px;
}

#edit-submit-listados{
  margin-top: 0;
}

.directorios-listado2 li {
    padding-top: 10px;
}

#edit-search-block-form--2 {
	width: 206px !important;
	padding-left: 10px !important;
}

input#keys {
	width: 150px !important;
	padding-left: 10px !important;
}

.formulario-avanzado .search-form label {
	position: relative !important;
}

#div-red-de-centros-garantia ul li {
   list-style:none;

}

/** Media queries **/

@media screen and (max-width: 1200px) and (min-width: 1025px){
	#edit-search-block-form--2 {
          width: 150px !important;
          padding-left: 10px !important;
 }
}
/*@media screen and (max-width:1200px) and (min-width:0px){
	#keys{
		display: none;
	}
    button.lupa-buscador {
		display: none;
	}
}*/
button.lupa-buscador {
    background-color: #C70039 !important;
}
button.lupa-buscador:hover {
    background-color: #C70039 !important;
}

@media screen and (min-width: 64.063em) and (max-width: 120.00em) {
	
	.inner.wrapper.clearfix {
    width: 100%;
    padding-left: 8%;
    padding-right: 8%;
	/* franja de enlaces con imágenes del pie en la home - se pone fondo gris al añadir la franja de No Hate que se queda con fondo blanco */
	/* se cambia también en omni-custom.css line 286 "#main-bottom .inner" */
	/*background-color: #eeeeee;*/
	}
	.inner.container {
    /* margin: 0; */
	}	
	
}

@media only screen and (min-width: 20.0625em) and (max-width: 64em) {
	
	.inner.wrapper.clearfix {
    width: 100%;
    /* padding-left: 1%;
    padding-right: 1%; */
	}

	div#primary-secondary {
    /* width: 65%; */
	}
	div#footer {
    font-size: 0.7rem;
    padding-left: 6%;
	}
	#primary-mega {
    padding-right: 5%;
	}
	#quick-link {
    display: none;
	}
	#spotlight {
    padding-right: 4%;
	}
	#main-header {
    margin-bottom: -0.2rem;
	}
	.easy-breadcrumb {
    margin-left: -1.5%;
	}
	div#block-block-66 {
    display: none;
	}
	.article.full {
    padding-right: 2rem;
	padding-left: 0.5rem;
	}
	#content {
    
	padding-right: 1.6rem;
	}
	div#tertiary {
    display: none;
	}
	
	h4.title-slider-gallery a {
    font-size:1.1rem;
	}
	.pab-category h4 {
    font-size: 0.9rem;
	}
	.pab-category .item-thumbnail h4 {
    font-size: 0.9rem;
	}
	.compact-width .menu-button {
    position: absolute;
    right: 2rem;
    top: 5%;
	}
	.pab-category.base .column {
    /* padding: 0; */
    }
	
	.views-exposed-form .views-exposed-widget {
    float: left;
    padding: .5em 1em 0 0;
    width: 100%;
	}
	.form-item-favorite-ccaa, .form-item-favorite-prov, .form-item-favorite-loc {
    width: 100%;
    float: left;
    margin-top: 8px;
    margin-bottom: 3px;
	}
	.telefono {
    width: 100%;
    float: left;
	}
	.fax {
    width: 100%;
    float: left;
	}
	.mail {
    width: 100%;
	}
	.compact-width .menu-button {
    position: absolute;
    right: 1rem;
    top: -0.5rem;
	}
	.easy-breadcrumb {
    padding-left: 24px;
    margin-left: -30px;
	}
	#logo {
    width: 60%;
    /*padding: 10px;*/
	}
	.columnaAgenda.third {
    
	padding-left:30px;
	}
	
	

}


@media (min-width: 641px) and (max-width: 768px) {
	.pab-category.grid .column {
    float: left;
    width: 50%;
    padding-bottom: 10%;
    padding-top: 2%;
	}
	.pab-category.base .column {
    width: 50%;
	}
	.pab-category.base .column.last {
    display: none;
	}
	.slick-prev, .slick-next {
	top:65px;
	}
	.columnaAgenda.third {
    width: 100% !important; 
	padding-left:30px;
	}
	
	
}



@media (min-width: 320px) and (max-width: 640px) {
	
	.slick-prev, .slick-next {
	top:65px;
	}
	h4.title-slider-gallery a {
    font-size:1rem;
	}
	h4.title-slider-gallery {
    font-size: 0.9rem;
	}
	.wn21-fila-evento {
    padding: 20px !important;
    width: 100%;
    float: left;
	}
	#primary-mega {
    padding-right: 8%;
	}
	button.slick-next.slick-arrow {
    /* top: 50%; */
	}
	button.slick-prev.slick-arrow {
    /* top: 50%; */
	}

}

@media (min-width: 280px) and (max-width: 480px) {
	#logo {
		width:60%;
	}
	h1 {
    font-size: 1.5rem;
	}
	strong, b {
    font-size: 1rem;
    }
	
	.compact-width .menu-button {
    position: absolute;
    right: 2rem;
    top: 5%;
	}

 
	

}

.div_video_youtube  iframe{
    width: 88%;
    height: 390px;
  }
@media (min-width: 0) and (max-width: 767px) {
 .div_video_youtube iframe{
    height: 197px;
  }
}

/*@media (min-width: 0px) and (max-width: 1040px) {
	#search-block-form {
		display: none;
	}
	
	#tertiary {
		float: left !important;
		width: 60%;
		padding: 0;
	}
}*/

@media (min-width: 1024px) and (max-width: 1120px) {
	#tertiary {
		float: left !important;
		width: 22% !important;
		padding: 0 !important;
	}
}

@media (min-width: 1121px) and (max-width: 1439px) {
	#tertiary {
		float: left !important;
		width: 30% !important;
		padding: 0 !important;
	}
}

@media (min-width: 1440px) and (max-width: 2500px) {
	#tertiary {
		float: left !important;
		width: 25% !important;
		padding: 0 !important;
	}
}

.views-row {
	/*margin-bottom: 40px;*/
	/*border: 4px solid silver;*/
	padding: 5px 10px;
}

.mapa {
	margin-bottom: 20px;
}

.zona-google h4 {
	font-size: 1.3rem;
}

/*.columnaAgenda {
  width: 33%;
  float: left;
} */
.columnaAgenda.first img {
  width: 85%;
  padding-left: 10%;
} 
.columnaAgenda.third img {
  padding-bottom: 5px;
  width:100%;
} 



/*.videoYoutube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/

.fondoGris, .fondoGris .inner-content, .fondoGris .column {
  background-color: #EEEEEE;
}

#div-red-de-centros-garantia{
  width: 100%;
  float: left;
}

div#main-bottom {
 /*  width: 100%;
  padding-left: 8%;
  padding-right: 8%;   */
}



/*Galería de imagenes título */
.view-display-id-block_1 .slide__caption {
    position: relative;
}


/*********Programas**********/
.filas.filas-1.filas-odd.filas-first {
	border: 5px solid #C9CACC;
	list-style-type: none;
	padding: 12px;
	float: left;
	margin-left: 20px;
	/* margin: 10px; */
	width:30%;
}
.filas.filas-2.filas-even.filas-last {
	border: 5px solid #C9CACC;
	list-style-type: none;
	padding: 12px;
	float: left;
	margin: 10px;
	width:30%;
}
.filas.filas-3.filas-odd {
	border: 5px solid #C9CACC;
	list-style-type: none;
	padding: 12px;
	float: left;
	margin: 10px;
	width:30%;
} 
.filas.filas.filas {
	border: 5px solid #C9CACC;
	list-style-type: none;
	padding: 12px;
	float: left;
	margin: 10px;
	width:30%;
}
/*******************/

.contacta_aviso, .contacta_form{
  padding-top: 25px;
}

.titulo_listado_newsletter {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #C0C0C0;
    margin-top: 20px;
}

.linea_fechas_newsletter {
	font-size: 70%;
}

.slide__caption .slide__description {
    font-size: 0.8rem;
}
.view.view-content-gallery.view-id-content_gallery.view-display-id-block_1 li {
    margin: 0;
}

.view.view-content-gallery.view-id-content_gallery.view-display-id-block_1 .slick__arrow{

  margin-top: -9%;
}

#injuve-search-form {
	margin-top: 0px;
}

.form_centos_wrap{
  padding: 20px;
  background-color: #f4f4f4;
}

.title-slider-gallery{
  font-size: 24px;
font-weight: bold;
}

.texto-cuerpo p {
	width: 100%;
}

@media (min-width: 0px) and (max-width: 1023px) {
 h3.title-underline {
   margin-top:10px;
}
}

#main-footer h2{
	color:white;
	font-size: 18px;
}

.label-select {
	margin-left: 5px;
}




/*.inner-content h2 {
    color: white;
}*/


/*-----------------------MENU SUPERIOR ICONOS ---------------*/



.om-maximenu .om-maximenu-content {
    position: absolute;
    top: 0px;
    left: -1050px;
    min-width: 640px;
    z-index: 10000000000;
    width: 1200px;
    padding-right: 2rem;
    /* padding: 10rem; */
	top: 33px;
}


.om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf .om-link {
    float: right;
    padding-left: 1rem;
}
.om-maximenu.om-maximenu-block {
    float: right;
    top: -3px;
}
.om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf {
    float: right;
}
#block-om-maximenu-om-maximenu-1 {
    float: right;
    padding: 0px;
}
#block-om-maximenu-om-maximenu-1 .inner-content {
    background-color:black;
    padding: 0;
}

.om-maximenu-simple .om-maximenu-middle-right {
    padding: 5px 20px;
    /* background: url(images/simple3.png) right top repeat-y; */
    margin-right: -25px;
    padding: 3rem;
        padding-left: 3rem;
    top: -25px;
    right: 100px;
    padding-left: 5rem;
}



/* #search-block-form {
    position: absolute;
    z-index: -1;
}
#header {
    background-color: transparent;
}
#site-info {
    position: relative;
    z-index: -1;
}
#primary-mega {
    position: relative;
    z-index: -3;
}
#spotlight {
    position: relative;
    z-index: -1;
    background-color: transparent;
} */
/* #tertiary {
    position: relative;
    z-index: -10;
} */


@media only screen and (max-width: 1024px) and (min-width: 0px){
.om-maximenu.om-maximenu-block ul.om-menu {
    float: left;
    padding-right: 3rem;
}
 .om-maximenu .om-maximenu-content {
    position: relative;
    top: 0px;
    left: 0;
    min-width: 640px;
    z-index: 10000000000;
    width: 105%;
	padding:5rem;
}
/*.compact-width nav #search-block-form {
    top: 1.25rem;
    padding-right: 9%;
}*/
.om-leaf last leaf-facebook om-leaf-icon {
	display:none;	
}
#om-leaf-om-u1-1125795878-2 {
    display: none;
}
#om-leaf-om-u1-1125795878-3 {
	display:none;
}
#om-leaf-om-u1-1125795878-4 {
	display:none;
}
#om-leaf-om-u1-1125795878-5 {
	display:none;
}
#om-leaf-om-u1-1125795878-6 {
	display:none;
}
#om-leaf-om-u1-1125795878-7 {
	display:none;
}

}

.wn21-no-bullet ul {
	list-style:none
}

/*@media only screen and (max-width:1091px) and (min-width:1024px){
#logo-right {
    float: right;
    padding-right: 40px;
    position: relative;
    bottom: 76px;
 }
}*/


@media only screen and (max-width:6000px) and (min-width:1025px){
div#logo-right-responsive {
    display: none;
 }
}

/*@media only screen and (max-width: 1024px) {
    div#logo-right-responsive {
		max-width: 16%;
		float: right;
		position: relative;
		right: 200px;
		top: 18px;
    }
}

@media only screen and (max-width: 700px){
	div#logo-right-responsive {
		max-width: 16%;
		float: right;
		position: relative;
		right: 130px;
		top: 18px;
 }
	div#logo-center {
		max-width: 23%;
		float: left;
		padding-top: 3%;
		position: relative;
		right: 140px;
 }
}


@media only screen and (max-width: 485px){
div#logo-right-responsive {
    max-width: 16%;
    float: right;
    position: relative;
    right: 103px;
    top: 15px;
 }
div#logo-center {
    max-width: 24%;
    float: left;
    padding-top: 3%;
    position: relative;
    right: 115px;
 }
}


@media only screen and (max-width: 400px){
div#logo-center {
    max-width: 24%;
    float: left;
    padding-top: 3%;
    position: relative;
    right: 97px;
 }
div#logo-right-responsive {
    max-width: 16%;
    float: right;
    position: relative;
    right: 88px;
    top: 12px;
 }
}

@media only screen and (max-width: 375px) {
div#logo-center {
    max-width: 25%;
    float: left;
    padding-top: 3%;
    position: relative;
    right: 107px;
 }
div#logo-right-responsive {
     max-width: 15%;
    float: right;
    position: relative;
    right: 95px;
 }
}

@media only screen and (max-width: 365px){
div#logo-center {
    max-width: 25%;
    float: left;
    padding-top: 3%;
    position: relative;
    right: 96px;
 }
}

@media only screen and (max-width: 335px){
div#logo-center {
    max-width: 25%;
    float: left;
    padding-top: 3%;
    position: relative;
    right: 90px;
}
div#logo-right-responsive {
    top: 9px;
 }
}
*/

@media only screen and (max-width: 1000px) {
.view.view-calendariop-portada.view-id-calendariop_portada.view-display-id-block_1.view-dom-id- > div > div > div > div > h3 > a {
    font-size: 20px;
 }
}

@media only screen and (max-width: 375px) {
.view.view-calendariop-portada.view-id-calendariop_portada.view-display-id-block_1.view-dom-id- > div > div > div > div > h3 > a {
    font-size: 20px;
    padding-left: 27%;
 }
}




/* personalizados Montse */
.field-content.metagris {
  text-transform: uppercase;
  padding-bottom: 3px;
  margin-bottom: 0;
  color: #999999;
  font-size: 0.75rem;

  /*border-color: #eeeeee;*/
  /*border-bottom-width: 1px;*/
  /*border-bottom-style: solid;*/
}
.col-1.fila-videos{
	vertical-align: top;
	padding-top: 10px;
	width: 15%;
}
.col-2.fila-videos{
	vertical-align: top;
	padding-top: 10px;
		width: 15%;
}
.col-3.fila-videos{
	vertical-align: top;
	padding-top: 10px;
		width: 15%;
}
.views-column {
	width: 30%;
}
/*.col-4.fila-videos{
	vertical-align: top;
	padding-top: 10px;
}*/
.field-content.titulo-video-listado {
	width: 70%;
	padding-bottom: 8%;
}
.field-content.img-video-listado {
	width: 300px;
	height: 200px;
}
.texto-video-transcripcion {
	font-size: 0.85rem;
	padding-bottom: 5%;
	color: #686868;
}
/*acc*/
h1.acc-title-underline-hide {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-left: 0px;
    margin-right: 28%;
    padding: 0.5rem 0rem;
    border-color: #C70039 !important;
    margin-top: 10px;
}

ul.acc-ul > li {
    list-style: none;
    border-bottom-color: gray;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: rgba(104,104,103,0.09) !important;
/*    padding-bottom: 75px;*/
    padding-bottom: 15px;
}

ul.acc-ul-temas-listado > li {

    list-style: none;
    border-bottom-color: gray;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: rgba(104,104,103,0.09) !important;
    /*padding-bottom: 75px;*/
    padding-bottom: 45px;
}

ul.acc-ul-convocatorias > li {

    list-style: none;
    border-bottom-color: gray;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: rgba(104,104,103,0.09) !important;
    padding-bottom: 75px;

}
ul.acc-ul-observatorio > li {
    list-style: none;
    border-bottom-color: gray;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: rgba(104,104,103,0.09) !important;
    padding-bottom: 75px;
}

ul.acc-ul-cifras-jovenes > li{
	list-style: none;
    border-bottom-color: gray;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: rgba(104,104,103,0.09) !important;
    padding-bottom: 75px !important;	
	margin-top: 3%;
}

ul.acc-ul-sondeos-opinion > li{
	list-style: none;
    border-bottom-color: gray;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: rgba(104,104,103,0.09) !important;
    padding-bottom: 45px !important;	
	margin-top: 3%;
}

ul.acc-ul-eventos > li{
	list-style: none;
    border-bottom-color: gray;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: rgba(104,104,103,0.09) !important;
    padding-bottom: 75px !important;	
	margin-top: 3%;
}

ul.acc-ul-ediciones-injuve > li {
    width: 49%;
    float: left;
}

.titulo-grueso > span > a {
    font-weight: 600 !important;
	font-size: 1.175rem;
}

.wrap-file-adjunto {
    border-bottom-color: lightgrey;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    list-style-type: none;
}

.text > a:hover {
    color: white !important;
    font-weight: 100;
}
.text > a {
    background-color: black;
}
.prev-npr, .next-npr {
    background-color: #C70039 !important;
}

.acc-gallery > .column {
    clear: none !important;
}

a.cc_more_info:hover {
    color: white !important;
    font-weight: 700;
}
a.cc_more_info{
    color: white !important;
}
a.cc_more_info {
    border-bottom-style: solid;
    border-bottom-width: 1px;
	margin-left: 2%;
}

h2.h2-listado-actualidad { 
	font-size: 1.175rem;
	font-weight: bold;
}
h2.h2-vistas-conocenos {
    font-weight: bold;
    font-size: 19px;
	margin-top: 30px;
}

/* se muestra en los estilos dentro del editor del body
no está bien - mirar como hacerlo */
span.idioma.ingles .before{
	content: "<span lang:\"en\">";
}
span.idioma.ingles {
	content: "<span lang:\"en\"> ";
}
span.idioma.ingles .after{
	content: " </span>";
}
span.idioma.catalan {
	lang: ca;
}
span.idioma.euskera {
	lang: eu;
}
span.idioma.gallego {
	lang: gl;
}

#formulario_casillaseleccion {
    padding: 0.1rem 0.1rem;
}