@charset "utf-8";
/* Para IE */



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .bupa-enlace-doc i {position:relative; top:-15px;}
}


/**
* Estilos circulo  de bienestar
*/
#block-titulodecirculodebienestar, #block-views-block-titulos-controlados-block-1 {padding:40px 15px; text-align:center;}
#block-views-block-temas-de-circulo-de-bienestar-block-1, #block-views-block-circulo-de-bienestar-slider, #block-views-block-circulo-de-bienestar-popular-temas {padding:80px 0;}

#block-views-block-temas-de-circulo-de-bienestar-block-1 h3 a, #block-views-block-circulo-de-bienestar-popular h3, #block-views-block-circulo-de-bienestar-popular-temas h3, #block-views-block-circulo-de-bienestar-block-2 h3, #block-views-block-circulo-de-bienestar-popular-articulo h3  {color:#00335b; font-size:22px; font-family:"Gotham-Bold";}

#block-views-block-temas-de-circulo-de-bienestar-block-1 h3 a:hover {text-decoration:none;}

#block-views-block-circulo-de-bienestar-recomendados {margin:80px 0;}
#block-views-block-circulo-de-bienestar-recomendados h3 {color:#00335b; margin-bottom:25px; font-size:22px; text-align:center; font-family:"Gotham-Bold";}


#block-views-block-circulo-de-bienestar-block-1, #block-views-block-circulo-de-bienestar-temas{
	background: #f2f6f9;
}

.circulo .tema{
	color: #009ee0;
	padding-top:50px;
	font-family:"Gotham-Medium";
}
#block-views-block-circulo-de-bienestar-popular .tema, #block-views-block-circulo-de-bienestar-popular-temas .tema {padding-top:20px;}
#block-views-block-circulo-de-bienestar-popular .tema a, #block-views-block-circulo-de-bienestar-popular-temas .tema a {font-family:"Gotham-Medium";}
#block-views-block-circulo-de-bienestar-popular h4, #block-views-block-circulo-de-bienestar-popular-temas h4 {color:#00335b;}
.circulo h3{
	color: #00325c;
}
.circulo.active h3{
	color: #fff !important;
}
.circulo img{
	width: 100%;
	height: auto;
}
.circulo .leer-mas{
	background: rgba(0, 50, 92, 0.5);
    position: absolute;
    top: 0;
    left: 15px;
    bottom: 0;
    right:15px;
    display: none;
}
.circulo .leer-mas a{
    display: inline-block;
    background: #00325c;
    color: #fff;
    padding: 15px;
    margin: auto;
}
/* EFECTOS HOVER */
.circulo.active{
	background: #00325c;
}
.circulo.active h4, .circulo.active p, .circulo.active .col-md-6 > div, .circulo.active .p-3{
	color: #fff !important;
}
.circulo.active .leer-mas{
	display: flex;
}
.articulos{
	border-top: #eee 1px solid;
	border-bottom: #eee 1px solid;
}
#block-views-block-temas-de-circulo-de-bienestar-block-1 .temas .row {margin:0;}
.temas li{
	list-style: none;
	padding-left:0 !important;
}
.temas li a{
	display: block;
	color: #777;
	border-bottom: #777 1px solid;
	text-decoration: none;
	box-sizing: border-box;
	padding: 6px 3px 6px 0;
	font-size: 18px;
}
.temas li a:hover{
	color: #009ee0;
	border-bottom: #009ee0 1px solid;
}
.temas li a::before{
	content: '\2192';
	display: inline-block;
	padding-right: 5px;
	font-weight: bold;
	width:25px;
	overflow-x:hidden;
	margin-left:-25px;
	-webkit-transition: all 200ms ease-in;
       -moz-transition: all 200ms ease-in;
       -ms-transition: all 200ms ease-in;
       -o-transition: all 200ms ease-in;
       transition: all 200ms ease-in;
       color:#fff;
       position:relative;
       top:4px;
}
.temas li a:hover:before{
	margin-left:0;
	color:#009ee0;
}
#block-views-block-circulo-de-bienestar-slider .titulo{
	color: #00325c;
    padding: 30px 10px 30px 10%;
    font-size: 1.5em;
    font-family:"Gotham-Medium";
}
#block-views-block-circulo-de-bienestar-slider h3 a{ color:#00335b; text-decoration: none; }
#block-views-block-circulo-de-bienestar-slider h3 a:hover{ color:#009ee0; }
#block-views-block-circulo-de-bienestar-slider .tema {
color: #009ee0;
	padding-top:50px;
	font-family:"Gotham-Medium";
}
#block-views-block-circulo-de-bienestar-slider .carousel-item {height:500px; background-size:70% !important;}
#block-views-block-circulo-de-bienestar-slider .texto{
	background-color: #fff;
	border-left: #00325c 3px solid;
	min-height: 300px;
	padding: 10%;
}
#block-views-block-circulo-de-bienestar-slider .wrapper-controles{
	position: relative;
	height: 40px;
	text-align: right;
	margin-top:15px;
}
.contador {color:#00335b; position:relative; bottom:-3px; font-size:24px;}
.contadorde {color:#009ee0;}
#block-views-block-circulo-de-bienestar-slider .controles{
	display: inline-block;
	position: relative;
	width: 80px;
	height: 35px;
}
#block-views-block-circulo-de-bienestar-slider .controles a{
	color: #00325c;
	border: #00325c 1px solid;
	display: inline-block;
    width: 35px;
    font-size: 20px;
}
.field--name-field-tema-del-circulo-de-bienes a, .tema a {color:#0a89c3;}

.sugiere ul{
	padding: 0 15px;
}
.page-node-type-article .sugiere ul {padding:0;}
.sugiere div a {font-family:"Gotham-Medium"; font-size:14px; color:#0a89c3;}
.sugiere h3 a {font-size:17px; line-height:100%; padding-right:5px; color: #00325c;}
.sugiere li{
	list-style: none;
	margin-bottom: 15px;
	padding: 10px 0;
	border-top:1px solid #eee;
}
.sugiere .contador{
	background: #eee;
    font-size: 20px;
    width: 65px;
    height: 100px;
    float: left;
    margin-right: 10px;
    padding: 10px;
}

#block-views-block-circulo-de-bienestar-popular-articulo .sugiere .contador{width:80px; height:80px;}

#block-twitterblock h3 {background-image:url('/themes/custom/bupa/img/logos/twitter.png'); background-size: 40px; font-size:0; height:35px; background-repeat:no-repeat;}


/**
* Estilos paginas articulos circulo  de bienestar
*/

#article-header{
	background: #f2f6f9;
	padding-top: 50px;
	margin:0;
}
#article-header .left{
	margin-top: 80px;
	background: #fff;
	padding-right: 0;
	padding-left:30px;
}
#article-header .left:before{
	content: " ";
	display: block;
	background: #109fe1;
	height: 60px;
	margin-top: -60px;
	margin-left: 40%;
}
#article-header .right{
	padding: 0 80px 0 0;
}
#article-header .right img{
	width: 100%;
	height:auto;
}
#article-header .tema{
	margin-top: 50px;
}
#article-header h1 {color:#00335b; padding-right:10px;}
#texto{
	 padding: 20px 20px 20px 0;
}
#texto .letra{
	font-size: 10em;
	line-height: 0.8;
	color: #777;
	float: left;
	font-weight: bold;
}

#indice {padding-bottom:25px; margin-bottom:25px; margin-right:30px; border-bottom:1px solid #ddd;}
#indice h3 {font-size:22px; color:#777; font-family:"Gotham-Medium"; margin-bottom:15px;}
#indice li{
  counter-increment: step-counter;
  margin-bottom: 10px;
}

#indice li a {color:#777;}

#indice ol{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#indice li::before{
  content: counter(step-counter);
  margin-right: 5px;
  font-size: 1em;
  color: #777;
  font-weight: bold;
  border-radius: 3px;
}

#contenidos>ol>li{
  counter-increment: step-counter;
  margin-bottom: 10px;
}

#contenidos>ol{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#contenidos>ol>li::before{
  content: counter(step-counter)'.';
  margin-right: 5px;
  font-size: 2em;
  float: left;
  color: #109fe1;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 3px;
}
#contenidos h2{
  font-size: 1.4em;
  text-transform: uppercase;
  line-height:1.5;
  padding-top:14px;
  color:#00335b;
  font-family:"Gotham-Medium";
}
#contenidos>ol>li>h3{
  color: #777;
  font-size: 1.25em;
  padding-left: 50px;
}
#contenidos>ol>li>h4{
  color: #109fe1;
  font-size: 1.1em;
  font-weight: bold;
  padding-left: 100px;
}
#contenidos>ol>li>h5{
  font-size: 1.3em;
  font-weight: bold;
  font-family: 'Gotham-Medium';
  color: #575757;	
  width: 270px;
  float: left;
  margin: 30px 40px 30px 0;
  padding-bottom: 15px;
  border-bottom: #109fe1 10px solid;
}

#contenidos>ol>li>p{
  padding-left: 120px;
  margin: 2rem 0;
}
#contenidos>ol>li>ul{
  padding-left: 135px;
  list-style-type: disc;
  color: #3f3f3f;
}
#contenidos>ol>li>ul.margen{
  margin: 2rem 0;
}
#contenidos>ol>li>ul.margent{
  margin-top: 2rem;
}
#contenidos>ol>li>ul.margenb{
  margin-bottom: 2rem;
}
#contenidos p iframe, #contenidos p video, #contenidos p img{
	margin-left: -100px;
}
#contenidos table{
	border: #ccc 1px solid;
}
#contenidos table td{
	padding: 10px;
}
#contenidos table th{
	background: #efefef;
	border-bottom: #109fe1 3px solid;
	padding: 10px;
}
#contenidos blockquote{
	background: #eee;
	padding: 40px 100px;
	margin-right: 100px;
}
#contenidos blockquote:before{
	content: " ";
	display: block;
	background: #109fe1;
	height: 3px;
    width: 80px;
    margin-bottom: 20px;
}
#contenidos blockquote p{
	margin: 0;
}
#preguntas{
	padding-left: 50px;
	margin:2rem 0;
}
#preguntas a.titulo{
	position: relative;
	display: block;
	text-decoration: none;
	background: #eee;
	color: #333;
	border-bottom: #ccc 1px solid;
	padding: 15px 60px 15px 15px;
	margin-bottom: 1px;
}
#preguntas a.titulo .boton{
	position: absolute;
	display: block;
	top: 0;
	right:0;
	padding: 15px;
	
}
#preguntas .contenido{
	padding: 15px 15px 15px 40px;
}
#preguntas .contenido>h4{
	color: #109fe1;
    font-size: 1.1em;
    font-weight: bold;
}
.page-node-type-article .tema a {font-family:"Gotham-Medium";}

/**
* Estilos bloque seguro circulo  de bienestar
*/
.page-node-type-article .region-content{
	position: relative;
}
#bloque-seguro{
	position: absolute;
	top:373px;
	width: 100%;
	height: 0;
}
#bloque-seguro .bloque{
	background: #0a89c3;
	color: #fff;
	float: right;
	width: 320px;
	text-align: center;
	padding: 30px;
	margin-bottom:25px;
}
#bloque-seguro .titulo{
	font-weight: bold;
}
#bloque-seguro .subtitulo-1{
	font-size: 0.8em;
    padding-bottom: 15px;
}
#bloque-seguro .subtitulo-2{
	font-style: italic;
	font-size: 0.9em;
}
#bloque-seguro .subtitulo-2:after{
	content: " ";
	background: #109fe1;
	display:block;
	width:60px;
	margin:8px auto;
	border-bottom:2px solid #fff; 
}
#bloque-seguro .boton{
	background: #fff;
    display: inline-block;
    padding: 6px 20px;
    border-radius: 25px;
    font-weight: bold;
    font-size: 0.9em;
    color:#0a89c3;
}
#bloque-seguro .boton:hover {text-decoration:none; background-color:rgba(255,255,255,0.7);}
#bloque-seguro .telefonos{
	background: #109fe1;
	border-top: #fff 1px dashed;
	border-bottom: #fff 1px dashed;
	font-size: 0.6em;
    margin: 20px -30px;
    padding:15px 0 0;
}
#bloque-seguro .telefonos p{
	color: #fff;
}
#bloque-seguro .telefonos span{
	font-weight: bold;
}
#bloque-seguro .telefonos a {color:#fff;}


/**
* Bloque Mas Populares
*/

#block-views-block-circulo-de-bienestar-popular-articulo{
	position: absolute;
	top: 1000px;
	width: 100%;
}
#block-views-block-circulo-de-bienestar-popular-articulo .container{
	position: relative;
}
#block-views-block-circulo-de-bienestar-popular-articulo .view-header{
	position: absolute;
	right:0;
	width: 320px;
}
#block-views-block-circulo-de-bienestar-popular-articulo .view-content{
	position: absolute;
	right:0;
	width: 320px;
	margin-top: 40px;
}


/** Twitter Block **/
  #block-views-block-circulo-de-bienestar-block-2 .view-header,
  #block-views-block-circulo-de-bienestar-block-2 .view-content{
    max-width: 550px;
  }
  #block-twitterblock {
    position:absolute;
    margin-top:-300px;
    width:50%;
    right:0;
  }
  #block-twitterblock h3{
    margin-left: 40px;
  }
  #block-twitterblock .content{
    height: 300px;
    max-width: 550px;
    padding: 15px;
    margin-left:-25px;
  }

/**
* Bloque recomendados
*/
.recomendados ul{
	padding: 0;
}
.recomendados li{
	list-style: none;
}
.recomendados .articulo{
	background: #eee;
	padding: 15px 15px 30px;
	margin-bottom: 15px;
}
.recomendados img{
	max-width: 100%;
	height: auto;
}
.recomendados .tema{
	font-size: 15px;
	padding: 15px 0;
	font-weight: bold;

}
.recomendados .titulo a{
	display: block;
	height: 90px;
	font-size: 18px;
	color: #00325c;
	padding-bottom: 15px;
}

/**
* Bloque manual temas CB
*/

#block-bloquemanualtemascb{
	background: #eee;
	margin-top:120px;
}
#block-bloquemanualtemascb .left{
	padding: 90px 40px 40px 40px;
}
#block-bloquemanualtemascb h2{
	color: #00325c;
	font-size: 1.5em;
        line-height: 1.2;
        font-family:"Gotham-Medium";
}
#block-bloquemanualtemascb h3{
	color:#109fe1;
	font-style:italic;
	font-size:20px;
}
#block-bloquemanualtemascb a{
	display: inline-block;
	background: #097dca;
	color: #fff;
	padding: 15px;
	text-decoration: none;
	margin-top:10px;
}
#block-bloquemanualtemascb img{
	max-width: 100%;
	height: auto;
	margin-top: -30px;
}
/**
* Share Buttons
*/

.share-container {
  height: auto;
  width: 60px;
  padding-top: 10px;
}
.ssc-sticky {
  left: 0;
  position: fixed;
  top: 0;
}
.ssc-sticky .count {
  line-height: 20px !important;
}

.share-container a {
	text-decoration: none !important;
    display: block;
    border: #eee 1px solid;
    padding: 10px;
    height: 50px;
    width: 50px;
    text-align: center;
}
.share-container a:hover{
	background: #eee;
}
.shareme-fixed {
  background: none repeat scroll 0 0 #fff;
  box-shadow: #ccc 0px 0px 12px;
  text-align: center;
  z-index: 1;
}
.shareme-relative {
  background: none;
  position: relative;
  top: 0;
}
.share-container .secondary {
  position: relative;
  display: none;
}

.sharetext {
  font-size: 11px;
  font-family: Arial, sans-serif;
  color: #0a89c3;
  display: block;
  padding-bottom: 0px;
  padding-top: 7px;
}
.shareme-fixed .sharetext {padding:0;}

.share-container .count {
  display: inline-table;
  font-size: 20px;
  font-weight: bold;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #0a89c3;
  border-top: #eee 2px solid;
  text-align: center;
  line-height: 13px;
  padding: 10px 0;
  width: 50px;
}
.share-container .share-button-wrapper{
  display: inline-block;
}
.share-container .switch:before,.share-container .switch2:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: inline-block;
  cursor: pointer;
  color: #777;
  text-align: center;
}

.share-container .switch:before {
  content: "\f067";
}

.share-container .switch2:before {
  content: "\f068";
}

.share-container .fa-facebook, .share-container .fa-twitter,
.share-container .fa-linkedin-square, .share-container .fa-pinterest,
.share-container .fa-google-plus, .share-container .fa-stumbleupon,
.share-container .fa-rss, .share-container .fa-whatsapp {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: bold;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: inline-block;
  cursor: pointer;
  color: #777;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 100%;
  height: 100%;
  text-align: center;
}

.share-container .expanded-text {
  display:none;
}


.share-container .expanded-text-twitter,.share-container .expanded-text-whatsapp {
  display:none;
}

.share-container .alt-text-tweet {
  display: none;
}

.share-container .alt-text-facebook {
  display: none;
}

.share-container .alt-text-whatsapp {
  display: none;
}

/* for 700px or less */
@media all and (max-width: 778px) {
  .shareme-fixed {
    padding: 12px 0 5px 10px;
  }
  .alt-text-tweet {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    display: inline !important;
    color: white;
    height: 30px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
  }
  .alt-text-facebook {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    display: inline !important;
    color: white;
    height: 30px;
    font-size: 12px;
    text-align: center;
    padding-left: 5px;
  }
  .expanded-text {
    display: none !important;
  }
  .expanded-text-twitter {
    display: none !important;
  }
}
/* for 480px or less */
@media screen and (max-width: 480px) {
  .share-container .fa-facebook-square, .share-container .fa-twitter,
  .share-container .fa-linkedin-square, .share-container .fa-pinterest,
  .share-container .fa-google-plus, .share-container .fa-stumbleupon,
  .share-container .fa-rss, .share-container .fa-whatsapp  {
    width: 40px;
    margin-left: 0px;
    margin-right: 0px;
    height: 36px;
  }
  .share-container .alt-text-tweet {
    display: none;
  }
  .share-container .expanded-text-twitter {
    display: none;
  }
  .share-container .alt-text-facebook {
    display: none;
  }
  .share-container .expanded-text {
    display: none;
  }
  .share-container .alt-text-whatsapp {
    display: none;
  }
  .share-container .expanded-text-whatsapp {
    display: none;
  }
  .share-container .count,.share-container .switch,.share-container .switch2 {
    display: none !important;
  }
  .share-container .secondary {
    display: inline-block !important;
  }
  .shareme-fixed {
    padding: 12px 0 5px 10px;
  }
  .share-container a {
    display: inline-flex;
  }
}
.ssc-follow-box-wrapper span {
  /* padding: 0; */
  width: 42px;
}
.ssc-follow-box-wrapper a {
  text-decoration: none !important;
}

/* ******************************************************************************** */
/* RESPONSIVE CÍRCULO DE BIENESTAR */
/* ******************************************************************************** */


/* BIG SCREENS */
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */

@media (min-width: 1600px) {
.titulo-solo-movil{	display: none;}		
}

@media (min-width: 1441px) {
.titulo-solo-movil{	display: none;}		
}

/* DESKTOP */
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */

@media (min-width: 1281px) and (max-width:1440px) {
.titulo-solo-movil{	display: none;}		
}

/* SMALL DESKTOP */
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */

/* SD 1 */
/* ******************************************************************************** */
@media (min-width: 1025px) and (max-width:1239px) {
.titulo-solo-movil{	display: none;}		
}

/* SD 2 */
/* ******************************************************************************** */
@media (min-width: 1025px) and (max-width:1280px) {
.titulo-solo-movil{	display: none;}	
}

/* Tablet */
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
/* Home Círculos de Bienestar */	
#block-views-block-circulo-de-bienestar-block-1 { padding: 0;}
#block-views-block-circulo-de-bienestar-block-1 .circulo { display:flex; flex-flow: column;}
#block-views-block-circulo-de-bienestar-block-1 .circulo .col-md-6:nth-of-type(1) {order: 2;}
#block-views-block-circulo-de-bienestar-block-1 .circulo .col-md-6:nth-of-type(2) {order: 1;}
#block-views-block-circulo-de-bienestar-block-1 .circulo .col-md-6 {-ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }

#block-views-block-circulo-de-bienestar-popular .circulo img, #block-views-block-circulo-de-bienestar-popular-temas .circulo img{ width: 150%; height:auto; margin-left:-25%;}	
#block-views-block-circulo-de-bienestar-block-1 .circulo {width:100%; height:auto;}
	
ul.p-0 li.col-md-4.col-sm-6.p-2 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

.articulos .col-md-4.col-sm-6 { padding-right: 0px; overflow:hidden; padding-left: 0px; }
.articulos .col-md-8.col-sm-6 .col-md-6{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}		
	
.p-3 { padding: 0 0 15px 0!important; }	/* Padding descripción del artículo */

#contenidos>ol>li>p { padding-left: 0; margin: 10px 0; }	
	
#block-views-block-circulo-de-bienestar-slider .carousel-item { background-size: 100% !important; height:auto;}	
#block-views-block-circulo-de-bienestar-slider .col-md-5{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}	
#block-views-block-circulo-de-bienestar-slider .texto{ padding: 0 10%; margin-top: 45%;}	

#contenidos>ol>li>h3 {padding-left:0;}

	
/* Tema Círculos de Bienestar */
#block-views-block-circulo-de-bienestar-temas{ padding: 0;}
#block-views-block-circulo-de-bienestar-temas .circulo { display:flex; flex-flow: column;}
#block-views-block-circulo-de-bienestar-temas .circulo .col-md-6:nth-of-type(1) {order: 2;}
#block-views-block-circulo-de-bienestar-temas .circulo .col-md-6:nth-of-type(2) {order: 1;}
#block-views-block-circulo-de-bienestar-temas .circulo .col-md-6 {-ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }


.sugiere ul { padding: 0;}	/* Bupa sugiere - Númeración de artículos*/
.sugiere li	{ border-top: 1px #ececec solid; padding: 15px 0; height: auto; }

#block-bloquemanualtemascb{ display:flex; flex-flow: column;}
#block-bloquemanualtemascb .left{ padding: 40px;}	
#block-bloquemanualtemascb .left.col-md-6{ order: 2; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }	
#block-bloquemanualtemascb .right.col-md-6{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; order: 1; }
	
.titulo-solo-movil{	 color: #00325c; font-size: 1.5em; font-family: "Gotham-Medium"; margin-bottom:10px; }	
	
#slider-articulos .titulo{ display: none;}		
	
	
/* Artículo Círculos de Bienestar */		
#bloque-seguro{ position: inherit;}	
#bloque-seguro .bloque{ width: 100%;}	
	
#block-views-block-circulo-de-bienestar-popular-articulo .container{ display: none;} /* Más populares - Númeración de artículos*/

.share-container{ display: none;} /* Redes sociales*/
	
article .col-md-7.offset-md-1{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-left: 0;}
#article-header .left {margin-top:-50px;}

.recomendados ul.row{display:flex;justify-content: center;}	
.recomendados li.col-md-3.col-sm-6{  -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; padding: 0px 8px;} 
.recomendados .articulo {padding-bottom:15px;}

#article-header { display:flex; flex-flow: column; position:relative;}
#article-header::after {background-image:url('/themes/custom/bupa/img/fondos/azul.jpg'); width:100%; height:400px; bottom:0; z-index:0; position:absolute; content:'';} 
#article-header .right.col-12.col-md-7.order-md-2{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; order: 1; }
#article-header .container {position:relative; z-index:1;}
#article-header .left.col { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; order: 2; }
#article-header .left:before{ display: none;} /* Cuadro azul*/
#block-views-block-temas-de-circulo-de-bienestar-block-1 h3 a {display:block; width:100%;}
#block-views-block-temas-de-circulo-de-bienestar-block-1 h3 a::after {content:'\f067'; display:block; position:relative; top:6px; float:right; font-size:24px; font-family:'FontAwesome'}
#block-views-block-temas-de-circulo-de-bienestar-block-1 h3 a.menos::after {content:'\f068';}

#contenidos table { width: 100% !important; margin:20px 0;}	
#contenidos li> p {padding:10px 0;  margin: 0; }
#contenidos p iframe, #contenidos p video, #contenidos p img { margin-left: 0; display: inherit; justify-content: none; width: 100%; }

#preguntas { padding-left: 0;}	

#contenidos blockquote {background: #fff; padding: 10px 0; -ms-flex: 0 0 58.333333%; flex: 0 0 50%; max-width: 50%; float: left; margin-right: 10px; }		
#contenidos blockquote:before{ display: none;}
#contenidos blockquote:after {content: " ";display: block; background: #0a79c8; height: 8px; width: 90%;margin-bottom: 0px;}
#contenidos blockquote p { margin: 0 15px 0 0; font-family: 'Gotham-Medium'; font-style: italic; font-size: 26px; line-height: 36px; color: #575757; }

#indice{ border-bottom: 1px #ccc solid; margin-bottom: 20px}	
#indice li::before { content: counter(step-counter)'.'; margin: 0 5px 0 15px; font-size: 1.5em;}	

#contenidos>ol>li>ul {padding-left:35px;}
#contenidos li::before {font-size: 1.5em; font-weight: bold; padding: 7px; }	

.titulo-solo-movil{	 color: #00325c; font-size: 1.5em; font-family: "Gotham-Medium"; margin-bottom:10px; }	
	
#slider-articulos .titulo{ display: none;}		
	
#preguntas { padding-left: 0; margin: 10px 0; }	
#preguntas a.titulo { font-size: 14px; padding-right: 50px;}		

#block-twitterblock h3 {background-position-x:center;}
#block-twitterblock .content {padding:40px 56px 0 0;}
#block-twitterblock {position:static; margin-top:0; width:100%;}
#block-twitterblock .content, #block-views-block-circulo-de-bienestar-block-2 .view-content {width:100%; height:auto; margin-left:0; max-width:100%;}
#block-bloquemanualtemascb img {width:100%; height:auto;}
#block-twitterblock iframe {height:auto;}

.circulo .leer-mas {left:0; right:0;}
#block-views-block-circulo-de-bienestar-block-1 .circulo .row .col-md-6:first-child > div:last-child, #block-views-block-circulo-de-bienestar-temas .circulo .row .col-md-6:first-child > div:last-child {padding-bottom:25px;}
	
}			


/* Mobil*/
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */

@media (max-width: 767px) {

/* Home Círculos de Bienestar */	
#block-titulodecirculodebienestar h2, #block-views-block-titulos-controlados-block-1 h2{ font-size: 1.75rem;}
#block-titulodecirculodebienestar p, #block-views-block-titulos-controlados-block-1  p{ padding: 0 15px;}

#block-views-block-circulo-de-bienestar-block-1 { padding: 0;}
#block-views-block-circulo-de-bienestar-block-1 .circulo { display:flex; flex-flow: column;}
#block-views-block-circulo-de-bienestar-block-1 .circulo .col-md-6{   padding-right: 0; padding-left: 0;}
#block-views-block-circulo-de-bienestar-block-1 .circulo .col-md-6:nth-of-type(1) {order: 2;}
#block-views-block-circulo-de-bienestar-block-1 .circulo .col-md-6:nth-of-type(2) {order: 1;}
#block-views-block-circulo-de-bienestar-block-1 .circulo .col-md-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

#block-views-block-temas-de-circulo-de-bienestar-block-1, #block-views-block-circulo-de-bienestar-slider, #block-views-block-circulo-de-bienestar-popular-temas {padding:40px 0;}

.circulo .tema{ padding-top: 20px;}	

.articulos .circulo .col-md-4.col-sm-6, .articulos .circulo .col-md-8.col-sm-6 { padding-right: 0; padding-left: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; overflow:hidden;} 
.articulos .circulo .col-md-8.col-sm-6 .col-md-6 .p-3{ padding: 0!important; } 

#block-views-block-circulo-de-bienestar-slider .carousel-item { background-size: 100% !important;}	
#block-views-block-circulo-de-bienestar-slider .col-md-5{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}	
#block-views-block-circulo-de-bienestar-slider .texto{ padding: 0 10%; margin-top: 55%;}	
#block-views-block-circulo-de-bienestar-slider .controles{ top: -25px;}	
	
/* Tema Círculos de Bienestar */
#block-views-block-circulo-de-bienestar-temas{ padding: 0;}
#block-views-block-circulo-de-bienestar-temas .circulo { display:flex; flex-flow: column;}
#block-views-block-circulo-de-bienestar-temas .circulo .col-md-6{   padding-right: 0; padding-left: 0;}
#block-views-block-circulo-de-bienestar-temas .circulo .col-md-6:nth-of-type(1) {order: 2;}
#block-views-block-circulo-de-bienestar-temas .circulo .col-md-6:nth-of-type(2) {order: 1;}
#block-views-block-circulo-de-bienestar-temas .circulo .col-md-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.articulos .circulo .col-md-8.col-sm-6 .col-md-4{ padding-right: 0; padding-left: 0; } 	
.articulos .circulo .col-md-8.col-sm-6{ padding-right: 0; padding-left: 0; } 	
.articulos .circulo .col-md-8 .col-md-6 { padding-right: 0px; padding-left: 0px; }

#block-views-block-temas-de-circulo-de-bienestar-block-1 h3 a {display:block; width:100%;}
#block-views-block-temas-de-circulo-de-bienestar-block-1 h3 a::after {content:'\f067'; display:block; position:relative; top:6px; float:right; font-size:24px; font-family:'FontAwesome'}
#block-views-block-temas-de-circulo-de-bienestar-block-1 h3 a.menos::after {content:'\f068';}

.sugiere .row{ padding: 0;}	

#block-bloquemanualtemascb{ display:flex; flex-flow: column;}
#block-bloquemanualtemascb .left{ padding: 40px;}	
#block-bloquemanualtemascb .left.col-md-6{ order: 2; }	
#block-bloquemanualtemascb .right.col-md-6{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; order: 1; padding: 0;}

.titulo-solo-movil{	 color: #00325c; font-size: 1.5em; font-family: "Gotham-Medium"; margin-bottom:10px; }	
	
#slider-articulos .titulo{ display: none;}		
.sugiere .contador {height:auto; min-height:70px;}


/* Artículo Círculos de Bienestar */	
#article-header h1 { color: #00335b; font-size: 2rem;}
#article-header { display:flex; flex-flow: column; position:relative;} 
#article-header .right.col-12.col-md-7.order-md-2{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; order: 1; }
#article-header .left.col { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; order: 2; margin-top: 0; }
#article-header .left:before{ display: none;} /* Cuadro azul*/

#article-header::after {background-image:url('/themes/custom/bupa/img/fondos/azul.jpg'); width:100%; height:200px; bottom:0; z-index:0; position:absolute; content:'';} 
#article-header .container {position:relative; z-index:1;}
	
#bloque-seguro{ position: inherit;}	
#bloque-seguro .bloque{ width: 100%;}	
	
#block-views-block-circulo-de-bienestar-popular-articulo .container{ display: none;} /* Más populares - Númeración de artículos*/

.share-container{ display: none;} /* Redes sociales*/	

#contenidos img{ width:100%; height:auto;}	
#contenidos>ol>li>p { padding-left: 0; margin: 10px 0; }
#contenidos>ol>li::before { margin-right: 15px; font-size: 1.5em; padding: 0;}
#contenidos p iframe, #contenidos p video, #contenidos p img { margin-left: 0;}	
#contenidos>ol>li>ul {padding-left:35px;}
#contenidos h2 { font-size: 1.2em; padding-top: 5px;}	
	
#indice ol { margin: 0; padding: 0 20px; list-style-type: none; text-indent: -40px; margin-left: 20px;}	
#indice{ border-bottom: 1px #ccc solid; margin-right:0; margin-bottom: 20px}	
#indice li::before { content: counter(step-counter)'.'; margin: 0 5px 0 15px; font-size: 1.2em;}		
	
#preguntas { padding-left: 0; margin: 10px 0; }	
#preguntas a.titulo { font-size: 14px; padding-right: 50px;}	

#contenidos>ol>li>h3 {padding-left:0;}
.recomendados .titulo a {height:auto;}
.recomendados .articulo {padding:15px;}

#block-views-block-circulo-de-bienestar-popular .col-md-8 .col-md-6 {padding:0;}
#block-twitterblock h3 {background-position-x:center;}
#block-twitterblock .content {padding:0; padding-top:25px;}
#block-twitterblock {position:static; margin-top:0; width:100%;}
#block-twitterblock .content, #block-views-block-circulo-de-bienestar-block-2 .view-content {width:100%; height:auto; margin-left:0; max-width:100%;}
#block-bloquemanualtemascb img {width:100%; height:auto;}

#contenidos table {width:100% !important;}
#contenidos table th, #contenidos table td {padding:5px; font-size:14px;}
#preguntas .contenido {padding: 15px 0;}
#block-views-block-circulo-de-bienestar-recomendados .recomendados .row .col-md-3 {padding:0;}
#block-views-block-circulo-de-bienestar-popular .circulo img, #block-views-block-circulo-de-bienestar-popular-temas .circulo img{ width: 150%; height:auto; margin-left:-25%;}	
#block-views-block-circulo-de-bienestar-block-1 .circulo .row .col-md-6:first-child > div:last-child, #block-views-block-circulo-de-bienestar-temas .circulo .row .col-md-6:first-child > div:last-child {padding-bottom:25px;}
.circulo .leer-mas {left:0; right:0;}
#block-views-block-circulo-de-bienestar-popular .circulo.active, #block-views-block-circulo-de-bienestar-popular-temas .circulo.active {padding: 0 15px 15px 15px;}
#block-views-block-circulo-de-bienestar-slider .carousel-item {height:auto;}
.page-node-type-article article .col-md-7 {padding:0;}
#contenidos>ol>li>h5 {width:100%;}
.mas-info-art ul li, .flechitas li {font-size:13px;}
	
}


/**
* Beneficios centro de bienevenida (Acordeones)
*/

#beneficios-header{
  border: #04a0e0 1px solid;
  max-width: 500px;
  padding: 20px;
  margin: 20px;
  color: #00335b;
}

#beneficios a.header{
  display: block;
  background: #eee;
  color: #00335b;
  padding: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
#beneficios a.header[aria-expanded="false"]:after{
  content: '+';
  float: right;
  font-size: 26px;
  line-height: 1;
}
#beneficios a.header[aria-expanded="true"]:after{
  content: '_';
  float: right;
  font-size: 26px;
  line-height: 0.1;
}

#beneficios table{
  width: 100%;
  max-width: 100%;
}
#beneficios tr{
  border-bottom: #eee 2px solid;
  padding: 5px;
}
#beneficios td{
  padding: 10px;
  vertical-align: top;
  color: #00335b;
}
#beneficios td li{
  list-style: none;
}
#beneficios tr li:before{
    content: '>';
    display: inline-block;
    position: absolute;
    margin-left: -30px;
    color: #04a0e0;
    font-weight: bold;

}
#beneficios table .icono{
  background: url(../img/sprite-beneficios.jpg) no-repeat;
  display: block;
  width: 60px;
  height: 60px;
}
#beneficios table .icono.medico{
  background-position: 0 0;
}
#beneficios table .icono.vacuna{
  background-position: 0 -70px;
}
#beneficios table .icono.vista{
  background-position: 0 -140px;
}
#beneficios table .icono.dental{
  background-position: 0 -210px;
}
#beneficios table .icono.auditivo{
  background-position: 0 -280px;
}
#beneficios table .icono.anteojos{
  background-position: 0 -350px;
}
#beneficios table .icono.cirugia{
  background-position: 0 -420px;
}

/* Tooltip */
.tooltip > .tooltip-inner {
  background-color: #fff;
  color: #777;
  border: #ccc 1px solid;
  padding: 15px;
  min-width: 320px;
  text-align: left;
}
.tooltip > .tooltip-inner h3{
  color: #007bff;
  font-size: 16px;
}


/* benefitsandexclusions */
#block-views-block-documentos-productos {background: #fff; }
#block-views-block-documentos-productos .view-header { padding: 3.5% 0; }
.gris{ color: #6c6e71 !important; }
#accordion_productos {margin-bottom: 40px;}
#accordion_productos .accordion-header { background-color: #f3f3f3; height: 40px; margin: 0 0 3px 0; }
#accordion_productos .accordion-header h2 { height: 100%; font-size: 15px; font-weight: 500; margin: 0 0 0 16px; text-transform: uppercase; float: left; position: relative;
    top: -4px;
    font-family: "Gotham-Bold";
    color: #00335b; }
#accordion_productos .accordion-header span a{ display:block; text-decoration: none; font-family: 'bupa-iconfonts'; font-size: 40px; font-weight: bold; color: #097dc9; width: 119px; height: 100%; text-align: center; line-height: 38px; border-left: 4px solid #fff; float: right; }
#accordion_productos .accordion-header .accordion-header-btn { cursor: pointer; }

#accordion_productos > .accordion-header { background-color: #eaeaea; height: 119px; margin: 0 0 3px 0; }
#accordion_productos > .accordion-header img { width: 197px; height: 100%; border-left: 9px solid #097dc9; float: left; }

#block-views-block-documentos-productos .view-header .icon-chevron-right:before {font-size: 12px;}

ul.enlaces{margin: 0; padding: 0;}
ul.enlaces li{list-style: none;}
ul.enlaces li a{
    font-size: 15px; 
    font-weight: 500; 
    line-height: 28px;  
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 38px;
    margin: 0 0 0 30px;
    color: #00335b;
    height: 100%;
    float: left;
}
ul.enlaces li a.accordion-content-download::before {
    background: url(../img/iconos/varios/download_icon.png) no-repeat 0 50%;
    width: 12px;
    height: 38px;
    content: '';
    float: left;
    margin: 0 12px 0 0;
}
ul.enlaces li a:hover{color: #0079c8;}
#benefitsandexclusions > .row {margin: 0;}

#accordion_productos > .accordion-header div { height: 100%; float: left;  width: 30%;}
#accordion_productos > .accordion-header div h1 { color:#00335b; font-size: 22px; font-weight: bold; line-height: 28px; display: block; margin: 20px 0 0 30px; text-transform: uppercase; }
#accordion_productos > .accordion-header div .titular { color:#0079c8; font-size: 15px; font-weight: bold; line-height: 28px; display: block; margin: 0 0 0 30px; }
#accordion_productos > .accordion-header span a { background-color: #097dc9; color: #fff; font-size: 20px; width: 119px; height: 100%; text-align: center; line-height: 119px; border-left: 4px solid #fff; float: right; }
#accordion_productos > .accordion-header span a.collapsed{ background-color: transparent; color: #097dc9;}

/* 
#accordion_productos .accordion-content { display: none; }
*/
#accordion_productos .accordion-content > h3,
#accordion_productos .accordion-content > a {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 38px;
    margin: 0 0 0 16px;
}

#accordion_productos .accordion-content .accordion-content-download::before {
    background: url(../img/iconos/varios/download_icon.png) no-repeat 0 50%;
    width: 12px;
    height: 38px;
    content: '';
    float: left;
    margin: 0 12px 0 0;
}

@media screen and (max-width: 767px) {

    #accordion_productos .accordion-header h2 {
        font-size: 13px;
        line-height: 38px;
        margin: 0 0 0 10px;
        letter-spacing: -1px;
		top:0;
    }
    #accordion_productos .accordion-header span { width: 48px; }
    #accordion_productos .accordion-header .accordion-header-btn {}

    #accordion_productos > .accordion-header { height: 331px; position: relative; }
    #accordion_productos > .accordion-header img { width: 100%; height: 212px; float: none; }
    #accordion_productos > .accordion-header div { text-align: center; float: none; }
    #accordion_productos > .accordion-header div h1 { margin: 15px 8px; }
    #accordion_productos > .accordion-header div a { margin: 5px 0 20px; }
    #accordion_productos > .accordion-header span { position: absolute; bottom: 0; right: 0; }
	#accordion_productos > .accordion-header div .titular {margin: 8px;}

    #accordion_productos .accordion-content {}
    #accordion_productos .accordion-content h3, #accordion_productos .accordion-content a { font-size: 14px; }
	#accordion_productos .accordion-header span a {width:45px;}
	#accordion_productos > .accordion-header div {width: 100%; text-align: left;}
	#accordion_productos > .accordion-header span a.collapsed {background-color: #eaeaea;}
	#producto-1, #producto-2, #producto-3, #producto-4, #producto-5 {position: relative; z-index: 2;}
}

@media screen and (max-width: 374px) {
    #accordion_productos .accordion-header h2 { font-size: 11px; }
}

#block-views-block-circulo-de-bienestar-popular-temas {margin-bottom: 40px;}

/* EVENTOS*/
.view-eventos .ficha .body{ line-height: 1.5em; padding-top: 5px; padding-bottom: 50px;}
.view-eventos .ficha .lugar, 
  #evento-header .ficha .lugar{ color: #0079c8; font-family: 'Gotham-Bold'; text-transform: uppercase; padding-top: 5px; }
.view-eventos .ficha .hora, 
  #evento-header .ficha .hora{ color: #00335b; font-family: 'Gotham-Bold'; font-size: 13px; padding-top: 5px;}
.ficha .link a.recordar{ background: url('/themes/custom/bupa/img/iconos/varios/calendar1.png') 100px 10px no-repeat;
    position: absolute; right: 0; bottom: 0; width: 150px; height: 53px; text-align: right; font-family: 'Gotham-Bold';
    font-size: 13px; line-height: 15px; padding: 10px 60px 10px 10px; border-top: #ddd 1px solid; }
.ficha .link a.galeria{ background: url('/themes/custom/bupa/img/iconos/varios/picture1.png') 100px 10px no-repeat;
    position: absolute; right: 0; bottom: 0; width: 150px; height: 53px; text-align: right; font-family: 'Gotham-Bold';
    font-size: 13px; line-height: 15px; padding: 10px 60px 10px 10px; border-top: #ddd 1px solid; }
#block-views-block-eventos-listado .eventos-fila .ficha .link a.recordar, #block-views-block-eventos-listado .eventos-fila .ficha .link a.galeria {bottom: 10px;}


#block-views-block-eventos-slider{ background: #f2f6f9; }
#block-views-block-eventos-slider .view-content{ position: relative; }
#block-views-block-eventos-slider .view-content img { max-width: 100%; height: auto; }
#block-views-block-eventos-slider .ficha{ background: #fff; position: absolute;
    bottom: 0; right: 80px; padding: 50px 40px; width: 320px; height: 400px; max-width: 100%; }
#block-views-block-eventos-slider .ficha time{ font-family: 'Gotham-Bold'; }
#block-views-block-eventos-slider .ficha h3{ padding-top: 10px; }
#carouselEventos .carousel-item { height: 550px; max-height: 100%; }
#carouselEventos .carousel-item:before{ content: ""; background: rgba(0,0,0,0.5); 
    display: inline-block; width: 100%; height: 125px; position: absolute; bottom: 0; }
#carouselEventos .carousel-indicators{ 
    bottom: 0px; height: 90px; margin: 0 450px 0 25px; }
#carouselEventos .carousel-indicators li{ background: transparent; color: #fff; width: 25%;
    height: 90px; text-indent: 0; padding: 15px; }
#carouselEventos .carousel-indicators li.active{ border-left: #fff 1px solid; }
#carouselEventos .carousel-indicators li .categoria{ font-family: 'Gotham-Bold'; font-size: 12px; text-transform: uppercase;  }
#carouselEventos .carousel-indicators li .titulo{font-size: 12px; }
#carouselEventos .carousel-indicators li:hover{ cursor: pointer; }

#views-exposed-form-eventos-listado{ background: #fff; text-align: center;  padding:50px 20px;}
#views-exposed-form-eventos-listado .js-form-type-select{ float: none; display: inline-block; }
#views-exposed-form-eventos-listado select{ color: #0079c8; border: #0079c8 3px solid; padding: 10px; min-width: 280px; font-weight: bold; }
#views-exposed-form-eventos-listado .form-submit{ display: none; }
#block-views-block-eventos-listado .view-header{ padding: 100px 15px 15px 15px; max-width: 580px; margin: 0 auto; text-align: center;}
#block-views-block-eventos-listado .eventos-fila{ padding-top: 60px; position: relative; border-bottom: 100px solid #fff; }
#block-views-block-eventos-listado .eventos-fila .bupa-container{ position: relative; }
#block-views-block-eventos-listado .eventos-fila.even{ background: #f2f6f9; }
#block-views-block-eventos-listado .eventos-fila.even .bupa-container:before{     content: "";
    position: absolute; z-index: 0; background: #fff; width: 83%; height: 120%; top: -80px; right: 0; }

#block-views-block-eventos-listado .eventos-fila .col-md-7, 
#block-views-block-eventos-listado .eventos-fila .col-md-3{ padding: 0; }

#block-views-block-eventos-listado .eventos-fila img{ max-width: 100%; height: auto; }
#block-views-block-eventos-listado .eventos-fila .ficha{ background: #f2f6f9;
    position: relative; padding: 40px; z-index: 10;}
#block-views-block-eventos-listado .eventos-fila.even .ficha{ margin-left: -40px; margin-top: -40px; }

#block-views-block-eventos-listado .eventos-fila.odd .ficha{ margin-right: -40px; margin-top: -40px;}
#block-views-block-eventos-listado .eventos-fila.odd .col-md-3{ order: 0; }
#block-views-block-eventos-listado .eventos-fila.odd .col-md-7{ order: 1; }
#block-views-block-eventos-listado .eventos-fila.odd .col-md-1{ order: 2; }

#block-views-block-eventos-listado .eventos-fila .ficha time{ font-family: 'Gotham-Bold'; }
#block-views-block-eventos-listado .eventos-fila .ficha h3{ padding: 5px 0;  }
#block-views-block-eventos-listado .imagen { display: block; max-height: 420px; max-width: 800px; overflow: hidden; }
#block-views-block-eventos-listado nav.pager{ padding-top: 60px; }
#block-views-block-eventos-listado .pager__item.is-active { display: none; }
#block-views-block-eventos-listado .pager__item--next a,
#block-views-block-eventos-listado .pager__item--previous a{ 
  display: inline-block; border: #02A3E9 2px solid; color: #02A3E9; padding: 10px; width: 220px; }
#block-views-block-eventos-listado .pager__item--next a span,
#block-views-block-eventos-listado .pager__item--previous a span{ font-family: 'Gotham-Bold'; }

/* EVENTOS - pagina nodo*/
#evento-header { background: #f2f6f9; max-height: 450px; padding-top: 40px; }
#evento-header .container{ position: relative; }
#evento-header img{ float: right; max-height: 100%; width: auto; }
#evento-header .ficha{ background: #fff; position: absolute; left: 0; bottom: 0;  width: 430px; padding: 40px 40px 80px 40px; max-width: 100%;}
#evento-header .ficha .field--name-field-fecha-del-evento{ display: inline-block; }
#evento-header .ficha time{ font-family: 'Gotham-Bold'; color: #0079c8; font-size: 13px; text-transform: uppercase; }
#evento-header .ficha .field--name-field-pais{ display: inline-block; }
#evento-header .ficha .pais .field__item{ color: #00335b; font-family: 'Gotham-Bold'; font-size: 13px; }
#evento-header h1{ color: #00335b; font-family: 'Gotham-Bold'; line-height: 2.5rem; }


article .evento { padding: 40px 100px; }
article .field--name-body{ padding-top: 40px; }
.especial .ancla-grupo{ margin-bottom: 0; }
.especial .pagina{ position: relative; background-size: cover !important; }
.especial .mapa-link{ background: url('/themes/custom/bupa/img/iconos/varios/ver-mapa.png'); 
    position: absolute; right: 0; top: 45%; width: 64px; height: 64px; color: transparent; }
.especial .mapa-link:hover{ width: 160px; }
.especial .mapa-cerrar{ position: absolute; right: 0; top: 0; background: #fff; color: #00335b; display: block; padding: 20px; font-weight: bold;  }
.especial .mapa-evento{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: scroll; }
.especial .mapa-evento iframe{ width: 100%; height: 100%; }
.especial .mapa-evento img {width:100%; height: auto;}

/* EVENTOS - pagina nodo vista proximos*/
#block-views-block-eventos-proximos .view-content{ padding: 50px 10%; }
#block-views-block-eventos-proximos h2{ padding: 20px 10px; color: #00335b; font-family: 'Gotham-Bold'; font-size: 28px; }
#block-views-block-eventos-proximos .eventos-fila .ficha{ background: #f2f6f9; height:400px; position: relative;}
#block-views-block-eventos-proximos .eventos-fila .ficha img{ max-width: 100%; height: auto; }
#block-views-block-eventos-proximos .eventos-fila .ficha .texto{ padding: 15px; }
#block-views-block-eventos-proximos .eventos-fila .ficha time{ font-family: 'Gotham-Bold'; }
#block-views-block-eventos-proximos .eventos-fila .link{ background: #00335b;
    padding: 15px; position: absolute; bottom: 0; width: 100%; height: 50px; }
.eventos-fila .link a.colorbox:before{
 content: "FOTOS DEL EVENTO"; display: inline-block; margin-bottom: 15px; }
.eventos-fila .link a.colorbox img{ display: none; }
#carousel-evento .controles { position: relative; height: 40px; margin-top: 40px; }
#carousel-evento .carousel-indicators li{ width: 10px; height: 10px; border-radius: 50%; background: #f2f6f9; }
#carousel-evento .carousel-indicators li.active{ background: #00335b; }
#carousel-evento a.carousel-control-prev,
#carousel-evento a.carousel-control-next { 
  padding: 5px; width: 40px; border: #00335b 1px solid; color: #00335b;font-size: 24px; line-height: 20px; }
#carousel-evento .ficha .link a.recordar,
#carousel-evento .ficha .link a.galeria{ color: #fff; width: 95%; margin-right: 5%; text-align: left; font-size: 15px; padding: 20px; border: none; }
#carousel-evento .ficha .link a.recordar{ background: url('/themes/custom/bupa/img/iconos/varios/calendar_blanco.png') right no-repeat;  }
#carousel-evento .ficha .link a.galeria{ background: url('/themes/custom/bupa/img/iconos/varios/picture_blanco.png') right no-repeat; }


/* Galeria modal */
.galeria-modal .modal-dialog{ max-width: 960px; }
.galeria-modal .modal-content{ border: #00335b 3px solid;  border-radius: 0; }
.galeria-modal a.cerrar{ position: absolute; right: 0; z-index: 5;background: #00335b !important; color: #fff; font-size: 25px; width: 40px; height: 40px; text-align: center; }
.galeria-modal a.cerrar:hover{ cursor: pointer; }
.galeria-modal .modal-encabezado, .galeria-modal .modal-pie{ padding: 5px 5%; }
.galeria-modal time{ font-family: 'Gotham-Bold'; }
.galeria-modal .icono-galeria { background: url('/themes/custom/bupa/img/iconos/varios/picture1.png') right no-repeat;
 float: right; margin-right: 40px; margin-top: 5px; width: 120px; height: 40px; padding-right: 40px; padding-top: 2px; }
.galeria-modal .icono-galeria span{ display: block; height: 15px; }
.galeria-modal .carousel-control-prev, .galeria-modal .carousel-control-next{ width: 40px; color: #00335b; opacity: 0.8;}
.galeria-modal .carousel-control-prev:hover, .galeria-modal .carousel-control-next:hover{ opacity: 1;}
.galeria-modal .carousel-indicators{ display:flex; flex-wrap: wrap; position: relative; bottom: 0; padding: 15px; margin: 0; }
.galeria-modal .carousel-indicators li{ background: transparent; color: #fff; position:static; width: auto; height: 80px; text-indent: 0; padding: 5px; }
.galeria-modal .compartir{ position: absolute; bottom: -25px; right: 80px; color:#00335b; font-size: 14px; display: none; }
.galeria-modal .carousel-control-prev .fa-2x, .galeria-modal .carousel-control-next .fa-2x {position:relative; top:-45px;}
.galeria-modal .compartir span{ font-size: 16px; }
.galeria-modal .modal-body .carousel:nth-child(3) > .carousel-inner {width: 90%; margin: 0 5%; background-color: #f2f2f2;}
.galeria-modal .carousel-indicators li.active .compartir{ display: block; }
.galeria-modal .carousel.thumbnails{ position: absolute; z-index: 100; bottom: 50px; width: 97%; height: 100px; padding: 10px 5%; }
.galeria-modal .carousel.thumbnails ol{ list-style: none; display: flex; padding: 0; }
.galeria-modal .carousel.thumbnails li{ display: inline-flex; width: 17%; overflow: hidden; margin: 0 3px; }

#block-views-block-eventos-listado .pager ul {padding-left: 0;}

.page-node-type-eventos #evento-header {margin: 0;}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	/* Bienestar */
/* portada */
#block-vidassaludablesbienestarbupa .pad80 {padding: 40px}
#pagina1796 .bupa-foto-fondo {padding: 0 0 15px 0;}
#pagina1796 .w-75 {width: 100% !important;}
#pagina1801 .bupa-foto-fondo {padding: 0;}
#pagina1801 .w-75 {width: 100% !important;}
#pagina1796 .btn-trans3, #pagina1801 .btn-trans3 {display: block;}

	/* listado de eventos */
	#block-views-block-eventos-listado .pager ul {padding-left: 0;}
	#block-views-block-eventos-listado {padding: 0 15px;}
	#block-views-block-eventos-listado .eventos-fila {padding-top: 0; border-bottom: 80px solid #fff;}
	#block-views-block-eventos-listado .eventos-fila.even .bupa-container:before {width: 100%; height: auto;}
	#block-views-block-eventos-listado .eventos-fila.even .ficha {margin-left: 25%; margin-top: 0; top:-25px;}
	#block-views-block-eventos-listado .eventos-fila.odd .ficha {margin-right: 25%; margin-top: 0; top:-25px;}
	#block-views-block-eventos-listado .eventos-fila.odd .col-md-7 {order: 0;}
	#block-views-block-eventos-listado .col-md-1 {display: none;}
	#block-views-block-eventos-listado .col-md-7, #block-views-block-eventos-listado .col-md-3 {width: 100%; -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;}
	#views-exposed-form-eventos-listado {margin-bottom: 40px;}
	#block-views-block-eventos-listado .eventos-fila.even,#block-views-block-eventos-listado .eventos-fila.odd {background-color: #fff;}
	#block-views-block-eventos-listado .eventos-fila img {max-width: none; width: 100%;}
	#block-views-block-eventos-listado .imagen {width: 100%; max-width: 100%;}


	/* slider del home */
	#block-views-block-eventos-slider {background-color: white;}
	#block-views-block-eventos-slider .ficha {right: 0; max-width: none; width: 90%; margin: auto 5%; height: auto;}
	#carouselEventos .carousel-indicators li .categoria, #carouselEventos .carousel-indicators li .titulo {display: none;}
	#carouselEventos .carousel-indicators {bottom: auto; height: auto; margin: 0; top: 85%; position: absolute;     padding-right: 65px; justify-content: flex-end;}
	#carouselEventos .carousel-indicators li {background: #f2f6f9;
    color: #fff;
    width: 10px;
    height: 10px;
    text-indent: 0;
    padding: 7px;
    border-radius: 20px;}
	#carouselEventos .carousel-indicators li.active {border: none; background-color:#0079c8;}
	#carouselEventos .carousel-item:before {display: none;}


/* proximos eventos */
#block-views-block-eventos-proximos .view-content {padding: 50px 0;}
#block-views-block-eventos-proximos h3 {font-size: 1.4rem; }
#carousel-evento .ficha .link a.recordar, #carousel-evento .ficha .link a.galeria {font-size: 11px;}
#block-views-blockeventos-proximos img {width: 100%;}

/* diseño del evento */
.page-node-type-eventos .especial .pad80 {padding: 45px 15px 0 15px;}
.page-node-type-eventos .especial .w-75 {width: 100% !important;}
.page-node-type-eventos .especial .bupa-foto-fondo {padding: 0;}
	.page-node-type-eventos #evento-header {padding-top:0; max-height: none;}
	.page-node-type-eventos #evento-header img {width: 100%; max-height: none; float: none; height: auto;}
	.page-node-type-eventos #evento-header .container {padding: 0;}
	.page-node-type-eventos #evento-header .ficha {position: relative; bottom: auto; left: auto; width: 80%; margin: 0 auto -100px auto; top:-40px;}
	
	.especial .mapa-evento img {width:auto; height: auto;}
	.especial .mapa-evento {overflow: scroll;}
	
}


@media (max-width: 767px) {
	
	/* Bienestar Bupa */
/* ***************************** */

/* proximos eventos */
#block-views-block-eventos-proximos .view-content {padding: 50px 15px;}
#block-views-block-eventos-proximos .eventos-fila .ficha {height: 450px;}
#block-views-block-eventos-proximos .eventos-fila .ficha img {width: 100%; max-width: none;}
#block-views-block-eventos-proximos h3 {font-size: 1.4rem; }

/* diseño del evento */
.page-node-type-eventos .especial .pad80 {padding: 45px 15px 0 15px;}
.page-node-type-eventos .especial .w-50 {width: 80% !important;}
.page-node-type-eventos .especial .bupa-right-content-50 {margin-left: 0;}
.page-node-type-eventos .especial .bupa-foto-fondo {padding: 0;}
.page-node-type-eventos article .evento {padding: 40px 15px;}
.page-node-type-eventos article .evento .field--name-body {padding-top: 0}
.page-node-type-eventos #evento-header img {width: 100%; height: auto; float: none; max-height: none;}
.page-node-type-eventos #evento-header {max-height: none;}
.page-node-type-eventos #evento-header .ficha {position: relative; width: 100%; padding: 15px 15px 50px;}
.page-node-type-eventos #evento-header h1 {line-height: 1.7rem; margin-top: 15px;}
	
/* galería */
.galeria-modal .carousel-inner .carousel-item img {width: 100%; height: auto;}
.galeria-modal .carousel.thumbnails li {width: 16.6%; margin: 0; border-right: 2px solid #fff; display: inline-block;}
.galeria-modal .carousel.thumbnails li:last-child {border-right: 0;}
.galeria-modal .carousel-control-prev, .galeria-modal .carousel-control-next {width: 15px;}
.carousel-control-prev .fa-2x, .carousel-control-next .fa-2x {font-size: 1.1em;}
.galeria-modal .carousel.thumbnails {width: 90%; position: relative; top:0; bottom: auto; height: auto; width: auto; padding: 5px 5%;}
.galeria-modal .carousel-control-prev {left: -5px;}
.galeria-modal .carousel-control-next {right: -5px;}
.galeria-modal .modal-pie {margin-top: -20px;}
.galeria-modal .carousel-indicators li {height:20px;}
.galeria-modal .compartir {position: static; bottom:none;}
	
	/* slider del home */
	#block-views-block-eventos-slider {background-color: white;}
	#block-views-block-eventos-slider .ficha {right: 0; max-width: none; width: 90%; margin: auto 5%; padding: 25px;}
	#carouselEventos .carousel-indicators li .categoria, #carouselEventos .carousel-indicators li .titulo {display: none;}
	#carouselEventos .carousel-indicators {bottom: auto; height: auto; margin: 0; top: 85%; position: absolute;     padding-right: 35px; justify-content: flex-end;}
	#carouselEventos .carousel-indicators li {background: #f2f6f9;
    color: #fff;
    width: 10px;
    height: 10px;
    text-indent: 0;
    padding: 7px;
    border-radius: 20px;}
	#carouselEventos .carousel-indicators li.active {border: none; background-color:#0079c8;}
	#carouselEventos .carousel-item:before {display: none;}
	
	/* listado de eventos */
	#block-views-block-eventos-listado .pager ul {padding-left: 0;}
	#block-views-block-eventos-listado {padding: 0 15px;}
	#block-views-block-eventos-listado .eventos-fila {padding-top: 0; border-bottom: 40px solid #fff;}
	#block-views-block-eventos-listado .eventos-fila.even .bupa-container:before {width: 100%; height: auto;}
	#block-views-block-eventos-listado .eventos-fila.even .ficha {margin-left: 0; margin-top: 0;}
	#block-views-block-eventos-listado .eventos-fila.odd .ficha {margin-right: 0; margin-top: 0;}
	#block-views-block-eventos-listado .eventos-fila.odd .col-md-7 {order: 0;}
	#views-exposed-form-eventos-listado {margin-bottom: 40px;}
	#block-views-block-eventos-listado .view-header {padding-top: 40px;}
	#block-views-block-eventos-listado .eventos-fila img {max-width: none; width: 100%;}
	#views-exposed-form-eventos-listado select {min-width: inherit; width: 100%;}
	
	/* bloque prov inst */
	#block-instagramfotos .lightwidget li { -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;}
	#block-instagramfotos {padding:0 15px;}
	
	/* portada */
	#foto-portada-1791 p {display: none;}
	#foto-portada-1791 .bupa-titulo-flotante {padding: 25px 0;}
	#block-vidassaludablesbienestarbupa .pad80 {padding: 25px 15px}
	#block-vidassaludablesbienestarbupa .w-50 {width: 80% !important;}
	
	#pagina1796 .bupa-foto-fondo {padding: 0 0 15px 0;}
	#pagina1796 .w-75 {width: 100% !important;}
	#pagina1796 .especial .bgazul1 {    background: rgba(0,51,91,1);}
	
	#pagina1801 {margin-bottom: 45px;}
	#pagina1801 .bupa-foto-fondo {padding: 0;}
	#pagina1801 .w-75 {width: 100% !important;}
	#pagina1801 .especial .bupa-right-content-50 {margin-left: 0;}
	#pagina1801 .especial .bgamarillo1 {background-color: rgba(175,165,132,1);}
	#pagina1796 .btn-trans3, #pagina1801 .btn-trans3 {display: block;}
	
	.especial .mapa-evento img {width:auto; height: auto;}
	.especial .mapa-evento {overflow: scroll;}
}


/********************************************/
/* Estilos adicionales Plantillas CKEditor */

/* background colors */
.bgris1 {background-color: #F2F7FB;}
.bgris4{background-color: #bfcad3 !important;}
.bazul5 {background-color: #1c355b;}

/* background semi-transparentes */
.cover{background-size: cover ;}
.transparentable8 {background-color:rgba(255,255,255,0.8); }
.transparentablegris2 {background-color: rgba(65,65,77,0.8); }
.especial .bgazul1{ background: rgba(0, 51, 91, 0.6); }
.especial .bgazul2{ background: rgba(0, 121, 200, 0.6); }
.especial .bgazul3{ background: rgba(2, 163, 233, 0.6); }
.especial .bgamarillo1{ background-color: rgba(175,165,132,0.6);}

/* link button */
.especial .bgazul1 a:hover, .especial .bgazul2 a:hover,
.especial .bgazul3 a:hover, .especial .bgamarillo1 a:hover{ color: #fff; }

/* Paddings */
.pad10{ padding: 10px; }
.pad20{ padding: 20px; }
.pad30{ padding: 30px; }
.pad35{ padding: 35px; }
.pad40{ padding: 40px; }
.pad50{ padding: 50px; }
.pad60{ padding: 60px; }
.pad70{ padding: 70px; }
.pad80{ padding: 80px; }
.pad90{ padding: 80px; }
.pad100{ padding: 100px; }

.porpad10{ padding: 10%; }
.porpad20{ padding: 20%; }
.porpad30{ padding: 30%; }
.porpad40{ padding: 40%; }
.porpad50{ padding: 50%; }
.porpad60{ padding: 60%; }

.porlpad10{ padding-left: 10%; }
.porlpad20{ padding-left: 20%; }
.porlpad30{ padding-left: 30%; }
.porlpad40{ padding-left: 40%; }
.porlpad50{ padding-left: 50%; }
.porlpad60{ padding-left: 60%; }

.porrpad10{ padding-right: 10%; }
.porrpad20{ padding-rigth: 20%; }
.porrpad30{ padding-right: 30%; }
.porrpad40{ padding-right: 40%; }
.porrpad50{ padding-right: 50%; }
.porrpad60{ padding-right: 60%; }

.portpad10{ padding-top: 10%; }
.portpad20{ padding-top: 20%; }
.portpad30{ padding-top: 30%; }
.portpad40{ padding-top: 40%; }
.portpad50{ padding-top: 50%; }
.portpad60{ padding-top: 60%; }

.porbpad10{ padding-bottom: 10%; }
.porbpad20{ padding-bottom: 20%; }
.porbpad30{ padding-bottom: 30%; }
.porbpad40{ padding-bottom: 40%; }
.porbpad50{ padding-bottom: 50%; }
.porbpad60{ padding-bottom: 60%; }

.lpad10{ padding-left: 10px; }
.lpad20{ padding-left: 20px; }
.lpad30{ padding-left: 30px; }
.lpad40{ padding-left: 40px; }
.lpad50{ padding-left: 50px; }
.lpad60{ padding-left: 60px; }
.lpad70{ padding-left: 70px; }
.lpad80{ padding-left: 80px; }

.rpad10{ padding-right: 10px; }
.rpad20{ padding-right: 20px; }
.rpad30{ padding-right: 30px; }
.rpad40{ padding-right: 40px; }
.rpad50{ padding-right: 50px; }
.rpad60{ padding-right: 60px; }
.rpad70{ padding-right: 70px; }
.rpad80{ padding-right: 80px; }

.tpad10{ padding-top: 10px; }
.tpad20{ padding-top: 20px; }
.tpad30{ padding-top: 30px; }
.tpad40{ padding-top: 40px; }
.tpad50{ padding-top: 50px; }
.tpad60{ padding-top: 60px; }
.tpad70{ padding-top: 70px; }
.tpad80{ padding-top: 80px; }
.tpad90{ padding-top: 90px; }
.tpad100{ padding-top: 100px; }

.bpad10{ padding-bottom: 10px; }
.bpad20{ padding-bottom: 20px; }
.bpad30{ padding-bottom: 30px; }
.bpad40{ padding-bottom: 40px; }
.bpad50{ padding-bottom: 50px; }
.bpad60{ padding-bottom: 60px; }
.bpad70{ padding-bottom: 70px; }
.bpad80{ padding-bottom: 80px; }
.bpad90{ padding-bottom: 90px; }
.bpad100{ padding-bottom: 100px; }
.pad140-especial{ padding: 140px 70px 140px 18% !important; }

.tbpad150{ padding: 150px 0; }
.tbpad200{ padding: 200px 0; }
.tbpad250{ padding: 250px 0; }
.tbpad300{ padding: 300px 0; }
.tbpad350{ padding: 350px 0; }

/* Posiciones */
.posbottom35{ bottom: 35px; }
.posbottom45{ bottom: 45px; }

/* especial grid */
.especial .bupa-left-content-50{ padding: 10%; }
.especial .bupa-right-content-50{ padding: 10%; margin-left: 50%; }
.mw250{ max-width: 250px; }
.mw300{ max-width: 300px; }
.mw350{ max-width: 350px; }


/* Iconografia */
.custom-widget table .icono{  background: url('/themes/custom/bupa/img/sprite-beneficios.jpg') no-repeat;
  display: block; width: 60px; height: 60px;}
table .icono.medico{ background-position: 0 0;}
table .icono.vacuna{ background-position: 0 -70px; }
table .icono.vista{ background-position: 0 -140px; }
table .icono.dental{ background-position: 0 -210px; }
table .icono.auditivo{ background-position: 0 -280px; }
table .icono.anteojos{ background-position: 0 -350px; }
table .icono.cirugia{ background-position: 0 -420px; }
.especial.transparentable { display: block; margin: 0 auto;
   background: transparent; position: absolute; bottom: 30%; width: 100%; text-align: center; }

.dropdown-toggle::after{display: none !important;}
/* FileBrowser styles */
.node--type-dir-listing{ max-width: 1170px; margin: auto; padding: 15px; }
.node--type-dir-listing table{ border: #eee 1px solid; }
.node--type-dir-listing table thead{ background: #e9f4f9; text-align: center; }
.node--type-dir-listing table thead th{ padding: 10px 5px; }
.node--type-dir-listing table tr.odd{ border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; }
.node--type-dir-listing table tr.even{ background: #eee; width: 100%; }
.filebrowser-svg { margin: 7px; }
.node--type-dir-listing #form-action-actions-wrapper{ border: #ccc 1px solid; margin: 15px 0; }
.node--type-dir-listing #form-action-actions-wrapper input{ display: inline-block; margin-top: 10px; }