/*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*
  
    01. GENERALES
    02. REDES SOCIALES
    03. HEADER
    	+-- menu --+
    04. BANNERS PUBLICIDAD
    05. GRID
    06. FORMULARIO
    07. HOME
      +-- publireportajes --+
      +-- acontecerIF --+
      +-- entrevistas --+    
    08. ASIDE
      +-- revista --+
      +-- suscripcion newsletter --+
      +-- seccion tecnologia --+
    09. FOOTER
      +-- placeres --+
      +-- opiniones --+
      +-- seccion rosa --+
    10. NAVEGACION
    11. PUBLICACIONES
    12. PAGINADOR
    13. ARTICULO
      +-- articulo detalle --+
      +-- articulos relacionados --+ 
    14. QUIENES SOMOS
    15. CONTACTO
      +-- seccion mapa --+ 

    16. AVISO PRIVACIDAD

_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_*_* */

/* *********************************************** 
	01. GENERALES
************************************************ */
*{margin: 0; padding: 0;}

*,
*:before,
*:after{box-sizing:border-box;}

body{
	color: #616161;
	background-color: #fff;
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 0.9em;
	font-weight: 400;}

header, nav, section, article, footer, div, figure, figcaption, aside, button, small{
	display: block;
	box-sizing:border-box;} 

a{
	display: block;
	text-decoration:none;
	transition: all 0.4s ease;}	

img, button{
	border:0;
	outline:0;}

ul, ol{list-style:none;}

button{background-color: transparent;}
img{width: 100%; height: auto;}
.clear{clear: both;}


@media (min-width: 100px){.container{width: 100%; padding: 0 20px;}}
@media (min-width: 481px){.container{width: 90%; padding: 0;}}
@media (min-width: 768px){.container{width: 750px; padding:0;}}
@media (min-width: 992px){.container{width: 970px; padding: 0;}}
@media (min-width: 1200px){.container{width: 1170px; padding: 0px;}}

.container{margin: 0 auto;}

.back_{
	height: auto;
	overflow: hidden;}

.back100{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;}

/*tipografias*/
.light{font-weight:300;}
.bold{font-weight:700;}
.exbold{font-weight:900;}

/*tamaños de tipografia*/
.t42{font-size: 2.625em;}
.t40{font-size: 2.5em;}
.t38{font-size: 2.375em;}
.t36{font-size: 2.25em;}
.t34{font-size: 2.125em;}
.t32{font-size: 2em;}
.t30{font-size: 1.875em;}
.t28{font-size: 1.75em}
.t26{font-size: 1.625em}
.t24{font-size: 1.5em;}
.t22{font-size: 1.375em;}
.t20{font-size: 1.25em;}
.t18{font-size: 1.125em}
.t16{font-size: 1em;}
.t15{font-size: 0.9375em;}
.t14{font-size: 0.875em;}
.t12{font-size: 0.75em;}
.t11{font-size: 0.687em;}

/*colores*/
.rosa{color:#920b4c;}
.negro{color: #000;}

/*titulos*/
h1, h2, h3, h4, h5, h6{
	display: block;
	margin-bottom: 10px;
  	font-weight: normal;}

.titulo{
	color:#920b4c;
	font-weight: 300;}

/* *********************************************** 
	02. REDES SOCIALES
************************************************ */
@media (min-width: 841px){
  .contRedesSociales{
  	width: auto;
  	height: 160px;
  	position: fixed;
  	top:360px;
    z-index: 999999;}

  a.linkRedes{
  	width: 40px;
  	height: 40px;}

  a.linkRedes img{
  	width: 40px;
  	height: 40px;
  	float: right;}

  a.linkRedes:hover{width: 50px;}
}

@media (max-width: 840px){
  .contRedesSociales{
    width: 100%;
    height: 40px;
    position: fixed;
    bottom:0;
    z-index: 999999;}

  a.linkRedes{
    width: 25%;
    height: 40px;
    float: left;}

  a.linkRedes img{
    width: 40px;
    height: 40px;
    float: right;}
}

a.linkFacebook{background-color: #475993;}
a.linkTwitter{background-color: #50abf0;}
a.linkGoogle{background-color: #dd4a39;}
a.linkLinkedin{background-color: #0084b0;}

/* *********************************************** 
	03. HEADER
************************************************ */
header#inHeader{position: relative;}

.contFecha{
	height: 30px;
	line-height: 30px;
  background-color: #fff;}

.contFecha time{float: right;}

#inHeader .back_rosa{
	width: 100%;
	height: 104px;
	background-color: #920b4c;}

a#logoDialogo{
	width: 220px;
	height: auto;
	padding: 15px;
	float: left;
  overflow: hidden;
	background-color: #fff;
  z-index: 99999999;
  position: relative;}

a#logoDialogo  img{
  display: block;
  margin: 0 auto;}

@media (min-width: 481px) and (max-width: 767px){
  .contFecha{display: none;}
  #inHeader .back_rosa{height: 95px;}
  a#logoDialogo{width: 200px;}
}

@media screen and (max-width: 480px){
  .contFecha{display: none;}
  #inHeader .back_rosa{height: 88px;}
  a#logoDialogo{width: 180px;}
}

/*menu*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  line-height: 1;
  display: block;
  position: relative;
  z-index: 9999;}

#cssmenu > ul{
  top:55px; 
  left:20px;}

#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;}

#cssmenu #menu-button {display: none;}
#cssmenu > ul > li {float: left;}

#cssmenu > ul > li > a {
  padding: 17px;
  font-size: 15px;
  color: #fff;}

#cssmenu > ul > li:hover > a {background-color: #710137;}
#cssmenu > ul > li.has-sub > a {padding-right: 30px;}

.backLi{background-color: #710137;}

#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 24px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #fff;
  content: '';}

#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 21px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #fff;
  content: '';
  transition: all .25s ease;}

#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;}

#cssmenu ul ul {
  position: absolute;
  left: -9999px;}

#cssmenu.align-right ul ul {text-align: right;}

#cssmenu ul ul li {
  height: 0;
  transition: all .25s ease;}

#cssmenu li:hover > ul {left: auto;}
#cssmenu li:hover > ul > li {height: 35px;}

#cssmenu ul ul li a {
  padding: 11px 15px;
  width: 170px;
  font-size: 14px;
  color: #fff;
  background: #920b4c;}

#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {border-bottom: 0;}

#cssmenu ul ul li a:hover {background-color: #710137;}

@media (max-width: 767px) {
  #cssmenu {width: 100%; top:0;}
  #cssmenu ul { width: 100%; display: none;}
  #cssmenu > ul > li { width: 100%;}

  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li { height: auto;}

  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    background: #920b4c;}

  #cssmenu > ul > li {float: none;}

  #cssmenu > ul.open{
    top: 0px;
    left: 0px;
    z-index: 999999;}

  #cssmenu > ul > li > a{border-bottom:1px solid rgba(255,255,255,0.2);}
  #cssmenu > ul > li:first-child > a{border-top:1px solid rgba(255,255,255,0.2);}
  #cssmenu > ul.open ul > li:last-child > a{border-bottom:1px solid rgba(255,255,255,0.2);}

  #cssmenu > ul.open > li > a.linkMenu{clear: both;}


  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {color: #ffffff;}

  #cssmenu ul ul{
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;}

  #cssmenu ul ul li a {padding-left: 35px;}

  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before { display: none;}

  #cssmenu #menu-button {
    display: block;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    top: 60px;
    width: 30px;
    height: 30px;
    float: right;
    background: url(../img/icMenu.png) no-repeat;
    background-size: 30px 30px;}

  #cssmenu #menu-button.menu-opened{
    background: url(../img/icCerrar.png) no-repeat;
    background-size: 30px 30px;
    z-index: 9999999999;}

  #cssmenu .submenu-button {
    position: absolute;
    z-index: 999999999;
    right: 0;
    top: 98px;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 48px;
    width: 46px;
    cursor: pointer;}

  #cssmenu .submenu-button.submenu-opened {background: #262626;}
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;}

  #cssmenu .submenu-button:after {
    position: absolute;
    top: 23px;
    right: 19px;
    width: 10px;
    height: 2px;
    display: block;
    background: #fff;
    content: '';}

  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;}

  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 23px;
    display: block;
    width: 2px;
    height: 10px;
    background: #fff;
    content: '';}

  #cssmenu .submenu-button.submenu-opened:before {background: transparent;}
}

@media screen and (max-width: 480px){
  #cssmenu #menu-button{top: 50px;}
  #cssmenu .submenu-button {top: 90px;}
}

/* *********************************************** 
  04. BANNERS PUBLICIDAD
************************************************ */
.banner, .bannerResp{
  display: block;
  width: 100%;
  height: auto;
  margin: 15px auto;}

.bannerResp{display: none;}

@media screen and (max-width: 767px){
  .banner{display: none;}
  .bannerResp{
    display: block;
    margin: 25px auto;}

  .bannerRespAbajo{margin-top: 0;}
}

/* *********************************************** 
  05. GRID
************************************************ */

.back75, .back25, .back50, .back60{
  height: auto;
  min-height: 10px;}

.back75{
  width: 74%;
  float: left;
  /*background-color: tomato;*/}

.back25{
  width: 24%;
  float: right;}

.back50{
  width: 49%;
  float: left;}

.back50A{
  float: right;}

.back60{
  width: 65%;
  float: left;}

.back40{
  width: 32%;
  float: right;}

@media (min-width: 768px) and (max-width: 991px) {
  .back75{width: 68%;}
  .back25{width: 30%;}
}

@media screen and (max-width: 767px){
  #contIzquierda{display: none;}
  .back75, .back50{
    width: 100%;
    float: none;}

}

/* *********************************************** 
  06. FORMULARIO
************************************************ */
input{
  width: 100%;
  height: 45px;
  font-family: 'Merriweather Sans', sans-serif;
  border: 1px solid #a6a6a6;
  outline: 0;
  box-shadow: 0px 2px 6px -1px rgba(255,255,255,1);}

input[type="checkbox"]{
  width: 15px;
  height: 15px;
  float: left;}

/*iconos input*/
input.nombre{
  background: url(../img/icUsuario.png) no-repeat;
  background-size: 25px 25px;
  background-position: 10px 9px;}

input.email{
  background: url(../img/icSobre.png) no-repeat;
  background-size: 23px 23px;
  background-position: 10px 10px;}

input.empresa{
  background: url(../img/icEmpresa.png) no-repeat;
  background-size: 25px 25px;
  background-position: 10px 9px;}

input.puesto{
  background: url(../img/icPuesto.png) no-repeat;
  background-size: 25px 25px;
  background-position: 10px 9px;}

/*boton form*/
form button{
  width: 100%;
  height: auto;
  color: #fff;
  padding: 20px;
  cursor: pointer;
  font-weight: 700;
  font-size: 0.9em;
  text-align: center;
  background-color: #920b4c;
  transition: all 0.4s ease;}

form button:hover{background-color: #6d0738;}

/*lista form*/
.listaForm li{
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 12px;}

.listaForm li:last-child{margin-bottom: 0;}

@media (min-width: 768px) and (max-width: 991px) {
  input.nombre{
  background: url(../img/icUsuario.png) no-repeat;
  background-size: 20px 20px;
  background-position: 6px 12px;}

input.email{
  background: url(../img/icSobre.png) no-repeat;
  background-size: 18px 18px;
  background-position: 6px 13px;}

input.empresa{
  background: url(../img/icEmpresa.png) no-repeat;
  background-size: 20px 20px;
  background-position: 6px 12px;}

input.puesto{
  background: url(../img/icPuesto.png) no-repeat;
  background-size: 20px 20px;
  background-position: 6px 12px;}
}

/* *********************************************** 
  07. HOME
************************************************ */
.sliderHome, .contArticulo{border-bottom: 3px solid #920b4c;}
.contArticulo{padding: 30px 20px;}

p.tituloSeccion{
  margin: 0 0 15px 0;
  font-weight: 300;
  font-size: 2.2em;}

.contTituloArticulo{margin-bottom:30px;}

.contTituloArticulo h1{
  display: block;
  width: 100%;
  height: auto;
  max-height: 67px;
  /*background: pink;*/
  color: #000;
  overflow: hidden;
  font-weight: 700;
  margin-top: 15px;}

.contTituloArticulo p.autorArt, .contTituloArticulo time{float: left;}
/*.contTituloArticulo p.autorArt:hover{color: #6d0738;}*/
.contTituloArticulo time{
  color:#000;
  margin-left: 3px;}

a.linkArticulo{color: inherit;}

p.txtArticulo{
  width: 100%;
  height: auto;
  max-height: 57px;
  overflow: hidden;
  margin-top: 32px;}

/*articulos chicos*/
.listaArticulos li{
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-bottom: 5px;
  margin-bottom: 39px;
  border-bottom: 1px dashed #a6a6a6;}

.listaArticulos li:last-child{margin-bottom: 0;}

@media (min-width: 481px) and (max-width: 767px) {
  p.tituloSeccion {font-size: 1.95em;}
}

@media screen and (max-width: 480px) {
  p.tituloSeccion {font-size: 1.8em;}
  .sliderHome .bx-wrapper .bx-controls-direction a{display: none;}
}

/*publireportajes*/
#publireportajes .contTituloArticulo h1{width: 65%;}

#publireportajes figure{
  width: 100%;
  height: 280px;
  overflow: hidden;}

#publireportajes .back40 h1{
  width: 100%;
  max-height: 52px;
  margin-top: 0;}

#publireportajes .back40 .contTituloArticulo{margin-bottom: 15px;}

@media (min-width: 992px) and (max-width: 1199px) {
  #publireportajes .back40 .contTituloArticulo h1{
      max-height: initial;
      margin-top: 0;}

  #publireportajes .listaArticulos li {
    padding-bottom: 0px;
    margin-bottom: 20px;}

  #publireportajes .listaArticulos li:last-child{margin-bottom: 0;}
}

@media screen and (max-width: 991px){
  #publireportajes .back40{display: none;}
  #publireportajes .contTituloArticulo h1{
    width: 100%;
    max-height: initial;}

  #publireportajes figure{
    width: 100%;
    height: auto;}

  #publireportajes p.txtArticulo{margin-top: 15px;}

  #publireportajes .back60 {
    width: 100%;
    float: none;}
}

@media screen and (max-width: 480px) {
  #publireportajes {padding: 30px 0px;}
  #publireportajes p.txtArticulo{max-height: initial;}
  #publireportajes .contTituloArticulo h1{margin-top: 0;}
}

/*acontecerIF*/
#acontecerIF ul li{
  margin-bottom: 16px;
  padding-bottom: 25px;
  border-bottom: 1px dashed #a6a6a6;}

#acontecerIF ul li:last-child{
  border-bottom: 0;
  padding-bottom: 0;}

#acontecerIF figure{
  width: 100%;
  height: 330px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;}

#acontecerIF figure img{
    position: absolute;
    bottom: -60px;}

#acontecerIF p.txtArticulo{margin-top: 10px;}

#acontecerIF .articulosCh:last-child p.txtArticulo{margin-bottom: 0px;}
#acontecerIF .contTituloArticulo {margin-bottom: 20px;}

@media (min-width: 768px) and (max-width: 991px) {
  #acontecerIF figure img {position: initial;}
  #acontecerIF ul li:nth-child(2){border-bottom: 0;}
  #acontecerIF ul li:last-child{display: none;}
}

@media (min-width: 481px) and (max-width: 767px) {
  #acontecerIF figure img {position: initial;}

  #acontecerIF ul li{
    border:0;
    padding-bottom: 0px;}

  #acontecerIF ul li:nth-child(2),
  #acontecerIF ul li:last-child{display: none;}
}

@media screen and (max-width: 480px) {
  #acontecerIF{padding: 30px 0;}
  #acontecerIF figure{height: auto;}
  #acontecerIF figure img {position: initial;}
  #acontecerIF p.txtArticulo{max-height: inherit;}
  #acontecerIF .contTituloArticulo h1{margin-top: 0;}
  
  #acontecerIF ul li{
    border:0;
    padding-bottom: 0px;}

  #acontecerIF ul li:nth-child(2),
  #acontecerIF ul li:last-child{display: none;}
}

/*entrevistas*/
#entrevistas{padding: 30px 0px;}
#entrevistas p.tituloSeccion{padding: 0 20px; margin-bottom: 35px;}

.listaEntrevistas{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;}

.listaEntrevistas li{
  width: 24%;
  height: 690px;
  overflow: hidden;
  margin-right: 1.1%;}

.listaEntrevistas li:last-child{margin-right: 0;}

.listaEntrevistas li img{
  width: 100%;
  height: auto;
  border: 1px solid #a6a6a6;}

#entrevistas .contTituloArticulo{padding:10px 20px 0; }
#entrevistas .txtArticulo{
  padding: 0 20px 0;
  width: 100%;
  height: auto;
  max-height: 60px;
  overflow: hidden;
  margin-top: 32px;}

#entrevistas .txtArticulo .MsoNormal{max-height: 60px!important;}

@media (min-width: 992px) and (max-width: 1199px) {
  #entrevistas .txtArticulo{
    max-height: 77px;
    padding: 0 5px 0;}

  #entrevistas .contTituloArticulo{padding: 10px 5px 0;}
  #entrevistas .contTituloArticulo h1 {max-height: initial;}
  .listaEntrevistas li {height: 610px;}
}

@media (min-width: 768px) and (max-width: 991px) {
  .listaEntrevistas{justify-content: center;}
  .listaEntrevistas li{
    width: 40%;
    margin-right: 5%;
    margin-bottom: 60px;
    height: auto;
    max-height: 720px;}

  .listaEntrevistas li:nth-child(2){margin-right: 0;}
  .listaEntrevistas li:nth-child(3),
  .listaEntrevistas li:nth-child(4){margin-bottom: 0;}
}

@media (min-width: 600px) and (max-width: 767px) {
  .listaEntrevistas li{
    width: 48%;
    height: auto;
    min-height: 420px;
    max-height: 600px;
    margin-bottom: 60px;}

  .listaEntrevistas li img,
  #entrevistas .contTituloArticulo {
    width: 70%;
    height: auto;
    margin: 0 auto;
    display: block;}

  #entrevistas .contTituloArticulo{padding: 0;}
  #entrevistas .contTituloArticulo h1 {max-height: initial;}
  #entrevistas .txtArticulo{display: none;}
  .listaEntrevistas li:nth-child(3),
  .listaEntrevistas li:nth-child(4){margin-bottom: 0;}
}

@media screen and (max-width: 599px) {
  #entrevistas p.tituloSeccion {padding: 0;}

  .listaEntrevistas li{
    width: 100%;
    height: auto;
    min-height: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border:0;}

  .listaEntrevistas li:nth-child(2),
  .listaEntrevistas li:nth-child(3),
  .listaEntrevistas li:nth-child(4){display: none;}

  .listaEntrevistas li img {
    width: 24%;
    height: auto;
    margin: 0 1% 15px 0;
    display: block;
    float: left;}

  #entrevistas .contTituloArticulo{
    float: right;
    width: 74%;
    padding: 0 0 0 10px;
    margin-bottom: 15px;}

  #entrevistas .contTituloArticulo h1 {
    margin-top: 0;
    max-height: initial;}

  #entrevistas .txtArticulo{
    float: right;
    width: 74%;
    max-height: initial;
    margin-top: 0;
    padding: 0;}
}

@media screen and (max-width: 480px) {
  #entrevistas .txtArticulo{
    padding: 0;
    float: none;
    width: 100%;}
}

/* *********************************************** 
  08. ASIDE
************************************************ */
#asideResp{display: none;}

/*revista*/
.revista a{
  color:#5b728b;
  text-align: center;
  margin: 15px auto 37px;
  text-decoration: underline;}

.revista a:hover{color: #3f556d;}

/*suscripcion newsletter*/
.newsletter p{text-align: center;}
.newsletter p.txt{margin: 10px 0 20px;}

/*form*/
.newsletter input{padding-left: 45px;}
a.Aaviso{
  color: #5b728b;
  margin-left: 20px;
  text-decoration: underline;}

a.Aaviso:Hover{
  color: #3f556d;
  text-decoration: none;}

/*promocion*/
a.promoAside{margin-top: 25px;}

@media (min-width: 768px) and (max-width: 991px) {
  .newsletter input{padding-left: 30px;}
}

/*seccion tecnologia*/
.contenedorSlide{
  width: 100%;
  height: 385px;
  margin-top: 40px;
  padding: 50px 20px 0;
  border: 1px solid #a6a6a6;
  position: relative;}

.contenedorSlide .contTituloArticulo h1 {max-height: 67px;}

p.etiqueta{
  font-size: 0.75em;
  padding: 10px 17px;
  border: 1px solid #a6a6a6;
  text-align: center;
  position: absolute;
  left: 25%;
  right: 25%;
  top: -18px;
  background: #fff;
  color: #000;}

.contenedorSlide p.txtArticulo{max-height: 150px;}

.contenedorSlide .bx-wrapper{border:0;}
.contenedorSlide .bx-wrapper .bx-pager{display: none;}

/*fechas slide*/
@media (min-width: 992px){
  #tecnologia .bx-wrapper .bx-controls-direction a {top: 320px;}
  #tecnologia .bx-wrapper .bx-next {right: -22px;}
  #tecnologia .bx-wrapper .bx-prev {left: inherit; right: 7px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
  .contenedorSlide .contTituloArticulo h1 {max-height:100px;}
  .contenedorSlide p.txtArticulo {max-height: 117px;}
}


@media (min-width: 768px) and (max-width: 991px){
  #tecnologia {padding: 40px 10px 0;}

  #tecnologia p.etiqueta {
    left: 20%;
    right: 20%;}

  #tecnologia .bx-wrapper .bx-controls-direction a {top: 330px;}
  #tecnologia .bx-wrapper .bx-next {right: -12px;}
  #tecnologia .bx-wrapper .bx-prev {left: inherit; right: 17px;}
}

@media (min-width: 550px) and (max-width: 767px){
  #asideResp{display: block;}
  #secRevista{
    width: 47%;
    float: left;}

  #secNewsletter{
    width: 47%;
    float: right;
    margin-bottom: 25px;}

  /*tecnologia*/
  #tecnologia {height: auto!important;}
  #tecnologia .bx-controls-direction{
    position: relative;
    background: aqua;
    width: 100%;
    height: 100%;
    bottom: -47px;}

  #tecnologia .bx-wrapper .bx-next { right: -21px;}
  #tecnologia .bx-wrapper .bx-prev {
    left: initial;
    right: 10px;}
}

@media screen and (max-width: 549px){
  #asideResp{
    display: block;
    padding-top: 20px;}

  /*revista*/
  #secRevista img{
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0 auto;}

  /*tecnologia*/
  #tecnologia {height: auto!important;}
  #tecnologia  .bx-controls-direction{
      position: relative;
      background: aqua;
      width: 100%;
      height: 100%;
      bottom: -47px;}

  #tecnologia .bx-wrapper .bx-next { right: -21px;}
  #tecnologia .bx-wrapper .bx-prev {
    left: initial;
    right: 10px;}
}

/* *********************************************** 
  09. FOOTER
************************************************ */
/*placeres*/
#placeres-Op{
  padding: 40px 0 20px;
  border: 0;}

#placeres{
  height: 740px;
  padding: 30px 20px;
  border: 1px solid #a6a6a6;}

#placeres p.tituloSeccion{margin-top: 0;}

#placeres .contenedorSlide{
  height: 544px;
  padding: 0;
  border: 0;
  background: lightyellow;}

#placeres figure{
    width: 100%;
    height: 280px;
    overflow: hidden;}

#placeres .contTituloArticulo h1{
  margin-top: 0;
  max-height: initial;}

#placeres .txtArticulo{height: 160px; white-space: pre-line;}

#placeres .bx-wrapper .bx-controls-direction a {top: 614px;}
#placeres .bx-wrapper .bx-next {right: -22px;}
#placeres .bx-wrapper .bx-prev {left: inherit; right: 7px;}

@media (min-width: 992px) and (max-width: 1199px) {
  #placeres{height: 710px;}
  #placeres .bx-wrapper .bx-controls-direction a {top: 585px;}
} 

@media (min-width: 768px) and (max-width: 991px) {
  #placeres {height: 640px;}
  #placeres .bx-wrapper {margin-bottom: 0px;}
  #placeres figure{height: auto;}
  #placeres .contenedorSlide{height: 470px;}
  #placeres p.txtArticulo{margin-top: 20px;}
  #placeres .bx-wrapper .bx-controls-direction a {top: 515px;}
}

@media (min-width: 481px) and (max-width: 767px) {
  #placeres-Op {padding: 15px 0;}

  #placeres {
    height: 700px;
    margin-top: 30px;}

  #placeres .contTituloArticulo h1{font-size: 1.5em;}

  #placeres .contenedorSlide{margin-top: 20px;}
  #placeres .bx-wrapper .bx-controls-direction a {top: 598px;}
}

@media screen and (max-width: 480px){
  #placeres-Op {padding: 0;}

  #placeres {
    max-height: 706px;
    height: auto;
    margin-top: 30px;}

  #placeres figure{height: auto;}

  #placeres .contenedorSlide{
    margin-top: 20px;
    height: auto;}

  #placeres .contenedorSlide p.txtArticulo {height: 137px;}
  #placeres .bx-wrapper .bx-controls-direction a {top: 607px;}
}

@media screen and (max-width: 450px){
  #placeres {max-height: 650px;}
  #placeres .bx-wrapper .bx-controls-direction a {top: 551px;}
}

@media screen and (max-width: 350px){
  #placeres {max-height: 620px;}
  #placeres .bx-wrapper .bx-controls-direction a {top: 520px;}
}

/*opiniones*/
#opinion{
  height: auto;
  border: 0;
  overflow: hidden;}

#opinion p.tituloSeccion{margin-bottom: 33px;}

#opinion .listaArticulos li{
  height: 135px;
  overflow: hidden;}

#opinion .listaArticulos li img{
    width: 40%;
    height: 110px;
    float: left;
    overflow: hidden;
    border: 1px solid #a6a6a6;}

#opinion .contTituloArticulo{
  width: 60%;
  float: right;
  padding-left: 20px;}

@media (min-width: 768px) and (max-width: 1199px) { 
  #opinion .listaArticulos li{
    height: auto;
    padding-bottom: 20px;
    margin-bottom: 30px;}

  #opinion .contTituloArticulo{margin-bottom: 0px;}

  #opinion .contTituloArticulo h1{
    max-height: initial;
    font-size: 1.4em;
    margin-top: 0;}
}

@media (min-width: 481px) and (max-width: 767px) {
  #opinion .listaArticulos li img {height: auto;}

  #opinion .contTituloArticulo h1{
    max-height: initial;
    font-size: 1.4em;
    margin-top: 0;}

  #opinion .listaArticulos li{
    padding-bottom: 25px;
    height: auto;}

  #opinion .listaArticulos li:last-child{display: none;}
}

@media screen and (max-width: 480px) {
  #opinion {padding: 30px 0 10px;}
  #opinion .listaArticulos li{height: auto;}
  #opinion .listaArticulos li:last-child{display: none;}

  #opinion .listaArticulos li img{
    width: 100%;
    height: auto;
    float: none;
    margin-bottom: 15px;}

  #opinion .contTituloArticulo{
    width: 100%;
    float: none;
    padding: 0px;}

  #opinion .contTituloArticulo h1{
    max-height: initial;
    font-size: 1.4em;
    margin-top: 0;}
}

/*seccion rosa*/
#inFooter{
  width: 100%;
  height: auto;
  margin-top: 30px;}

#inFooter .back_rosa{
  width: 100%;
  height: 260px;
  background-color: #920b4c;}

a#logoDialogoFooter{
  width: 120px;
  height: auto;
  padding: 15px;
  margin-bottom: 30px;
  background-color: #fff;}

#inFooter .back_rosa p{color: #fff;}
#inFooter .back_rosa p.bold{margin-top: 12px;}

a#logoDialogoFooter img{
  display: block;
  margin: 0 auto;}

/*lado revista*/
img.revistaDialogo{
  width: 100%;
  max-width: 385px;
  height: auto;
  margin: 15px auto;
  display: block;}

#btnTop{
  opacity:0;
  width: 38px;
  height: 38px;
  position: fixed;
  bottom: 20px;
  right: 50px;
  z-index: 999999;}

#btnTop:hover{opacity: 0.7;}

@media (max-width: 840px){
  #btnTop{bottom: 50px;}
  img.revistaDialogo{max-width: 300px;}
}

@media (min-width: 481px) and (max-width: 767px) {
  #inFooter .back50{
    width: 40%;
    float: left;}

  #inFooter .back50A{
    width: 58%;
    float: right;}
}

@media screen and (max-width: 481px) {
  #inFooter .back_rosa {
    height: auto;
    padding-bottom: 20px;}

  #inFooter .back50A{display: none;}
}

/*legales*/
.legales .container{
  padding: 20px 0 40px;}

.legales p{
  font-size: 0.7em;
  float: left;
  margin-right: 3px;}

.legales a.aviso{
  font-size: 0.7em;
  color: inherit;}

.legales a.aviso:hover{opacity: 0.7;}

/*a#servnet*/
a#servnet img{
  width: auto;
  height: 22px;
  margin-top: 15px;}

a#servnet:hover{opacity: 0.7;}

@media (max-width: 840px){
  .legales .container {padding: 20px 0 90px;}
}

@media (min-width: 481px) and (max-width: 767px) {
  .legales{position: relative;}
  .legales .container{
    position: absolute;
    left: 30px;
    top: 20px;}
}

@media screen and (max-width: 481px){
  .legales .container {padding: 20px 20px 90px;}
}

@media screen and (max-width: 340px){
  .legales p{
    margin-bottom: 15px;
    float: none;}
}

/* *********************************************** 
  10. NAVEGACION
************************************************ */
.listaNavegacion{
  display: block;
  width: 100%;
  height: 22px;
  margin-bottom: 15px;}

.listaNavegacion li{
  display: inline-block;
  font-size: 0.7em;}

.listaNavegacion li.icono img{
  width: 16px;
  height: 16px;}

.listaNavegacion li a{color: inherit;}

@media screen and (max-width: 767px) {
  .listaNavegacion{display: none;}
}

/* *********************************************** 
  11. PUBLICACIONES
************************************************ */
@media screen and (max-width: 480px) {
  h3.t42{font-size: 1.9em;}
}

.asideInterior{margin-top: 70px;}
.listaPublicaciones li{
  width: 32.8%;
  display: inline-block;
  padding: 13px 13px 13px 0;
  margin-bottom: 20px;}

.listaPublicaciones figure{width: 95%;}

.listaPublicaciones figcaption{margin-top: 20px;}
.listaPublicaciones p{float: left;}
.listaPublicaciones time{
  color:#000;
  float: left;
  margin-left: 2px;}

@media (max-width: 991px) {
  .listaPublicaciones li{width: 49%;}
}

/* *********************************************** 
  12. PAGINADOR
************************************************ */
.paginador{
  display: block;
  margin: 60px 0 20px;}

.paginador li{
  display: inline-block;
  color: #000;
  font-size: 0.9em;}

.paginador li.liInput input{
  width: 80px;
  border-radius: 7px;
  text-align: center;}

.paginador a{color: #616161;}
.paginador a:hover{opacity: 0.7;}

.paginador a.linkAnt{
  padding-left: 15px;
  margin-right: 15px;
  background: url(../img/icAnterior.png) no-repeat;
  background-size: 10px 10px;
  background-position-y: 4px;}

.paginador a.linkSig{
  margin-left: 15px;
  padding-right: 25px;
  background: url(../img/icSiguiente.png) no-repeat;
  background-size: 10px 10px;
  background-position: 66px 4px;}

@media screen and (max-width: 767px) {
  .paginador{
    text-align: center;
    margin-top: 40px;}
}

@media screen and (max-width: 481px) {
  .paginador li{font-size: 0.8em;}
  .paginador li.liInput input{width: 60px;}
  .paginador a.linkAnt{margin-right: 7px;}
  .paginador a.linkSig{margin-left: 7px;}
}

/* *********************************************** 
  13. ARTICULO
************************************************ */
.listaIntArticulos li{
  display: inline-block;
  width: 48%;
  height: auto;
  overflow: hidden;
  padding: 15px;}

.listaIntArticulos li a{
  width: 100%;
  height: 535px;
  color: inherit;
  border-bottom: 3px solid #920b4c;}

.listaIntArticulos li .contTituloArticulo h1{min-height: 67px;}
.listaIntArticulos p.txtArticulo{max-height: 98px;}

@media (min-width: 992px) and (max-width: 1199px) {
  .listaIntArticulos p.txtArticulo{ max-height: 153px;}
}

@media (min-width: 768px) and (max-width: 991px) {
  .listaIntArticulos p.txtArticulo{ max-height: 153px;}
  .listaIntArticulos li a {height: 480px;}
}

@media (min-width: 481px) and (max-width: 767px) {
  .listaIntArticulos p.txtArticulo {max-height: 136px;}
  .listaIntArticulos li a {height: 500px;}
  .listaIntArticulos .contTituloArticulo h1 {
    min-height: 87px;
    max-height: 87px;
    font-size: 1.5em}
}

@media (min-width: 481px) and (max-width: 500px) {
  .listaIntArticulos li a {height: 460px;}
}

@media screen and (max-width: 480px) {
  .listaIntArticulos li{width: 100%; margin-bottom: 15px;}
  .listaIntArticulos p.txtArticulo {max-height: 136px;}

  .listaIntArticulos li a {height: auto; padding-bottom: 20px;}
  .listaIntArticulos li .contTituloArticulo h1 {
    min-height: initial;
    max-height: initial;
    font-size: 1.5em}
}

/* articulo detalle */
.detalleArticulo h1{margin: 30px 0;}

.autorArticulo img{
  float: left;
  width: 10%;
  height: auto;
  min-width: 86px;
  min-height: 120px;}

.sobreElAutor{
  width: 87%;
  height: auto;
  float: left;
  padding-left: 20px;}

.sobreElAutor .autorArt,
.sobreElAutor .fecha{
  display: block;
  float: left;
  width: auto;
  height: 15px;
  margin-bottom: 15px;}

.sobreElAutor .descripcionAutor{
  display: block;
  width: 100%;
  height: auto;
  clear: both;
  margin: 15px 0;
  white-space: pre-line;}

@media (min-width: 768px) and (max-width: 991px) {
  .sobreElAutor{width: 80%;}
}

@media (min-width: 481px) and (max-width: 767px) {
  .sobreElAutor{width: 80%;}
}

@media (min-width: 331px) and (max-width: 480px) {
  .sobreElAutor{width: 70%;}
}

@media screen and (max-width: 330px) {
  .sobreElAutor{
    width: 100%;
    float: none;
    padding-left: 0;}

  .autorArticulo img{float: none; margin-bottom: 15px;}
}

@media screen and (max-width: 480px) {
  .detalleArticulo h1 {
    margin: 15px 0;
    font-size: 1.9em;}
}

.descripcionArticulo{margin: 30px auto;}
.txtDescripcion{
  width: 100%;
  height: auto;
  margin-top: 20px;
  overflow: hidden;
  white-space: pre-line;}

.heightCh{
  min-height: 505px;
  max-height: 2750px;}

.heightGde{max-height: initial;}

.btnLeerMas, .btnLeerMenos{
  font-weight: 700;
  color:#5b728b;
  cursor: pointer;}

.btnLeerMas:hover, .btnLeerMenos:hover{opacity: 0.7;}
.btnLeerMenos{display: none;}

/*articulos relacionados*/
#secDetalleArt{margin-bottom: 60px;}

.tituloRelacionados{
  width: 100%;
  height: auto;
  min-height: 50px;
  position: relative;
  margin-bottom: 30px;}

.tituloRelacionados p{
  width: auto;
  height: auto;
  min-height: 50px; 
  padding: 0 30px;
  line-height: 50px;
  color: #fff;
  background: #920b4c;
  position: absolute;
  z-index: 999;}

.lineaRosa{
  width: 100%;
  height: 3px;
  background: #920b4c;
  position: absolute;
  top: 25px;}

.articulosRelacionados .listaIntArticulos li {
  width: 32%;
  position: relative;}

.articulosRelacionados .listaIntArticulos li p.etiqueta{
  top:15px;
  left: 15px;
  right: initial;}

@media (min-width: 481px) and (max-width: 767px) {
  .tituloRelacionados p{font-size: 1.2em;}
  .articulosRelacionados .listaIntArticulos li {
    width: 48%;
    margin-bottom: 0;}

  .articulosRelacionados .listaIntArticulos li:last-child {display: none;}
} 

@media screen and (max-width: 480px) {
  .tituloRelacionados p{
    font-size: 1em;
    line-height: 1.3em;
    padding: 15px;
    width: 100%;}

  .lineaRosa{display: none;}

  .articulosRelacionados .listaIntArticulos li {width: 100%;}
}

/* *********************************************** 
  14. QUIENES SOMOS
**************************************************/
#QuienesSomos{
  padding-bottom: 40px;
  margin-bottom: 50px;
  border-bottom: 3px solid #920b4c;}

#QuienesSomos .txtInfo,
#directorio .txtInfo{
  margin-top: 20px;
  text-align: justify;
  padding-right: 15px;}

#QuienesSomos .txt{
  white-space: pre-line;
  margin-top: 20px;}

#QuienesSomos .link{color:#5b728b;}

@media screen and (max-width: 767px){
  #QuienesSomos .txtInfo,
  #directorio .txtInfo{padding-right: 0;}
}

@media screen and (max-width: 480px){
  #QuienesSomos .txtInfo,
  #directorio .txtInfo{text-align: left;}
}

/*directorio*/
.listaColaborador{margin: 20px 0 30px;}

.listaColaborador li{
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 7px;}

.liNombre2{
  padding-bottom: 20px;
  border-bottom: 1px dashed #a6a6a6;}

.liNombre p{float: left;}

.liNombre p:first-child{
  text-transform: uppercase;
  margin-right: 5px;}

.liMail{
  color: #5b728b;
  clear: both;
  padding-left: 25px;
  background: url(../img/icSobreAzul.png) no-repeat;
  background-size: 20px 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #a6a6a6;}

.liTelefono{
  color: #5b728b;
  clear: both;
  padding-left: 25px;
  background: url(../img/icTelefonoAzul.png) no-repeat;
  background-size: 18px 18px;}

/* *********************************************** 
  15. CONTACTO
************************************************ */
#secContacto{padding-right:15px;}
#contacto form{margin: 20px auto 50px;}
#contacto .listaForm li.liButton{margin-top: 15px;}
#contacto .listaForm input{padding: 0 15px;}

#contacto .listaForm textarea{
  width: 100%;
  padding: 15px;
  height: 145px;
  font-size: 0.95em;
  font-family: 'Merriweather Sans', sans-serif;
  outline: 0;
  border: 1px solid #a6a6a6;
  box-shadow: 0px 2px 6px -1px rgba(255,255,255,1);}

#contacto .listaForm figure{
  width: 110px;
  height: 50px;
  float: left;}

  #contacto .listaForm figure img#capcha{
  width: auto!important;
  height: 50px;}
  
#contacto .listaForm input#validacion{
  width: 200px;
  float: left;
  height: 50px;
  margin-left: 15px;}

@media screen and (max-width: 767px){
  #secContacto{padding-right:0;}
}

@media screen and (max-width: 480px){
  #contacto .listaForm figure{float: none;}

  #contacto .listaForm input#captcha{
    margin-top: 15px;
    float: none;
    margin-left: 0px;}
}

/*seccion mapa*/
.secMapa{margin: 50px auto;}
.datosContacto{
  width: 45%;
  height: 465px; 
  float: left;}

.datosContacto > div{
  width: 100%;
  height: 155px;
  padding: 15px 25px;}

.datosContacto div.direccion{background: #e5ebf0; height: 165px;}
.datosContacto div.telefono{background: #d9e3ea; height: 150px;}
.datosContacto div.email{background: #ccd9e2; height: 150px;}

.datosContacto > div p.Titulo{
  font-size: 2em;
  color: #003e6e;}

.datosContacto > div p.Titulo:first-letter{font-size: 2.3em;}

.mapaContacto{
  width: 55%;
  height: 465px; 
  float: right;}

@media screen and (max-width: 767px){
  .datosContacto{
    width: 100%;
    height: auto;
    overflow: hidden;
    float: none;}

  .datosContacto > div{
    width: 100%;
    height: auto;
    padding: 20px;
    overflow: hidden;}

  .mapaContacto{
    width: 100%;
    height: 400px; 
    overflow: hidden;
    float: none;}
}

@media screen and (max-width: 400px){
  .datosContacto .email{word-break: break-all;}
}

/* *********************************************** 
  16. AVISO PRIVACIDAD
************************************************ */
#avisoPrivacidad{margin-bottom: 50px;}
#avisoPrivacidad .txt{white-space: pre-line;}
#avisoPrivacidad .link{color:#5b728b;}
ul.listaLetras, ul.listaNumeros{padding-left: 20px;}

ul.listaLetras{margin-top: 30px;}

ul.listaNumerosA{
  padding-left: 30px;
  margin-top: 15px;}

ul.listaLetras > li{
  margin-bottom: 20px;
  list-style-type: lower-latin;}

ul.listaNumeros li{
  margin-top: 7px;
  list-style-type: decimal;}