/* CSS Document */

/*================================*/
/* Modulo Titulares 1             */
/*================================*/
.b-titulares { width: 100%;}
.b-titulares > div , .b-titulares > div > article {float:left;}
.b-titulares > div:nth-of-type(1) { width: 814px; }
.b-titulares > div:nth-of-type(1) article:nth-of-type(1) { position: relative; width: 60%; padding-right: 15px; }
.b-titulares > div:nth-of-type(1) article:nth-of-type(1) figure { z-index: 1; width:100%; height:320px; margin:0;}
.b-titulares > div:nth-of-type(1) article:nth-of-type(1) figure img {position: absolute; height: 100%; margin-left:  -50px;}
.b-titulares > div:nth-of-type(1) article:nth-of-type(1) h1 { margin-right: 15px; position: absolute; font-size: 28px; line-height: 30px; padding: 10px; color: #fff; background-image: linear-gradient(transparent, black); text-shadow: 2px 2px 10px #000; bottom: 0; width: 474px; z-index: 10;}



.b-titulares > div:nth-of-type(1) article:nth-of-type(1) h1 span.tax { background:#48c2d1;   color: #fff;  display: table; font-size: 13px;  line-height: 20px; text-transform: uppercase; padding: 0 10px;}

.b-titulares > div:nth-of-type(1) article:nth-of-type(n+2) { position: relative; width: 40%; height: 160px; background: #000; padding:0; border-bottom: 1px solid #ddd;}
.b-titulares > div:nth-of-type(1) article:nth-of-type(n+2) figure { float: left; width:100%; height:160px; margin:0  10px 0 0;}
.b-titulares > div:nth-of-type(1) article:nth-of-type(n+2) figure img { width: 100%;}
.b-titulares > div:nth-of-type(1) article:nth-of-type(n+2) h1 { width:325px; position: absolute; bottom: 0; color: #fff; font-size: 20px; padding:15px; background-image: linear-gradient(transparent, black); text-shadow: 2px 2px 10px #000;}
.b-titulares > div:nth-of-type(1) article:nth-of-type(n+2) h1 span.tax { background:#48c2d1;   color: #fff;  display: table; font-size: 13px; line-height: 20px; text-transform: uppercase; padding: 0 10px;}

.b-titulares > div:nth-of-type(2) { width: 315px; padding-left: 15px;}
.pup-300x250 { float: right;}

.media-play {display:block;position:absolute;width:45px;height:45px;z-index: 98;background-size:100%;}
.mpv { background:url(/noticias/imag/ico-play-video2.svg) no-repeat center; }
.mpf { background:url(/noticias/imag/ico-play-foto2.svg) no-repeat center; }

/*================================*/
/* Modulo Diseño 1             */
/*================================*/
.m-d1 > div { width: 100%;}
.m-d1 > div , .m-d1 > div > article {float:left;}
.m-d1 > div:nth-of-type(1) { width: 100%; margin-bottom: 30px;  }
.m-d1 > div:nth-of-type(1) article:nth-of-type(1) { float: left;position: relative; width: 829px; height: 250px; padding-right: 30px; }
.m-d1 > div:nth-of-type(1) article:nth-of-type(1) figure { z-index: 1; width:100%; height:250px; margin:0; border: 5px solid #44b8c6; }
.m-d1 > div:nth-of-type(1) article:nth-of-type(1) figure img {position: absolute; width: 100%; top: -112px;}
.m-d1 > div:nth-of-type(1) article:nth-of-type(1) h1 { margin-right: 15px; position: absolute; font-weight: 700; font-size: 30px; line-height: 30px; padding: 10px; color: #000; border: 2px solid #44b8c6; border-bottom: 0; background: #fff; bottom: 0; left: 35px; width: 729px; z-index: 10;}
.m-d1 > div:nth-of-type(1) article:nth-of-type(1) h1 span.tax {position: absolute; top: -20px; left: -1px; background: #44b8c6; color: #fff;  display: table; padding: 0 10px; font-size: 11px; line-height: 20px; }

.m-d1 > div:nth-of-type(2) { width: 100%; }
.m-d1 > div:nth-of-type(2) article { float: left; padding-right: 20px; width: 557px; height: 160px; padding:0; border-bottom: 1px solid #ddd;}
.m-d1 > div:nth-of-type(2) article figure { float: left; width:240px; height:145px; margin:0 30px 0 0; border: 3px solid #44b8c6;}
.m-d1 > div:nth-of-type(2) article figure img { height: 100%;}
.m-d1 > div:nth-of-type(2) article h1 { float: left; width:260px; bottom: 0; color: #000; font-weight: 600; font-size: 20px; padding:0;}
.m-d1 > div:nth-of-type(2) article h1 span.tax { color: #48c2d1;  display: table; font-size: 13px; line-height: 20px; text-transform: uppercase;}

.m-d1 > div:nth-of-type(2) article.cp {float: left; padding-right: 20px; width: 376px; height: 200px;  padding: 0; border-bottom: 1px solid #ddd; }
.m-d1 > div:nth-of-type(2) article.cp figure {float: left; width: 195px; height: 113px; margin: 0 20px 0 0; border: 3px solid #44b8c6; }
.m-d1 > div:nth-of-type(2) article.cp h1 {float: left; width: 145px; bottom: 0; color: #000; font-weight: 600; font-size: 18px; padding: 0; }
.m-d1 > div:nth-of-type(2) article.cp h1 span.tax {background: #48c2d1; display: table; font-size: 13px; line-height: 20px; padding: 0 15px; text-transform: uppercase; }

.rot-new { text-transform: uppercase; font-size: 30px; font-weight: 500; line-height: 38px; color: #000; border-bottom: 7px solid #2996a3; margin: 15px 0 0px 0;} 

/*================================*/
/* Modulo Diseño 2             */
/*================================*/
.m-d2 { width: 100%;}
.m-d2 > div , .m-d1 > div > article {float:left;}
.m-d2 > div:nth-of-type(1) { width:100%; margin-bottom: 30px;  }
.m-d2 > div > div:nth-of-type(1)  { float: left; width: 814px;  }
.m-d2 > div > div:nth-of-type(2) {margin-left: 15px;}

.m-d2 > div:nth-of-type(1) article { position: relative; float: left; width: 385px; height: 250px; border: 5px solid #44b8c6;}
.m-d2 > div:nth-of-type(1) article:nth-of-type(1) { margin-right: 15px; }
.m-d2 > div:nth-of-type(1) article:nth-of-type(2) { margin-left: 15px; }
.m-d2 > div:nth-of-type(1) article figure { z-index: 1; width:100%; height:250px; margin:0;}
.m-d2 > div:nth-of-type(1) article figure img {position: absolute; height: 100%;}
.m-d2 > div:nth-of-type(1) article h1 { position: absolute; font-weight: 900; font-size: 23px; line-height: 25px; padding:8px; color: #000; border: 1px solid #44b8c6; border-bottom: 0; background: #fff; bottom: -5px; left: 15px; width: 346px; z-index: 10;}
.m-d2 > div:nth-of-type(1) article h1 span.tax { position: absolute; top: -20px; left: -1px;  background: #44b8c6; color: #fff;  display: table; padding: 0 10px; font-size: 11px; line-height: 20px; text-transform: uppercase;}


.m-d2 > div:nth-of-type(2) { width: 100%; }
.m-d2 > div:nth-of-type(2) article { position: relative; float: left; margin-right: 15px; width: 385px; height: 250px; padding:0; border-bottom: 1px solid #ddd;}
.m-d2 > div:nth-of-type(2) article figure { float: left; width:385px; height:145px; margin:0 0 8px 0;  border: 3px solid #44b8c6;}
.m-d2 > div:nth-of-type(2) article figure img { width: 100%;}
.m-d2 > div:nth-of-type(2) article h1 { font-weight: 700; width:370px; bottom: 0; color: #000; font-size: 20px; margin: 0 15px;}
.m-d2 > div:nth-of-type(2) article h1 span.tax { position: absolute; top: 125px; left:0;  background: #44b8c6; color: #fff;  display: table; padding: 0 10px; font-size: 11px; line-height: 20px; text-transform: uppercase;}


.m-d2 > div:nth-of-type(2) { width: 100%; }
.m-d2 > div:nth-of-type(2) article:nth-of-type(3) { position: relative; float: left; background: #E80B0F; width: 294px; height: 250px; padding:0; margin: 0; border-bottom: 0; }
.m-d2 > div:nth-of-type(2) article:nth-of-type(3) figure {float: left; width:294px; height:250px; margin: 0 !important; }
.m-d2 > div:nth-of-type(2) article:nth-of-type(3) figure img { height: 100%;}
.m-d2 > div:nth-of-type(2) article:nth-of-type(3) h1 { margin-right: 15px; position: absolute; font-size: 18px; line-height: 18px; height: 74px; padding:10px; color: #fff; border: 2px solid #44b8c6; border-bottom: none; background: #fff; left: 10px; width: 274px; z-index: 10; margin: 0;}
.m-d2 > div:nth-of-type(2) article:nth-of-type(3) h1 span.tax {position: absolute; top: -20px; left:8px; background: #44b8c6; color: #fff;  display: table; padding: 0 10px; margin: 0 0 7px -10px; font-size: 11px; line-height: 20px;}


/*================================*/
/* Modulo Calugas                 */ 
/*================================*/
.b-calugas { width: 100%;}
.b-calugas > div > article {float:left;}
.b-calugas > div:nth-of-type(1) article { position: relative; width: 281px;  height:180px; background: #FCB400; margin-right: 1px; opacity: .9; cursor: pointer;}
.b-calugas > div:nth-of-type(1) article:hover { opacity: 1;}
.b-calugas > div:nth-of-type(1) article figure { position: absolute; width:281px; height:180px; margin:0; z-index: 1; }
.b-calugas > div:nth-of-type(1) article figure img { height: 180px; margin-left: -12px;}
.b-calugas > div:nth-of-type(1) article h1 { position: absolute; height: 104px; font-size: 21px; line-height: 23px; padding: 10px; color: #fff; background-image: linear-gradient(transparent, black); text-shadow: 2px 2px 10px #000; bottom: 0; width: 100%; z-index: 10;}
.b-calugas > div:nth-of-type(1) article h1 span.tax { background:#48c2d1;   color: #fff;  display: table; font-size: 13px; line-height: 20px; text-transform: uppercase; padding: 0 10px;}

/*================================*/
/* Modulo Diseño 3                */
/*================================*/
.m-d3 { width: 100%;}
.m-d3 > div , .m-d1 > div > article {float:left;}
.m-d3 > div:nth-of-type(1) { position: relative; width: 100%;  }
.m-d3 > div:nth-of-type(1) article:nth-of-type(1) { position: relative; width: 829px; height: 320px; padding-right: 30px; margin-bottom: 30px; }
.m-d3 > div:nth-of-type(1) article:nth-of-type(1) figure { z-index: 1; width:100%; height:320px; margin:0; border: 5px solid #44b8c6; }
.m-d3 > div:nth-of-type(1) article:nth-of-type(1) figure img {position: absolute; width: 100%; top: -67px;}
.m-d3 > div:nth-of-type(1) article:nth-of-type(1) h1 { position: absolute; font-weight: 900; font-size: 44px; line-height: 44px; padding:15px 30px; color: #000; border: 2px solid #44b8c6; border-bottom: 0; background: #fff; bottom: 0; left: 35px; width: 729px; z-index: 10; }
.m-d3 > div:nth-of-type(1) article:nth-of-type(1) h1 span.tax { position: absolute; top: -20px; left: -2px; background: #44b8c6; color: #fff;  display: table; padding: 0 10px; font-size: 11px; line-height: 20px; text-transform: uppercase;}
.m-d3 > div:nth-of-type(1) > div:nth-of-type(1) { position: absolute; display: table;right: 0; top: 0; width: 300px; z-index: 300;}


.m-d3 > div:nth-of-type(2) { width: 100%; }
.m-d3 > div:nth-of-type(2) article { position: relative; float: left; margin-right: 30px; width: 385px; height: 250px; padding:0; border-bottom: 1px solid #ddd; }
.m-d3 > div:nth-of-type(2) article figure { float: left; width:100%; height:145px; margin:0 0 10px 0;border: 3px solid #2996a3;  }
.m-d3 > div:nth-of-type(2) article figure img { width: 100%;}
.m-d3 > div:nth-of-type(2) article h1 { width:350px; bottom: 0; color: #000; font-weight: 600; font-size: 24px; line-height: 26px; margin: 0 15px;}
.m-d3 > div:nth-of-type(2) article h1 span.tax { position: absolute; top: 125px; left: 0; padding: 0 10px; background:#48c2d1;  color: #fff;  display: table; font-size: 13px; line-height: 20px; text-transform: uppercase;}

.m-d3 > div:nth-of-type(2) { width: 100%; }
.m-d3 > div:nth-of-type(2) article:nth-of-type(3) { position: relative; float: left; background: #E80B0F; width: 294px; height: 250px; padding:0; margin: 0; border-bottom: 1px solid #ddd;border: 3px solid #2996a3;}
.m-d3 > div:nth-of-type(2) article:nth-of-type(3) figure { position: relative; float: left; width:294px; height:250px; margin: 0; border: 0; }
.m-d3 > div:nth-of-type(2) article:nth-of-type(3) figure img { height: 100%; width: auto; position: absolute; left: -80px; }
.m-d3 > div:nth-of-type(2) article:nth-of-type(3) h1 { height: 84px; position: absolute; background: #fff; font-size: 20px; line-height: 20px; padding: 10px; color: #fff; border: 2px solid #44b8c6; border-bottom: 0; background-size: 40px; bottom: -3px; left: 15px; width: 264px; z-index: 10; margin: 0;}
.m-d3 > div:nth-of-type(2) article:nth-of-type(3) h1 span.tax { position: absolute; top: -20px; left: 8px; background: #44b8c6; color: #fff;  display: table; padding: 0 10px; margin: 0 0 5px -10px; font-size: 11px; line-height: 20px; text-transform: uppercase;}



/*================================*/
/* Modulo Diseño 4                */
/*================================*/
.m-d4 { width: 100%;}
.m-d4 > div article { position: relative; float: left; background: #E80B0F; width: 276px; height: 244px; padding:0; border-bottom: 1px solid #ddd; border: 3px solid #44b8c6;}
.m-d4 > div article figure {float: left; width:270px; height:244px; margin: 0 !important; }
.m-d4 > div article figure img { height: 100%;}
.m-d4 > div article h1 { position: absolute; height: 74px; font-size: 18px; line-height: 18px; padding: 10px; color: #000; border: 1px solid #44b8c6; border-bottom: 0; background: #fff; bottom: -3px; left: 10px; width: 251px; z-index: 10; margin: 0;}
.m-d4 > div article h1 span.tax { position: absolute; top: -20px; left: 9px; background: #44b8c6; color: #fff;  display: table; padding: 0 10px; margin: 0 0 5px -10px; font-size: 11px; line-height: 20px; text-transform: uppercase;}


.m-d4 > div article:nth-of-type(4) { position: relative; float: left; background: #E80B0F; width: 294px; height: 244px; padding:0; margin: 0; border-bottom: 1px solid #ddd; border: 3px solid #44b8c6;}
.m-d4 > div article:nth-of-type(4) figure {float: left; width:294px; height:244px; margin: 0 !important; }
.m-d4 > div article:nth-of-type(4) figure img { height: 100%;}
.m-d4 > div article:nth-of-type(4) h1 { margin-right: 15px; position: absolute; font-size: 18px; line-height: 18px; padding: 10px; color: #000; border: 1px solid #44b8c6; border-bottom: 0; background: #fff; bottom: -3px; left: 10px; width: 274px; z-index: 10; margin: 0;}
.m-d4 > div article:nth-of-type(4) h1 span.tax { position: absolute; top: -20px; left: 9px; background: #44b8c6; color: #fff;  display: table; padding: 0 10px; margin: 0 0 5px -10px; font-size: 11px; line-height: 20px; text-transform: uppercase;}



/*================================*/
/* Modulo Rio                     */
/*================================*/
.b-rio { width: 100%; display: none;}
.b-rio-tax {  display: table; }
.b-rio > div article { display: table;float:left; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.b-rio > div article { width: 24.4%;  height:270px; padding-right: 15px; opacity: .9; cursor: pointer;}
.b-rio > div article figure { width:100%; height:130px; margin:0; z-index: 1; border-bottom: 4px solid #01686f;}
.b-rio > div article figure .media-play { width:40px; height:40px; background-size:40px; top: 0; left: 0;}
.b-rio > div article figure img { width: 100%; margin-top: -13px;}

.b-rio > div article .tax-date .tax-art-port { font-size:13px; line-height: 30px; color:#999; text-transform: uppercase; font-weight: 700;}
.b-rio > div article .tax-date .tax-art-port a {  color: #48c2d1;  display: table; font-size: 13px; text-transform: uppercase; font-weight: 400;}
.b-rio > div article .tax-date time { float: right; font-size:15px; color:#999; line-height: 30px;}


.b-rio > div article h1 { bottom: 0; font-size: 18px; padding: 15px 0 ; color: #000;}
/* .b-rio > div > div { float: left; width: 315px; padding: 0 0  15px  15px;}*/


.b-rio > div article.fot { position: relative; width: 300px;  height:250px; background: #FCB400; margin-right: 1px; opacity: .9; cursor: pointer;}
.b-rio > div article.fot:hover { opacity: 1;}
.b-rio > div article.fot figure { position: absolute; width:300px; height:250px; margin:0; z-index: 1; }
.b-rio > div article.fot figure img { height: 250px;}
.b-rio > div article.fot h1 { position: absolute; bottom: 0; font-size: 21px; padding: 10px; color: #fff; background-image: url(/noticias/imag/bg-tit.png); background-size: auto 100%; z-index: 10;}

.b-rio > div article[class*="tax-list-300"] { width: 300px; }
.b-rio > div article[class*="tax-list-300"] figure {  width: 300px; height: 130px; }
.b-rio > div article[class*="tax-list-300"] figure img { position: absolute; width: 300px; height: auto;}
.b-rio > div .tax-list-300-right { margin-right: 0; padding-right: 0;}
.b-rio > div article.not-list-1014  {  margin-right: 0; width: 23.5%; padding-right: 0; }




/*EMBED*/
	.embed-sg{position: relative;width:300px;overflow: hidden;max-width: 100%;height: 250px;}
	.embed-sg .rotulo-embed-sg{    text-transform: uppercase; font-size: 16px; font-weight: 500; color: #000; border-bottom: 2px solid #2996a3; margin: 0px 0 3px 0; width: 100%; height: 25px;}
	.embed-sg.defecto{height: 250px;}
	.embed-sg.spotify,.embed-sg.fb-video,.embed-sg.tw,.embed-sg.instagram{height: 300px;}
	.embed-sg.cooptv,.embed-sg.cooptv2{height: 180px;}
	.embed-sg iframe{position: absolute;top: 30px;left: 0%;width: 100%;height: 100%;}
	.embed-sg.cooptv iframe,.embed-sg.cooptv2 iframe{height:auto;}
	.embed-sg.tw iframe#twitter-widget-0{height: 290px !important}
	.embed-sg.instagram iframe.instagram-media{min-width: 250px !important; padding: 0px;}





	.mobile-only {
  display: none;
}
@media only screen and (max-width: 768px) {
  .mobile-only {
    display: block;
  }
}