html, body, iframe, div, p, form, input, ul, li, h1, h2, h3, table, th, td {margin: 0px; padding: 0px;}
button {cursor: pointer}
@charset "utf-8";
@font-face {
    font-family: "AkzidenzCondensed";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_condensed.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_condensed.woff") format("woff"), url("../fonts/akzidenz/akzidenz_condensed.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_condensed.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_condensed.svg#AkzidenzCondensed") format("svg");
}
@font-face {
    font-family: "AkzidenzExtended";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_extended.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_extended.woff") format("woff"), url("../fonts/akzidenz/akzidenz_extended.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_extended.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_extended.svg#AkzidenzExtended") format("svg");
}
@font-face {
    font-family: "AkzidenzLight";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_light.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_light.woff") format("woff"), url("../fonts/akzidenz/akzidenz_light.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_light.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_light.svg#AkzidenzLight") format("svg");
}
@font-face {
    font-family: "AkzidenzLightCond";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_lightcond.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_lightcond.woff") format("woff"), url("../fonts/akzidenz/akzidenz_lightcond.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_lightcond.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_lightcond.svg#AkzidenzLightCond") format("svg");
}
@font-face {
    font-family: "AkzidenzLightEx";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_lightex.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_lightex.woff") format("woff"), url("../fonts/akzidenz/akzidenz_lightex.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_lightex.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_lightex.svg#AkzidenzLightEx") format("svg");
}
@font-face {
    font-family: "AkzidenzLightOsf";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_lightosf.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_lightosf.woff") format("woff"), url("../fonts/akzidenz/akzidenz_lightosf.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_lightosf.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_lightosf.svg#AkzidenzLightOsf") format("svg");
}
@font-face {
    font-family: "AkzidenzRegular";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_regular.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_regular.woff") format("woff"), url("../fonts/akzidenz/akzidenz_regular.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_regular.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_regular.svg#AkzidenzRegular") format("svg");
}
@font-face {
    font-family: "AkzidenzItalic";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_italic.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_italic.woff") format("woff"), url("../fonts/akzidenz/akzidenz_italic.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_italic.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_italic.svg#AkzidenzItalic") format("svg");
}
@font-face {
    font-family: "AkzidenzMedium";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_medium.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_medium.woff") format("woff"), url("../fonts/akzidenz/akzidenz_medium.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_medium.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_medium.svg#AkzidenzMedium") format("svg");
}
@font-face {
    font-family: "AkzidenzMediumItalic";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_medium-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_medium-italic.woff") format("woff"), url("../fonts/akzidenz/akzidenz_medium-italic.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_medium-italic.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_medium-italic.svg#AkzidenzMediumItalic") format("svg");
}
@font-face {
    font-family: "AkzidenzMediumCond";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_mediumcond.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_mediumcond.woff") format("woff"), url("../fonts/akzidenz/akzidenz_mediumcond.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_mediumcond.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_mediumcond.svg#AkzidenzMediumCond") format("svg");
}
@font-face {
    font-family: "AkzidenzMediumCondItalic";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_mediumcond-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_mediumcond-italic.woff") format("woff"), url("../fonts/akzidenz/akzidenz_mediumcond-italic.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_mediumcond-italic.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_mediumcond-italic.svg#AkzidenzMediumCondItalic") format("svg");
}
@font-face {
    font-family: "AkzidenzMediumEx";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_mediumex.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_mediumex.woff") format("woff"), url("../fonts/akzidenz/akzidenz_mediumex.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_mediumex.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_mediumex.svg#AkzidenzMediumEx") format("svg");
}
@font-face {
    font-family: "AkzidenzBold";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_bold.woff") format("woff"), url("../fonts/akzidenz/akzidenz_bold.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_bold.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_bold.svg#AkzidenzBold") format("svg");
}
@font-face {
    font-family: "AkzidenzBoldItalic";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_bold-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_bold-italic.woff") format("woff"), url("../fonts/akzidenz/akzidenz_bold-italic.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_bold-italic.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_bold-italic.svg#AkzidenzBoldItalic") format("svg");
}
@font-face {
    font-family: "AkzidenzBoldCond";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_boldcond.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_boldcond.woff") format("woff"), url("../fonts/akzidenz/akzidenz_boldcond.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_boldcond.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_boldcond.svg#AkzidenzBoldCond") format("svg");
}
@font-face {
    font-family: "AkzidenzBoldEx";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_boldex.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_boldex.woff") format("woff"), url("../fonts/akzidenz/akzidenz_boldex.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_boldex.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_boldex.svg#AkzidenzBoldEx") format("svg");
}
@font-face {
    font-family: "AkzidenzBoldExItalic";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_boldex-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_boldex-italic.woff") format("woff"), url("../fonts/akzidenz/akzidenz_boldex-italic.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_boldex-italic.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_boldex-italic.svg#AkzidenzBoldExItalic") format("svg");
}
@font-face {
    font-family: "AkzidenzSuper";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_super.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_super.woff") format("woff"), url("../fonts/akzidenz/akzidenz_super.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_super.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_super.svg#AkzidenzSuper") format("svg");
}
@font-face {
    font-family: "AkzidenzExtraBold";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_extrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_extrabold.woff") format("woff"), url("../fonts/akzidenz/akzidenz_extrabold.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_extrabold.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_extrabold.svg#AkzidenzExtraBold") format("svg");
}
@font-face {
    font-family: "AkzidenzExtraBoldCond";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_extraboldcond.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_extraboldcond.woff") format("woff"), url("../fonts/akzidenz/akzidenz_extraboldcond.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_extraboldcond.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_extraboldcond.svg#AkzidenzExtraBoldCond") format("svg");
}
@font-face {
    font-family: "AkzidenzExtraBoldCondItalic";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/akzidenz/akzidenz_extraboldcond-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/akzidenz/akzidenz_extraboldcond-italic.woff") format("woff"), url("../fonts/akzidenz/akzidenz_extraboldcond-italic.otf") format("opentype"), url("../fonts/akzidenz/akzidenz_extraboldcond-italic.ttf") format("truetype"), url("../fonts/akzidenz/akzidenz_extraboldcond-italic.svg#AkzidenzExtraBoldCondItalic") format("svg");
}

body{
  background-color: #3362fd;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

#indro{
  height: 800px;
  margin-bottom: 50px;   
}

/**  HEADER ***/
.contenedor_menu_sup {
   background-color: #fff;
  height: 66px;
  -webkit-box-shadow: 0px 1px 2px 0px #4f4d4f;
  -moz-box-shadow: 0px 1px 2px 0px #4f4d4f;
  box-shadow: 0px 1px 2px 0px #4f4d4f;
  width: 100%;
  margin: auto;
  position: fixed;
  /* left: 4.7%; */
  z-index: 5000;
}

.contenedor_menu_sup  p {
  color: #393939;
  font: 300 16px 'OpenSansRegular',sans-serif;
  position: absolute;
  left: 142px;
  height: 15px;
  text-transform: uppercase;
  top: 24px;
}


.logo_nacion {
  background-image: url("../img/LN.png");
  background-repeat: no-repeat;
  float: left;
  width: 122px;
  height: 26px;  
  margin-top: 18px;     
  position: relative;
  left: 10px;
 
}



.logo_nacion a {
  display: block;
  width: 100%;
  height: 100%;
}


.title_especial {
  font-family: "OpenSansLight", sans-serif;
  color: #363636;
}

.title_especial p {
  padding-top: 18px;
 position: relative;
 left: -55px;
}


.menu_redes_sociales {
  float: right;
  position: relative;
  right: 0px;
  top: 23px;
  width: 133px;

}


.menu_redes_sociales ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}


.menu_redes_sociales ul li {
  float: left;
  display: block; 
  margin-right: 20px;
}


.sh_facebook {
  background-image: url("../img/facebook.png");
  background-repeat: no-repeat;
  width: 12px;
  height: 24px;
  position: relative;
  top: -4px;
}



.sh_twitter {
  background-image: url("../img/twitter.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 17px;
}

.sh_gplus {
  background-image: url("../img/google.png");
  background-repeat: no-repeat;
  width: 23px;
  height: 30px;
}
.sh_facebook a, .sh_twitter a, .sh_gplus a {
  display: block;
  width: 100%;
  height: 100%;
}

#header{
  display: none;
}


.wrapper{
 /* background-color: #971618;   */
  width: 1360px;  
  margin: auto;
}

.wrapper .superheroes{
  width: 670px;
  margin: auto;
  position: relative;
  top: -90px;
}

.wrapper .superheroes .personaje {
  background-image:url(../img/mr_fantastico.png);
  background-repeat: no-repeat;
  width: 882px;
  height: 531px;
  position: relative;
  left: -80px;
  top: 65px;
 }

.wrapper .superheroes .personaje .texto{
  text-shadow: 0px 9px 16px rgba(10, 0, 6, 0.56);
  font-family: "AkzidenzCondensed",sans-serif;
  color: #f4f7eb;
  font-size: 20px;
  position: relative;
  top: 465px;
  text-transform: uppercase;
  font-weight: 600;
  left: 230px;
}


.wrapper .superheroes .personaje .titulo{
  font-family: 'AkzidenzCondensed',sans-serif;
  color: #f4f7eb;
  position: relative;
  font-style: italic;
  top: 57%;
  font-size: 100px;
  text-shadow: 0px 9px 16px rgba(10, 0, 6, 0.56);
  text-transform: uppercase;
  width: 900px;
  line-height: 72px;
  left: 57px;
}

.wrapper .superheroes .personaje .titulo span{
     font-size: 57px;
     position: relative;
     left: 23px;
}

.wrapper .superheroes .personaje .ciudad{
    background-image: url(../img/fondo_ciudad.png);
    background-repeat: no-repeat;
    width: 995px;
    height: 549px;
    margin: auto;
    float: right;
    position: relative;    
    top:0;
    
}

.wrapper .superheroes .personaje .flecha_abajo{
    background-image: url(../img/flecha_bajar.png);
    background-repeat: no-repeat;
    width: 75px;
    height: 75px;
    margin: auto;
    position: relative;
    top: 445px;
    left: -60px;
    z-index:1;
}

.wrapper .superheroes .botones{
  text-align: center;
  position: relative;
  top: 480px;
  left: -60px;
  z-index: 1;
}


.wrapper .superheroes .botones ul li{
    display: inline-block;
   
}

.wrapper .superheroes .botones ul li span{
     font-family: 'AkzidenzCondensed',sans-serif;
     color: #f4f7eb;
     font-size: 15px;
     position: relative;
     top: 90px;
     text-transform: uppercase;
}

.wrapper .superheroes .botones ul li.invisible {
  background-image: url(../img/botones_fantasticos.png);
  background-repeat: no-repeat;
  width: 90px;
  height: 105px;
  background-position: 0px 10px;
  cursor: pointer;
}


.wrapper .superheroes .botones ul li.invisible.selected {  
  background-position: 0px -98px;
}

.wrapper .superheroes .botones ul li.fantastico {
  background-image: url(../img/botones_fantasticos.png);
  background-repeat: no-repeat;
  width: 90px;
  height: 105px;
  background-position: -95px 10px;
  cursor:pointer;
}

.wrapper .superheroes .botones ul li.fantastico.selected {
 background-position: -95px -98px;    
}



.wrapper .superheroes .botones ul li.antorcha {
  background-image: url(../img/botones_fantasticos.png);
  background-repeat: no-repeat;
  width: 90px;
  height: 105px;
  background-position: -290px 10px;
  cursor: pointer;
}

.wrapper .superheroes .botones ul li.antorcha.selected {
     background-position: -292px -98px; 
}

.wrapper .superheroes .botones ul li.mole {
  background-image: url(../img/botones_fantasticos.png);
  background-repeat: no-repeat;
  width: 90px;
  height: 105px;
  background-position: -387px 10px;
  cursor: pointer;
}

.wrapper .superheroes .botones ul li.mole.selected {
  background-position: -384px -98px;
 
}

.publicidad1, .publicidad2, .publicidad3, .publicidad4, .publicidad5 {
  width: 50%;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 130px;
  text-align: center;
  /*background-color: #ccc;*/
  position: relative;
}

.publicidad1{
  top:-40px;
}

.publicidad4{
  top:50px;
}

.publicidad5{
  top:80px;
}


.publicidadMovil{
  position: fixed;
  width: 100%;
  bottom: 0px;
  margin:auto;
  background-color: #000;
  z-index: 1000;
}

/*.wrapper #indro .superheroes .publi{
  position: relative;
  left: -60px;
  top: 993px;
  z-index: 2000;
}


.wrapper .pulicidad_fixed {
  height: 1px;
  left: 0;
  margin: auto;
  position: fixed;
  right: 0;
  top: 150px;
  width: 1320px;
}
.wrapper .pulicidad_fixed .publiA {
  float: left;
}
.wrapper .pulicidad_fixed .publiB {
  float: right; 
}

.publicidad1, .publicidad2, .publicidad3 {
  margin: auto;
  width: 730px;
  height: 90px;
  text-align: center;
  position: relative;
    top: -155px;
  left: -30px;
  background-color: #ccc;
}

.publicidad3 {
  top: 18px;
  height: 142px;
}
.publicidad2 {
  height: 90px;
    top: -57px;
}*/

.info_personaje .botones{
  margin: auto;
  width: 960px;
  text-align: center;
  position: relative;
  top: -110px; 
  height: 58px;
}

.info_personaje .botones ul li {
  display: inline-block;
}




.info_personaje .botones ul li.ico_fantastico {
  background-image: url(../img/botones_fantasticos_ficha.png);
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
  background-position: -481px -65px;  
  cursor: pointer;
}
.info_personaje .botones ul li.ico_fantastico.selected {    
  background-position: -481px -0px;
}


.info_personaje .botones ul li.ico_invisible {
  background-image: url(../img/botones_fantasticos_ficha.png);
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
  background-position: -192px -65px;
  cursor: pointer;
}
.info_personaje .botones ul li.ico_invisible.selected {  
  background-position: -192px 0px;  
}

.info_personaje .botones ul li.ico_antorcha {
  background-image: url(../img/botones_fantasticos_ficha.png);
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
  background-position: -290px -65px;
  cursor: pointer;
}
.info_personaje .botones ul li.ico_antorcha.selected {  
  background-position: -290px 0px;  
}


.info_personaje .botones ul li{  
  margin: 25px;
  position: relative;
  left: -50px;
}


.info_personaje .botones ul li.ico_mole {
  background-image: url(../img/botones_fantasticos_ficha.png);
  background-repeat: no-repeat;
  width: 54px;
  height: 54px;
  background-position: -385px -65px;
  cursor: pointer;
}
.info_personaje .botones ul li.ico_mole.selected {  
  background-position: -385px 0px;  
}



.info_personaje .ficha{
  width: 974px;
  height: 768px;
  margin: auto;
}

.info_personaje .ficha .simbolo{
  background-image: url('../img/logo_fondo.png');
  background-repeat: no-repeat;
  background-position: 197px -1005px;
  width: 974px;
  height: 571px;
  position: absolute;
  margin-top: 58px;
}
.info_personaje .ficha .nombre{
    text-shadow: 0px 9px 16px rgba(10, 0, 6, 0.56);
    font-family: 'AkzidenzCondensed',sans-serif;
    font-size: 75px;
    font-weight: normal;
    text-transform: uppercase;
    font-style: italic;
    color: #f4f7eb;
    text-align: center;
    margin-top: -123px;
    margin-bottom: 0px;
    margin-left: -111px;
    
}

.info_personaje .ficha .aparicion{
    background-color: rgba(0, 0, 0, 0.18);
    width: 298px;
    height: 33px;    
    color: #f4f7eb;
    font: 600 17px / 30px 'OpenSans',sans-serif;
    line-height: 30px;
    text-align: center;
}

.info_personaje .ficha .info{
   float:left;   
}
 .info_personaje .ficha .info .imagen{
  margin-top: 20px;
 }

.info_personaje .ficha .info .numero_revista {
  color: #f4f7eb;
  font: 600 17px / 30px 'OpenSans',sans-serif;
  width: 297px;
  position: absolute;
  text-align: center;

}

 .info_personaje .ficha .info .fecha{
  color: #f4f7eb;
  font: 300 17px / 30px 'OpenSans',sans-serif;
  position: absolute;
  margin-top: 30px;
  margin-left: 125px;
 }

.info_personaje .ficha .info2{
  float: right;
  position: relative;
  right: 120px;
}

.info_personaje .ficha .info2 .ajuste {
    position: relative;
  top: 34px;

}

.info_personaje .ficha .info2 .informacion{
    background-color: rgba(0, 0, 0, 0.18);
    width:417px;
    height: 33px;    
    color: #f4f7eb;
    font: 600 17px / 30px 'OpenSans',sans-serif;
    line-height: 30px;
    text-align: center;
}



.info_personaje .ficha .info2 .caracteristicas{
  float:left;
  font-family:'OpenSans',sans-serif;
  color: #f4f7eb;
  width: 198px;
}

.info_personaje .ficha .info2 .ajuste .imagen2{
  background-image: url(../img/pesonaje-03.png);
  background-repeat: no-repeat;
  width: 180px;
  height: 293px; 
  float: left;
  position: relative;
  top: -25px;
}

.info_personaje .ficha_movil .info2 .ajuste .imagen2{
  background-image: url(../img/pesonaje-03.png);
  background-repeat: no-repeat;
  float: left;
  height: 280px;
  left: 15px;
  position: relative;
  top: 20px;
  width: 180px;
}

.info_personaje .ficha .info2 .caracteristicas div.espacio {
    margin-top: 15px;
}

.info_personaje .ficha .info2 .caracteristicas .raza, .info_personaje .ficha .info2 .caracteristicas .estatura, .info_personaje .ficha .info2 .caracteristicas .peso, .info_personaje .ficha .info2 .caracteristicas .ego{
  font-size: 17px;   
  font-weight: 600;
  text-transform: uppercase;
}

.info_personaje .ficha .info2 .caracteristicas .desc_raza, .info_personaje .ficha .info2 .caracteristicas .desc_estatura, .info_personaje .ficha .info2 .caracteristicas .desc_peso, .info_personaje .ficha .info2 .caracteristicas .desc_ego{
  font-size: 17px;   
  font-weight: 600;
}
.info_personaje .ficha .info2 .historia{
  font: 400 14px / 18px 'OpenSans',sans-serif;
  color: #f4f7eb;
  width:400px;
  position: absolute;
  top: 330px;
}

.ficha_movil{
  display: none;
}

.contenidosrelacionados .contenidos {
  width: 974px;
  height: 768px;
  margin: auto;
}

.contenidosrelacionados .contenidos .titulod{
  font-family: "AkzidenzCondensed",sans-serif;
  font-size: 75px;
  color: #f4f7eb;
  font-weight: normal;
  font-style: italic;
  text-shadow: 0px 9px 16px rgba(10, 0, 6, 0.56);
  text-transform: uppercase; 
  width: 980px;
  margin: auto;
}


.contenidosrelacionados .contenidos .notas {
  margin-top: 30px;
  display: block;
}
.contenidosrelacionados .contenidos .notas_m{
 display: none; 
}


.contenidosrelacionados .contenidos .notas .nota {
  display: inline-block;
  width: 320px;
  position: relative;
  left: 15px;
}

.contenidosrelacionados .contenidos .notas .nota .cuadro {
  background-color: rgba(0, 0, 0, 0.18);
  width: 296px;
  height: 259px;
}

.contenidosrelacionados .contenidos .notas .nota .titulo {
  font: 600 17px / 21px 'OpenSans',sans-serif;
  color: #f4f7eb;
  width: 245px;
  text-align: center;
  text-shadow: none;
  text-transform: none;
  position: relative;
  top: 10px;
  margin: auto;
}

.contenidosrelacionados .contenidos .notas .imagen {
  width: 277px;
  height: 158px;
  margin: auto;
  position: relative;
  top: 22px;
}

.contenidosrelacionados .contenidos .notas .nota .cuadro2 {
  background-color: rgba(0, 0, 0, 0.18);
  width: 294px;
  height: 117px;
  position: relative;  
  top: 20px;
}


.contenidosrelacionados .contenidos .notas .nota .cuadro2 .subtitulo {
  font: 600 17px / 21px 'OpenSans',sans-serif;
  color: #f4f7eb;
  position: relative;
  line-height: 21px;
  width: 195px;
  text-align: center;
  padding: 16px 49px;
    
}

.contenidosrelacionados .contenidos .notas  .nota .descripcion {
  color: #f4f7eb;
  font: 400 14px / 18px 'OpenSans',sans-serif;
  width: 273px;
  position: relative;
  top: 30px;  
      
}

.contenidosrelacionados .contenidos .notas .nota .irnota {
  position: relative;
  top: 50px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.18);
  width: 160px;
  height: 36px;
  margin: auto;
}
.contenidosrelacionados .contenidos .notas .nota .irnota  a{
    color: #f4f7eb;
    font: 700 12px / 21px 'OpenSans',sans-serif;
    text-transform: uppercase;
    line-height: 37px;
    text-decoration:none;    
}





/****/

.bonus{
  height:600px;   
}

.bonus .contenidos {
  width: 974px;
  height: 768px;
  margin: auto;
  margin-top: 80px;
}

.bonus .contenidos .titulod{
  font-family: "AkzidenzCondensed",sans-serif;
  font-size: 75px;
  color: #f4f7eb;
  font-weight: normal;
  font-style: italic;
  text-shadow: 0px 9px 16px rgba(10, 0, 6, 0.56);
  text-transform: uppercase;  
  margin: auto;
  text-align: center;
}

.bonus .contenidos .titulod span{
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
}


.bonus .contenidos .notas_bonus {
  margin-top: 30px;
  display: block;
}
.bonus .contenidos .notas_bonus_m{
 display: none; 
}


.bonus .contenidos .notas_bonus .nota {
  display: inline-block;
  width: 320px;
  position: relative;
  left: 15px;
}

.bonus .notas_bonus .cuadro {
  background-color: rgba(0, 0, 0, 0.18);
  width: 276px;
  height: 117px;
}

.bonus .notas_bonus .titulo {
  font: 600 17px / 21px 'OpenSans',sans-serif;
  color: #f4f7eb;  
  text-align: center;
  text-shadow: none;
  text-transform: none;
  position: relative;
  top: 32px;
  
}

.bonus .notas_bonus .imagen {
  width: 272px;
  height: 221px;
  margin: auto;
  position: relative;
  top: 92px;
}

.bonus .notas_bonus .irnota {
  position: relative;
  top: 270px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.18);
  width: 160px;
  height: 36px;
  margin: auto;
  left: -23px;
}
.bonus .notas_bonus .irnota  a{
    color: #f4f7eb;
    font: 700 12px / 21px 'OpenSans',sans-serif;
    text-transform: uppercase;
    line-height: 37px;
    text-decoration:none;    
}



/****/

#resultados_trivia .share_alter_ego #ws_TR {display: block};

/************************************ JOSUE ************************************/
#alter_ego, #trivia_geek { display: block; position: relative; width: 815px; height: auto; margin: auto; padding-bottom: 40px; }
#alter_ego h2, #trivia_geek h2 {color: #f4f7eb;font-size: 75px;font-family: "AkzidenzCondensed", sans-serif;text-transform: uppercase;margin: 24px auto;text-align: center;font-weight: bold;font-style: italic;text-shadow: 0px 9px 16px rgba(10, 0, 6, 0.56);width: 800px;}
#alter_ego p { color: #f4f7eb; font-size: 14px; font-family: "OpenSans", sans-serif; text-align: center; }
#alter_ego #content_list { margin: 23px auto; width: 100%; height: 403px; position: relative; display: block; }
#alter_ego #content_list .prev { cursor: pointer; background-image: url("../img/nav.png"); background-repeat: no-repeat; background-position: 0 0; height: 57px; width: 57px; position: absolute; top: 0; bottom:0; left: 400px; margin: auto; }
#alter_ego #content_list .next { cursor: pointer; background-image: url("../img/nav.png"); background-repeat: no-repeat; background-position: -61px 0; height: 57px; width: 57px; position: absolute; top: 0; bottom:0; right: 400px; margin: auto; }
#cnt_alter_ego { width: 320px; height: 100%; margin: auto; } 
#cnt_alter_ego .figura { display: block; width: 100%; height: 100%; position: relative; }
#cnt_alter_ego .figura .sup_img { display: block; width: 100%; height: 100%; position: relative; z-index: 15; background-repeat: no-repeat; background-size: 100% auto; }
#cnt_alter_ego .figura .face { border-radius: 22px; height: 55px; margin: auto; position: absolute; width: 37px; z-index: 10; overflow: hidden; }
#antorcha { background-image: url("../img/antorcha-carita.png"); }
#mole { background-image: url("../img/mole-carita.png"); }
#fantastico { background-image: url("../img/fantastico-carita.png"); }
#invisible { background-image: url("../img/invisible-carita.png"); }
/*#blackwidow { background-image: url("../img/black.png"); }*/
/*#hulk { background-image: url("../img/hulk.png"); }*/
#aface { left: 137px; top: 50px; }
#mface { right: 146px; top: 50px; }
#fface { top: 40px; right: 156px; }
#iface { top: 40px; left: 127px; }
/*#bface { top: 62px; left: 137px; }*/
/*#hkface { top: 50px; left: 145px; }*/

#alter_ego .controles_imagen { display: block; width: 100%; position: relative; height: auto; text-align: center; }
#alter_ego .controles_imagen input { height: 0; width: 0; visibility: hidden; }
#alter_ego .controles_imagen button { border: none; border-radius: 4px; font-family: "OpenSans", sans-serif; font-size: 12px; font-weight: 700; color: #f4f7eb; padding: 15px 30px; text-align: center; background-color: rgba(0, 0, 0, 0.18); margin: 10px auto; }
#alter_ego .controles_imagen .controles { display: block; position: relative; height: 40px; width: 320px; margin: 11px auto; }
#alter_ego .controles_imagen .controles .arrow { cursor: pointer; background-image:  url("../img/flechas1.png"); background-repeat: no-repeat; width: 40px; height: 40px; float: left; margin-right: 16px; }
#alter_ego .controles_imagen .controles .arrow:last-child { margin-right: 0; }
#alter_ego .controles_imagen .controles #more { background-position: -228px 0; }
#alter_ego .controles_imagen .controles #less { background-position: -180px 0; }
#alter_ego .controles_imagen .controles #up { background-position: 0 0; }
#alter_ego .controles_imagen .controles #down { background-position: -45px 0; }
#alter_ego .controles_imagen .controles #left { background-position: -90px 0; }
#alter_ego .controles_imagen .controles #right { background-position: -135px 0; }
#alter_ego .controles_imagen .share_alter_ego, #resultados_trivia .share_alter_ego { display: none; margin: 25px auto 0; position: relative; height: 36px; width: 285px; }
#alter_ego .controles_imagen .share_alter_ego div, #resultados_trivia .share_alter_ego div { cursor: pointer; background-image:  url("../img/redes.png"); background-repeat: no-repeat; width: 37px; height: 36px; float: left; margin-right: 45px; }
#alter_ego .controles_imagen .share_alter_ego div:last-child, #resultados_trivia .share_alter_ego div:last-child { margin-right: 0; }
#alter_ego .controles_imagen .share_alter_ego #fb_AE, #resultados_trivia .share_alter_ego #fb_TR { background-position: 10px center; }
#alter_ego .controles_imagen .share_alter_ego #tw_AE, #resultados_trivia .share_alter_ego #tw_TR { background-position: -75px center; }
#alter_ego .controles_imagen .share_alter_ego #goo_AE, #resultados_trivia .share_alter_ego #goo_TR { background-position: -161px center; }
#alter_ego .controles_imagen .share_alter_ego #ws_AE, #resultados_trivia .share_alter_ego #ws_TR { background-position: -247px center; }

#trivia_geek .cnt_trivia { width: 100%; height: 580px; position: relative; display: block; margin: 25px auto; }
#trivia_geek .cnt_trivia #intro_trivia{width: 794px;height: 519px;background-image: url("../img/fondo_intro_pregunta.png");background-repeat: no-repeat;background-size: 794px auto;text-align: center; margin: auto;}
#trivia_geek .cnt_trivia h3 { color: #F3F7EA; font-family: "OpenSansSemiBold", sans-serif; font-size: 27px; }
#trivia_geek .cnt_trivia p  { color: #F3F7EA; font-family: "OpenSans", sans-serif; font-size: 14px; }
#trivia_geek .cnt_trivia .ajuste  {color: #F3F7EA;font-family: "OpenSans", sans-serif;font-size: 20px;position: relative;top: 240px;width: 400px; margin: auto;}
#trivia_geek .cnt_trivia button { border: none; border-radius: 4px; font-family: "OpenSansExtraBold", sans-serif; font-size: 16px; letter-spacing: 1; color: #f4f7eb; padding: 15px 30px; text-align: center; background-color: rgba(0, 0, 0, 0.18); margin: 10px auto; }
#trivia_geek .cnt_trivia #intro_trivia button#star_trivia {position:relative;top:280px;}
#trivia_geek .cnt_trivia #intro_trivia h3 { padding-top: 150px; }
#trivia_geek .cnt_trivia #intro_trivia p { margin-top: 25px; }
#trivia_geek .cnt_trivia #intro_trivia button { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 150px }
#trivia_geek .cnt_trivia .question, #trivia_geek .cnt_trivia #resultados_trivia { display: none; width: 100%; height: 100%; text-align: center; background-image: url("../img/fondo_preguntas.png"); background-repeat: no-repeat; background-position: center; }
#trivia_geek .cnt_trivia .question h2, #trivia_geek .cnt_trivia #resultados_trivia h2 { color: #F3F7EA; font-family: "OpenSansSemiBold", sans-serif; font-size: 20px; text-align: center; padding: 27px 60px; background-color: rgba(0,0,0,0.18); width: 240px; }
#trivia_geek .cnt_trivia .question .answer { width: 378px; height: auto; border-bottom: 1px dotted #FFF; margin: 30px auto 0; position: relative; }
#trivia_geek .cnt_trivia .question .last-ans { border-bottom: 0; margin: 30px auto; }
#trivia_geek .cnt_trivia .question .answer p { text-align: left; color: #F3F7EA; font-family: "OpenSans", sans-serif; font-size: 14px; padding: 15px 0; width: 270px; }
#trivia_geek .cnt_trivia .question .answer .option { width: 30px; height: 30px; margin: auto; border: 1px solid #FFF; border-radius: 4px; position: absolute; top: 0; bottom: 0; right: 20px; }
#trivia_geek .cnt_trivia .question .answer .option a { cursor: pointer; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 22px; width: 22px; border-radius: 2px; }
#trivia_geek .cnt_trivia .question .answer .option .selected { background-color: rgba(0,0,0,0.5); }
#trivia_geek .cnt_trivia .question .cont { color: #FFF; font-family: "OpenSans", sans-serif; font-size: 14px; margin-top: 25px; }
#trivia_geek .cnt_trivia .prev { display: none; cursor: pointer; background-image: url("../img/flechas.png"); background-repeat: no-repeat; background-position: 0 0; height: 57px; width: 57px; position: absolute; top: 0; bottom:0; left: 400px; margin: auto; }
#trivia_geek .cnt_trivia .next { display: none; cursor: pointer; background-image: url("../img/flechas.png"); background-repeat: no-repeat; background-position: -61px 0; height: 57px; width: 57px; position: absolute; top: 0; bottom:0; right: 400px; margin: auto; }
#trivia_geek .cnt_trivia #resultados_trivia .heroe-result { display: block; width: 250px; height: 294px; margin: auto; }
#trivia_geek .cnt_trivia #resultados_trivia p {width: 500px;margin:auto; }
#trivia_geek .cnt_trivia #resultados_trivia .heroe-result .heroe { height: 100%; background-image: url("../img/figuras.png"); background-repeat: no-repeat; margin: auto;}
#trivia_geek .cnt_trivia #resultados_trivia .heroe-result .heroe span {visibility: hidden;}
#trivia_geek .cnt_trivia #resultados_trivia .heroe-result .fantastico { background-position: 0px 0px; width: 135px; }
#trivia_geek .cnt_trivia #resultados_trivia .heroe-result .invisible { background-position: -138 0; width: 125px; }
#trivia_geek .cnt_trivia #resultados_trivia .heroe-result .antorcha { width: 100%; background-position: -432px 0; }
#trivia_geek .cnt_trivia #resultados_trivia .heroe-result .mole { width: 173px; background-position: -801px 0px; }
/*#trivia_geek .cnt_trivia #resultados_trivia .heroe-result .capamerica { width: 130px; background-position: -717px 0; }
#trivia_geek .cnt_trivia #resultados_trivia .heroe-result .hawkeye { background-position: -275 0; width: 138px; }*/
#resultados_trivia .share_alter_ego { display: block; }

.clear:after { clear: both; content: ""; display: table; }


#footer {
  background-color: rgba(0,0,0,0.18);
  width: 100%;
  min-height: 18%;
  bottom: 0;
}
  #footer .main {
     font-family: 'Open Sans', sans-serif;
     padding: 20px 0 20px 0;
     width: 1220px;
     margin: auto;
  }
  #footer .main p {
      color: #FFFFFF;
      font-size: 9px;     
      text-align: center;
      text-transform: uppercase;
      line-height: 18px;
      letter-spacing: 1px;
  }
  #footer .main p strong {
      color: #FFFFFF;
  }

.publicdadmovil {
  display: none;
}


@media screen and (max-width: 1320px) {
  .wrapper .publicidad_fixed { display: none; }
}



@media screen and (max-width: 1360px) and (min-width: 1024px) {
  .wrapper { width: 100%; overflow-x: hidden; }

}



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

.logo_nacion {
  background-image: url("../img/LNMovil.png");
  width: 94px;
  height: 20px; 
}

.contenedor_menu_sup p { 
  font: 300 11px 'OpenSansRegular',sans-serif;
  left: 108px; 
}

.menu_redes_sociales {
  right: -30px; 
}


.publicdadmovil {
  display: block;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 1;
  margin: auto;
  text-align: center;
} 

#resultados_trivia .share_alter_ego #ws_TR {display: block};

.contenedor_menu_sup {
 display: none;
}


a {
  color: #ffffff;
  cursor: pointer;
  outline: medium none;
  text-decoration: none;
 }

#header {
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  height: 50px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
  display: block;
}

.titulo_web span {
  display: block;
  float: left;
  font-family: "OpenSansLight",sans-serif;
  font-size: 11px;
  left: 120px;
  line-height: 45px;
  position: absolute;
  text-transform: uppercase;
}

.logo_ln_m {
  background-image: url("../img/LNMovil.png");
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 20px;
  left: 10px;
  position: relative;
  top: 12px;
  width: 94px;
}


#menu_share_mobile{
 display: none;
}

#menu_share_mobile {
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  display: none;
  height: 30px;
  position: fixed;
  top: 50px;
  width: 100%;
  z-index: 250;
}

#menu_share_mobile .share {
  display: block;
  float: right;
  height: 100%;
  margin: 0;
}

#share_mobile {
  background-image: url("../img/share.png");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  float: right;
  height: 50px;
  margin-top: 0px;
  position: relative;
  width: 50px;
}

#menu_share_mobile .share > div {
  background-position: center center;
  border-left: 1px solid #cccccc;
  height: 100%;
  margin: 0;
  width: 45px;
}

.share div a {
  display: block;
  height: 100%;
  width: 100%;
}

.share > div {
  float: left;
}


.fb {
  background-image: url("../img/facebook.png");
  background-repeat: no-repeat;
  height: 24px;
  margin-right: 25px;
  width: 12px;
  }

.twt {
  background-image: url("../img/twitter.png");
  background-repeat: no-repeat;
  height: 17px;
  margin-right: 25px;
  margin-top: 3.5px;
  width: 22px;
  }

.goo {
  background-image: url("../img/google.png");
  background-repeat: no-repeat;
  height: 20px;
  margin-top: 2px;
  width: 23px;
  }

.m_tit_head {
  color: #363636;
  float: right;
  font-family: "OpenSansLight",sans-serif;
  font-size: 14px;
  margin-right: 25px;
  margin-top: 5px;
 }

.titulo_web span {
  display: block;
  float: left;
  font-family: "OpenSansLight",sans-serif;
  font-size: 11px;
  left: 120px;
  line-height: 45px;
  position: absolute;
  text-transform: uppercase;
}  



.wrapper{        
    padding: 0;
    position: relative;
    top: -13px;
    width: 320px; 
}

    
.wrapper .superheroes {   
  background: url(../img/fondo_intro_movil.png);
  background-repeat: no-repeat;     
  width: 320px; 
  top: 15px;       
}
    
.wrapper .superheroes .personaje {
    background-image: url("../img/mr_fantastico.png");
    background-repeat: no-repeat;
    background-size: 320px auto;
    width: 320px;
    left: 0;
    
}
    
    
.wrapper .superheroes .personaje .titulo {
    font-size: 57px;
    left: -5px;
    line-height: 63px;
    text-align: center;
    top: 30%;
    width: 320px;
}
    
.wrapper .superheroes .personaje .titulo span {
    font-size: 34px;
    left: 0;
    line-height: 20px;
}
 
.wrapper .superheroes .fondo_m {
    background-image: url("../img/fondo_intro_movil.png");
    background-repeat: no-repeat;
    width: 640px;
}
    
    
.wrapper .superheroes .personaje .flecha_abajo {
    display: block; 
}
 
.wrapper .superheroes .personaje .flecha_abajo {
  top: 400px;
  left: 8px;
}

.wrapper .superheroes .personaje .texto {
     display: none;
}
    
.wrapper .superheroes .botones {
    top: 90px;
    left: 0px;
}


    
#indro {
    height: 690px;
}
    
.publicidad1,.publicidad2, .publicidad3, .publi, .publiA, .publiB{
  display:none;
}
    
.wrapper .superheroes .personaje .ciudad {
  display: none;
}

.ficha{
  display: none;
}

.ficha_movil {
    display: block;
    height: 635px;
    position: relative;
    top: 70px;
}

.info_personaje {
    height: 770px;
}

.info_personaje .botones {
  display: block; /*TEMPORAL*/
   width: 320px;
   top:0px;
     margin-left: 49px;
}
.info_personaje .botones ul{
  position: absolute;
  top: -80px;
  left: 10px;
}

.info_personaje .botones ul li {
    left: 0px;
    margin: -4px;    
    top: 90px;
}

.info_personaje .ficha .simbolo{
  display: none;
}   
    

.info_personaje .ficha_movil .info2 .informacion{
    background-color: rgba(0, 0, 0, 0.18);
    width:320px;
    height: 33px;    
    color: #f4f7eb;
    font: 600 17px / 30px 'OpenSans',sans-serif;
    line-height: 30px;
    text-align: center;
}

.info_personaje .ficha_movil .nombre {
  text-shadow: 0px 9px 16px rgba(10, 0, 6, 0.56);
  font-family: 'AkzidenzCondensed',sans-serif;
  font-size: 29px;
  font-weight: normal;
  text-transform: uppercase;
  font-style: italic;
  color: #f4f7eb;
  text-align: center;
    margin-bottom: 37px;
}

.info_personaje .ficha_movil .info2 .ajuste {
  position: relative;  
  height: 80%;
}


/*.info_personaje .ficha_movil .info2 .ajuste .imagen2 {
    background-image: url("../img/personajes.png");
    background-position: -205px -2px;
    background-repeat: no-repeat;
    float: left;
    height: 293px;
    position: relative;
    top: 10px;
    width: 180px;
}*/

.info_personaje .ficha_movil .info2 .caracteristicas {
   color: #f4f7eb;
    font-family: "OpenSans",sans-serif;
    position: relative;
    top: 35px;
}


.info_personaje .ficha_movil .info2 .caracteristicas .raza, .info_personaje .ficha_movil .info2 .caracteristicas .estatura, .info_personaje .ficha_movil .info2 .caracteristicas .peso, .info_personaje .ficha_movil .info2 .caracteristicas .ego {
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
}

.info_personaje .ficha_movil .info2 .historia {
    color: #f4f7eb;
    font: 400 14px/18px "OpenSans",sans-serif;
    left: 5%;
    margin: auto;
    position: absolute;    
    top: 292px;
    width: 295px;
}

.info_personaje .ficha_movil .info{
  display: block; /*/*TEMPORAL*/
  background-color: rgba(0, 0, 0, 0.18);
  width: 320px;
  height: 33px;
  color: #f4f7eb;
  font: 600 17px / 30px 'OpenSans',sans-serif;
  line-height: 30px;
  text-align: center;
}

.info_personaje .ficha_movil .info .imagen{
    width: 307px;
    height: 448px;
    margin: auto;
    position: relative;
    top: 10px;
   
}

.info_personaje .ficha_movil .info .numero_revista {
    color: #f4f7eb;
    font: 600 17px/30px "OpenSans",sans-serif;
    position: relative;
    text-align: center;
    top: 10px;
    width: 320px;
}

.info_personaje .ficha_movil .info .fecha {
  color: #f4f7eb;
  font: 300 17px / 30px 'OpenSans',sans-serif;
  position: relative;
}

.info_personaje .ficha_movil .info2{
  display: block; /** TEMPORA**/
}

.info_personaje .ficha_movil .info{
  display: none; /** TEMPORA**/
}
.dots{
  display: block;
  margin: auto;
  text-align: center;
  width: 320px;
  margin-top: 70px;

}



.dots .boton{  
  display: inline-block; 
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background: #fff;
  cursor: pointer;
  opacity: 0.5;
  margin: 5px;
}
    
.dots .boton.active{
   background: #fff;
   opacity: 1;
 }

.contenidosrelacionados {
    height: 850px;
    position: relative;
    top: 100px;
}

.contenidosrelacionados .contenidos {
  width: 320px;
  height: 500px;
}


.contenidosrelacionados .contenidos .notas {
   display: none;
}

.contenidosrelacionados .contenidos .notas_m {
   display: block;
}


.contenidosrelacionados .contenidos .notas {
  margin-top: 30px;
  display: none;
}



.contenidosrelacionados .contenidos .notas_m .nota {
  display: inline-block;
  width: 320px;
  position: relative;
  left: 15px;
  height: 600px;
}

.contenidosrelacionados .contenidos .notas_m .nota .cuadro {
  background-color: rgba(0, 0, 0, 0.18);
  width: 296px;
  height: 259px;
}

.contenidosrelacionados .contenidos .notas_m .nota .titulo {
  font: 600 17px / 21px 'OpenSans',sans-serif;
  color: #f4f7eb;
  width: 245px;
  text-align: center;
  text-shadow: none;
  text-transform: none;
  position: relative;
  top: 10px;
  margin:auto;
}

.contenidosrelacionados .contenidos .notas_m .imagen {
  width: 277px;
  height: 158px;
  margin: auto;
  position: relative;
  top: 22px;
}

.contenidosrelacionados .contenidos .notas_m .imagen iframe{
  max-width: 100% !important;
}

.contenidosrelacionados .contenidos .notas_m .nota .cuadro2 {
  background-color: rgba(0, 0, 0, 0.18);
  width: 294px;
  height: 117px;
  position: relative;  
  top: 20px;
}


.contenidosrelacionados .contenidos .notas_m .nota .cuadro2 .subtitulo {
  font: 600 17px / 21px 'OpenSans',sans-serif;
  color: #f4f7eb;
  position: relative;
  line-height: 21px;
  width: 195px;
  text-align: center;
  padding: 16px 49px;
    
}

.contenidosrelacionados .contenidos .notas_m  .nota .descripcion {
  color: #f4f7eb;
  font: 400 14px / 18px 'OpenSans',sans-serif;
  width: 273px;
  position: relative;
  top: 30px;  
      
}

.contenidosrelacionados .contenidos .notas_m .nota .irnota {
  position: relative;
  top: 50px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.18);
  width: 160px;
  height: 36px;
  margin: auto;
  left: -15px;
}
.contenidosrelacionados .contenidos .notas_m .nota .irnota  a{
    color: #f4f7eb;
    font: 700 12px / 21px 'OpenSans',sans-serif;
    text-transform: uppercase;
    line-height: 37px;
    text-decoration:none;    
}


.contenidosrelacionados .contenidos .titulod {
    font-size: 29px;
    margin: auto auto auto -6px;
    width: 100%;
    text-align: center;
    margin-bottom: 37px;
}


#alter_ego h2 {
    font-size: 29px;   
    margin: auto;
    position: relative;
    text-align: center;
    width: 320px;
    margin-top: 42px;
}


#alter_ego p {    
    text-align: center;
    width: 320px;
}

#alter_ego #content_list {    
    float: left;    
    left: -9px;
    margin: 23px auto;
 
}


#alter_ego .controles_imagen {
    width: 320px;
}

.bonus{
  position: relative;
  top: 40px;
}

.bonus .contenidos {
  width: 320px;
  height: 380px;
  margin: auto;
}

.bonus .contenidos .titulod {
   font-size: 29px;
  margin-bottom: 30px;
 
}

.bonus .contenidos .notas_bonus{
 display: none; 
}

.bonus .contenidos .notas_bonus_m{
 display: block; 
}



.bonus .contenidos .notas_bonus_m .nota {
  display: inline-block;
  width: 320px;
  position: relative;
  left: 15px;
  height: 412px;
}

.bonus .notas_bonus_m .cuadro {
  background-color: rgba(0, 0, 0, 0.18);
  width: 276px;
  height: 117px;
}

.bonus .notas_bonus_m .titulo {
  font: 600 17px / 21px 'OpenSans',sans-serif;
  color: #f4f7eb;  
  text-align: center;
  text-shadow: none;
  text-transform: none;
  position: relative;
  top: 32px;
  
}

.bonus .notas_bonus_m .imagen {
  width: 272px;
  height: 221px;
  margin: auto;
  position: relative;
  top: 92px;
}

.bonus .notas_bonus_m .irnota {
    background-color: rgba(0, 0, 0, 0.18);
    height: 36px;
    left: -19px;
    margin: auto;
    position: relative;
    text-align: center;
    top: 250px;
    width: 160px;
}
.bonus .notas_bonus_m .irnota  a{
    color: #f4f7eb;
    font: 700 12px / 21px 'OpenSans',sans-serif;
    text-transform: uppercase;
    line-height: 37px;
    text-decoration:none;    
}

#trivia_geek {
  height: 700px;
  width: 320px;
}

#trivia_geek h2 {
  font-size: 29px;
  width: 320px;
  position: relative;  
}


#trivia_geek .cnt_trivia #intro_trivia {
  background-image: url("../img/fondo_preguntas_movil.png");
  background-size: 264px auto;
  position: relative;
  top: 50px;
  left: 25px;
}


#trivia_geek .cnt_trivia #intro_trivia button {
  position: absolute;
  bottom: 140px;
  left: 65px;
  right: 0;
  margin: 0;
}

#trivia_geek .cnt_trivia #intro_trivia button#star_trivia {
  position: relative;
  top: 185px;
  left: -22px;
}


#trivia_geek .cnt_trivia { height: 610px; }

#trivia_geek .cnt_trivia .question, #trivia_geek .cnt_trivia #resultados_trivia {  
  width: 320px;
  background-size: 320px;
  
}

#trivia_geek .cnt_trivia #resultados_trivia {
  position: relative;
  top: -43px;
}


#trivia_geek .cnt_trivia .question .answer {
  width: 300px;
}


#trivia_geek .cnt_trivia .question .answer .option {
   right: 10px;
}

#trivia_geek .cnt_trivia .question h2, #trivia_geek .cnt_trivia #resultados_trivia h2 {
  padding: 27px 0px; 
  width: 320px;
  float: none;
}

#trivia_geek .cnt_trivia #resultados_trivia h2 {
  position: relative;
  top: 20px;
}

#trivia_geek .cnt_trivia .prev {
  left: -60px; 
}
  
#trivia_geek .cnt_trivia .next {
  right: -60px;
}
#trivia_geek .cnt_trivia .question .answer p { width: 250px; }

#trivia_geek .cnt_trivia .ajuste {
  top: 132px;
  left: -23px;
  width: 320px;
  text-align: center;
  font-size: 19px;
}

.creditos{
  height: 33%;
}

#footer .main{
  width: 100%;
  height: 100%;
  margin-top: 30px;
}


#trivia_geek .cnt_trivia #resultados_trivia p {
  width: 320px;
  margin: auto;
}

}

@media (min-width: 1024px) and (max-width: 1060px) {

#alter_ego #content_list .prev {
  cursor: pointer;
  background-image: url("../img/nav.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 57px;
  width: 57px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 235px;
  margin: auto;
}

#alter_ego #content_list .next {
  cursor: pointer;
  background-image: url("../img/nav.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 57px;
  width: 57px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 235px;
  margin: auto;
}



}


@media (min-width: 360px) and (max-width: 1023px) {

.contenidosrelacionados  .notas_m .slick-prev {
    left: -40px  !important;
}

.contenidosrelacionados  .notas_m .slick-next {
    right: -40px  !important;
}

.bonus  .notas_bonus_m .slick-prev {
    left: -40px !important;
    
}

 .bonus  .notas_bonus_m .slick-next {
    right: -25px !important;
    
}

}

@media (min-width: 767px) and (max-width: 768px) { /** MINI IPAD**/
    .wrapper{
      overflow: hidden;
    }

  .bonus .notas_bonus_m .slick-prev, .bonus .notas_bonus_m .slick-next, .contenidosrelacionados .notas_m .slick-prev, .contenidosrelacionados .notas_m .slick-next {
     visibility: hidden;
  }
}

@media (min-width: 321px) and (max-width: 1023px) {

#trivia_geek .cnt_trivia #intro_trivia { width: 100%; height: 100%; background-image: url("../img/fondo_intro_pregunta.png"); background-repeat: no-repeat; background-size: 90% auto; text-align: center; }

 #alter_ego #content_list .prev {
  top: 366px;
  left: 100px;
  z-index: 1;
  }

#alter_ego #content_list .next {
    left: 185px;
    top: 366px;
    z-index: 1;
  }
}


@media (min-width: 321px) and (max-width: 440px) {

.contenidosrelacionados  .notas_m .slick-prev {
    left: -20px  !important;
}

.contenidosrelacionados  .notas_m .slick-next {
    right: -20px  !important;
}

 .bonus  .notas_bonus_m .slick-next {
    right: 0px !important;
    margin-top: 25px;
}

 .bonus  .notas_bonus_m .slick-prev {
    left: -15px !important;
    margin-top: 25px;
}


#alter_ego .controles_imagen .share_alter_ego #ws_AE {
  display: block;
}

#alter_ego .controles_imagen .share_alter_ego #ws_AE  a {
    visibility: hidden;
    opacity: 0.5;
}

#resultados_trivia .share_alter_ego #ws_TR {
   display: block;
}


#resultados_trivia .share_alter_ego #ws_TR a {
  visibility: hidden;
  opacity: .5;
}


}





@media (min-width: 300px) and (max-width: 320px) {

html,body{
  overflow-x:hidden; 
}

 .bonus  .notas_bonus_m .slick-next {
    right: 10px !important;
}


#alter_ego #content_list .prev {
    left: 105px;
    top: 368px;
    z-index: 1;
}

#alter_ego #content_list .next {
    left: 180px;
    top: 365px;
    z-index: 1;
}

#alter_ego .controles_imagen .share_alter_ego #ws_AE {
  display: block;
}

#alter_ego .controles_imagen .share_alter_ego #ws_AE a{
  visibility: hidden;
  opacity: 0.5;
}

#trivia_geek .cnt_trivia .ajuste {
    font-size: 16px;   
    position: absolute;
    text-align: center;
    top: 132px;
    width: 311px;
}

#trivia_geek .cnt_trivia #intro_trivia button {
    bottom: 140px !important;
    left: 65px !important;
    line-height: 0;
    margin: 0 !important;
    position: absolute !important;
    right: 0 !important;
    top: 340px !important;
}