.header.header{height:163px; /* height: 603px;*/ overflow: hidden; background-position: 0px 0px;}
.header .wrapp{ width: 100% }
.header .wrapp .institucional{width: 95%; left: 10px; top: 58px}
.header .wrapp .institucional .logo100 {display: none}
.header .wrapp .institucional .logo{width: 220px; height: 45px; background-size: cover; margin-top: 6px; margin-bottom: 5px}
.header .wrapp .tiempo{right: 9px; top: 41px}
.header .wrapp .tiempo .hora{display: none}
.header .wrapp .tiempo .info .temp{display: none}
.header .wrapp .tiempo .info .grados{font-size: 20pt; top: 30px}
.header .wrapp .tiempo .icon{width: 40px}
.header .wrapp .institucional .informacion{font-size: 8pt}
.header .wrapp .redes{left: 13px; top:6px;}
.header .wrapp .menu {display: block !important;}
.header .wrapp .redes .tw, .header .wrapp .redes .fb{font-size: 14pt; margin-right: 7px}
.header .wrapp .menu1{background:#c0c0c0; width: 100%; height: 265px; top: 174px}
.header .wrapp .menu1 .item{float: none; margin-bottom: 8px; text-align: center;}
.header .wrapp .menu2{background:#3e3e3e; width: 100%; height: 160px; top: 450px; padding-left: 0px}
.header .wrapp .menu2 .item{float: none; margin-bottom: 8px; text-align: center;}

.catastrofe{width: 100%}
.catastrofe .data{position: relative;}
.catastrofe .foto{width: 100%; height: 260px; float: none}
.catastrofe .video {background-size: 75px}
.catastrofe .data{width: 100%; float: none; height: auto; padding-bottom: 10px}
.catastrofe .data h1{font-size: 21pt}
.catastrofe .comentarios{position: absolute; top: 10px; right: 10px}

.catastrofeA, .catastrofeB, .catastrofeC, .catastrofeD{width:100%; height: auto}
.catastrofeA .foto{width:100%; background-position:center; height: 300px}
.catastrofeA .data .volanta{ margin-top:30px; display: none !important}
.catastrofeA .data .titulo {color:white; font-size: 23pt; padding-bottom: 8px}
.catastrofeA .data .bajada{color:white; ; display: none !important}
.catastrofeA .data .relacionadas a{color:#519fd2;}
.catastrofeA .data .archivos a{color:#519fd2;}
.catastrofeA .data{width:90%; padding:5% 5% 0px 5%;}

.catastrofeB .data, .catastrofeC .data{width:90%; padding:5% 5% 0px 5%; position: relative; background: none; height: auto}
.catastrofeB .foto, .catastrofeC .foto, .catastrofeD .foto{width:100%; background-position:center; height: 400px}
.catastrofeB .data .titulo {color:#0d4a79; font-size: 25pt}
.catastrofeB .data .bajada{color:#444;}
.catastrofeB .data .relacionadas a{color:#519fd2;}
.catastrofeB .data .archivos a{color:#519fd2;}

.catastrofeC .data .titulo {color:#0d4a79; font-size: 25pt}
.catastrofeC .data .bajada{color:#444;}
.catastrofeC .data .relacionadas a{color:#519fd2;}
.catastrofeC .data .archivos a{color:#519fd2;}

.catastrofeD .data .titulo {font-size: 27pt}
.catastrofeD .data .bajada{color:#444;}
.catastrofeD .data .relacionadas a{color:#519fd2;}
.catastrofeD .data .archivos a{color:#519fd2;}
.catastrofeD .data .volanta{font-size: 13pt; display: none !important}
.catastrofeD .data {width: 90%; padding: 5%}

.catastrofeE{width:100%}
.catastrofeE .titulo{font-size:25pt; padding:5px 10px}
.catastrofeE .foto{width:100%; height:300px}
.catastrofeE .redes {display: none}

.principal{width: 100%}
.principal .A1{width: 100%; float: none}
.principal .A1 .foto{width: 100%; height: 300px}
.principal .A1 h1{font-size: 20pt; height: 93px; max-height:100px !important; float: none; margin-bottom: 8px}
.principal .A1 h2{float: none; overflow: hidden;}
.principal .A1 .bajada_hmax{ height: 40px}

.principal .flotante{float: none}
.principal .A2{width: 100%}
.principal .A2 h1{ margin-bottom: 8px}
.principal .A2 .foto{width: 100%}

.principal .A3{width: 100%; border-bottom: 1px solid #014b7a; margin-bottom: 20px}
.principal .A3 h1{ margin-bottom: 8px}

.bloqueNotas{width: 100%}
.bloqueNotas .nota{float: none; width: 100%; /*height: 311px;*/ height: 260px !important; margin-right: auto !important}
#bloque_38 .nota, #bloque_2 .nota{float: none; width: 100%; height: 260px}

.bloqueBlue .wrapp{ width: 100%}
.bloqueBlue .wrapp .titulo{ font-size: 17pt; padding-left: 20px}
.bloqueBlue .wrapp .notas .nota1 .foto{width: 100%}
.bloqueBlue .wrapp .notas .nota1{width: 100%; float: none}
.bloqueBlue .wrapp .notas .flotante{width: 100%; float: none}
.bloqueBlue .wrapp .notas .nota1 h1{font-size: 26px; margin: 10px}
.bloqueBlue .wrapp .notas .nota1 h2{margin: 10px}
.bloqueBlue .wrapp .notas .flotante .nota2{width: 50%; margin-right: 0%}
.bloqueBlue .wrapp .notas .flotante .nota3{width: 50%; margin-right: 0px}
.bloqueBlue .wrapp .notas .flotante .nota2 .foto{width: 100%; height: 120px}
.bloqueBlue .wrapp .notas .flotante .nota3 .foto{width: 100%; height: 120px}
.bloqueBlue .wrapp .notas .flotante .nota2 h1{font-size: 15px; margin: 5px 10px}
.bloqueBlue .wrapp .notas .flotante .nota3 h1{font-size: 15px; margin: 5px}
.bloqueBlue .wrapp .notas .nota2 .foto .volanta{display: none}
.bloqueBlue .wrapp .notas .nota3 .foto .volanta{display: none}
.bloqueBlue .banner300x600, .bloqueBlue .banner300x150{float: none; margin: auto auto 20px }

.bloqueWhite {padding-bottom: 10px; margin-bottom: 20px}
.bloqueWhite .wrapp{ width: 100%}
.bloqueWhite .wrapp .titulo{ font-size: 17pt; padding-left: 20px}
.bloqueWhite .wrapp .notas .nota1 .foto{width: 100%}
.bloqueWhite .wrapp .notas .nota1{width: 100%; float: none}
.bloqueWhite .wrapp .notas .flotante{width: 100%; float: none}
.bloqueWhite .wrapp .notas .nota1 h1{font-size: 26px; margin: 10px}
.bloqueWhite .wrapp .notas .nota1 h2{margin: 10px}
.bloqueWhite .wrapp .notas .flotante .nota2{width: 50%; margin-right: 0%}
.bloqueWhite .wrapp .notas .flotante .nota3{width: 50%; margin-right: 0px}
.bloqueWhite .wrapp .notas .flotante .nota2 .foto{width: 100%; height: 120px}
.bloqueWhite .wrapp .notas .flotante .nota3 .foto{width: 100%; height: 120px}
.bloqueWhite .wrapp .notas .flotante .nota2 h1{font-size: 15px; margin: 5px 10px}
.bloqueWhite .wrapp .notas .flotante .nota3 h1{font-size: 15px; margin: 5px}
.bloqueWhite .wrapp .notas .nota2 .foto .volanta{display: none}
.bloqueWhite .wrapp .notas .nota3 .foto .volanta{display: none}
.bloqueWhite .banner300x600, .bloqueWhite .banner300x150{float: none; margin: auto auto 20px }

.bloqueGrey .wrapp{ width: 100%}
.bloqueGrey .wrapp .titulo{ font-size: 17pt; padding-left: 20px}
.bloqueGrey .wrapp .notas .nota1 .foto{width: 100%}
.bloqueGrey .wrapp .notas .nota1{width: 100%; float: none}
.bloqueGrey .wrapp .notas .flotante{width: 100%; float: none}
.bloqueGrey .wrapp .notas .nota1 h1{font-size: 26px; margin: 10px}
.bloqueGrey .wrapp .notas .nota1 h2{margin: 10px}
.bloqueGrey .wrapp .notas .flotante .nota2{width: 50%; margin-right: 0%}
.bloqueGrey .wrapp .notas .flotante .nota3{width: 50%; margin-right: 0px}
.bloqueGrey .wrapp .notas .flotante .nota2 .foto{width: 100%; height: 120px}
.bloqueGrey .wrapp .notas .flotante .nota3 .foto{width: 100%; height: 120px}
.bloqueGrey .wrapp .notas .flotante .nota2 h1{font-size: 15px; margin: 5px 10px}
.bloqueGrey .wrapp .notas .flotante .nota3 h1{font-size: 15px; margin: 5px}
.bloqueGrey .wrapp .notas .nota2 .foto .volanta{display: none}
.bloqueGrey .wrapp .notas .nota3 .foto .volanta{display: none}
.bloqueGrey .banner300x600, .bloqueGrey .banner300x150{float: none; margin: auto auto 20px }

.bloqueMarca .wrapp{width: 100%}
.bloqueMarca .wrapp .titulo{ font-size: 17pt; padding-left: 30px}
.bloqueMarca .wrapp .nota1 {width: 100%; float: none; margin-bottom: 15px; height: 330px}
.bloqueMarca .wrapp .nota1 .data h1, .bloqueMarca .wrapp .nota2 .data h1{padding: 10px}
.bloqueMarca .wrapp .nota2 {width: 100%; float: none}
.bloqueMarca .wrapp .notas3 {float: none; margin: auto; height: 290px}
.bloqueMarca .wrapp .nota1 .foto{width: 100%; margin: auto; background-size: cover; height: 330px; background-position: center;}

.bloqueYellow .wrapp{width: 100%; background-image: none}
.bloqueYellow .wrapp .titulo{ font-size: 17pt; padding-left: 30px}
.bloqueYellow .wrapp .nota1 {width: 100%; float: none; margin-bottom: 8px}
.bloqueYellow .wrapp .nota1 .data{padding-bottom: 10px}
.bloqueYellow .wrapp .nota2 {width: 100%; float: none; margin-bottom: 8px}
.bloqueYellow .wrapp .notas3 {float: none; margin: auto}
.bloqueYellow .wrapp .nota1 .foto{width: 300px; margin: auto }

.galeria{width: 100%}
.galeria .imgPrincipal{width: 100%; background-size:cover; height: 300px; float: none}
.galeria .infoyThumbs{width: 100%; float: none}
.galeria .tituloSeccion{font-size: 23pt}
.galeria .infoyThumbs .data {height: 180px}
.galeria span{margin-left: 5px}
.galeria .infoyThumbs .desc{padding: 10px 10px 5px 25px}
.galeria .infoyThumbs .imgThumbs .verMas{padding: 10px 10px 10px 25px}

.footer .wrapp{width: 100%; text-align: center;}
.footer .wrapp .col1, .footer .wrapp .col3{margin: auto; float: none}

.bannerOne, .bannerTwo{width: 100%; margin: auto}
.bannerOne div { width: 100% !important}
.bannerTwo{margin: 20px auto}
.bannerThree{display: none}
.banner{margin: auto auto 20px auto !important; float: none !important}
.bannerOne .banner300x250, .bannerTwo .banner300x150, .bannerOne .banner300x380, .bannerOne .banner300x430{margin: auto auto 20px !important; float: none !important; width: 300px !important}
.bannerOne .titulo{ font-size: 17pt; padding-left: 30px; margin-bottom: 15px; width: 300px !important}


h2{font-size: 10pt; display: none !important}

/*#bloque_30, #bloque_30 .banner940x90, #bloque_31*/, #bloque_43{display: none}
/*#bloque_30{display: block;}

.bannerA{width: 300px; height: 170px; background: none}*/
.banderines{display: none !important}
.banner300x150Mobil{width: 300px; margin: auto auto 15px auto; height: 150px; display: block;}
.banner300x250Mobil{width: 300px; margin: auto auto 15px auto; height: 250px; display: block;}
.bannerPrince{display: none}


/*INTERIOR*/
#interior_nota{width: 100%}
#interior_nota .colInfo{width: 90%; padding:0px 5%}
#interior_nota .colInfo h1{font-size: 30pt}
#interior_nota .window{width: 100%; height: 230px}
#interior_nota .masInfo{width: 100%}
#interior_nota .masInfo .banners .b300x250, #interior_nota .masInfo .banners .b300x150{margin: auto auto 20px}
#interior_nota .galeria{width: 100% !important; height: 230px !important;}
#interior_nota .window .fotos{ height: 230px;}
#interior_nota .colInfo .foto{ height: 230px; background-size: cover; background-position: center;}
#interior_nota .videos iframe { height: 230px !important; }
#interior_nota .multimediaBtns { margin-left: 201px !important; position: relative; top: -42px }
#interior_nota .redes{width: 100%}

#interior_nota .banner940x90 {display: none; width: 100%; border: none; height: auto}
#interior_nota .banner940x90 img{ width: 100% }

#interior_nota .banner400x90 {display: block; width: 100%; border: none; height: auto}
#interior_nota .banner400x90 img{ width: 100% }

#interior_nota .bannerclasificado {display: block; width: 100%; border: none; height: auto}
#interior_nota .bannerclasificado img{ width: 100% }

.bannerA{width: 100%; margin-bottom: 25px; height: 41px;display: none;}
.bannerAMobil{width: 300; margin:0px auto 25px; height: auto;/*display: none;*/}
.banner940x90 {display: none; width: 100%; border: none; height: auto}
.banner940x90 img{ width: 100%; height: auto}

.bloqueGreyInterior .wrapp{width: 100%}
.bloqueGreyInterior .wrapp .titulo{font-size: 16pt; padding-left: 15pt}
.bloqueGreyInterior .wrapp .notas .nota1{float: none; width: 100%}
.bloqueGreyInterior .wrapp .notas .nota1 .foto{width: 100%; height: 260px}
.bloqueGreyInterior .wrapp .notas .flotante{float: none; width: 100%}
.bloqueGreyInterior .wrapp .notas .nota1 h1{font-size: 27px; margin: 10px}
.bloqueGreyInterior .wrapp .notas .flotante .nota2{width: 100%}
.bloqueGreyInterior .wrapp .notas .flotante .nota3{width: 100%}
.bloqueGreyInterior .wrapp .notas .flotante .nota2 .foto{width: 100%; height: 220px}
.bloqueGreyInterior .wrapp .notas .flotante .nota3 .foto{width: 100%; height: 220px}
.bloqueGreyInterior .wrapp .notas .flotante .nota3 h1{height: auto; margin: 10px}

#fb-comment-box{width: 100% !important}

	.mam2{width: 100%; font-family: 'Open Sans'}
	.mam2 .matchOne{width: 100%; float: left; background:#e8e8e8; background-position: bottom; background-size: 40%; background-repeat: repeat-x; padding-bottom: 20px}
	.mam2 .matchTwo{width: 100%; float: left; background:#d4d4d4; background-position: bottom; background-size: 40%; background-repeat: repeat-x; padding-bottom: 20px}
	.mam2 .teamA{float: left; width: 25%; padding-top: 10px}
	.mam2 .Score{float: left; text-align: center; padding-top: 15px; width: 50%}
	.mam2 .Score .goles{font-weight: 800; font-size: 25pt}
	.mam2 .Score .data{font-weight: 300; font-size: 9pt}
	.mam2 .teamB{float: left; width: 25%; padding-top: 10px}
	.mam2 .escudo {width: 67px; height: 75px; margin: auto; background-repeat: no-repeat;}
	.mam2 .nombre{font-weight: 600; text-align: center; font-size: 8pt}

	.mam3{width: 100%; font-family: 'Open Sans'}
	.mam3 .headerFlandria{height: auto}
	.mam3 .headerFlandria img {width: 100%}
	.mam3 .matchOne{width: 100%; float: left; background:#e8e8e8; background-position: bottom; background-size: 40%; background-repeat: repeat-x; padding:0px; height: auto; margin-top:-5px }
	.mam3 .matchTwo{width: 100%; float: left; background:#d4d4d4; background-position: bottom; background-size: 40%; background-repeat: repeat-x; padding: 0px; height: auto; margin-top:-5px; padding-bottom: 35px}
	.mam3 iframe{width: 100%}
	.mam3 .torneo{margin-bottom: 10px}
	.mam3 .teamA{float: left; width: 25%; padding-top: 10px}
	.mam3 .Score{float: left; text-align: center; padding-top: 15px; width: 50%}
	.mam3 .Score .goles{font-weight: 800; font-size: 25pt}
	.mam3 .Score .data{font-weight: 300; font-size: 9pt}
	.mam3 .teamB{float: left; width: 25%; padding-top: 10px}
	.mam3 .escudo {width: 67px; height: 75px; margin: auto; background-repeat: no-repeat;}
	.mam3 .nombre{font-weight: 600; text-align: center; font-size: 8pt}



	.bloqueMamA {width: 100%}
	.bloqueMamA .content {width: 100%}
	.bloqueMamA .datos_local{width: 25%; left: 5%}
	.bloqueMamA .datos_local .equipo_local{float: none; margin: auto;}
	.bloqueMamA .datos_local .local_nombre{float: none; text-align: center; width: 100%; margin-left: 0px; font-size: 11pt}
	.bloqueMamA .datos_visitante {width: 25%; right: 5%; position: relative;}
	.bloqueMamA .datos_visitante .equipo_visitante {float: none; margin: auto;}
	.bloqueMamA .datos_visitante .visitante_nombre {float: none; text-align: center; width: 100%; margin-left: 0px; font-size: 11pt; position: relative; right: 0px; top: 70px}
	.bloqueMamA .datos_partido{ width: 50% }
	.bloqueMamA .datos_partido .resultado, .bloqueMamA .datos_partido .torneo, .bloqueMamA .datos_partido .tiempo {margin: auto; text-align: center; float: none; top: 10px; position: relative;}
	.estadio, .bloqueMamA .datos_partido .arbitro, .bloqueMamA .datos_partido .estadio{ width: 100%; display: none }
	.bloqueMamA .datos_partido .resultado{position: relative; height: 50px; }
	.bloqueMamA .datos_visitante .goles_box{display: none}


	.audio_nota{width: 100% !important}
	.audio_nota .audio_nota_titulo {width: 90% !important; font-size: 12pt !important; padding: 5% !important}
	.audio_nota audio{width: 100% !important}

	.modal-content {width: 80% !important; margin: 15% auto}
	.modal-content img {width: 100%}
	.modal-content .close{right: 4px; top: -6px}

	.banner620x250{ display: block; width: 300px !important; margin: auto auto 20px !important; height: 124px !important; float: none !important}
	.banner620x250 img{ width: 300px; height: auto }

	.bannerUnlu{height: 300px !important; margin-bottom: 20px !important}
	.bannerUnlu iframe{height: 300px !important}



.bannerFlotante{height: 110px !important}
.bannerFlotante .close{top: -35px !important; right: 0px !important}
.bannerFlotante .flotante{ visibility: visible; width: 100% !important; margin: auto}
.bannerFlotante .flotanteBig{ visibility: hidden; position: relative; margin-top: -225px; width: 100% !important; margin: auto}
.bannerFlotante .flotante img{width: 100%;}
.bannerFlotante .flotanteBig img{width: 100%;}

.bannerFlotante .flotanteB{width: 100% !important}
.bannerFlotante .flotanteB img{width: 100%}

.crecidaRio{width: 100%; margin: -15px auto 10px auto}

.banners{float: none !important; width: 300px; margin: 20px auto auto}

.bannerFaster{display: none}

.bannerBMobil{display: block !important; width: 300px; margin: 30px auto auto}

.banner540{height: 540px !important}


/*OCULTAR TODO ESTO CUANDO NO SALEN LOS BANDERINES*/
.box_pieza{margin-left: auto}
/*----*/

.bannerMobil{display: block !important;}
.galeria{margin-left: 0px}
.bannerFlotante{margin-left: 0px}

.bannerMobil940{display: none}


/*CLASFICADOS HOME*/
.bloqueGrey img{width: 300px}
.bloqueGrey .listaCla{width: 100%; height: 334px; overflow: hidden;}
.bloqueGrey .listaCla .itemCla{width: 100%}
.bloqueGrey .listaCla .itemCla .tituloCla{height: auto; font-size: 15pt; padding: 12px 5px}
.bloqueGrey .listaCla .itemCla .bajadaCla{height: auto; font-size: 11pt; padding: 12px 5px}
.bloqueGreyCivismo{padding-bottom: 0px; margin-bottom: 20px}
.bloqueGrey .claContain{width: 100%}
.bloqueGrey .arrowClaR {display: none !important}
.bloqueGrey .arrowClaL {display: none !important}
.modal { position: absolute !important; padding-top: 150px !important }


/*DICTADURA*/

.listaCla2{width: 90% !important; margin: auto}


/*LUJAN ELIGE*/
.bloqueLE, .bannerLE, .divLE, .divIframeLE { width:  100% !important; height:auto !important; padding-bottom: 0px !important}

.bannerLE img{ width:  100% !important}

.lujanPc{ display: none !important }

.banner300x150MobilLE{width: 100%; margin: auto auto 15px auto; height: auto; display: block !important;}
.banner300x150MobilLE img{ width: 100% }