@charset "utf-8";
/* CSS Document */
body{padding:0px; margin:0px; font-family:'Open Sans';}
.clear{clear:both}
h1, h2,h3,p{margin:0px; font-weight:400}
h2{font-size:12pt;}

a{color:inherit; text-decoration: none;}


.header{width:100%; height:172px; background-image:url(../img/bgHeader.jpg);  color:white; margin-bottom:30px; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; background-position: 0px -62px; position: fixed; z-index: 99999;}
.header .wrapp{width:950px; margin:auto; position:relative}
.header .wrapp .institucional {width:442px; position:absolute; /*left:140px;*/ left: 0px; top:15px}
.header .wrapp .institucional .logo{ background-image:url(../img/logo.jpg); width:241px; height:53px; background-size: contain}
.header .wrapp .institucional .logo100{ background-image:url(../img/logo100.png); width:150px; height:43px; position: absolute; top: 6px; left: 242px; background-size: contain; background-repeat: no-repeat;}
.header .wrapp .institucional .informacion{ font-size:9.5pt; border-top:1px solid white; text-align:center; padding-top:5px}
.header .wrapp .tiempo{ position:absolute; /*right:215px;*/ right: 135px; top:-25px; text-align:center}
.header .wrapp .tiempo .icon{ float:left; background-image:url(../img/weather.jpg); width:65px; height:93px; background-repeat: no-repeat; background-size: contain; background-position: 0px 30px}
.header .wrapp .tiempo .info{ float:left; font-size:10pt}
.header .wrapp .tiempo .info .grados{font-size:26pt; font-weight:700; position:relative; top:34px}
.header .wrapp .tiempo .info .temp{ position:relative; top:23px; left:-6px}
.header .wrapp .tiempo .hora{ clear:both; font-size:10pt; border-top:1px solid white; padding-top:5px}
.header .wrapp .redes{ position:absolute; left:319px; top:29px}
.header .wrapp .redes .fb {float:left; font-size:16pt; margin-right:7px; cursor:pointer}
.header .wrapp .redes .tw {float:left; font-size:16pt; margin-right:5px; cursor:pointer}
.header .wrapp .redes .user{float:left; font-size:16pt; margin-right:5px; cursor:pointer}
.header .wrapp .redes .search{float:left; font-size:16pt; margin-right:5px; cursor:pointer}
.header .wrapp .menu{ position:absolute; right:10px; top:7px; font-size:16pt; cursor:pointer}
.header .wrapp .menu1{ color:#004d77; position:absolute; top:113px; font-size:10pt; font-weight:600}
.header .wrapp .menu1 .item{float:left; margin-right:10px}
.header .wrapp .menu1 .item:hover{color:#d4d4d4}
.header .wrapp .menu2{ color:white; position:absolute; top:147px; font-size:10pt; font-weight:600; padding-left:120px}
.header .wrapp .menu2 .item{float:left; margin-right:10px}
.header .wrapp .menu2 .item:hover{color:#e7b008; }

.notas {padding-top: 190px;}

.catastrofe{width:940px; margin:auto}
.catastrofe .foto{width:620px; height:457px; float:left; background-size:cover}
.catastrofe .data{float:left; background:#004d77; width:319px; height:457px; color:white}
.catastrofe .data h1{ font-size:27pt; font-weight:700; padding:0px 15px; line-height:1.2; letter-spacing:-2px; margin-bottom:20px}
.catastrofe .data h2{font-size:11pt; padding:0px 15px; margin-bottom:20px}
.catastrofe .data h3{font-size:11pt; float:left; padding-top:5px }
.catastrofe .volanta  {padding:10px 15px}
.catastrofe .volanta .redesTapa{ float:left; margin-left:10px}
.catastrofe .volanta .redesTapa .red{ background-image:url(../img/red.jpg); width:28px; height:31px; float:left}
.catastrofe .volanta .redesTapa .fb{ background-image:url(../img/fb2.jpg); width:28px; height:31px; float:left}
.catastrofe .volanta .redesTapa .tw{ background-image:url(../img/tw2.jpg); width:28px; height:31px; float:left}
.catastrofe .comentarios{display:none; background-image:url(../img/coment.jpg); padding-left:35px; padding-top:0px; height:24px; background-repeat:no-repeat; margin-left:15px}
.catastrofe .video{background-size: 115px}

/*CATASTROFES*/
.catastrofeA{margin:auto auto 30px; width:940px; height:520px; background-size:auto 100%; position:relative; font-family:'Open Sans'; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; cursor:pointer; background-position:center}
.catastrofeA:hover .foto{/*background-size:auto 110%;*/}
.catastrofeA .foto{width:940px; height:520px; background-size:auto 100%;background-position:center;-webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
.catastrofeA .data{background:rgba(0,0,0,0.7); padding:15px; width:910px; position:absolute; bottom:0px; z-index:5; /*height:67px;*/ overflow:hidden; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
/*.catastrofeA .data:hover{ height:107px}*/
.catastrofeA .data .titulo{color:white; font-size:29pt; font-weight:bold; margin-bottom:10px; line-height: 1.1}
.catastrofeA .data .volanta{color:#079ed5; font-size:13pt; font-weight:400; margin-bottom:5px}
.catastrofeA .data .volanta span{color:white; }
.catastrofeA .data .bajada { color:white; font-size:11pt; font-family:'Open Sans'; padding-bottom: 15px; }
.catastrofeA .volanta > div{display: inline-block;}
.catastrofeA .redes {display: none}

.catastrofeE{margin:auto auto 30px auto; width:940px; height:auto; background-size:auto 100%; position:relative; font-family:'Open Sans'; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; cursor:pointer; background-position:center; background-color: #0d4a79}
.catastrofeE:hover .foto{/*background-size:auto 110%;*/}
.catastrofeE .foto{width:940px; height:500px; background-size:auto 100%;background-position:center;-webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
.catastrofeE .titulo{color:white; font-size:37pt; font-weight:bold; margin-bottom:10px; text-align:center; line-height: 1.1; padding: 10px}
.catastrofeE .volanta{color:#079ed5; font-size:13pt; font-weight:400; margin-bottom:5px; text-align:center; display: none !important}
.catastrofeE .volanta span{color:white; }
.catastrofeE .bajada { color:white; font-size:11pt; font-family:'Open Sans'; padding-bottom: 15px; }
.catastrofeE .volanta > div{display: inline-block;}
.catastrofeE .redes {display: none}

.catastrofeD{margin:auto auto 30px auto; width:940px; height:520px; background-size:auto 100%; position:relative; font-family:'Open Sans'; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; cursor:pointer; background-position:center}
.catastrofeD:hover .foto{/*background-size:auto 110%;*/}
.catastrofeD .foto{width:940px; height:520px; background-size:auto 100%;background-position:center;-webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
.catastrofeD .data{background:rgba(0,0,0,0.7); padding:15px; width:910px; position:absolute; bottom:0px; z-index:5; /*height:67px;*/ overflow:hidden; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}
/*.catastrofeA .data:hover{ height:107px}*/
.catastrofeD .data .titulo{color:white; font-size:40pt; font-weight:bold; text-align:center; line-height: 1.1}
.catastrofeD .data .volanta{color:white; font-size:15pt; font-weight:400; margin-bottom:5px; text-align:center; max-height:31px; display: none}
.catastrofeD .volanta > div{display: inline-block;}
.catastrofeD .redes {display: none}

.principal{width:940px; margin:30px auto auto auto}
.principal .A1{ float:left; width:585px; margin-right:10px}
.principal .A1 .foto{width:585px; height:371px; background-size:cover; position:relative; margin-bottom:7px}
.principal .A1 h3{ font-size:11pt; float:left; padding:5px 15px; }
.principal .A1 h1{ font-size:25pt; float:left; padding:5px 5px; font-weight:700; color:#014b7a; line-height:1.2; letter-spacing:-1px}
.principal .A1 h2{ float:left; padding:5px 5px; }
.principal .A1 .video {background-size: 85px}

.principal .flotante{ float:right}
.principal .A2{width:344px; border-bottom:1px solid #014b7a; margin-bottom:15px}
.principal .A2 .foto{width:344px; height:207px; background-size:cover; position:relative; margin-bottom:5px}
.principal .A2 h3{ font-size:10pt; float:left; padding:5px 10px; }
.principal .A2 h1{ font-size:19pt; padding:5px 5px; font-weight:700; color:#014b7a; line-height:1.2; letter-spacing:-1px}
.principal .A2 h2{ padding:5px 5px; margin-bottom:15px}

.principal .A3{width:344px;}
.principal .A3 h3{ font-size:10pt; float:left; padding:7px 10px; background:#014b7a}
.principal .A3 h1{ font-size:17pt; padding:5px 5px; font-weight:700; color:#014b7a; line-height:1.3; letter-spacing:-1px}
.principal .A3 h2{ padding:5px 5px; }
.principal .A3 .volanta{background:none}

.principal .volanta  {position:absolute; left:0px; top:0px; color:white; background:#004d79; height:31px; overflow:hidden}
.principal .volanta .redesTapa{ float:left; margin-left:0px}
.principal .volanta .redesTapa .red{ background-image:url(../img/red.jpg); width:28px; height:31px; float:left}
.principal .volanta .redesTapa .fb{ background-image:url(../img/fb2.jpg); width:28px; height:31px; float:left}
.principal .volanta .redesTapa .tw{ background-image:url(../img/tw2.jpg); width:28px; height:31px; float:left}
.principal .volanta .redesTapa .coments{display: none; height:31px; float:left; padding-left:41px; background: url(../img/coment2.jpg) no-repeat #003557; padding-right:10px; padding-top:6px; font-size:10pt}
.principal h3{ font-size:10pt; float:left; padding-top:5px; padding:5px 15px; }

.principal .A3 .volanta{position:relative}

.bloqueNotas{ width:940px; margin:30px auto auto auto;}
.bloqueNotas .nota{width:298px; float:left; margin-right:23px; margin-bottom:15px}
.bloqueNotas .nota .foto {width:100%; height:195px; background-size:cover; position:relative}
.bloqueNotas .nota h1{ font-size:17pt; float:left; padding:5px 5px; font-weight:700; color:#014b7a; line-height:1.2; letter-spacing:-1px}
.bloqueNotas .nota h2{ float:left; padding:5px 5px; }
.bloqueNotas .nota .volanta  {position:absolute; left:0px; top:0px; color:white; background:#004d79; height:31px; overflow:hidden}
.bloqueNotas .nota .redesTapa{ float:left; }
.bloqueNotas .nota .redesTapa .red{ background-image:url(../img/red.jpg); width:28px; height:31px; float:left}
.bloqueNotas .nota .redesTapa .fb{ background-image:url(../img/fb2.jpg); width:28px; height:31px; float:left}
.bloqueNotas .nota .redesTapa .tw{ background-image:url(../img/tw2.jpg); width:28px; height:31px; float:left}
.bloqueNotas .nota .redesTapa .coments{ display:none; height:31px; float:left; padding-left:35px; background: url(../img/coment3.jpg) no-repeat #003557; padding-right:10px; padding-top:6px; font-size:9pt}
.bloqueNotas .nota h3{ font-size:9pt; float:left; padding:7px 14px 5px 15px; }

#bloque_3 .nota{ height: 271px }
#bloque_3 .nota .bajada_hmax{ display: none !important; }
/*
.bloqueNotas .encuesta {width:268px; float:left; margin-right:23px; margin-bottom:15px; background:#e8e8e8; padding:15px; height:290px; position:relative}
.bloqueNotas .encuesta .titulo{color:#014b7a; font-weight:300; font-size:15pt; line-height:1.2; letter-spacing:-1px; margin-bottom:10px}
.bloqueNotas .encuesta .pregunta{color:#014b7a; font-weight:600; font-size:15pt; line-height:1.2; letter-spacing:-1px; margin-bottom:20px}
.bloqueNotas .encuesta .botones{ position:absolute; bottom:20px}
.bloqueNotas .encuesta .respuesta div{float:left; margin-right:5px}
.bloqueNotas .encuesta .respuesta i{color:#014b7a}
.bloqueNotas .encuesta .botones .send, .bloqueNotas .encuesta .botones .verResultados{float:left; color:white; padding:10px; background:#014b7a; font-size:11pt; border-radius:10px; margin-right:5px}
*/

.encuesta {width:268px; float:left; margin-right:23px; margin-bottom:15px; background:#e8e8e8; padding:15px; height:290px; position:relative}
.encuesta .titulo{color:#014b7a; font-weight:300; font-size:15pt; line-height:1.2; letter-spacing:-1px; margin-bottom:10px}
.encuesta .pregunta{color:#014b7a; font-weight:600; font-size:15pt; line-height:1.2; letter-spacing:-1px; margin-bottom:20px}
.encuesta .botones{ position:absolute; bottom:20px}
.encuesta .respuesta div{float:left; margin-right:5px}
.encuesta .respuesta i{color:#014b7a}
.encuesta .botones .send, .encuesta .botones .verResultados{float:left; color:white; padding:10px; background:#014b7a; font-size:11pt; border-radius:10px; margin-right:5px}

/*
.bloqueNotas .encuesta .resultados{width:268px; background:#e8e8e8; padding:15px; height:290px; position:absolute; top:0px; left:0px; z-index:1}
.bloqueNotas .encuesta .resultados .respuesta .barra{ width:60%; background:#014b7a; height:15px; margin-top:3px; text-align:right; color:white; font-size:9pt}
.bloqueNotas .encuesta .resultados .respuesta .label{width:50px}
.bloqueBlue{width:100%; background:#014b7a; color:white; margin-top:30px; padding-bottom:30px}
.bloqueBlue .wrapp{ width:990px; margin:auto}
.bloqueBlue .wrapp .titulo{ font-size:20pt; font-weight:600; margin:15px 0px; padding-top:20px}
.bloqueBlue .wrapp .notas{padding: 0px; }
.bloqueBlue .wrapp .notas .nota1{ float:left; width:402px; margin-right:15px}
.bloqueBlue .wrapp .notas .nota1 .foto{ width:402px; height:304px; background-size:cover; margin-bottom:10px; position:relative}
.bloqueBlue .wrapp .notas .nota1 h1{font-size:30px; font-weight:700; margin-bottom:10px; line-height:1.2}
.bloqueBlue .wrapp .notas .nota1 h2{}
.bloqueBlue .wrapp .notas .flotante {float:left; width:523px}
.bloqueBlue .wrapp .notas .flotante .nota2{float:left; margin-right:15px; margin-bottom:15px !important; width:237px}
.bloqueBlue .wrapp .notas .flotante .nota2 .foto{width:237px; height:173px; background-size:cover; margin-bottom:10px; position:relative}
.bloqueBlue .wrapp .notas .flotante .nota2 h1{font-size:20px; font-weight:600}
.bloqueBlue .wrapp .notas .flotante .nota2 h2{}
.bloqueBlue .wrapp .notas .flotante .nota3{float:left; width:237px; margin-right:11px}
.bloqueBlue .wrapp .notas .flotante .nota3 .foto{width:237px; height:115px; background-size:cover; margin-bottom:5px; position:relative}
.bloqueBlue .wrapp .notas .flotante .nota3 h1{ font-size:15px; font-weight:600}
.bloqueBlue .wrapp .notas .flotante .nota3 h2{}
.bloqueBlue .wrapp .notas .foto .volanta  {position:absolute; left:0px; top:0px; color:white; background:#004d79; height:31px; overflow:hidden}
.bloqueBlue .wrapp .notas .nota2 .foto .volanta  {position:absolute; left:0px; top:0px; color:white; background:#004d79; height:31px; overflow:hidden; width:237px}
.bloqueBlue .wrapp .notas .foto .redesTapa{ float:left; }
.bloqueBlue .wrapp .notas .foto .redesTapa .red{ background-image:url(../img/red.jpg); width:28px; height:31px; float:left}
.bloqueBlue .wrapp .notas .foto .redesTapa .fb{ background-image:url(../img/fb2.jpg); width:28px; height:31px; float:left}
.bloqueBlue .wrapp .notas .foto .redesTapa .tw{ background-image:url(../img/tw2.jpg); width:28px; height:31px; float:left}
.bloqueBlue .wrapp .notas .foto .redesTapa .coments{ height:31px; float:left; padding-left:35px; background: url(../img/coment3.jpg) no-repeat #003557; padding-right:10px; padding-top:6px; font-size:9pt}
.bloqueBlue .wrapp .notas .nota2 .foto .redesTapa .coments{ height:31px; float:left; padding-left:7px; background: #003557; padding-top:6px; font-size:9pt; padding-right:10px}
.bloqueBlue .wrapp .notas .nota3 .foto .redesTapa .coments{ height:31px; float:left; padding-left:10px; background: #003557; padding-top:6px; font-size:9pt; padding-right:10px;}
.bloqueBlue .wrapp .notas .foto h3{ font-size:9pt; float:left; padding:7px 10px 5px 5px; }

.bloqueWhite{width:100%; background:white; color:#014b7a; margin-top:30px; padding-bottom:30px; border-top:1px solid #014b7a; }
.bloqueWhite .wrapp{ width:990px; margin:auto}
.bloqueWhite .wrapp .titulo{ font-size:20pt; font-weight:600; margin:15px 0px; padding-top:20px}
.bloqueWhite .wrapp .notas{ padding: 0px; }
.bloqueWhite .wrapp .notas .nota1{ float:left; width:402px; margin-right:15px}
.bloqueWhite .wrapp .notas .nota1 .foto{ width:402px; height:304px; background-size:cover; margin-bottom:10px; position:relative}
.bloqueWhite .wrapp .notas .nota1 h1{font-size:30px; font-weight:700; margin-bottom:10px; line-height:1.2}
.bloqueWhite .wrapp .notas .nota1 h2{}
.bloqueWhite .wrapp .notas .flotante {float:left; width:523px}
.bloqueWhite .wrapp .notas .flotante .nota2{float:left; margin-right:15px; margin-bottom:15px !important; width:237px}
.bloqueWhite .wrapp .notas .flotante .nota2 .foto{width:237px; height:173px; background-size:cover; margin-bottom:10px; position:relative}
.bloqueWhite .wrapp .notas .flotante .nota2 h1{font-size:20px; font-weight:600}
.bloqueWhite .wrapp .notas .flotante .nota2 h2{}
.bloqueWhite .wrapp .notas .flotante .nota3{float:left; width:237px; margin-right:11px}
.bloqueWhite .wrapp .notas .flotante .nota3 .foto{width:237px; height:115px; background-size:cover; margin-bottom:5px; position:relative}
.bloqueWhite .wrapp .notas .flotante .nota3 h1{ font-size:15px; font-weight:600}
.bloqueWhite .wrapp .notas .flotante .nota3 h2{}
.bloqueWhite .wrapp .notas .foto .volanta  {position:absolute; left:0px; top:0px; color:white; background:#004d79; height:31px; overflow:hidden}
.bloqueWhite .wrapp .notas .nota2 .foto .volanta  {position:absolute; left:0px; top:0px; color:white; background:#004d79; height:31px; overflow:hidden; width:237px}
.bloqueWhite .wrapp .notas .nota3 .foto .volanta  {width:237px; background:none}
.bloqueWhite .wrapp .notas .foto .redesTapa{ float:left; }
.bloqueWhite .wrapp .notas .nota2 .foto .redesTapa{ float:right; }
.bloqueWhite .wrapp .notas .nota3 .foto .redesTapa{ float:right; }
.bloqueWhite .wrapp .notas .foto .redesTapa .red{ background-image:url(../img/red.jpg); width:28px; height:31px; float:left}
.bloqueWhite .wrapp .notas .foto .redesTapa .fb{ background-image:url(../img/fb2.jpg); width:28px; height:31px; float:left}
.bloqueWhite .wrapp .notas .foto .redesTapa .tw{ background-image:url(../img/tw2.jpg); width:28px; height:31px; float:left}
.bloqueWhite .wrapp .notas .foto .redesTapa .coments{ height:31px; float:left; padding-left:35px; background: url(../img/coment3.jpg) no-repeat #003557; padding-right:10px; padding-top:6px; font-size:9pt}
.bloqueWhite .wrapp .notas .foto h3{ font-size:9pt; float:left; padding:7px 10px 5px 5px; }
*/
.bannerA{width: 940px; height: 90px; background: #c4c4c4; margin: 10px auto auto auto;}

.bannerOne{ width:940px; margin:30px auto auto auto; border-top:1px solid #014b7a; padding-top:30px;}
.bannerOne .banner300x250{ width:300px; height:250px; margin-right:17px; float:left; background:#e8e8e8; margin-bottom:20px; border: 1px solid #e8e8e8}
.bannerOne .banner620x250{ width:619px; height:250px; margin-right:17px; float:left; background:#e8e8e8; margin-bottom:20px; border: 1px solid #e8e8e8}
.bannerOne .banner300x430{ width:300px; height:430px; margin-right:17px; float:left; background:#e8e8e8; margin-bottom:20px; border: 1px solid #e8e8e8}
.bannerOne .banner300x380{ width:300px; height:297px; margin-right:17px; float:left; background:#e8e8e8; margin-bottom:20px; border: 1px solid #e8e8e8; overflow: hidden;}
.bannerOne .banner300x380 iframe{margin-top: -16px}

.bannerOne .titulo{ font-size:20pt; font-weight:600; margin:0px 0px; padding-top:0px; color: #014b7a;}



.bannerTwo{ width:940px; margin:30px auto auto auto}
.bannerTwo .banner300x150{ width:300px; height:150px; margin-right:17px; float:left; background:#e8e8e8; margin-bottom:20px; border: 1px solid #e8e8e8}

.bannerThree{ width:940px; margin:30px auto auto auto}
.bannerThree .banner460x90{ width:460px; height:90px; margin-right:15px; float:left; background:#e8e8e8; margin-bottom:20px; border: 1px solid #e8e8e8}

.marginNone{margin:0px !important}

.bloqueMarca{width:100%; background:#e0dcd6; color:#014b7a; margin-top:30px; padding-bottom:30px; }
.bloqueMarca .wrapp{ width:940px; margin:auto}
.bloqueMarca .wrapp .titulo{ font-size:20pt; font-weight:600; margin:15px 0px; padding-top:20px}
.bloqueMarca .notas{padding: 0px; }
.bloqueMarca .wrapp .nota1{width:300px; height:412px; background-size:cover; float:left; position:relative; margin-right:20px}
.bloqueMarca .wrapp .nota1 .data{ position:absolute; bottom:0px; width:100%; background:rgba(0,0,0,0.7); color:white}
.bloqueMarca .wrapp .nota1 .data h1{color:white; font-size:18pt; font-weight:600; padding:10px 10px 0px 10px; line-height:1.2; letter-spacing:-1px}
.bloqueMarca .wrapp .nota1 .data h2{color:white; font-size:12pt; padding:10px; line-height:1.4; letter-spacing:-1px}
.bloqueMarca .wrapp .notas3{width:300px; height:450px; float:left;}
.bloqueMarca .wrapp .notas3 .nota3 {padding:10px 0px; border-bottom:1px solid #e8e8e8}
.bloqueMarca .wrapp .notas3 .nota3 h1{color:#014b7a; font-size:18pt; font-weight:600; padding:5px; line-height:1.2; letter-spacing:-1px}
.bloqueMarca .wrapp .notas3 .nota3 h2{color:#014b7a; font-size:11pt; padding:5px}
.bloqueMarca .wrapp .nota1 .foto {width:300px; height:412px;}


.footer{background:#014b7a; color:white; width:100%; padding:25px 0px}
.footer .logo{background-image:url(../img/logo.jpg); width:230px; height:49px; margin:auto; background-size:cover; margin-bottom:25px}
.footer .wrapp{ font-size:12pt; width:900px; margin:auto}
.footer .wrapp .col1{float:left; width:280px; margin-right:30px}
.footer .wrapp .col3{margin-right:0px; width: }
.footer .wrapp .col1 .tit { font-weight:600;; margin-bottom:10px}
.footer .wrapp .col1 label { font-weight:300;; margin-bottom:10px}


.nota{ width:940px; margin:auto}
.nota .colInfo{ width:620px; margin-right:18px; float:left; margin-bottom:30px}
.nota .colInfo h1{ font-size:35pt; letter-spacing:-1px; line-height:1.2; color:#014b7a; font-weight:600; margin-bottom:10px}
.nota .colInfo h2{ font-size:12pt; color:#444; margin-bottom:20px}
.nota .colInfo h3{color:#014b7a; font-weight:600; margin-bottom:10px; border-bottom:1px solid #e8e8e8; padding-bottom:10px}
.nota .colInfo .cat{ color:#444; font-size:11pt; font-weight:600; font-style:italic}
.nota .colInfo .fecha{color:#444; font-size:11pt; font-weight:300}
.nota .colInfo .foto{ width:620px; height:300px; background-size:cover; margin-bottom:20px;float: left;}
.nota .colInfo .texto{}
.nota .colInfo .texto br{ margin-bottom: 10px }
.nota .colInfo p{ margin-bottom:20px}
.nota .colInfo p a { color: #014b7a; font-weight: bold}
.nota .masInfo{ width:300px; float:left}
.nota .masInfo .banners{}
.nota .masInfo .banners .b300x250{ width:300px; height:250px; margin-bottom:20px; background:#e8e8e8; border:1px solid #e8e8e8}
.nota .masInfo .banners .b300x150{ width:300px; height:150px; margin-bottom:20px; background:#e8e8e8; border:1px solid #e8e8e8}
.nota .masInfo .relacionadas{ width:300px}
.nota .masInfo .relacionadas .titulo{ color:#014b7a}
.nota .masInfo .relacionadas .nota{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #e8e8e8; width:300px}
.nota .masInfo .relacionadas .nota .foto{ background-size:cover; width:100%; height:200px; margin-bottom:10px}
.nota .masInfo .relacionadas h1{color:#014b7a; font-weight:600; line-height:1.2; letter-spacing:-1px; font-size:18pt; margin-bottom:10px}
.nota .masInfo .relacionadas h2{}

.bloqueBlue{width:100%; background:#014b7a; color:white; margin-top:30px; padding-bottom:30px}
.bloqueBlue .wrapp{ width:940px; margin:auto}
.bloqueBlue .wrapp .titulo{ font-size:20pt; font-weight:600; margin:15px 0px; padding-top:20px}
.bloqueBlue .wrapp .notas{ margin-bottom: 0px !important; padding-top: 0px !important; }
.bloqueBlue .wrapp .notas .nota1{ float:left; width:375px; margin-right:9px}
.bloqueBlue .wrapp .notas .nota1 .foto{ width:375px; height:304px; background-size:cover; margin-bottom:10px; position:relative}
.bloqueBlue .wrapp .notas .nota1 h1{font-size:30px; font-weight:700; margin-bottom:10px; line-height:1.2}
.bloqueBlue .wrapp .notas .nota1 h2{}
.bloqueBlue .wrapp .notas .flotante {float:left; width:245px; margin-right: 9px}
.bloqueBlue .wrapp .notas .flotante .nota2{float:left; margin-right:15px; margin-bottom:15px !important; width:245px}
.bloqueBlue .wrapp .notas .flotante .nota2 .foto{width:245px; height:173px; background-size:cover; margin-bottom:10px; position:relative}
.bloqueBlue .wrapp .notas .flotante .nota2 h1{font-size:20px; font-weight:600}
.bloqueBlue .wrapp .notas .flotante .nota2 h2{}
.bloqueBlue .wrapp .notas .flotante .nota3{float:left; width:245px; margin-right:11px}
.bloqueBlue .wrapp .notas .flotante .nota3 .foto{width:245px; height:130px; background-size:cover; margin-bottom:5px; position:relative}
.bloqueBlue .wrapp .notas .flotante .nota3 h1{ font-size:15px; font-weight:600}
.bloqueBlue .wrapp .notas .flotante .nota3 h2{}
.bloqueBlue .wrapp .notas .foto .volanta  {position:absolute; left:0px; top:0px; color:white; background:#004d79; height:31px; overflow:hidden}
.bloqueBlue .wrapp .notas .nota2 .foto .volanta  {position:absolute; left:0px; top:0px; color:white; background:none; height:31px; overflow:hidden; width:245px}
.bloqueBlue .wrapp .notas .foto .redesTapa{ float:left; }
.bloqueBlue .wrapp .notas .foto .redesTapa .red{ background-image:url(../img/red.jpg); width:28px; height:31px; float:left}
.bloqueBlue .wrapp .notas .foto .redesTapa .fb{ background-image:url(../img/fb2.jpg); width:28px; height:31px; float:left}
.bloqueBlue .wrapp .notas .foto .redesTapa .tw{ background-image:url(../img/tw2.jpg); width:28px; height:31px; float:left}
.bloqueBlue .wrapp .notas .foto .redesTapa .coments{display: none; width:28px; height:31px; float:left; padding-left:35px; background: url(../img/coment3.jpg) no-repeat #003557; padding-right:2px; padding-top:6px; font-size:9pt}
.bloqueBlue .wrapp .notas .nota2 .foto .redesTapa .coments{display: none; height:31px; float:left; padding-left:35px; background: url(../img/coment3.jpg) no-repeat #003557; padding-top:6px; font-size:9pt; padding-right:0px}
.bloqueBlue .wrapp .notas .nota3 .foto .redesTapa .coments{display: none; height:31px; float:left; padding-left:35px; background: url(../img/coment3.jpg) no-repeat #003557; padding-top:6px; font-size:9pt}
.bloqueBlue .wrapp .notas .foto h3{ font-size:9pt; float:left; padding:7px 10px 5px 5px; }
.bloqueBlue .banner300x600{float: left; width: 300px; height: 250px; background: #c4c4c4; margin-bottom: 25px; border:1px solid #e8e8e8;}
.bloqueBlue .banner300x150{float: left; width: 300px; height: 150px; background: #c4c4c4; border:1px solid #e8e8e8}


.bloqueWhite{width:100%; background:#d6e0d9; color:#014b7a; margin-top:30px; padding-bottom:30px;}
.bloqueWhite .wrapp{ width:940px; margin:auto}
.bloqueWhite .wrapp .titulo{ font-size:20pt; font-weight:600; margin:15px 0px; padding-top:20px}
.bloqueWhite .wrapp .notas{ margin-bottom: 0px !important; padding-top: 0px; }
.bloqueWhite .wrapp .notas .nota1{ float:left; width:375px; margin-right:9px}
.bloqueWhite .wrapp .notas .nota1 .foto{ width:375px; height:304px; background-size:cover; margin-bottom:10px; position:relative}
.bloqueWhite .wrapp .notas .nota1 h1{font-size:30px; font-weight:700; margin-bottom:10px; line-height:1.2}
.bloqueWhite .wrapp .notas .nota1 h2{}
.bloqueWhite .wrapp .notas .flotante {float:left; width:245px; margin-right: 9px}
.bloqueWhite .wrapp .notas .flotante .nota2{float:left; margin-right:15px; margin-bottom:15px !important; width:245px}
.bloqueWhite .wrapp .notas .flotante .nota2 .foto{width:245px; height:173px; background-size:cover; margin-bottom:10px; position:relative}
.bloqueWhite .wrapp .notas .flotante .nota2 h1{font-size:20px; font-weight:600}
.bloqueWhite .wrapp .notas .flotante .nota2 h2{}
.bloqueWhite .wrapp .notas .flotante .nota3{float:left; width:245px; margin-right:10px}
.bloqueWhite .wrapp .notas .flotante .nota3 .foto{width:245px; height:130px; background-size:cover; margin-bottom:5px; position:relative}
.bloqueWhite .wrapp .notas .flotante .nota3 h1{ font-size:15px; font-weight:600}
.bloqueWhite .wrapp .notas .flotante .nota3 h2{}
.bloqueWhite .wrapp .notas .foto .volanta  {position:absolute; left:0px; top:0px; color:white; background:#004d79; height:31px; overflow:hidden}
.bloqueWhite .wrapp .notas .nota2 .foto .volanta  {position:absolute; left:0px; top:0px; color:white; background:#004d79; height:31px; overflow:hidden; width:245px}
.bloqueWhite .wrapp .notas .nota3 .foto .volanta  {width:245px; color:white; background:#004d79;}
.bloqueWhite .wrapp .notas .foto .redesTapa{ float:left; }
.bloqueWhite .wrapp .notas .nota2 .foto .redesTapa{ float:right; }
.bloqueWhite .wrapp .notas .nota3 .foto .redesTapa{ float:right; }
.bloqueWhite .wrapp .notas .foto .redesTapa .red{ background-image:url(../img/red.jpg); width:28px; height:31px; float:left}
.bloqueWhite .wrapp .notas .foto .redesTapa .fb{ background-image:url(../img/fb2.jpg); width:28px; height:31px; float:left}
.bloqueWhite .wrapp .notas .foto .redesTapa .tw{ background-image:url(../img/tw2.jpg); width:28px; height:31px; float:left}
.bloqueWhite .wrapp .notas .foto .redesTapa .coments{display: none; width:28px; height:31px; float:left; padding-left:35px; background: url(../img/coment3.jpg) no-repeat #003557; padding-right:2px; padding-top:6px; font-size:9pt}
.bloqueWhite .wrapp .notas .foto h3{ font-size:9pt; float:left; padding:7px 10px 5px 5px; }
.bloqueWhite .banner300x600{float: left; width: 300px; height: 250px; background: #c4c4c4; border:1px solid #e8e8e8; margin-bottom: 5px}
.bloqueWhite .banner300x150{float: left; width: 300px; height: 150px; background: #c4c4c4; border:1px solid #e8e8e8}


.bloqueGrey{width:100%; background:#e4e4e4; color:#014b7a;  padding-bottom:30px;}
.bloqueGrey .wrapp{ width:940px; margin:auto}
.bloqueGrey .wrapp .titulo{ font-size:20pt; font-weight:600; margin:15px 0px; padding-top:20px}
.bloqueGrey .wrapp .notas{ margin-bottom: 0px !important; padding-top: 0px; }
.bloqueGrey .wrapp .notas .nota1{ float:left; width:375px; margin-right:9px}
.bloqueGrey .wrapp .notas .nota1 .foto{ width:375px; height:304px; background-size:cover; margin-bottom:10px; position:relative}
.bloqueGrey .wrapp .notas .nota1 h1{font-size:30px; font-weight:700; margin-bottom:10px; line-height:1.2}
.bloqueGrey .wrapp .notas .nota1 h2{}
.bloqueGrey .wrapp .notas .flotante {float:left; width:245px; margin-right:9px}
.bloqueGrey .wrapp .notas .flotante .nota2{float:left; margin-right:10px; margin-bottom:15px !important; width:245px}
.bloqueGrey .wrapp .notas .flotante .nota2 .foto{width:245px; height:173px; background-size:cover; margin-bottom:10px; position:relative}
.bloqueGrey .wrapp .notas .flotante .nota2 h1{font-size:20px; font-weight:600}
.bloqueGrey .wrapp .notas .flotante .nota2 h2{}
.bloqueGrey .wrapp .notas .flotante .nota3{float:left; width:245px; margin-right:11px}
.bloqueGrey .wrapp .notas .flotante .nota3 .foto{width:245px; height:130px; background-size:cover; margin-bottom:5px; position:relative}
.bloqueGrey .wrapp .notas .flotante .nota3 h1{ font-size:15px; font-weight:600}
.bloqueGrey .wrapp .notas .flotante .nota3 h2{}
.bloqueGrey .wrapp .notas .foto .volanta  {position:absolute; left:0px; top:0px; color:white; background:#004d79; height:31px; overflow:hidden}
.bloqueGrey .wrapp .notas .nota2 .foto .volanta  {position:absolute; left:0px; top:0px; color:white; background:#004d79; height:31px; overflow:hidden; width:245px}
.bloqueGrey .wrapp .notas .nota3 .foto .volanta  {width:167px; color:white; background:#004d79;}
.bloqueGrey .wrapp .notas .foto .redesTapa{ float:left; }
.bloqueGrey .wrapp .notas .nota2 .foto .redesTapa{ float:right; }
.bloqueGrey .wrapp .notas .nota3 .foto .redesTapa{ float:right; }
.bloqueGrey .wrapp .notas .foto .redesTapa .red{ background-image:url(../img/red.jpg); width:28px; height:31px; float:left}
.bloqueGrey .wrapp .notas .foto .redesTapa .fb{ background-image:url(../img/fb2.jpg); width:28px; height:31px; float:left}
.bloqueGrey .wrapp .notas .foto .redesTapa .tw{ background-image:url(../img/tw2.jpg); width:28px; height:31px; float:left}
.bloqueGrey .wrapp .notas .foto .redesTapa .coments{display: none; width:28px; height:31px; float:left; padding-left:35px; background: url(../img/coment3.jpg) no-repeat #003557; padding-right:2px; padding-top:6px; font-size:9pt}
.bloqueGrey .wrapp .notas .foto h3{ font-size:9pt; float:left; padding:7px 10px 5px 5px; }
.bloqueGrey .banner300x600{float: left; width: 300px; height: 250px; background: #c4c4c4; border:1px solid #e8e8e8; margin-bottom: 5px}
.bloqueGrey .banner300x150{float: left; width: 300px; height: 150px; background: #c4c4c4; border:1px solid #e8e8e8; }


.bloqueGreyInterior{width:100%; background:#e8e8e8; color:#014b7a; margin-top:30px; padding-bottom:30px; border-top:1px solid #014b7a; }
.bloqueGreyInterior .wrapp{ width:1010px; margin:auto}
.bloqueGreyInterior .wrapp .titulo{ font-size:20pt; font-weight:600; margin:15px 0px; padding-top:20px}
.bloqueGreyInterior .wrapp .notas{}
.bloqueGreyInterior .wrapp .notas .nota1{ float:left; width:462px; margin-right:15px}
.bloqueGreyInterior .wrapp .notas .nota1 .foto{ width:462px; height:304px; background-size:cover; margin-bottom:10px; position:relative}
.bloqueGreyInterior .wrapp .notas .nota1 h1{font-size:30px; font-weight:700; margin-bottom:10px; line-height:1.2}
.bloqueGreyInterior .wrapp .notas .nota1 h2{}
.bloqueGreyInterior .wrapp .notas .flotante {float:left; width:500px}
.bloqueGreyInterior .wrapp .notas .flotante .nota2{float:left; margin-right:15px; margin-bottom:15px !important; width:237px}
.bloqueGreyInterior .wrapp .notas .flotante .nota2 .foto{width:237px; height:304px; background-size:cover; margin-bottom:10px; position:relative}
.bloqueGreyInterior .wrapp .notas .flotante .nota2 h1{font-size:18pt; line-height:1.2; letter-spacing:-1px; font-weight:600; margin-bottom:10px}
.bloqueGreyInterior .wrapp .notas .flotante .nota2 h2{}
.bloqueGreyInterior .wrapp .notas .flotante .nota3{float:left; width:237px; margin-right:0px; margin-bottom:15px; border-bottom:1px solid #b4b4b4; padding-bottom:15px}
.bloqueGreyInterior .wrapp .notas .flotante .nota3 .foto{width:237px; height:135px; background-size:cover; margin-bottom:5px; position:relative}
.bloqueGreyInterior .wrapp .notas .flotante .nota3 h1{ font-size:15px; font-weight:600; height:65px}
.bloqueGreyInterior .wrapp .notas .flotante .nota3 h2{}
.bloqueGreyInterior .wrapp .notas .foto .volanta  {position:absolute; left:0px; top:0px; color:white; background:#004d79; height:31px; overflow:hidden}
.bloqueGreyInterior .wrapp .notas .nota2 .foto .volanta  {position:absolute; left:0px; top:0px; color:white; background:#004d79; height:31px; overflow:hidden; width:237px}
.bloqueGreyInterior .wrapp .notas .nota3 .foto .volanta  {width:237px; }
.bloqueGreyInterior .wrapp .notas .foto .redesTapa{ float:left; }
.bloqueGreyInterior .wrapp .notas .nota2 .foto .redesTapa{ float:right; }
.bloqueGreyInterior .wrapp .notas .nota3 .foto .redesTapa{ float:right; }
.bloqueGreyInterior .wrapp .notas .foto .redesTapa .red{ background-image:url(../img/red.jpg); width:28px; height:31px; float:left}
.bloqueGreyInterior .wrapp .notas .foto .redesTapa .fb{ background-image:url(../img/fb2.jpg); width:28px; height:31px; float:left}
.bloqueGreyInterior .wrapp .notas .foto .redesTapa .tw{ background-image:url(../img/tw2.jpg); width:28px; height:31px; float:left}
.bloqueGreyInterior .wrapp .notas .foto .redesTapa .coments{display: none; height:31px; float:left; padding-left:35px; background: url(../img/coment3.jpg) no-repeat #003557; padding-right:10px; padding-top:6px; font-size:9pt}
.bloqueGreyInterior .wrapp .notas .foto h3{ font-size:9pt; float:left; padding:7px 10px 5px 5px; }

.bloqueYellow{width:100%; background:#e6e607; color:#000; margin-top:30px; padding-bottom:30px; background-image: url(../img/flandria.png); background-position: left bottom; background-repeat: no-repeat; background-blend-mode: color-burn; }
.bloqueYellow .wrapp{ width:940px; margin:auto}
.bloqueYellow .wrapp .titulo{ font-size:20pt; font-weight:600; margin:15px 0px; padding-top:20px}
.bloqueYellow .wrapp .nota1{width:300px; height:412px; background-size:cover; float:left; position:relative; margin-right:20px}
.bloqueYellow .wrapp .nota1 .data{ position:absolute; bottom:0px; width:100%; background:rgba(0,0,0,0.7); color:white}
.bloqueYellow .wrapp .nota1 .data h1{color:white; font-size:18pt; font-weight:600; padding:10px 10px 0px 10px; line-height:1.2; letter-spacing:-1px}
.bloqueYellow .wrapp .nota1 .data h2{color:white; font-size:12pt; padding:10px; line-height:1.4; letter-spacing:-1px}
.bloqueYellow .wrapp .notas3{width:300px; height:450px; float:left;}
.bloqueYellow .wrapp .notas3 .nota3 {padding:10px 0px; border-bottom:1px solid #555}
.bloqueYellow .wrapp .notas3 .nota3 h1{color:#000; font-size:18pt; font-weight:600; padding:5px; line-height:1.2; letter-spacing:-1px}
.bloqueYellow .wrapp .notas3 .nota3 h2{color:#000; font-size:11pt; padding:5px}
.bloqueYellow .wrapp .nota1 .foto {width:300px; height:412px;}
.bloqueNotasSecciones{ border-top:none; padding-top: 0px}
.bloqueNotasSecciones .titulo{ font-size:20pt; font-weight:600; margin:15px 0px; padding-top:20px; color: #014b7a}
.bloqueNotasSecciones .titulo span{color: #555; font-weight: 400; font-style: italic;}


.paginador{width: 420px; margin: 30px auto auto auto;}
.paginador div{ width: 10px; height: 10px; color: #014b7a; font-weight: 400; padding: 5px 10px 15px 10px; margin-right: 5px; float: left; cursor: pointer}
.paginador .selected{background: #014b7a; color: white}
.paginador .end{float: none}


/***** ALTOS RECORTADOR *****/
.catastrofe .data .titulo_hmax{ max-height: 173px;}
.catastrofe .data .bajada_hmax{ max-height: 121px;}

.principal .A1 .titulo_hmax{ max-height: 89px;}
.principal .A1 .bajada_hmax{ max-height: 65px;}

.principal .A2 .titulo_hmax{ max-height: 71px;}
.principal .A2 .bajada_hmax{ max-height: 47px;}

.principal .A3 .titulo_hmax{ max-height: 69px;}
.principal .A3 .bajada_hmax{ max-height: 47px;}

.bloqueNotas .nota .titulo_hmax{ max-height: 71px; height: 71px}
.bloqueNotas .nota .bajada_hmax{ max-height: 47px;}

.bloqueBlue .wrapp .notas .nota1 .titulo_hmax{ max-height: 73px;}
.bloqueBlue .wrapp .notas .nota1 .bajada_hmax{ max-height: 60px;}

.bloqueBlue .wrapp .notas .flotante .nota2 .titulo_hmax{ max-height: 55px;}

.bloqueBlue .wrapp .notas .flotante .nota3 .titulo_hmax{ max-height: 61px;}

.bloqueWhite .wrapp .notas .nota1 .titulo_hmax{ max-height: 73px;}
.bloqueWhite .wrapp .notas .nota1 .bajada_hmax{ max-height: 60px;}

.bloqueWhite .wrapp .notas .flotante .nota2 .titulo_hmax{ max-height: 55px;}

.bloqueWhite .wrapp .notas .flotante .nota3 .titulo_hmax{ max-height: 61px;}


.bloqueMarca .wrapp .nota1 .data .titulo_hmax{ max-height: 67px;}
.bloqueMarca .wrapp .nota1 .data .bajada_hmax{ max-height: 87px;}

.bloqueMarca .wrapp .notas3 .nota3 .titulo_hmax{ max-height: 67px;}
.bloqueMarca .wrapp .notas3 .nota3 .bajada_hmax{ max-height: 51px;}

.bloqueYellow .wrapp .nota1 .data .titulo_hmax{ max-height: 67px;}
.bloqueYellow .wrapp .nota1 .data .bajada_hmax{ max-height: 87px;}

.bloqueYellow .wrapp .notas3 .nota3 .titulo_hmax{ max-height: 67px;}
.bloqueYellow .wrapp .notas3 .nota3 .bajada_hmax{ max-height: 51px;}

#interior_nota .relacionadas .nota .titulo_hmax{ max-height: 57px;}
#interior_nota .relacionadas .nota .bajada_hmax{ max-height: 37px;}

.bloqueGrey .wrapp .notas .nota1 .titulo_hmax{ max-height: 73px;}
.bloqueGrey .wrapp .notas .nota1 .bajada_hmax{ max-height: 60px;}

.bloqueGrey .wrapp .notas .nota2 .titulo_hmax{ max-height: 60px;}
.bloqueGrey .wrapp .notas .nota2 .bajada_hmax{ max-height: 37px;}

.bloqueGrey .wrapp .notas .nota3 .titulo_hmax{ max-height: 66px;}

.bloqueNotasSecciones .nota h1.titulo_hmax{overflow: hidden;height: 60px;}
.bloqueNotasSecciones .nota .bajada_hmax{ overflow: hidden;height: 37px;}

/***** FIN ALTOS RECORTADOR *****/


/***** NOTA EXTRAS ****/


#interior_nota .window{
	height: 300px;
	width: 620px;
	overflow: hidden;
	position:relative;
	margin-bottom: 20px;
}

#interior_nota .window .fotos{
	height: 300px;
	position:absolute;
	left: 0px;
	transition: left 0.5s ease-in;
	background:#e8e8e8;
}


#interior_nota .window .epigrafe {     padding: 5px 10px;
    width: 610px;
    background-color: rgba(0,0,0,0.7);
    color: white;
    position: absolute;
    bottom: 10px;
}
#interior_nota .multimediaBtns{font-family:'Roboto'; font-weight:300; font-size:25pt; color:#868686; position:relative; height:60px; width:620px}
/*.cuerpoNotas .multimediaBtns .imgs{float:left; position:absolute; right:100px}
.cuerpoNotas .multimediaBtns .vids{float:left; position:absolute; right:0px}*/
#interior_nota .multimediaBtns .imgs{float: right;font-size: 28px;}
#interior_nota .multimediaBtns .vids{float: right; font-size: 34px !important; vertical-align: top;margin-left: 8px;}
#interior_nota .multimediaBtns .vids i.fa{font-size: 34px !important; vertical-align:top;}
#interior_nota .multimediaBtns .separa_galerias{float: right;}
#interior_nota .multimediaBtns .redesNota{float:left; position:absolute; left:0px}
#interior_nota .multimediaBtns .set{ color:#0d4a79}
#interior_nota .redes{  zoom: 0.7; width: 700px; float:left;}
#interior_nota .galeria .arrowl{position:absolute; background-image:url(/img/arrowL.png); width:45px; height:45px; top:50%; margin-top: -22px; left:0px; }
#interior_nota .galeria .arrowr{position:absolute; background-image:url(/img/arrowR.png); width:45px; height:45px; top:50%; margin-top: -22px; right:0px; }
#interior_nota .galeria .total{position:absolute; background-image:url(/img/aumentar.png); width:45px; height:45px; top:0px; right:0px; }

#interior_nota .videos iframe { width: 100%; height: 300px !important;}

.box img { overflow: hidden; }



/*GALERIA*/
.galeria{font-family:'Roboto'; width: 940px; margin:10px auto 40px auto; position: relative; }
.galeria span{ }
.galeria .imgPrincipal{float:left; width:659px; height:367px; background-size:cover; margin-right:2px}
.galeria .imgPrincipal.sin_bajada{height:350px;}
.galeria .infoyThumbs{float:left; width: 277px;}
.galeria .infoyThumbs .data { height: 267px;  }
.galeria .infoyThumbs .desc{ padding:10px 10px 5px 10px; height: 73px; max-height: 105px; overflow: hidden;}
.galeria .infoyThumbs .imgThumbs{ width:100%}
.galeria .infoyThumbs .imgThumbs .thumb{ width:136px; height:90px; background-size:cover; float:left; margin-right:2px; margin-bottom:2px}
.galeria .infoyThumbs .imgThumbs .verMas{ width:300px; height:50px; color:#0d4a79; font-weight:600; padding:10px}
.galeria .infoyThumbs .imgThumbs .verMas.sin_bajada { margin-top: 10px; }
.galerias_box .galeria .imgPrincipal { height: 367px;}
.galeria .tituloSeccion { margin-top: 10px; font-size: 26pt; font-family:'Open Sans'; font-weight:600; color:#0d4a79; padding:10px 10px 0px !important; line-height: 1.2; letter-spacing: -1px}
.galerias_box .tituloSeccion { margin-top: 10px; font-size: 28pt; font-family:'Roboto'; font-weight:300; color:#0d4a79; padding:0px 0px 15px 0px !important; text-align:center; }

.galerias_box .galeria { margin:10px auto;}
.galerias_box .mensajes { text-align: center;width: 600px; margin: 0px auto 10px; color:#254276; font-family: 'Roboto'; font-weight:600; font-size:13pt; letter-spacing:0pt;}


.buscarForm{ display:inline-block; }

[gm-image]{position:relative;}

.video{
    background-image: url(/img/icono-play-video.png);
    background-repeat: no-repeat;
    background-size: 140px;
    background-position: center center;
    width: 100%;
    height: 100%;
    position:absolute;
}
.audio{
    background-image: url(/img/audio_overlay.png);
    background-repeat: no-repeat;
    background-size: 140px;
    background-position: center center;
    width: 100%;
    height: 100%;
    position:absolute;
}

.video{background-size: 65px}
.banderines{
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
	display: block !important;*/
}




.bloqueMamA{width:940px; margin: 0px auto; margin-bottom: 10px; font-family:'Roboto'; color:#444}
.bloqueMamA .datos_local{ width:290px; float:left; text-align:left; position:relative; left:50px}
.bloqueMamA .datos_local .equipo_local{float:left; width:68px; height:75px; background-size:contain; top: 10px; position: relative;}
.bloqueMamA .datos_local .local_nombre{float:left; font-size:20pt; margin-top:15pt; margin-left:20px}
.bloqueMamA .datos_local .minutos{ text-align:left}
.bloqueMamA .datos_local .goles_box{left:88px; top: -19px; position: relative; padding-bottom: 20px}

.bloqueMamA .datos_partido{ width:360px; float:left; text-align:center; font-size: 11pt; padding-bottom: 40px}
.bloqueMamA .datos_partido .resultado{width:89px; margin-left:140px;margin-top:15px; margin-bottom: 0px}
.bloqueMamA .datos_partido .resultado .goles_local{ float:left; font-weight:bold; width:30px; text-align:center; font-size:30pt}
.bloqueMamA .datos_partido .resultado .linea{ float:left; width:20px; margin-top:15px; }
.bloqueMamA .datos_partido .resultado .goles_visitante{ float:left; font-weight:bold; width:30px; text-align:center; font-size:30pt}
.bloqueMamA .datos_partido .torneo{float: left; margin-right: 15px; margin-left: 31px}
.bloqueMamA .datos_partido .tiempo{float: left; margin-right: 15px}
.bloqueMamA .datos_partido .arbitro{float: left; margin-right: 10px}
.bloqueMamA .datos_partido .estadio{float: left; width: 350px; text-align: center;}


.bloqueMamA .datos_visitante{ width:290px; float:left; text-align:right; position:relative; right:50px}
.bloqueMamA .datos_visitante .equipo_visitante{float:left; width:68px; height:75px; background-size:contain; position:absolute; right:0px; top: 10px}
.bloqueMamA .datos_visitante .visitante_nombre{float:left; font-size:20pt; margin-top:15pt; position:absolute; right:90px}
.bloqueMamA .datos_visitante .minutos{text-align:right}
.bloqueMamA .datos_visitante .goles_box{right:90px; position:absolute; top:60px}

.goles_box{font-size:10pt; position:absolute}

.bloqueMamA .content { width: 940px; margin:auto; position:relative; height: auto;}


.bloqueMamA .content .mam_piece {
	  height: 100%;
	  position: relative;
	  margin:auto;
	  font-family:'Roboto';
	  background-color: #e8e8e8;
	  background-image: url(../img/cesped.png);
	  background-position: bottom;
	  background-repeat: repeat-x;
	  background-size: 40%;
	  padding-top: 20px:
	}

	.bloqueMamA .content .mam_piece .top {
		width: 100%;
		position: absolute;
		top:0px;
		color: #444;
		font-size: 14px;
		font-weight: 800;
		text-transform: uppercase;
		padding: 5px;
		padding-bottom: 20px;
		box-sizing: border-box;
	}

	.bloqueMamA .content .mam_piece .top > * {
		float:left;
		margin: 0px 3px;

	}

	.bloqueMamA .content .mam_piece .top > .tiempo{ float:right;}

	.bloqueMamA .content .mam_piece .bottom {
		position:absolute;
		bottom:0px;
		width:100%;
		/*height: 15%;*/
		/*padding: 3px;*/
		color: #444;
		font-size: 14px;
		font-weight: 800;
		padding: 10px;
		box-sizing: border-box;
	}

	.bloqueMamA .content .mam_piece .bottom .resultado_box .equipo_local {
		height: 74px;
		width: 30%;
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		float:left;
        font-weight: 400;
	}

	.bloqueMamA .content .mam_piece .bottom .resultado_box .local_nombre{
	    font-size: 20px;
	    position: absolute;
	    left: 21%;
	    top: 38px;
        font-weight: 400;
	}

	.bloqueMamA .content .mam_piece .bottom .resultado_box .visitante_nombre{
	    font-size: 20px;
	    position: absolute;
	    right: 21%;
	    top: 38px;
	}


	.bloqueMamA .content .mam_piece .bottom .resultado_box > *{
		float:left;
	}


	.bloqueMamA .separador { padding: 0px 5px; border:none;}
	.bloqueMamA .content .mam_piece .bottom .resultado_box .resultado{
	  width: 40%;
	  text-align: center;
	  font-size: 33pt;
	  font-weight: 800;
	  margin-top: 17px;
	}

	.bloqueMamA .content .mam_piece .bottom .resultado_box .resultado > *{
		display:inline-block;
	}

	.bloqueMamA .content .mam_piece .bottom .resultado_box .equipo_visitante {
		height: 74px;
		width: 30%;
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		float:right;
	}

	.bloqueMamA .content .mam_piece .bottom .goles_box {
		border-top: 1px white solid;
		/*width: 100%;*/
		height: 22px;  padding-top: 5px;
		margin-top: 5px;
	}

	.bloqueMamA .content .mam_piece .bottom .goles_box .gol {
		background-image: url(../img/pelota.png);
		background-position: 5px;
		background-size: 12px;
		background-repeat: no-repeat;
		padding: 0px 8px 0px 20px;
		display:inline-block;
		font-size: 15px;
		font-weight: 500;
	}

	.bloqueMamA .content .mam_piece .bottom .goles_box .gol > *{
		display:inline-block;
	}

	.pointer {cursor: pointer;}

	.no_hay_mam{
		display:none;
	}

	.microbanner{ width: 200px !important; height: 287px !important; padding: 5px !important }
	.microbanner img{ width: 200px !important; height: 287px !important; }

	.foto{ cursor:pointer; }
	.bajada_hmax{ cursor:pointer; }

	.banner940x90{border:1px solid #e8e8e8; height: 90px; width: 940px}
	.banner400x90 {display:none;}
	.bannerclasificado {display:none;}

	#bloque_25 {padding-top: 15px; border-top: 1px solid #014b7a; /*width: 100%*/}
	#bloque_25 > div:nth-child(2) > div.galeria.ng-scope > div.tituloSeccion{font-size: 25pt; padding: 10px 0px 0px !important; margin-bottom: 10px; font-weight: 300}
	#bloque_25 > div > div.galeria.ng-scope > div.tituloSeccion {font-size: 25pt; padding: 10px 0px 0px !important; margin-bottom: 10px; font-weight: 300}


	#banderin_1{display: block !important}



	.mam2{width: 940px;font-family: 'Open Sans';
		margin: 0px auto; margin-bottom: 10px;
	}
	.mam2 .matchOne{width: 50%; height: 160px; float: left; background:#e8e8e8; background-image: url(../img/cesped.png); background-position: bottom; background-size: 40%; background-repeat: repeat-x; padding-bottom: 20px; padding-top: 10px

	}
	.mam2 .matchTwo{width: 50%; height: 160px; float: left; background:#d4d4d4;  background-image: url(../img/cesped.png); background-position: bottom; background-size: 40%; background-repeat: repeat-x; padding-bottom: 20px; padding-top: 10px

	}
	.mam2 .teamA{float: left; width: 150px}
	.mam2 .Score{float: left; text-align: center; padding-top: 10px; width: 170px}
	.mam2 .Score .goles{font-weight: 800; font-size: 25pt}
	.mam2 .Score .data{font-weight: 300; font-size: 9pt}
	.mam2 .teamB{float: left; width: 150px}
	.mam2 .escudo {width: 67px; height: 75px; margin: auto;background-repeat: no-repeat;
	    background-size: contain;
	    background-position: center;
	}

	.mam2 .goles_box.goles_local_box.data{
		position:static;
	}
	.mam2 .goles_box.goles_local_box.data .gol{
		font-weight: 300;
    	font-size: 9pt;
    	padding:0px 10px 1px 10px ;
    	text-align: center;
	}



	.mam3 .nombre{font-weight: 600; text-align: center;}


	.mam3{width: 940px;font-family: 'Open Sans';
		margin: 0px auto; margin-bottom: 10px;
	}

	.mam3 .matchOne{width: 48%; height: 260px; float: left; background:#d4d4d4; background-image: url(../img/cesped.png); background-position: bottom; background-size: 40%; background-repeat: repeat-x; padding-bottom: 0px; padding-top: 8px; padding-left: 18px

	}
	.mam3 .matchTwo{width: 50%; height: 238px; float: left; background:#d4d4d4;  background-image: url(../img/cesped.png); background-position: bottom; background-size: 40%; background-repeat: repeat-x; padding-bottom: 20px; padding-top: 10px

	}
	.mam3 iframe{width: 100%}

	.mam3 .torneo{ font-weight: 600; padding: 10px; margin-bottom: 20px; background: #777; color: white}
	.mam3 .teamA{float: left; width: 150px}
	.mam3 .Score{float: left; text-align: center; padding-top: 10px; width: 170px}
	.mam3 .Score .goles{font-weight: 800; font-size: 25pt}
	.mam3 .Score .data{font-weight: 300; font-size: 9pt}
	.mam3 .teamB{float: left; width: 150px}
	.mam3 .escudo {width: 67px; height: 75px; margin: auto;background-repeat: no-repeat;
	    background-size: contain;
	    background-position: center;
	}

	.mam3 .headerFlandria{height: 65px}

	.mam3 .goles_box.goles_local_box.data{
		position:static;
		margin-top: 130px;
	}
	.mam3 .goles_box.goles_local_box.data .gol{
		font-weight: 300;
    	font-size: 9pt;
    	padding:0px 10px 1px 10px ;
    	text-align: center;
	}

	/********** */
	.mam4 .nombre{font-weight: 600; text-align: center;}


	.mam4{width: 940px;font-family: 'Open Sans';
		margin: 0px auto; margin-bottom: 10px;
	}

	.mam4 .matchOne{width: 50%; height: 270px; float: left; background:#d4d4d4;  padding-bottom: 0px;	}
	.mam4 .matchTwo{width: 50%; height: 270px; float: left; background:#d4d4d4;  }
	.mam4 iframe{width: 100%}

	.mam4 .torneo{ font-weight: 600; padding: 10px; margin-bottom: 20px; background: #777; color: white}
	.mam4 .teamA{float: left; width: 150px}
	.mam4 .Score{float: left; text-align: center; padding-top: 10px; width: 170px}
	.mam4 .Score .goles{font-weight: 800; font-size: 25pt}
	.mam4 .Score .data{font-weight: 300; font-size: 9pt}
	.mam4 .teamB{float: left; width: 150px}
	.mam4 .escudo {width: 67px; height: 75px; margin: auto;background-repeat: no-repeat;
	    background-size: contain;
	    background-position: center;
	}

	.mam4 .headerFlandria{height: 65px}

	.mam4 .goles_box.goles_local_box.data{
		position:static;
	}
	.mam4 .goles_box.goles_local_box.data .gol{
		font-weight: 300;
    	font-size: 9pt;
    	padding:0px 10px 1px 10px ;
    	text-align: center;
	}



	.mam2 .nombre{font-weight: 600; text-align: center;}


	.clear{clear: both;}

	.banner300x150Mobil{display: none}
	.banner300x250Mobil{display: none}


	#bloque_40{display: block}

	.crecidaRio{width: 941px; margin: auto auto 30px auto}
	.crecidaRio img{width: 100%}

.pbads_after-question_wrapper{display: none !important}

.fb_iframe_widget{width: 100% !important}
.fb_iframe_widget span{width: 100% !important}
.fb_iframe_widget iframe{width: 100% !important}



/*OCULTAR TODO ESTO CUANDO NO SALEN LOS BANDERINES*/
.box_pieza{margin-left: -295px}
/*#bloque_1{margin-left: auto}*/
.banderines{margin-left: -590px !important}
.bannerFlotante{margin-left: 295px}
/*#bloque_25{margin-left: auto}*/
/*.galeriaHome{margin-left: 210px}*/

#pb-story .poll-section .poll-question-container .footer{padding-bottom: 82px}

#pb-story .question-text{font-size: 20px !important}

#pb-story .question-text-wrapper{padding: 49px 10px 5px !important}

#bloque_47{margin-bottom: 20px}

#u_0_0{
	width: 100% !important;
}

.pluginFontHelvetica {
	width: 100% !important
}

.pluginFontHelvetica div{
	width: 100% !important
}

.banner300x150MobilLE { display: none !important }
