.titulos { display:block; position:relative; overflow:hidden; width:100%; padding:0 7vw 1.7857142857vw 7vw; color:#888; font-size:1.5vw; line-height: 1.7vw; font-weight: 700;  }
.titulos a:hover { color:#0e376e; text-decoration:underline; }
span a:hover { text-decoration:underline; }
.bloque1 { display:block; position:relative; overflow:hidden; width:100%; padding:0 7vw 1.7857142857vw 7vw; }
.bloque1 .nota1 { display:inline-block; float:left; position:relative; overflow:hidden; width:40.4738095238vw; width:40.7vw; margin-right:1.7857142857vw; opacity:0; transition: 1s .5s;}
.bloque1.visible .nota1 { opacity:1; }
.bloque1 .nota1 .imagen { display: block; position:relative; overflow: hidden; width:100%; height:27.380952381vw; background-repeat: no-repeat; background-position: center; background-size:cover; 
}
.mascara { display: block; position: absolute; top: 0; left: 0; width: 100%; 
background: rgba(0,0,0,0); z-index:1;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(63%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
 }
.bloque1 .nota1 .imagen .mascara { height:27.380952381vw;}
.bloque1 .nota1 .imagen .marco { display: block; position: absolute; bottom: 0; left: 0; width: 100%; z-index:2;}
.bloque1 .nota1 .imagen .marco h3 { display: table; position: relative; overflow: hidden; }
.bloque1 .nota1 .imagen .marco h3 span { display: inline-block; float:left; position:relative; overflow:hidden; font-size:.66vw; line-height: .88vw; text-transform: uppercase; color:#fff; font-weight: 700; padding:.5vw;border:1px solid #24acdf; }
.bloque1 .nota1 .imagen .marco h3 span:nth-child(1) { background:#24acdf; }
.bloque1 .nota1 .imagen .marco h3 span:nth-child(2) { background:transparent; }
.bloque1 .nota1 .imagen .marco h2 {     display: block; color: #fff; padding: 1vw; font-size: 1.6vw; line-height: 1.9vw; font-weight: 900; }
.bloque1 .nota1 .imagen .marco h2:hover { color:#24acdf; }
.bloque1 .nota2 { display:inline-block; float:left; position:relative; overflow:hidden; width:22.0214285714vw; margin-right:1.7857142857vw;opacity:0; transition: 1s 1s;}
.bloque1.visible .nota2 { opacity:1; }
.bloque1 .nota2 .imagen { display: block; position:relative; overflow: hidden; width:100%; height:27.380952381vw; background-repeat: no-repeat; background-position: center; background-size:cover; z-index:1;}
.bloque1 .nota2 .imagen .mascara { height:27.380952381vw;}
.bloque1 .nota2 .imagen .marco { display: block; position: absolute; bottom: 0; left: 0; width: 100%; z-index:1; }
.bloque1 .nota2 .imagen .marco h3 { display: table; position: relative; overflow: hidden; }
.bloque1 .nota2 .imagen .marco h3 span { display: inline-block; float:left; position:relative; overflow:hidden; font-size:.66vw; line-height: .88vw; text-transform: uppercase; color:#fff; font-weight: 700; padding:.5vw;border:1px solid #24acdf;  }
.bloque1 .nota2 .imagen .marco h3 span:nth-child(1) { background:#24acdf; }
.bloque1 .nota2 .imagen .marco h3 span:nth-child(2) { background:transparent;  }
.bloque1 .nota2 .imagen .marco h2 {     display: block; color: #fff; padding: 1vw; font-size: 1.6vw; line-height: 1.9vw; font-weight: 900; }
.bloque1 .nota2 .imagen .marco h2:hover { color:#24acdf; }
.bloque1 ul.nota3 { display:inline-block; float:left; position:relative; overflow:hidden; width:18.7476190476vw; margin-right:0vw; opacity:0; transition: 1s 1.5s;}
.bloque1.visible ul.nota3 { opacity:1; }
.bloque1 .nota3 li { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:1.7857142857vw; }
.bloque1 .nota3 li:last-child { margin-bottom:0; }
.bloque1 .nota3 li .imagen { display: block; position:relative; overflow: hidden; width:100%; height:12.8571428571vw; background-repeat: no-repeat; background-position: center; background-size:cover; }
.bloque1 .nota3 li .imagen .mascara { height:12.8571428571vw; }
.bloque1 .nota3 li .imagen .marco { display: block; position: absolute; bottom: 0; left: 0; width: 100%; z-index:1; }
.bloque1 .nota3 li .imagen .marco h3 { display: table; position: relative; overflow: hidden; }
.bloque1 .nota3 li .imagen .marco h3 span { display: inline-block; float:left; position:relative; overflow:hidden; font-size:.66vw; line-height: .88vw; text-transform: uppercase; color:#fff; font-weight: 700; padding:.5vw;border:1px solid #24acdf;  }
.bloque1 .nota3 li .imagen .marco h3 span:nth-child(1) { background:#24acdf; }
.bloque1 .nota3 li .imagen .marco h3 span:nth-child(2) { background:transparent;  }
.bloque1 .nota3 li .imagen .marco h2 {     display: block; color: #fff; padding: .5vw; font-size: 1vw; line-height: 1.3vw; font-weight: 900; }
.bloque1 .nota3 li .imagen .marco h2:hover { color:#24acdf; }
.bloque1 .linea { display:block; position:relative; overflow:hidden; width:100%; padding-top:1.7857142857vw; border-bottom:2px solid #000; }

.bloque2 { display:block; position:relative; overflow:hidden; width:100%; padding:0 7vw;}
.bloque2 .banner { display:inline-block; float:left; position:relative; overflow:hidden; width:64.35vw; border:0.5952380952vw solid #b5b5b5; opacity:0; transition: 1s .5s;}
.bloque2.visible .banner { opacity:1; }
.bloque2 .banner img { display:block; width:100%; height:auto;  }

.bloque2 .news { display:inline-block; float:right; position:relative; overflow:hidden; background:#9bc8d9; padding:1vw; width:18.7476190476vw;opacity:0; transition: 1s 1s; }
.bloque2.visible .news { opacity:1; }
.bloque2 .news h2 { display:block; color:#fff; font-size:1vw; line-height: 1.5vw; text-transform: uppercase; font-weight: 700; }
.bloque2 .news h3 { display:block; color:#0e376e; font-size:.77vw; line-height: 1vw;  font-weight: 700; }
.bloque2 .news input { display:block; position:relative; overflow:hidden; margin-top:.3vw; width:100%; background:#fff; border:0; border-radius:12px; padding:.5vw; font-size:.77vw; line-height: .88vw; color:#000; }
.bloque2 .news button { display:inline-block; float:left; position:relative; overflow:hidden; padding:.5vw; background:#0e376e; border:1px solid #0e376e; border-radius:12px; color:#fff; font-size:1.2vw; line-height:1.2vw; text-transform: uppercase; font-weight: 700; cursor:pointer; margin-top:.7vw; }
.bloque2 .news button:hover { background:#fff; color:#0e376e; }
.bloque2 .news .donar { display:inline-block; float:right; position:relative; overflow:hidden; padding:.5vw; background:#fff; border:1px solid #fff; border-radius:12px; color:#0e376e; font-size:1.2vw; line-height:1.2vw; text-transform: uppercase; font-weight: 700; cursor:pointer; margin-top:.7vw; }
.bloque2 .news .donar:hover { background:#0e376e; color:#fff; }




.bloque5 { display:block; position:relative; overflow:hidden; width:100%; background:#fff;  padding:1.7857142857vw 7vw; margin-top:0;   }
.bloque5 .notas { display:inline-block; float:left; position:relative; overflow:hidden; width:100%;  opacity:0; transition: 1s .5s;}
.bloque5.visible .notas { opacity:1; }
.bloque5 .notas h2 { display:block; position:relative; overflow:hidden; color:#000; font-size:1.3vw; line-height: 1.5vw; text-transform: uppercase; font-weight: 700; padding-bottom:.5vw; margin-bottom:1.7857142857vw; border-bottom:2px solid #000; }
.bloque5 .notas ul { display:block; position:relative; overflow:hidden;width: 105%; }

.bloque5 .notas ul li { display:inline-block; position:relative; overflow:hidden; width:20.2vw; margin-right:1.7857142857vw; margin-bottom:1.7857142857vw; vertical-align: top; }
.bloque5 .notas ul li .imagen { display:block; position:relative; overflow:hidden; width:100%; height:12.7976190476vw; background-repeat: no-repeat; background-position:center; background-size:cover; }
.bloque5 .notas ul li  h3 { display: table; position: relative; overflow: hidden; }
.bloque5 .notas ul li  h3 span { display: inline-block; float:left; position:relative; overflow:hidden; font-size:.66vw; line-height: .88vw; text-transform: uppercase; color:#fff; font-weight: 700; padding:.5vw; }
.bloque5 .notas ul li  h3 span:nth-child(1) { background:#24acdf; }
.bloque5 .notas ul li  h3 span:nth-child(2) { background:#7d7d7d;  }
.bloque5 .notas li  h2 {     display: block; color: #333333; font-size: 1.4vw; line-height: 1.6vw; font-weight: 900; text-transform:none;margin-top:.5vw; padding:0; margin:0; border:0; margin-top:.5vw;}
.bloque5 .notas li p { display:block; color:#666666; font-size:1vw; line-height: 1.3vw; margin-top:.5vw; }
.bloque5 .notas li h2:hover { color:#24acdf; }

.bloque5 .banner { display:inline-block; float:right; position:relative; overflow:hidden;  width:18.7476190476vw;  opacity:0; transition: 1s 1s; border:0.5952380952vw solid #b5b5b5; }
.bloque5.visible .banner { opacity:1; }
.bloque5 .banner img { display:block; width:100%; height:auto; }
.masNotas { display: table; color: #fff; font-size: 1vw; line-height: 1vw; text-transform: uppercase; font-weight: 700; background: #0e376e; border: 1px solid #0e376e; border-radius: 12px; padding: .5vw 1vw; cursor: pointer; text-align: center; left: 0; right: 0; margin: 1vw auto; }
.masNotas:hover { background:#fff; color:#0e376e; }

.bloque6 { display:block; position:relative; overflow:hidden; width:100%; padding:.5vw 7vw; }
.bloque6 .banner { display:inline-block; float:left; position:relative; overflow:hidden; width:64.35vw; border:0.5952380952vw solid #b5b5b5; opacity:0; transition: 1s .5s;}
.bloque6.visible .banner { opacity:1; }
.bloque6 .banner img { display:block; width:100%; height:auto;  }

.bloque6 .der { display:inline-block; float:right; position:relative; overflow:hidden; width:18.7476190476vw;opacity:0; transition: 1s 1s; }
.bloque6.visible .der { opacity:1; }
.bloque6 .linea { display:block; position:relative; overflow:hidden; width:100%; padding-top:1.7857142857vw; border-top:2px solid #000; margin-top:1.7857142857vw;}
.bloque6 .der h2 { display:block; color:#0e376e; font-size:1.2vw; line-height: 1.6vw; text-transform: uppercase; font-weight: 900; margin-top:2vw;}
.bloque6 .der .mail {     display: block; color: #808080; font-size: .9vw; font-weight: 700; }
.bloque6 .der .mail:hover { color:#0e376e; }
.bloque6 .der .tel { display:block; margin-top:1vw; color:#808080; font-size:1.5vw; line-height: 1.5vw; font-weight: 700; }
.bloque6 .der img { display:inline-block; float:left; position:relative; overflow:hidden; width:2.97vw; height:auto; margin-right:1vw; }
.bloque6 .der span { display:inline-block; float:left; position:relative; overflow:hidden; margin-top: .7vw;}
.bloque6 .der span strong { color:#0e376e; font-weight: 900 }
.bloque6 .der .tel:hover span { color:#0e376e; }

.interna { display:block; position:relative; overflow:hidden; width:100%; padding:0 7vw 1.7857142857vw 7vw; }
.interna .izq { display:inline-block; float:left; position:relative; overflow:hidden; width:64.5vw;  }
.interna .izq .titulos { display:block; position:relative; overflow:hidden; width:100%; padding:0 0 1.7857142857vw 0; color:#888; font-size:1.5vw; line-height: 1.7vw; font-weight: 700;  }
.interna .izq .titulos a:hover { color:#0e376e; text-decoration:underline; }
.interna .izq  h3 { display: table; position: relative; overflow: hidden; }
.interna .izq  h3 span { display: inline-block; float:left; position:relative; overflow:hidden; font-size:.66vw; line-height: .88vw; text-transform: uppercase; color:#fff; font-weight: 700; padding:.5vw; }
.interna .izq  h3 span:nth-child(1) { background:#24acdf; }
.interna .izq  h3 span:nth-child(2) { background:#7d7d7d;  }
.interna .izq  h3 span:nth-child(3) { background:#ccc;  }
.interna .izq  h2 { display: block; color: #333333; font-size: 2.6vw; line-height: 2.8vw; font-weight: 700; text-transform:none; padding:0; margin:0; border:0; margin-top:.5vw; font-style: italic;}
.interna .izq .laimagen { display:block; width:100%; height:auto; margin-top:1vw; z-index:1; }
.interna .izq .lasImagenes { display:block; width:100%; position:relative; overflow:hidden; margin-top:1vw;  margin-bottom:1vw; z-index:1;}
.interna .izq .lasImagenes ul { display:block; width:100%; position:relative; overflow:hidden;}

.interna .izq .lasImagenes ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:100%; height: 33vw !important; background-repeat: no-repeat; background-position: center; background-size: cover;}
.interna .izq .lasImagenes .noticias-left { display:block; position:absolute; z-index:9999; bottom:1vw; right:4vw; color:#fff; font-size:3vw; cursor:pointer;}
.interna .izq .lasImagenes .noticias-right { display:block; position:absolute; z-index:9999; bottom:1vw; right:1vw; color:#fff; font-size:3vw; cursor:pointer;}


.interna .izq .intro { display:block; margin-top:1vw; color:#666666; font-size:1.3vw; line-height: 1.7vw; font-weight: 900;
    font-style: italic;}
.interna .izq .redes { display: block; position: relative; overflow: hidden; text-align: right; margin: 1vw 0; padding-top:.5vw; }
.interna .izq .redes a { /*display:inline-block; margin-right: 1vw; font-size:2vw; color:#0e376e; */ display: inline-block; margin-right: .5vw; font-size: 1vw; color: #0e376e;}
.texto { display:block; position:relative; overflow:hidden; }
.texto p { display: block; color:#666666; font-size:1.3vw; line-height: 1.7vw; margin-top:.5vw; }
.texto p a { color:#fe6d00; }
.texto h5 { display: block; color:#666666; font-size:1.3vw; line-height: 1.7vw; margin:.5vw 0 0 0; text-transform: uppercase; font-weight: 500; padding:0; }
.texto ul { display:block; position:relative; overflow:hidden; width:100%; margin:.5vw; }
.texto ul li { display: block; color:#666666; font-size:1.3vw; line-height: 1.7vw; }

.interna .izq .comentarios { display:block; position:relative; overflow:hidden; width:100%; margin-top:2vw;   }
.interna .izq .comentarios h2 { display:block; position:relative; overflow:hidden; color:#000; font-size:1.3vw; line-height: 1.5vw; text-transform: uppercase; font-weight: 700; padding-bottom:.5vw; margin-bottom:1.7857142857vw; border-bottom:2px solid #000; font-style: normal;}
.interna .izq .comentarios ul.comen { display:block; position:relative; overflow:hidden;width: 100%; }
.interna .izq .comentarios ul.comen li { display: block; position: relative; overflow: hidden; margin-bottom:1vw;}
.interna .izq .comentarios ul.comen li h4 { display:block; position:relative; overflow:hidden; color: #666666; font-size: 1vw; line-height: 1.3vw; font-weight: 900;  }
.interna .izq .comentarios ul.comen li h4 span { color:#24acdf; background:none; font-size:1vw; line-height: 1.3vw; font-weight: 500;}
.interna .izq .comentarios ul.comen li p { display:block; margin-top:.5vw; font-size:.88vw; line-height: 1vw;  }
.interna .izq .comentarios ol { margin-top:0; }

.interna .izq .banner { display:block; position:relative; overflow:hidden; width:100%; margin-top:2vw; margin-bottom:1vw; border:0.5952380952vw solid #b5b5b5; }
.interna .izq .banner img { display:block; width:100%; height:auto;  }
.interna .izq .mas { display:block; position:relative; overflow:hidden; width:100%; margin-top:2vw;   }
.interna .izq .mas h2 { display:block; position:relative; overflow:hidden; color:#000; font-size:1.3vw; line-height: 1.5vw; text-transform: uppercase; font-weight: 700; padding-bottom:.5vw; margin-bottom:1.7857142857vw; border-bottom:2px solid #000; font-style: normal;}
.interna .izq .mas ul { display:block; position:relative; overflow:hidden;width: 100%; }
.interna .izq .mas ul li { display: block; position: relative; overflow: hidden; color: #666666; font-size: 1vw; line-height: 1.3vw; margin-bottom: .5vw; font-weight: 500; }
.interna .izq .mas ul li span { color:#24acdf; }
.interna .izq .mas ul li a:hover { color:#24acdf; }
.interna .izq #video { display:block; position:relative; overflow:hidden; margin:1vw 0; height:37vw;}

.interna .der { display:inline-block; float:right; position:relative; overflow:hidden; width:19.0476190476vw; margin-top:3.5vw; }
.interna .der .banner1 { display: block; width: 100%; height: auto; border: 10px solid #b5b5b5; }
.interna .der h2 { display: block; color: #000; font-size: 1.3vw; line-height: 1.5vw; text-transform: uppercase; margin-top: 1.7857142857vw; margin-bottom: 1vw; padding-bottom: .5vw; border-bottom: 1px solid #000; } 
.interna .der ul.destacadas { display:block; position:relative; overflow:hidden; width:100%; }
.interna .der .destacadas li { display:block; position:relative; overflow:hidden; width:100%; margin-bottom:1.7857142857vw; }
.interna .der .destacadas li:last-child { margin-bottom:0; }
.interna .der .destacadas li .imagen { display: block; position:relative; overflow: hidden; width:100%; height:12.8571428571vw; background-repeat: no-repeat; background-position: center; background-size:cover; }
.interna .der .destacadas li .imagen .mascara { height:12.8571428571vw; }
.interna .der .destacadas li .imagen .marco { display: block; position: absolute; bottom: 0; left: 0; width: 100%; z-index:1; }
.interna .der .destacadas li .imagen .marco h3 { display: table; position: relative; overflow: hidden; }
.interna .der .destacadas li .imagen .marco h3 span { display: inline-block; float:left; position:relative; overflow:hidden; font-size:.66vw; line-height: .88vw; text-transform: uppercase; color:#fff; font-weight: 700; padding:.5vw; border:1px solid #24acdf; }
.interna .der .destacadas li .imagen .marco h3 span:nth-child(1) { background:#24acdf; }
.interna .der .destacadas li .imagen .marco h3 span:nth-child(2) { background:transparent; }
.interna .der .destacadas li .imagen .marco h2 {     display: block; color: #fff; padding: .5vw; font-size: 1vw; line-height: 1.3vw; font-weight: 900; text-transform: none;
    margin: 0; border:0;}
.interna .der .destacadas li .imagen .marco h2:hover { color:#24acdf; }

.interna .der .news { display:block; position:relative; overflow:hidden; background:#9bc8d9; padding:1vw; width:100%; margin-top:1.7857142857vw; margin-bottom:1.7857142857vw;}

.interna .der .news h2 { display:block; color:#fff; font-size:1vw; line-height: 1.5vw; text-transform: uppercase; font-weight: 700; margin-bottom:0; padding-bottom:0; border:0; }
.interna .der .news h3 { display:block; color:#0e376e; font-size:.77vw; line-height: 1vw;  font-weight: 700; }
.interna .der .news input { display:block; position:relative; overflow:hidden; margin-top:.3vw; width:100%; background:#fff; border:0; border-radius:12px; padding:.5vw; font-size:.77vw; line-height: .88vw; color:#000; }
.interna .der .news button { display:inline-block; float:left; position:relative; overflow:hidden; padding:.5vw; background:#0e376e; border:1px solid #0e376e; border-radius:12px; color:#fff; font-size:1.2vw; line-height:1.2vw; text-transform: uppercase; font-weight: 700; cursor:pointer; margin-top:.7vw; }
.interna .der .news button:hover { background:#fff; color:#0e376e; }
.interna .der .news .donar { display:inline-block; float:right; position:relative; overflow:hidden; padding:.5vw; background:#fff; border:1px solid #fff; border-radius:12px; color:#0e376e; font-size:1.2vw; line-height:1.2vw; text-transform: uppercase; font-weight: 700; cursor:pointer; margin-top:.7vw; }
.interna .der .news .donar:hover { background:#0e376e; color:#fff; }

 .tambien { display:block; position:fixed; right:0; bottom:2vw; width:19.0476190476vw; z-index:99; border:1px solid #9a9a9a; background:#fff; -webkit-transform: translate3d(500px, -0, 0); transform: translate3d(500px, -0, 0); opacity: 0; transition: all  .5s;}
 .tambien.visible { -webkit-transform: translate3d(-0, -0, 0); transform: translate3d(-0, -0, 0); opacity:1; }
  .tambien h2 { display:block; padding:.5vw; font-size:1vw; line-height: 1.3vw; font-weight: 900; color:#0e376e; }
  .tambien h2 .cerrarTambien {     display: inline; float: right; font-size: 1.5vw; cursor: pointer; }
 .tambien .imagen { display: block; position:relative; overflow: hidden; width:100%; height:12.8571428571vw; background-repeat: no-repeat; background-position: center; background-size:cover; }
.tambien .imagen .mascara { height:12.8571428571vw; }
.tambien .imagen .marco { display: block; position: absolute; bottom: 0; left: 0; width: 100%; z-index:1; }
.tambien .imagen .marco h3 { display: table; position: relative; overflow: hidden; }
.tambien .imagen .marco h3 span { display: inline-block; float:left; position:relative; overflow:hidden; font-size:.66vw; line-height: .88vw; text-transform: uppercase; color:#fff; font-weight: 700; padding:.5vw; border:1px solid #24acdf; }
.tambien .imagen .marco h3 span:nth-child(1) { background:#24acdf; }
.tambien .imagen .marco h3 span:nth-child(2) { background:transparent; }
.tambien .imagen .marco h2 {     display: block; color: #fff; padding: .5vw; font-size: 1vw; line-height: 1.3vw; font-weight: 900; text-transform: none;
    margin: 0; border:0;}
.tambien .imagen .marco h2:hover { color:#24acdf; }

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

	.titulos, .bloque1, .bloque2, .bloque6, .interna { padding-left:6vw; padding-right:6vw; }
}