/*
 * Globals
 */

 ::selection {background: #8dcaca; color: white;}
::-moz-selection {background: #8dcaca; color: white;}


 @font-face {
    font-family: 'Typewriter-Serial-Bold'; /*a name to be used later*/
    src: url('fonts/Typewriter-Serial-Bold.ttf'); /*URL to font*/
}

@font-face {
    font-family: 'Century-Gothic-Regular';
    src: url('fonts/century_gothic_regular.ttf');
}


/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  font-family: 'Century-Gothic-Regular';
}

body.index{
  background-color: #fff;
}

.h2, h2 {
    font-size: 20px;
    line-height: 30px;
}


body {
  color: #fff;
  text-align: center;
  /*text-shadow: 0 1px 3px rgba(0,0,0,.5);*/
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  /*display: table;*/
  width: 100%;
  min-height: 100%;
  /*min-height: 100%;*/
  /*-webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);*/
}

/*FIX PARA EL FOOTER*/
/*html,
body {
  margin:0;
  padding:0;
  height:100%;
}
.site-wrapper {
  min-height:100%;
  position:relative;
}

.footer{
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
}*/


/*.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}*/
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
  padding: 20px 0;
}


/*
 * Header
 */
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
}

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff; /* IE8 proofing */
  color: rgba(255,255,255,.75);
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 768px) {
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
  }
}


/*
 * Cover
 */

/*.cover {
  padding: 0 20px;
}*/
.cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold;
}


/*
 * Footer
 */

.mastfoot {
  color: #999; /* IE8 proofing */
  color: rgba(255,255,255,.5);
}


/*
 * Affix and center
 */

@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  /* Start the vertical centering */
  /*.site-wrapper-inner {
    vertical-align: middle;
  }*/
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    /*width: 700px;*/
  }
}


/*CUSTOM */

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    /*margin-right:-4px;*/
}


.navbar-brand img{
  max-width: 230px;
}

.navbar-brand{
  height: inherit;
}

.topHeader{
  background-color: #9ecbc8;
  padding-top: 10px;
}

.topHeader p{
  margin: 0;
  color: #1e120d;
}

#nav{
  border: none;
  margin-top:20px;
  margin-bottom: 0;
  /*position: absolute;
  left: 0; 
  right: 0;*/
}
.navbar-brand{
  padding: 0;
}

.navbar-default{
background-color: transparent;
}

#navbar > ul > li > a{
  line-height: 50px;
  color: #000;
  font-weight: 700;
  font-family: 'Typewriter-Serial-Bold';
}
#navbar > ul > li > a:hover{
color:#8dcaca !important;
}




.navbar-default .navbar-nav>.active>a{
  background-color: transparent;
}

.portada > .container{
  padding-top: 120px;
}

.que .portada > .container{
  padding-top: 50px;
}

.globoPortada img{
  opacity: 0.8;
}



.txtFranja p{
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  text-align: right;
  font-family: 'Typewriter-Serial-Bold';
}

@media (min-width: 768px){
.txtFranja p{
    font-size: 19px;
}
}


.recorte img{
  position: absolute;
  top: -70px;
}

.rotuloQue, .rotuloComo, .rotuloConQuien, .rotuloBiografia{
  float: right;
  background-color: rgba(166, 191, 193, 0.6);
  padding: 80px;
  margin-top: 40px;
}

.rotuloQue p, .rotuloComo p, .rotuloConQuien p, .rotuloBiografia p{
  font-size: 70px;
  margin: 0;
  font-family: 'Typewriter-Serial-Bold';
  font-size: 25px;
  margin-top: 25px;
}

.franjaFacil {
  float: right;
}

.txtFranjaFACIL{
  font-size: 80px !important;
  vertical-align: middle;
  font-family: 'Typewriter-Serial-Bold';
  margin-left: 25px;
}

.franjaFacil p{
  display: inline-block;
}

.capaBlanco{
  width: 100%;
  height: 100px; 
  background-color: rgba(255, 255, 255, 0.6);
}

.franjaIconos{
  background-color: #fff;
}

@media (min-width: 768px) {
  .vertical-align {
    display: flex;
    align-items: center;
  }
}




/*.footerCol1 img{
  max-width: 150px;
}

.footerCol2, .footerCol3{
  text-align: right;
}*/

.footerCol1 img{
  max-width: 400px;
  width: 100%;
  float: right;
}

.footerCol2, .footerCol3{
  text-align: right;
}

.footer {
  color: #fff;
  width: 100%;
}


.topRss{
  float: right;
  text-align: right;
}
.topRss a{
  color: #000;
  font-size: 15px;
  padding: 5px;
  line-height: 80px;
}

.portada{
  background-repeat: no-repeat;
  background-image: url(img/bg1.jpg);
  background-attachment: scroll;
  background-size: cover;
  /*background-position: center center;*/
}

.portada2{
  background-repeat: no-repeat;
  background-image: url(img/bg2.jpg);
  background-attachment: scroll;
  background-size: cover;
  height: 100px;
}

.portada3{
  background-repeat: no-repeat;
  background-image: url(img/bg3.jpg);
  background-attachment: scroll;
  background-size: cover;
  height: 450px;
}

.portada4{
  background-repeat: no-repeat;
  background-image: url(img/bg4.jpg);
  background-attachment: scroll;
  background-size: cover;
  height: 100px;
}

.portada5{
  background-repeat: no-repeat;
  background-image: url(img/home-how.jpg);
  background-attachment: scroll;
  background-size: cover;
  height: 450px;
  background-position: 35%;
}

.portada6{
  background-repeat: no-repeat;
  background-image: url(img/bg6.jpg);
  background-attachment: scroll;
  background-size: cover;
  height: 510px;
  padding-top: 0;
}

.portada7{
  background-repeat: no-repeat;
  background-image: url(img/bg7.jpg);
  background-attachment: scroll;
  background-size: cover;
  height: 510px;
  padding-top: 0;
}

.portada8{
  background-repeat: no-repeat;
  background-image: url(img/bg8.jpg);
  background-attachment: scroll;
  background-size: cover;
  height: 510px;
  padding-top: 0;
}


.navbar-toggle{
  margin-top: 30px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
  background-color: inherit;
}


/* PAGINA QUE*/

body.que, body.como{
  background-color: #fff;
  color: #000;
}

.txtLeft{
  text-align: left;
}

.cabecera{ 
  float: right;
  padding-bottom: 40px;
  margin-top: 40px;
}

.cabecera p{
  font-size: 70px;
  margin: 0;
  font-family: 'Typewriter-Serial-Bold';
  display: inline-block;
}

.cabecera .imgCabecera{
  display: inline-block;
  padding-right: 75px;
  width: 100%;
  max-height: 97px;
}

.cabeceraQue .imgCabecera{max-width: 300px;}
.cabeceraComo .imgCabecera{max-width: 450px;}
.cabeceraConQuien .imgCabecera{max-width: 600px;}
.cabeceraBiografia .imgCabecera{max-width: 600px;}

.cabecera .imgBombilla{ 
  width: 50px;
  display: inline-block;
}

.turquesa{
  color: #8dcaca;
}

.franjaNegra{
  background-color: #000;
  color: #fff;
}

.franjaBlanca{
  background-color: #fff;
  color: #000;

}

.txtFranjaNegra p{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    text-align: left;
    font-family: 'Typewriter-Serial-Bold';
}

.txtFranjaBlanca p{
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
}
.que .txtFranjaBlanca p{
    padding-left: 50px;
}
.txtFranjaBlancaJust p{
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.4;
    text-align: justify;
}


.fondoTurquesa{
  background-color: #000000;
}

.nav li.active a:after{
    background-image: url(img/activo.png);
    background-size: 100%;
    display: block;
    width: 80%;
    height: 20px;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    left: 10%;
    top: 50px;
}
.nav li.active{
  overflow: hidden;
}

.navRss{
  padding-left: 30px;
}

.nav{
  float: right;
}

#navbar > ul > li.navRss > a{
  display: inline-block;
  padding: 15px 10px 0px 0px;
}

.logosConQuien{
  margin-top: 20px;
}

.logosConQuien img{
  display: inline-block;
  max-width: 120px;
}

.contenidoBio{
  text-align: left;
  font-size: 16px;
}
.encabezadoBio{
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
}

.fechaBio{
  padding-right: 20px;
  font-weight: bold;
  color:#5d5d5d;
}

.bloqueNoticia {
    display: inline-block;
    width: 100%;
    margin: 25px 0 25px 0;
    padding-bottom: 25px;
    border-bottom: 1px solid #f1f1f1;
}

.bloqueNoticia img{
  max-width: 100%;
}

.noticias{
  text-align: left;
}

.noticias p {
    font-size: 14px;
    line-height: 1.5em;
    text-align: left;
    margin: 20px 0 20px 0;
}

.noticias h2{
  margin-top: 0px;
}

.noticias a, .noticias a:hover{
  text-decoration: none;
}



.footerColIzq {
    text-align: left;
}
.footerColCenter img {
    margin: 0 auto;
    max-width: 100%;
    width: 300px;
}


/* B */

.contacto{
  text-align: left;
}
.campo{
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  width:100% !important; 
}
.enviar, .boton {
    background: #8dcaca;
    border: none;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
}
.enviar:hover , .boton:hover{
    background: #000;
}

.campoCaptcha{
  padding-left: 0px !important;
}

.textoContacto{
    font-size: 16px !important;
    margin-bottom: 20px !important;
}

.iconoContacto{
  padding-right: 10px;
}
.ciudadContacto{
  padding-left: 26px;
}
.listaContacto{
  list-style:none; 
  padding-top: 20px;
}

.adelaContacto{
  font-size: 20px;
}
.mailContacto{
  color:#000;
}
.mailContacto:hover{
  color:#8dcaca;
}

.paginaGracias{
    margin-top: 131px;
    text-align: center;
}
.textoGracias{
  font-size: 140px;
  color:#8dcaca;
  font-family: 'Typewriter-Serial-Bold';
}

@media screen and (max-width: 750px) {
    .textoGracias {
        font-size:100px;
    }
}
@media screen and (max-width: 525px) {
    .textoGracias {
        font-size:50px;
    }
}
.explicacionGracias{
  font-size:16px;
}

.explicacionGracias a{
  color:#000;
}
.explicacionGracias a:hover{
   color:#8dcaca;

}
.checkGracias{
  
  padding-bottom: 20px;
}

.home-titulo{
    line-height: 50px;
    font-weight: 700;
    font-family: 'Typewriter-Serial-Bold';
    font-size: 10em;
    color:#ffffff;
}
.cabeceras-titulo{
   line-height: 50px;
    color: #000;
    font-weight: 700;
    font-family: 'Typewriter-Serial-Bold';
    font-size: 6em;
}
.cabeceras-titulo-primero{
  color:#9ecbc8 !important;
}


@media screen and (max-width: 1625px) {
    .home-titulo,.cabeceras-titulo{
        font-size: 9em;
    }
    .img-bio{
      margin-top: 30px!important;
    }
}

@media screen and (max-width: 1495px) {
    .home-titulo, .cabeceras-titulo{
        font-size: 8em;
    }
    .rotuloQue,
    .rotuloComo,
    .rotuloBiografia,
    .rotuloConQuien{
      width: 83%;
    }
}

@media screen and (max-width: 991px) {
    .imagenes-bio{
      margin: auto!important;
      /*width: max-content;*/
    }
    .float-left{
      float:left!important;
    }
    .float-right{
      float:left!important;
    }
  }
@media screen and (max-width: 970px) {
    .rotuloQue,
    .rotuloComo,
    .rotuloBiografia,
    .rotuloConQuien{
      width: 100%;
    }
    .img-bio{
      margin-top: 10px!important;
    }
}
@media screen and (max-width: 900px) {
    .home-titulo, .cabeceras-titulo{
        font-size: 6em;
    }
    .cabeceras-titulo{
        font-size: 5em;
    }
}
}

@media screen and (max-width: 645px) {
    .home-titulo, .cabeceras-titulo{
      line-height: 70px;
    }
    .rotuloQue, .rotuloComo, .rotuloConQuien, .rotuloBiografia{
          padding: 51px;
    }
}

@media screen and (max-width: 645px) {
    .home-titulo {
        font-size: 4em;
    }
    .cabeceras-titulo{
      font-size:2.5em;
    }
}
@media screen and (max-width: 1150px) {
  .portada3, .portada4, .portada5, .portada6, .portada7{
    height: 380px;
  }
  .noticias{
    padding-left: 60px;
  }
}

@media screen and (max-width: 770px) {
  .noticias{
    padding-left: 10px;
  }

}

@media screen and (max-width: 720px) {
  .portada3, .portada4, .portada5, .portada6, .portada7{
    height: 295px;
  }
  .rotuloQue, .rotuloComo, .rotuloConQuien, .rotuloBiografia {
    padding: 49px;
  }

}

/* FIN B */


@media screen and (max-width: 471px) {
    .float-left{
      float:none!important;
      clear: both !important;
    }
    .float-right{
      float:none!important;
      clear: both!important;
    }
  }











/* Responsive custom */ 
/* Móviles pequeños */
/* Responsive custom */ 
/* Móvil */
@media (max-width: 768px){

  .bloqueNoticia img {
      max-width: 100%;
      padding-bottom: 20px;
  }
  .noticias h2 {
      padding-bottom: 20px;
      font-size: 18px;
      line-height: 27px;
  }
  .cabecera {
    padding-bottom: 15px;
  }
  #header {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;
    box-shadow: #cccccc52 2px 2px 3px;
    top: 0;
    padding-bottom: 15px;
  }
  .content {
    margin-top: 100px;
  }
}

/* End responsive custom */
@media (max-width: 320px){
  #nav{
    z-index: 100;
  }
  #nav ul.nav{
    background-color: rgba(231,231,231,0.8);
    width: 100%;
  }
  #navbar > ul > li > a:hover{
    background-color: #e7e7e7;
  }
    .franjaIconos img{
    margin: 0 auto;
  }
  .footer, .footerCol2, .footerCol3{
    text-align: center;
  }
  .footer .footerCol1 img{
    margin: 0 auto;
    float: none;
  } 
  .footerCol2, .footerCol3{
    margin-top: 20px;
  }
  .navbar-brand img {
    max-width: 150px;
  }

  .navbar-toggle{
    margin-top: 20px;
  }
  .imgCabecera{
    padding-right: 0px !important;
  }
  .nav li.active a:after{
    background-image: url(img/activo.png);
    background-size: 25%;
    display: block;
    width: 80%;
    height: 20px;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    left: 40%;
    top: 45px;
  }  
  .rotuloQue p, .rotuloComo p, .rotuloConQuien p, .rotuloBiografia p{
    font-size: 20px;
  }

}
/* Móviles */
@media (min-width: 320px) and (max-width: 480px){
  .recorte {
    display: none;
  }

  .rotuloQue, .rotuloComo, .rotuloConQuien, .rotuloBiografia{
    padding: 20px;
  }

  .rotuloQue p, .rotuloComo p, .rotuloConQuien p, .rotuloBiografia p{
    font-size: 20px;
  }

  .txtFranjaFACIL{
    font-size: 50px !important;
  }

  #nav{
    z-index: 100;
  }
  #nav ul.nav{
    background-color: rgba(231,231,231,0.8);
    width: 100%;
  }
  #navbar > ul > li > a:hover{
    background-color: #e7e7e7;
  }
    .franjaIconos img{
    margin: 0 auto;
  }
  .footer, .footerCol2, .footerCol3{
    text-align: center;
  }
  .footer .footerCol1 img{
    margin: 0 auto;
    float: none;
  } 
  .footerCol2, .footerCol3{
    margin-top: 20px;
  }

  .navbar-brand img {
    max-width: 180px;
  }

    .navbar-toggle{
    margin-top: 20px;
  }
  .nav li.active a:after{
    background-image: url(img/activo.png);
    background-size: 25%;
    display: block;
    width: 80%;
    height: 20px;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    left: 40%;
    top: 45px;
  }


}
/* iPad de pie */
@media (min-width: 480px) and (max-width: 768px){
  .recorte {
    display: none;
  }
  #nav{
    z-index: 100;
  }

  #nav ul.nav{
    background-color: rgba(231,231,231,0.8);
    width: 100%;
  }
  #navbar > ul > li > a:hover{
    background-color: #e7e7e7;
  }
  .franjaIconos img{
    margin: 0 auto;
  }
  .footer, .footerCol2, .footerCol3{
    text-align: center;
  }
  .footer .footerCol1 img{
    margin: 0 auto;
    float: none; 
  } 
  .footerCol2, .footerCol3{
    margin-top: 20px;
  }
  .nav li.active a:after{
    background-image: url(img/activo.png);
    background-size: 25%;
    display: block;
    width: 80%;
    height: 20px;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    left: 40%;
    top: 45px;
  }
}
/* iPad tumbado */
@media (min-width: 768px) and (max-width: 991px){
  .navbar-brand img{
    max-width: 160px !important;
  }
  .txtFranja p {
      font-size: 13px;
  }

  #navbar > ul > li > a {
    /*line-height: 24px;*/
    padding: 10px 10px;
  }
  /*#header{
    margin-bottom: 150px;
  }*/

}
/* A partir del iPad en adelante*/
@media (min-width: 992px) and (max-width: 1200px){
  .navbar-brand img{
    max-width: 200px !important;
  }

  .footerCol1 img {
    max-width: 350px;
    float: right; 
  }

}

@media (min-width: 332px) and (max-width: 990px){
  
}
/* End responsive custom */