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

Primary style

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

body {
  background-image: url("http://e00-marca.uecdn.es/deporte/futbol/especial/futbol-auschwitz/imgs/imagen-principal.jpg"); background-repeat: no-repeat; background-size: 100% auto;
  font-size: 100%;
  font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
  color: #525252;
  background-color: white;
}

body, html {
  /* important */
  height: 100%;
}

a {
  color: #b4d7a8;
  text-decoration: none;
}

p { font-size: 16px !important; }

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

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

.portada-principal { box-sizing: border-box; max-width: 990px; margin: 0 auto; }

.contenido-general { box-sizing: border-box; max-width: 990px; margin: 0 auto; }

.portada-principal p.antetitulo-principal { margin-top: 200px; color: #666; background-color: #fff; font-weight: bold; font-size: 40px !important; width: 100% }

.portada-principal p.firma-especial { font-style: italic; margin-top: 10px; color: #666; background-color: #fff; font-weight: bold;font-size: 12px !important; margin-bottom: 70rem; text-align: left; padding: 5px; float: left; }

.portada-principal p span { color: #000 !important; }

.portada-principal h1 {
font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace !important;
font-size: 80px;
background-color: rgba(0, 0, 0, 0.9);
color: #fff;
padding: 0px;
width: 100%;
float:left;
padding-bottom: 15px;
}



p.texto-destacado { font-weight: bold; font-size: 18px !important; }
p span.drop {
    color: #000;
    float: left;
    font-size: 139px;
    line-height: 0.7;
    margin: 5px 13px 0 0;
    font-weight: bold;
}

.box { background-color: rgba(255, 255, 255, 0.7); padding: 20px; text-align: left; }
.box p{ margin-bottom: 10px !important; }
.box-sinbordes { background-color: #fff; text-align: left; }

.box-apoyos-texto { background-color: #f0efef; text-align: left; padding:15px;}

.box-apoyos-texto img {margin: 25px; margin-left: 10px; margin-bottom: 0px;}
.box-apoyos-texto img.apoyo-yehuda {margin: 15px; margin-left: 10px; margin-bottom: 0px;}

.box-apoyos-texto img.foto-izq { float: left; margin:0px; margin-right: 20px; }

.box-apoyos-texto h3 {margin: 25px; margin-left: 10px; text-transform: uppercase; font-size: 30px; font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace !important; font-weight: bold;}
.box-apoyos-texto h3.apoyo-yehuda {margin: 10px; margin-left: 10px; text-transform: uppercase; font-size: 30px; font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace !important; font-weight: bold;}
.box-apoyos-texto p {margin: 25px; margin-left: 10px;}
.box-apoyos-texto p.apoyo-yehuda {margin: 10px; margin-left: 10px;}
.box-apoyos-texto p span.drop { font-size: 100px; }




.seccion-2 .preguntas h4{font-size: 15px; font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace !important; font-weight: bold;}
.seccion-2 .preguntas p{font-size: 15px; margin-bottom: 10px;}
.seccion-2 .preguntas .box img { width: 100% !important; }

.botones-audio { margin-top:200px; }

span.subrayado-texto {
    background-color: #d8d8d8;
    color: #000;
    font-weight: 400;
    text-shadow: 0 1px 0 #fff;
}


.destacado-1 p.entetitulo { width: 100%; padding:5px; background-color: #000; color: #fff; text-align: center; font-size: 22px !important; font-weight: bold; }
.destacado-1 p.entetitulo span { font-weight: normal; }

.destacado-1 p.titular { text-align: left; font-size: 45px !important;   }
.destacado-1 p.titular span { font-weight: bold; }

.destacado-1 p.entradilla { text-align: left; font-size: 25px !important;   }
.destacado-1 p.entradilla span { font-weight: bold; }

.destacado-2 p.titular { text-align: left; font-size: 45px !important;   }
.destacado-2 p.titular span { font-weight: bold; }

.destacado-2 p.entradilla { text-align: left; font-size: 25px !important;   }
.destacado-2 p.entradilla span { font-weight: bold; }


.agradecimientos { font-size: 12px !important; padding: 5px; background-color: #f2f1f1; margin-top: 60px; }

.box .agradecimientos { font-size: 12px !important; padding: 5px; background-color: #f2f1f1; margin-top: 20px; }


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

Main components

-------------------------------- */
.cd-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #000;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.cd-header:after {
  content: "";
  display: table;
  clear: both;
}
.cd-header #cd-logo {
  float: left;
  margin: 13px 0 0 5%;
}
.cd-header #cd-logo img {
  display: block;
}

@media only screen and (min-width: 769px) {
  .cd-header {
    height: 61px;
  }
  .cd-header #cd-logo {
    margin: 16px 0 0 20px;
  }
}



@media only screen and (min-width: 769px) {

}

.cd-main-content {
  /* you need to assign a min-height to the main content so that the children can inherit it*/
  height: 100%;
  position: relative;
  z-index: 1;
}

.cd-fixed-bg {
  position: relative;
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}

.cd-fixed-bg h2 {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 41%;
  max-width: 1170px;
  text-align: center;
  font-size: 30px;
  font-size: 1.875rem;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: white;
}

.cd-container h1 { font-size: 30px; text-align:center; color: #990000; text-transform: uppercase;}
.cd-container h2 { font-size: 60px; text-align:center; color: #990000; text-transform: uppercase;}
.cd-container h3 { font-size: 30px; text-align:center; color: #fff; text-transform: uppercase; background-color: #990000; margin-bottom: 20px; padding: 10px;}


.estatica .tools {
    border: 0;
    float: none;
    margin: 0 auto;}

.estatica .byline-tools {
    height: 48px;
    width: 100%;
    overflow: hidden;
    max-width: inherit;
    margin: 0 auto 50px;
    color: #fff;
    min-width: 90%;
    position:relative;
    z-index: 3;
    border: none;



}
.estatica .aside-tools { width: inherit; float:none; width:100%; margin: 0 auto;}
.aside-tools .social-tools .share-counter { color: #990000 !important;}
.aside-tools .tools .horizontal { padding: 10px 0 0px 0px;}
.periodico { float:left; margin-left:3px;}


@media only screen and (min-width: 768px) {
  .cd-fixed-bg .caja-principal, .cd-fixed-bg h2 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-fixed-bg {
    background-attachment: fixed;
  }
  .cd-fixed-bg .caja-principal, .cd-fixed-bg h2 {
    font-size: 48px;
    font-weight: 300;
  }
}

.cd-scrolling-bg {
  position: relative;
  min-height: 100%;
  padding: 4em 0;
  line-height: 1.6;
  /*box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);*/
  z-index: 2;
}

.cd-scrolling-bg.cd-color-2 {
  color: #3d3536;
 background-color: #fff;
}
.cd-scrolling-bg.cd-color-3 {
  color: #3d3536;
 background-color: #fff;
}

.cd-scrolling-bg.cd-color-azul {
  color: #fff;
 background-color: #074a9d;
}
@media only screen and (min-width: 768px) {
  .cd-scrolling-bg {
    padding: 3em 0;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2;
    font-weight: 300;
  }
}

@media only screen and (max-width: 768px) {
    .cd-fixed-bg .caja-principal {
        width: 88%;}
        .cd-fixed-bg .caja-principal h1 {
    font-size: 1.6rem;
    border-bottom: none;

}
.estatica .byline-tools {
    margin: 0px auto 0px;
}
.cd-container h2 {
    font-size: 36px;
    text-align: center;
}
.cd-container-tifo {    width: 90%;    max-width: 768px;    margin: 0 auto;}
.cd-container-tifo h2 {
        font-size: 36px;
    text-align: center;
    line-height: 36px;
    margin-bottom: 1em;
}
.cd-container-grafico {    width: 90%;    max-width: 768px;    margin: 0 auto;}
.cd-container-grafico h2 {
        font-size: 36px;
    text-align: center;
    line-height: 36px;
    margin-bottom: 1em;
}
.cd-container-grafico2 {    width: 90%;    max-width: 768px;    margin: 0 auto;}
.cd-container-grafico2 h2 {
        font-size: 36px;
    text-align: center;
    line-height: 36px;
    margin-bottom: 1em;
}

.cd-fixed-bg.cd-bg-leyenda {
  background-image: url("http://e00-marca.uecdn.es/deporte/futbol/especial/estadio-vicente-calderon-50-anos/img/cd-background-leyenda3m.jpg");
}
.cd-fixed-bg h2 {
    width: 71%;
}

.periodico { width:100%; display:block}
.periodico img{ width:100%;}

    .companeros {
    position: relative;
    background-color: #fff;
    border: 10px solid #094e7c;
    width: 50%;
    float: left;
    text-align: center;

}
.companeros h3 {
    color: #941b4c;
    padding: 5px;
    font-size: 22px;
}

}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
.companeros {width: 25%;}
.cd-fixed-bg .caja-principal, .cd-fixed-bg h2 {font-size: 36px; line-height: 32px;}
.cd-fixed-bg .caja-principal h1 {font-size: 2.075rem;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); color: white; text-align: center;}

/*iPad in landscape*/}





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

.version-movil  {
display: none !important;
}

}


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

.version-escritorio {
display: none !important;
}

.cd-container h1 { font-size: 14px; }


}

/** LIGHTBOX MARKUP **/

.lightbox {
  /** Default lightbox to hidden */
  display: none;

  /** Position and style */
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
}

.lightbox img {
  /** Pad the lightbox image */
  max-width: 90%;
  max-height: 80%;
  margin-top: 8%;
}

.lightbox:target {
  /** Remove default browser outline */
  outline: none;

  /** Unhide lightbox **/
  display: block;
}

.grafico-centrado-escritorio { width: 990px; margin:0 auto; }

.grafico-centrado-movil { width: 325px; margin:0 auto; }



/* estilos iframe fichas presos */

@media (min-width: 320px) {

  .fichas-presos {
    width: 100%;
    height: 1100px;
  }

}

/* CSS pantalla 768px o superior */
@media (min-width: 768px) {

  .fichas-presos {
    width: 100%;
    height: 540px;
  }

}

/* FIN estilos iframe fichas presos */


/* estilos iframe fichas mapa */

@media (min-width: 320px) {

  .mapa {
    width: 100%;
    height: 1520px;
  }


}

/* CSS pantalla 768px o superior */
@media (min-width: 768px) {

  .mapa {
    width: 100%;
    height: 1140px;
  }

}

/* FIN estilos iframe fichas mapa */


@media screen and (max-width: 420px) {
.portada-principal h1 {margin-bottom: 21px;}
.portada-principal p.firma-especial { display: none;}
.portada-principal h1 { font-size: 30px !important;}
.portada-principal p.antetitulo-principal { font-size: 20px !important; margin-top: 510px; }

}