@import url('https://fonts.googleapis.com/css?family=Fira+Sans|Oxygen');

/*BACKGROUND OF FIRST PUBLICITY BANNER*/
div.adpage.dfp_topMobile {
	background-color: #f7f7f7;
}
/*--------------------------*/


/*BODY AND STYLE ELEMENT*/
body {
	background-color: #F1F1F1;
	font-family: 'Fira Sans', sans-serif;
	color: #4d5055;
	overflow:auto!important;
}

.related>figure>figcaption {
	border-bottom: none;
    margin:0 0.3em;
}

.related>figure  {
		border-bottom: 1px solid #1cd7ea;

}

h1 {
	font-family: 'Fira Sans', sans-serif;
	font-size: 2.2em !important;
	font-weight: 700;
	letter-spacing: 0.0em;
}

h2 {
	font-family: 'Fira Sans', sans-serif;
	font-size: 2.0em !important;
	font-weight: 600;
	letter-spacing: 0.01em;
	margin-top: 0.9em;
	margin-bottom: 0.3em;
}

p {
font-family: 'Oxygen', sans-serif !important;
font-size: 1.3em;
	font-weight: 300;
}

p.lead {
	font-family: 'Fira Sans', sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	margin-bottom: 0.5em;
	color: #6a6d73;
}
/*-------------------------------------------*/



/*LOGO STYLE*/
.navbar-brand{
    top: 0;
	position: absolute;
    margin:0 auto;
    padding:0.5em 0!important;
}

.navbar-brand.video{
    display: block!important;
    position: absolute!important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 50px;
    line-height: 50px;
    margin: 0!important;
    float: none;
    font-size:1rem!important;
}

.navbar-brand.vivo{
    display: block!important;
    position: absolute!important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 50px;
    line-height: 50px;
    margin: 0!important;
    float: none;
    font-size:1rem!important;
}

a.navbar-brand.logo span{
    display: block;
    width: 13rem;
    height: 4rem;
    background: url(../img/logo_normal.svg) 0 -0.6rem no-repeat;
    background-size: auto 4.4rem;
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    position: relative;
}

a.navbar-brand.logo.video span {
    display: block;
    width: 16rem;
    height: 5rem;
    background: url(../img/logos/24h_video.svg) 0 -0.05rem no-repeat;
    background-size: auto 3.6rem;
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    position: relative;
}

a.navbar-brand.logo.vivo span {
    display: block;
    width: 16rem;
    height: 5rem;
    background: url(../img/logos/24h_vivo.svg) 0 -0.05rem no-repeat;
    background-size: auto 3.6rem;
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    position: relative;
}

.logoClImg {
	text-align: center;
	fill: #d23131;
	margin-top: 0.1em;
}
/*-----------------------*/


/*MENU NAVBAR STYLE*/

.nav-tabs{font-family: 'Fira Sans', sans-serif;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background: -webkit-linear-gradient(top, #8896a5 0%, #798796 100%) #a9b2ba;
	background: -moz-linear-gradient(top, #8896a5 0%, #798796 100%) #a9b2ba;
	background: -ms-linear-gradient(top, #8896a5 0%, #798796 100%) #a9b2ba;
	background: linear-gradient(to bottom, #8896a5 0%, #798796 100%) #a9b2ba;
    border: none;
    border-bottom-color: transparent;
    color: #21d7e9;
    border-radius:0;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #CF403C;
	-moz-box-shadow: 0 0.1em rgba(1, 1, 1, 0.11);
	box-shadow: 0 0.1em rgba(1, 1, 1, 0.11);
}
button.navbar-toggle.change {background: transparent!important;border: none;}
.change .top-bar {background-color: #ffffff !important; /*#0bb5c9 !important;*/}
.change .bottom-bar {background-color:  #ffffff !important; /*#0bb5c9 !important;*/}
button.navbar-toggle.change:hover {background: transparent;border: none;}
button.navbar-toggle {background: transparent;border: none !important;margin-left: 0.2rem;}
button.navbar-toggle:hover, button.navbar-toggle:focus {background: transparent !important;background-color: transparent !important;border: none !important;}
ul.nav.nav-tabs.tabs-left.col-xs-3 {background: linear-gradient(to bottom, #4b5165 1.1%, #404557 19.6%, #343848 100%) #404557;	}
ul.nav.nav-tabs.tabs-left.col-xs-3 a{color: #fff;font-family: 'Fira Sans', sans-serif;font-size: 0.83em;font-weight: 600;text-shadow: 0 0 1px rgba(0, 0, 0, 0.45);height:auto}

/*-----------------------*/


/*BOTON VIVO*/
.navbar-header .btn-newheader{
    border: none;
    border-radius: 0.3em;
    color: #CF403C;
    font-family: 'Fira Sans', sans-serif;
    padding: 0.3rem;
    margin: 0;
    background: -webkit-radial-gradient(ellipse farthest-corner, #D4D5D9 0%, #D4D5D9 100%) #D4D5D9;
    background: -moz-radial-gradient(ellipse farthest-corner, #D4D5D9 0%, #D4D5D9 100%) #D4D5D9;
    background: -ms-radial-gradient(ellipse farthest-corner, #D4D5D9 0%, #D4D5D9 100%) #D4D5D9;
    background: radial-gradient(ellipse farthest-corner, #D4D5D9 0%, #D4D5D9 100%) #D4D5D9;
    -moz-box-shadow: 0 1px rgba(255, 255, 255, 0.29);
    box-shadow: 0 1px rgba(255, 255, 255, 0.29);
    display: block;
    width: 145px;
    height: 30px;
    text-transform: uppercase;
    float: right;
    font-size: 1.4rem;
    position: absolute;
    bottom: 0;
    top: 3rem;
    right: 0;
    overflow: hidden;
}
.navbar-header .btn-danger {
	border: none;
	border-radius: 0.3em;
	color: #ff7c1e;
	font-family: 'Fira Sans', sans-serif; !important;
	font-weight: 800;
	padding:0 0 0 0;
	margin: 1.2em 0 0 0 !important;
	background: -webkit-radial-gradient(ellipse farthest-corner, #d2d5d9 0%, #d2d5d9 100%) #d2d5d9;
	background: -moz-radial-gradient(ellipse farthest-corner, #d2d5d9 0%, #d2d5d9 100%) #d2d5d9;
	background: -ms-radial-gradient(ellipse farthest-corner, #d2d5d9 0%, #d2d5d9 100%) #d2d5d9;
	background: radial-gradient(ellipse farthest-corner, #d2d5d9 0%, #d2d5d9 100%) #d2d5d9;
	-moz-box-shadow: 0 1px rgba(255, 255, 255, 0.29);
	box-shadow: 0 1px rgba(255, 255, 255, 0.29);
	display: inline-block;
	width: 160px;
	text-transform:uppercase;
	float: right;
}

.navbar-header .btn-media {
	border: none;
	border-radius: 0.3em;
	color: #FFF;
	font-family: 'Fira Sans', sans-serif; !important;
	font-weight: 800;
	padding:0 0 0 0;
	margin: 1.2em 0 0 0 !important;
	background: -webkit-radial-gradient(ellipse farthest-corner, #666 0%, #222 100%) #000;
	background: -moz-radial-gradient(ellipse farthest-corner, #666 0%, #222 100%) #000;
	background: -ms-radial-gradient(ellipse farthest-corner, #666 0%, #222 100%) #000;
	background: radial-gradient(ellipse farthest-corner, #666 0%, #222 100%) #000;
	-moz-box-shadow: 0 1px rgba(255, 255, 255, 0.29);
	box-shadow: 0 1px rgba(255, 255, 255, 0.29);
	display: inline-block;
    width: 160px;
    text-transform:uppercase;
    float: right;
}

.navbar-header .btn-tendencia {
	border: none;
	border-radius: 0.3em;
	color: #ff7c1e;
	font-family: 'Fira Sans', sans-serif; !important;
	font-weight: 800;
	padding:0 0 0 0;
	margin: 1.2em 0 0 0 !important;
	background: -webkit-radial-gradient(ellipse farthest-corner, #9c2759 0%, #9c2759 100%) #9c2759;
	background: -moz-radial-gradient(ellipse farthest-corner, #9c2759 0%, #9c2759 100%) #9c2759;
	background: -ms-radial-gradient(ellipse farthest-corner, #9c2759 0%, #9c2759 100%) #9c2759;
	background: radial-gradient(ellipse farthest-corner, #9c2759 0%, #9c2759 100%) #9c2759;
	-moz-box-shadow: 0 1px rgba(255, 255, 255, 0.29);
	box-shadow: 0 1px rgba(255, 255, 255, 0.29);
	display: inline-block;
    width: 160px;
    text-transform:uppercase;
    float: right;
}

button.btn-media>i {
    color: #f06b43!important;
}

.navbartendencias .container.affix .navbar-header button.btn-danger {background:rgba(0,0,0,0.1); color:#ffffff}
.navbarsection .container.affix .navbar-header button.btn-danger {background:rgba(0,0,0,0.1); color:#ffffff}

/*-----------------------*/

/*--------ALERT STYLE---------*/

/*mod2017.06.07 as: modificaciones sobre alertas*/
.alert {
	background:#be3831;
    padding:0;
	border-radius: 0;
}

.alert p {
    color: #ffffff !important;
    font-size: 1.4em !important;
    line-height: 1.3em;
    padding: 0 !important;
    margin: 0.3rem 0.5rem;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 300;
}

.alert strong {
	color: #ffeeb1;
}

.alert.alert-danger.uno {
	background: -webkit-linear-gradient(top, #ffdd51 0%, #ffa400 100%);
	background: -moz-linear-gradient(top, #ffdd51 0%, #ffa400 100%);
	background: -ms-linear-gradient(top, #ffdd51 0%, #ffa400 100%);
	background: linear-gradient(to bottom, #ffdd51 0%, #ffa400 100%);
	border: 1px solid #ffb900;
}

.alert.alert-danger.uno.alert strong {
	color: #ff6100;
}

.alert.alert-danger.uno.alert p {
	color: #e05702 !important;
}

.alert a.close {opacity:1}

#myCarouselAlert ol.carousel-indicators li.active {
	border: none;
	background: #fff;
}

#myCarouselAlert ol.carousel-indicators li {
	border: none;
	color: rgba(255, 255, 255, 0.52) !important;
	background-color: rgba(255, 255, 255, 0.62);
	-moz-box-shadow: 0 0.1em rgba(0, 0, 0, 0.17);
	box-shadow: 0 0.1em rgba(0, 0, 0, 0.17);
}

.close {
	color: #ffffff;
}

.glyphicon-remove-circle:before{content:"\e088";
	color: rgba(255, 255, 255, 1.00);
}

#myCarouselAlert .carousel-caption p {
	/*color: #ffffff !important;
	font-size: 0.96em !important;
	padding-right: 2.2rem !important; /*este se cambio
	font-family: 'Oxygen', sans-serif !important;
	font-weight: 600;*/
	    color: #ffffff !important;
        font-size: 1.4em !important;
        line-height: 1.3em;
        padding: 0 !important;
        margin: 0;
        font-family: 'Fira Sans', sans-serif;
        font-weight: 300;
        margin-top: 8px;
}

/*esta se agrego*/
.alertas span.glyphicon-chevron-right {
    top: 4rem;
}

/*BREADCRUMB AND CATEGORY STYLE*/
.breadcrumb {
	background: none;
	/*padding-left: 0;
	padding-top: 0;
	padding-bottom: 0.5em;
	margin-bottom: 0;*/
    padding: 8px 0;
    margin: 0;
    font-weight:500;
}

.breadcrumb a{
	color: #b3b3b3;
	font-family: 'Fira Sans', sans-serif !important;
}

.breadcrumb>.active {
	color: #393939;
}

.category {
	background: #1368B3;
	font-family: 'Fira Sans', sans-serif !important;
	border-radius: 0.2em;
	font-size: 0.85em;
	font-weight: 600;
	text-shadow: 0 0.11em rgba(0, 0, 0, 0.3) !important;
	margin-top: 0.5em;
}

.copyright {
	font-family: 'Oxygen', sans-serif !important;
	font-size: 0.8em;
	float: right;
	color: rgba(255, 255, 255, 0.4);
	display: block;
    position: absolute;
    right: 10px;
    top: 10px;
}
/*-------------------------------------*/


/*ICONOGRAFIA REDES SOCIALES*/
@font-face {
	font-family: 'fontello';
    src: url('../fonts/fontellosocial/font/fontello.eot?70761733');
    src: url('../fonts/fontellosocial/font/fontello.eot?70761733#iefix') format('embedded-opentype'),
           url('../fonts/fontello/fontsocial/fontello.woff?70761733') format('woff'),
           url('../fonts/fontello/fontsocial/fontello.ttf?70761733') format('truetype'),
           url('../fonts/fontello/fontsocial/fontello.svg?70761733#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

.social-icon {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0;
  /* You can be more comfortable with increased icons size */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
/*   text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.social-icon{font-size:3rem}
.social-icon.icon-facebookc {
	color: #125ba7;
	margin-left: 0;
}

.social-icon.icon-facebookc:hover {
	color: #0b4077;
	text-decoration: none;
}

.social-icon.icon-twitterc {
	/*font-size: 2.2em;*/
	color: #379ee6;
	margin-left: 0;
}

.social-icon.icon-twitterc:hover {
	color: #146ba7;
	text-decoration: none;
}

.social-icon.icon-whatsappc {
	/*font-size: 2.2em;*/
	color: #33c660;
	margin-left: 0;
}

.social-icon.icon-whatsappc:hover {
	color: #2ba952;
	text-decoration: none;
}

.social-icon.icon-instagramc {
	/*font-size: 2.2em;*/
	color: #dd229e;
	margin-left: 0;
}

.social-icon.icon-instagramc:hover {
	color: #b61b82;
	text-decoration: none;
}

.social-icon.icon-telegramc {
	/*font-size: 2.2em;*/
	color: #1b7aca;
	margin-left: 0;
}

.social-icon.icon-telegramc:hover {
	text-decoration: none;
	color: #266bad;
}

.social-icon.icon-googlec {
	/*font-size: 2.2em;*/
	color: #d12d2d;
	margin-left: 0;
}

.social-icon.icon-googlec:hover {
	color: #a12222;
	text-decoration: none;
}

.social-icon.icon-mailc {
	/*font-size: 2.2em;*/
	margin-left: 0;
	color: #7a64e3;
}

.social-icon.icon-mailc:hover {
	color: #482ad7;
	text-decoration: none;
}

.social-icon.icon-messengerc {
	/*font-size: 2.2em;*/
	margin-left: 0;
	color: #65acee;
}

.social-icon.icon-messengerc:hover {
	color: #3191e9;
	text-decoration: none;
}


.share {
	background-color: #DBE0E3;
	text-align: left;
	border-top:none !important;
	border-bottom: none !important;
	border-radius: 5px;
	padding-top: 0.5em !important;
}

.sharebox {text-align: left;border-top:none !important;border-bottom: none !important;padding-top: 0.5em !important;}
address                                     {color: #878787;padding: 0.5em;}
address strong                              {font-weight: 500;}
figure.layout-small.relGen                  {padding-left: 0em;padding-right: 0em;padding-top: 0em;padding-bottom: 0.6em;background: #DBE0E3;}
figure.layout-small.relGen a:link           {color: #5d6673;text-decoration: none;}
figure.layout-small.relGen a:visited,
figure.layout-small.relGen a:focus          {color: #5d6673;text-decoration: none;}
figure.layout-small.relGen a:hover          {color: #323A49;text-decoration: none;outline: none;}
figure.layout-small.relGen h5               {line-height: 1.3em; margin: 1rem 1rem; text-decoration: none; font-size: 1.6rem; font-weight: 500;}
figure.layout-small.relGen span             {float: right;margin: 0.5em;color: #4c7785;font-family: 'Fira Sans',sans-serif;font-weight: 400;font-size: 0.9em;text-transform: uppercase;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.37);}
figure.layout-small.relGen span:hover       {color: #323A49;}

figure.layout-medium.relGen                 {border-radius: 0.5rem;padding:0!important;position:relative; background: #DBE0E3;}
figure.layout-medium.relGen picture         {display: block;position: relative; float:left; width:28%}
figure.layout-medium.relGen figcaption      {display: block;position: relative;float: right; width:70%; margin-top:1.5rem}
figure.layout-medium.relGen h5              {margin: 0 0.5em; color: #ffffff; line-height: 1.3em; font-size: 1.2em; font-weight: 500;}
figure.layout-medium.relGen span            {float: right; margin-right: 0.5em; color: #ffffff; font-family: 'Fira Sans',sans-serif; font-weight: 400; font-size: 0.9em; text-transform: uppercase; text-shadow: 0 1px rgba(0, 0, 0, 0.13); position: relative; bottom:5px; right: 5px;}
figure.layout-medium.relGen strong          {display:none; clear:both; font-weight:400}

figure.layout-medium.relGen.alertGen                        {border-radius: 0.5rem;padding:0!important;position:relative; background: #d43955;}
figure.layout-medium.relGen.alertGen div.categoryseccion    {margin: 0 0.1rem!important; background: #d43955; color: #FFF; width: 150px; clear: both; text-transform: uppercase; font-size: 1.6rem; text-align: center; padding: 2px 4px; display: block; position: relative; overflow: hidden; border-radius: 0.3rem;font-weight:500}
figure.layout-medium.relGen.alertGen a:link,
figure.layout-medium.relGen.alertGen a:visited              {color: #FFF;text-decoration: none;}
figure.layout-medium.relGen.alertGen a:hover                {color: #EFEFEF;text-decoration: none;outline: none;}

figure.layout-large.relGen                  {padding:0;background:#DBE0E3;}
figure.layout-large.relGen h5               {margin:1rem; line-height: 1.3em;font-size: 1.8rem;font-weight: 500;}
figure.layout-large.relGen a                {text-decoration: none;}
figure.layout-large.relGen span             {float: right;margin: 0.5rem 1rem;color: #4c7785;font-family: 'Fira Sans',sans-serif;font-weight: 400;font-size: 0.9em;text-transform: uppercase;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.37);}
figure.layout-large.relGen span:hover       {color: #323A49;}
figure.layout-large.relGen span:visited     {color: #1cd7ea;}

figure.layout-small.relGen a:link,
figure.layout-medium.relGen a:link,
figure.layout-large.relGen a:link
figure.layout-medium.relGen a:visited,
figure.layout-medium.relGen a:visited,
figure.layout-large.relGen a:visited,
figure.layout-medium.relGen a:focus,
figure.layout-medium.relGen a:focus,
figure.layout-large.relGen a:focus          {color: #5d6673;text-decoration: none;}

figure.layout-small.relGen a:hover,
figure.layout-medium.relGen a:hover,
figure.layout-large.relGen a:hover          {color: #323A49;text-decoration: none;outline: none;}

figure.layout-medium.relGen span:hover      {color: #EFEFEF;}

/*------QUOTE STYLE-------*/

blockquote {border-top: none !important;border-bottom: none !important;}
blockquote.layout-large small {font-size: 0.8em;color: #ff6100; margin:-0.5rem 0 0 0}
blockquote.layout-small small {font-size: 0.8em;color: #ff6100; margin:-0.5rem 0 0 0}
.article>blockquote.layout-large p {font: italic 2rem/2.4rem 'Fira Sans',sans-serif !important;font-weight: 300;color: #5d6673;}
.article>blockquote.layout-small p {font: italic 2rem/3rem 'Fira Sans',sans-serif !important;font-weight: 300;color: #5d6673;}
svg.pull-left {margin-bottom: 0.5em;}
/*------------------------------*/

/*------------VIDEO STYLE------------*/

.storyVideo         {border-bottom: none;}
.storyVideoCaption  {border-bottom-left-radius: 0.5em;border-bottom-right-radius: 0.5em;border-bottom-style: none;padding-bottom: 0.5em;}
/*este es nuevo*/
.storyVideoCaption .share ul.contentShare .social-icon{font-size: 3.1rem;margin-left: 0.4rem;}
/*este se quito el font-size*/
.storyVideoCaption .social-icon.icon-masc {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	margin-left: 0em;
	color: #cbcbcb;
}
/*este se quito el font-size*/
.storyVideoCaption .social-icon.icon-facebookc {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
/*este se quito el font-size*/
.storyVideoCaption .social-icon.icon-twitterc {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
/*este se quito el font-size*/
.storyVideoCaption .social-icon.icon-youtubec {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
/*este se quito el font-size*/
.storyVideoCaption .social-icon.icon-whatsappc {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

/* Dropup mas redes */
.dropdown-menu.compartir {
	z-index: 3;
    width: 12rem !important;
}

i.fa.fa-play-circle-o {
	font-size: 1.5em;
	padding: 0em;
	margin-right: 0.2em;
	color: #0566b5;
}

.storyVideoCaption .share a{
	text-decoration: none;
	font-family: 'Oxygen', sans-serif !important;
	color: #0566b5;
	font-weight: 900;
	font-size: 1em;
	margin-top: 0.1em;
}

.storyVideoCaption .share a:hover {color: #ffc800;}
.storyVideoCaption .share a:visited {color: #4D5055;}
.storyVideoCaption .title {border-bottom: none;}
.storyVideoCaption h4 {line-height: 1.3em;font-size: 1.6rem;margin: 1rem 0;padding: 0 0 1rem 0;border-bottom: 1px solid #b0bec5;font-weight: 400;}


/*
-----------------------------------*/

/*------------GALLERY STYLE--------------*/

figure.storyGalleriaBoostrap figcaption h3{font-size:2.5rem; text-shadow:0 1px 1px #222;font-family: 'Fira Sans',sans-serif;font-weight: 800;margin:0;padding:0;}
figure.storyGalleriaBoostrap figcaption small{display: inline-block;font-size: 1.3em;margin: 0 0 0.5rem 0;background: #FFF;line-height: 1.2rem;color: #000;border-radius: 6px;padding: 0.8rem;}
figure.storyGalleriaBoostrap figcaption small:before{content: "\F030"; font-family: FontAwesome; display: inline-block; float:left; margin:-0.1rem 0.3rem 0 0; font-weight: 300; padding:0;}
figure.storyGalleriaBoostrap figcaption .share  {background: transparent;}
figure.storyGalleriaBoostrap .social-icon.icon-whatsappc {color: #fff;}
figure.storyGalleriaBoostrap .social-icon.icon-whatsappc:hover {color: #33c660;}
figure.storyGalleriaBoostrap .social-icon.icon-whatsappc:visited {color: #fff;}
figure.storyGalleriaBoostrap .social-icon.icon-twitterc {color: #fff;}
figure.storyGalleriaBoostrap .social-icon.icon-twitterc:hover {color: #379ee6;}ff0000
figure.storyGalleriaBoostrap .social-icon.icon-twitterc:visited {color: #fff;}
figure.storyGalleriaBoostrap .social-icon.icon-youtubec {color: #fff;}
figure.storyGalleriaBoostrap .social-icon.icon-youtubec:hover {color: #ff0000;}
figure.storyGalleriaBoostrap .social-icon.icon-youtubec:visited {color: #fff;}
figure.storyGalleriaBoostrap .social-icon.icon-facebookc{color: #fff;}
figure.storyGalleriaBoostrap .social-icon.icon-facebookc:hover{color: #125ba7;}
figure.storyGalleriaBoostrap .social-icon.icon-facebookc:visited{color: #fff;}
figure.storyGalleriaBoostrap figcaption a {color:#FFF;text-decoration:none;font-size:0.9em;font-family: 'Oxygen', sans-serif !important;font-weight: 900;cursor:pointer}
figure.storyGalleriaBoostrap figcaption a:visited {color:#CCC;}
figure.storyGalleriaBoostrap figcaption a:hover {color:#EFEFEF;}
/*----------------------------------------------*/

/*-------------------- GIF STYLE ------------------*/

.storyGif {
	border-radius: 0.5em;
	border-bottom: none;
	font-family: 'Fira Sans',sans-serif;
	font-size: 0.9em;
	background-image: -webkit-linear-gradient(top, #edefed 0%, #dcdddc 100%);
	background-image: -moz-linear-gradient(top, #edefed 0%, #dcdddc 100%);
	background-image: -ms-linear-gradient(top, #edefed 0%, #dcdddc 100%);
	background-image: linear-gradient(to bottom, #edefed 0%, #dcdddc 100%);
	margin-bottom:4rem;

}

figcaption.storyGifCaption .title {
	padding-top: 0!important;
	padding-bottom: 0 !important;
	border-bottom: none;
}

figcaption.storyGifCaption a{
	color: #1e2f51;
	line-height: 1.4em;
	font-size: 1.1em;
	margin-top: 0.3em;
	text-shadow: 0 0.11em rgba(255, 255, 255, 0.2) !important;
	font-weight: 400;
	text-decoration: none;
}

figcaption.storyGifCaption a:hover {
	color: #f2473b;
}

figcaption.storyGifCaption a:visited{
	color: #1e2f51;
}

section>h6 {
	color: #1d2d4f;
}

/*----------------------------------------------*/

/*------------------ Media Style ------------------*/

.media {
	background-image: -webkit-linear-gradient(top, #c8ced1 0%, #c1c8cb 100%);
	background-image: -moz-linear-gradient(top, #c8ced1 0%, #c1c8cb 100%);
	background-image: -ms-linear-gradient(top, #c8ced1 0%, #c1c8cb 100%);
	background-image: linear-gradient(to bottom, #c8ced1 0%, #c1c8cb 100%);
	border-radius: 0.3em;
	border-bottom: 1px solid #1cd7ea;
    position:relative;
}
.media-body {padding: 1em;}
.media-body span {position: relative;float: right;}
.media a {font: 0.9em/1.3em 'Fira Sans',sans-serif;font-weight: 400;color: #626b76 ;text-decoration: none;}
.media a:hover {color: #f2473b;}
.media a:visited {color: #626b76 ;}
.mediaVideo .media {background:#046eb5;border-bottom:none; border-radius: 5px; 	font-family: 'Fira Sans', sans-serif; min-height:45px;}
.mediaVideo .media h4.media-heading {display: -webkit-box;max-width: 100%;height: 3.9em;margin: 0;font-size: 1.5rem;line-height: 1.3em;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-weight:300;}
.mediaVideo .media a,
.mediaVideo .media a:visited,
.mediaVideo .media a:focus  {color:#FFF; font-weight:400;}
.mediaVideo .media a:hover  {color:#CCC; font-weight:400;}
.mediaVideo .media .media-body {padding: 0.5em;}
.mediaVideo .media div.call{display:block;position:absolute;bottom:0;right:5px;color:#FFF;width:auto;margin:0;}
.mediaVideo .media span{display: block;position: relative;font-size: 2rem;color:#FFF;text-shadow:1px 2px 5px #333;}
.mediaVideo .media span:after{display: block;content: "ver video";font-size: 1.3rem;line-height: 2;font-family: 'Fira Sans', sans-serif;float: right;text-transform: uppercase;font-weight: bold; margin-left: 0.5rem;}

/*---------------------------------------------------*/

/*---------------- MY CARROUSEL STYLE -----------------*/

div#myCarousel.carousel.slide {}

#myCarousel {
background-image: -webkit-linear-gradient(top, #86cdf1 0%, #e17969 0%, rgba(1, 121, 201, 0.78) 100%);
	background-image: -moz-linear-gradient(top, #86cdf1 0%, #e17969 0%, rgba(1, 121, 201, 0.78) 100%);
	background-image: -ms-linear-gradient(top, #86cdf1 0%, #e17969 0%, rgba(1, 121, 201, 0.78) 100%);
	background-image: linear-gradient(to bottom, #86cdf1 0%, #e17969 0%, rgba(1, 121, 201, 0.78) 100%);
	border-radius: 0.3em;
	padding-bottom: 1em;
}

#myCarousel div.carousel-inner div.item img.img-responsive {
    border-radius: 50%;
    width: 100px;
    height: 100px!important;
}

a.right.carousel-control {
	border-radius: 0;
    background-image:none;
}

#myCarousel ol.carousel-indicators li.active {
	border: none;
	background-color: #eeefee;
	width: 1.5rem;
	height: 1.5rem;
}

#myCarousel ol.carousel-indicators li {
	background-color: rgba(255, 255, 255, 0.67);
	border: none;
}

#myCarousel a.right.carousel-control span.glyphicon.glyphicon-chevron-right {
color: #eeefee;
}

#myCarousel ol.carousel-indicators {
	margin-bottom: 0;
}

#myCarousel div.carousel-inner div.item div.carousel-caption a {
	text-decoration: none;
	color: #ffffff !important;
	font-weight: 600 !important;
	font-family: 'Oxygen',sans-serif;
	font-size: 1.1em !important;
}

#myCarousel div.carousel-inner div.item div.carousel-caption a h6 {
	color: #ffffff;
	font-family: 'Fira Sans',sans-serif;
	font-size: 1.1em;
	font-weight: 700;
	text-shadow: 0 0.11em rgba(0, 0, 0, 0.2) !important;
	text-transform: uppercase;
}

#myCarousel div.carousel-inner div.item {
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
}

#myCarousel div.carousel-inner div.item div.carousel-caption {
	padding-top: 1em;
}

#myCarousel div.carousel-inner {
/*	background-image: -webkit-linear-gradient(top, rgba(0, 171, 213, 0.62) 0%, rgba(68, 87, 122, 0) 99.4%);
	background-image: -moz-linear-gradient(top, rgba(0, 171, 213, 0.62) 0%, rgba(68, 87, 122, 0) 99.4%);
	background-image: -ms-linear-gradient(top, rgba(0, 171, 213, 0.62) 0%, rgba(68, 87, 122, 0) 99.4%);
	background-image: linear-gradient(to bottom, rgba(0, 171, 213, 0.62) 0%, rgba(68, 87, 122, 0) 99.4%);
	border-top-left-radius: 0.3em;
	border-top-right-radius: 0.3em;*/
}

#myCarousel div.carousel-inner div.item div.carousel-caption a h6:hover {
	color: #ccc;
}

#myCarousel div.carousel-inner div.item div.carousel-caption p a{
	font: 1.1em/1.1em 'Oxygen', sans-serif;
	color: #d7d7d7;
}

/*------------------------------------------------------*/

/*-----------------------TEMAS TAG STYLE -----------------*/

.topics>li>a {
	background-color: #0566b5;
    padding: 0.8rem;
    margin: 0.2em;
    color: #ffffff;
    font-family: 'Oxygen', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.9em;
    text-shadow: 0 1px rgba(0, 0, 0, 0.9);
}

.topics>li>a:hover {
	background-color: #f2473b;
}

section.temas h5{
	font-size: 1.4em;
	color: #1d2d4f;
}
/*------------------------------------------------------*/

/*-----------------------ADVERTISING -----------------*/
.adpage {
	margin:0 auto;
	border:none;
}
/*------------------------------------------------------*/

/*-----------------------RELATED STYLE -----------------*/
.related>figure {
	background-image: -webkit-linear-gradient(top, #d9dde0 0%, #c1c8cb 100%);
	background-image: -moz-linear-gradient(top, #d9dde0 0%, #c1c8cb 100%);
	background-image: -ms-linear-gradient(top, #d9dde0 0%, #c1c8cb 100%);
	background-image: linear-gradient(to bottom, #d9dde0 0%, #c1c8cb 100%);
	border-bottom-left-radius: 0.3em;
	border-bottom-right-radius: 0.3em;
}

.related>figure a {
	text-decoration: none;
}

.related>figure h5 {
	font: 1em/1.3em 'Fira Sans',sans-serif;
	font-weight: 400;
	color: #626b76 ;
	text-decoration: none;
}

.related>figure h5:hover {
	color: #f2473b;
}
/*------------------------------------------------------*/

/*-----------------------RELATED GALERIA STYLE -----------------*/
.related.galerias>figure {
	background-image: -webkit-linear-gradient(top, #e3e3e3 0%, #e3e3e3 100%);
	background-image: -moz-linear-gradient(top, #e3e3e3 0%, #e3e3e3 100%);
	background-image: -ms-linear-gradient(top, #e3e3e3 0%, #e3e3e3 100%);
	background-image: linear-gradient(to bottom, #e3e3e3 0%, #e3e3e3 100%);
	border-radius:5px;
    border-bottom:0;
    padding-bottom:2rem;
}

.related.galerias>figure a {
	text-decoration: none;
}

.related.galerias>figure h5 {
	font: 1.4rem/1.5rem 'Fira Sans',sans-serif;
	font-weight: 400;
	color: #626b76 ;
	text-decoration: none;
}

.related .galerias>figure h5:hover {
	color: #f2473b;
}
.related.galerias figure{position:relative;padding-bottom:0.2rem}
.related.galerias figure figcaption{min-height:90px}
.related.galerias figure div.call{display:block;position:absolute;right:3px; bottom:0;}
.related.galerias figure span{color: #7d8182;text-transform: uppercase;text-align: right;margin:0}
.related.galerias figure span:after{content:"Ver Galería"; color:#7d8182; font-size:1.3rem; font-weight:600;font-family:'Fira Sans',sans-serif;margin:0 0 0 0.5em}
/*------------------------------------------------------*/


/*-----------------------FOOTER STYLE -----------------*/
footer {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	background-color: #f2473b;
}

footer ul.contentShare .social-icon.icon-whatsappc {
	color: #fff;
}

footer ul.contentShare .social-icon.icon-whatsappc:hover {
	color: #33c660;
}

footer ul.contentShare .social-icon.icon-whatsappc:visited {
	color: #fff;
}

footer ul.contentShare .social-icon.icon-twitterc {
	color: #fff;
}

footer ul.contentShare .social-icon.icon-twitterc:hover {
	color: #379ee6;
}

footer ul.contentShare .social-icon.icon-twitterc:visited {
	color: #fff;
}

footer ul.contentShare .social-icon.icon-youtubec {
	color: #fff;
}

footer ul.contentShare .social-icon.icon-youtubec:hover {
	color: #ff0000;
}

footer ul.contentShare .social-icon.icon-youtubec:visited {
	color: #fff;
}

footer ul.contentShare .social-icon.icon-facebookc {
	color: #fff;
}

footer ul.contentShare .social-icon.icon-facebookc:hover {
	color: #125ba7;
}

.col-md-6.pull-right .social-icon.icon-facebookc:visited {
	color: #fff;
}

footer p {
	color: #fff;
	font-family: 'Fira Sans',sans-serif;
	font-weight: 800;
	font-size: 0.9em;
	text-shadow: 0 1px rgba(0, 0, 0, 0.42);

}

footer ul.nav>li>a  {
	font-family: 'Oxygen', sans-serif;
	color: #eeefee;
	font-weight: 400;
	text-shadow: 0 1px rgba(0, 0, 0, 0.19);
}

footer ul.nav>li>a:hover {
	display: block;
	border-radius: 0.3em;
	background-color: #f3674d;
	color: #ffffff;
	font-weight: 900;
	text-shadow: 0 1px rgba(0, 0, 0, 0.42);
}

/*social footer*/
.fb .fa.fa-facebook {
background: #195DA5;
font-size: 1.9rem;
padding: 0.5rem;
border-radius: 3rem;
padding-top: 1rem;
padding-left: 1.4rem;
padding-right: 1.4rem;
padding-bottom: 01rem;
color: #fff;
}

.tw .fa.fa-twitter {
background: #3E9FE3;
font-size: 1.9rem;
padding: 0.5rem;
border-radius: 3rem;
padding-top: 1rem;
padding-left: 1.1rem;
padding-right: 1.1rem;
padding-bottom: 01rem;
color: #fff;
}

.ws .fa.fa-phone{
background: #3CC464;
font-size: 2.2rem;
padding: 0.5rem;
border-radius: 3rem;
padding-top: 0.8rem;
padding-left: 1.1rem;
padding-right: 1.1rem;
padding-bottom: 0.9rem;
color: #fff;
}

div.col-md-6.pull-left {
	z-index: 0;
}

.zonaRedes {
	z-index: 10;
}

/*NOTICIAS BBC*/
ol.breadcrumb.bbc {
	background: #E91018;
	padding-bottom: 0rem;
	padding-top: 0rem;
	padding-left: 0rem;
	border-radius: 0;
    margin:0 0 0.5em 0;
}

ol.breadcrumb.dw {
	background: #02254F;
    border-radius: 0;
    padding: 0;
    margin: 0 0 0.5em 0;
    height: 24px;
}

.top.container.bbc {
	padding-left: 0rem;
	padding-right: 0rem;
}

ol.breadcrumb.bbc:before {
    content: "";
    height:4rem;
    width:6rem;
    background:url('../img/BBC.svg') no-repeat top left;
    display: inline-block;
    margin-bottom: -2.4rem;
    margin-right: 0rem;
}

ol.breadcrumb.dw:before {
    content: "";
    height:24px;
    width:82px;
    background:url('../img/dw.png') no-repeat top left;
    display: block;
    float:left;
    margin:0;
}

ol.breadcrumb.bbc a,
ol.breadcrumb.dw a{
	color: #fff;
}
ol.breadcrumb.dw a {display:none}

/*2016_dic_01*/

.ancho100 {width:100%}

/* == SECTION GENERIC == */

.secciones h2 a,
.secciones h3 a,
.secciones p,
.secciones li a                             {color:#485361}
.secciones ul {list-style-image: url("../img/bullet.svg");padding-left:20px}
.secciones ul li {margin-bottom:6px}
/*.secciones h3 {font-size:2rem}*/
.secciones p {font-size:1.8rem;line-height:2.4rem;font-weight:400}

.secciones .display {margin:0}


.sectionGeneric h1                          {text-shadow:none!important; color:#666666; font-size: 4rem!important; font-weight: 600; margin:15px 0 5px}
.sectionGeneric nav                         {z-index:10!important}
.sectionGeneric nav button                  {padding:6px 0; text-transform:uppercase; color:#5d6466}
.sectionGeneric nav button:after            {content:"-"; padding-left:5px}
.sectionGeneric nav button:last-child:after {content:""}
.sectionGeneric nav button:hover            {text-decoration:none}

.sectionGeneric nav.subcanales              {min-height:0;border-radius: 4px!important;background: #d7dbde;z-index: 10!important;}
.sectionGeneric nav.subcanales button       {color:#1d2d4d}
.sectionGeneric nav.subcanales button:hover {color:#000000}

.sectionGeneric nav p                       {font-family:'Fira Sans', sans-serif!important; font-size:14px; color:#999999; line-height:3.3rem; margin-right:6px}
.temaSection                                {overflow:hidden;margin:1rem 0; display:block; clear:both;}
.boxBajada                                  {float:left; width:100%; /*width:calc(100% - 11px);*/ overflow:hidden;padding:10px;margin;0;background:#e5e9eb }
.boxBajada p,
.boxBajada a                                {float:left; margin:0 10px; width: calc(100% / 3 - 20px)}

/* dos noticias */
.display.dosNoticias>figure>figcaption      {padding:0}
.display.dosNoticias h3                     {font-size:1.7rem;margin:10px 0 4px}
.display.dosNoticias p                      {display:inline-block;font-size:1.4rem;margin:0 0 5px}

/*seccion lo ultimo*/
.ultimo_generic_desktop figure {background:transparent;}
.ultimo_generic_desktop figure>figcaption {padding:0}
.ultimo_generic_desktop p {font-size: 1.5rem; line-height: 2rem}
.ultimo_generic_desktop ul {display:none}

/* fondos */
.backgroundGris1,
.backgroundGris2,
.backgroundGris3 {margin:10px 0; padding:10px 0;}

.backgroundGris2 h6, .backgroundGris3 h6 {color:#ffffff!important}
.backgroundGris2 h6:before, .backgroundGris3 h6:before {background-color:#ffffff!important}

.backgroundGris1 {background:#e8e9eb; border-top:1px solid #ffffff; border-bottom:1px solid #d7d7d9}
.backgroundGris2 {background:#2e2e2e}
.backgroundGris2 h3 {font-size:3.2rem}
.backgroundGris2 h3 a {color:#ffffff!important}
.backgroundGris3 {background:#212121}


/*sistema de cajas*/
figure.caja                                 {overflow:hidden;height:200px;-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
figure.caja h3                              {font-size:1.6rem}
figure.caja p                               {display:block!important; padding:0.5rem 1rem; color:#ffffff!important}

/*colores cajas*/
figure.caja.normal h3                       {color:#5c6573}

figure.caja.envivo h3,
figure.caja.video h3,
figure.caja.galeria h3,
figure.caja.sinfoto h3                      {color:#ffffff}

figure.caja.normal                          {background:#dce0e3}
figure.caja.envivo                          {background:#ff401f}
figure.caja.video                           {background:#046eb5}
figure.caja.galeria                         {background:#292c30}
figure.caja.sinfoto                         {background:#727b82}

/*envivo*/
figure.caja.envivo small                    {position: absolute;background:#ff401f;padding:0.5rem;color:#ffffff;text-transform:uppercase;top: -35px;left: 10px;}
/*video*/
figure.caja.video .videoCaption {position:absolute; top:-30px; left:4px}
figure.caja.video span {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF}
/*video*/
figure .videoCaption.nota {position:absolute; top:-45px; left:4px}
figure .videoCaption.nota span {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF}
/*galeria*/
figure.caja.galeria small {position:absolute; top:-30px; left:10px; display: inline-block;float: left;font-size: 1.3em;margin: -0.3rem 0.5rem 0 0;background: #FFF;line-height: 1.2rem;color: #000;border-radius: 6px;padding: 0.8rem;}
figure.caja.galeria small:before {content: "\F030"; font-family: FontAwesome; display: inline-block; float:left; margin:-0.1rem 0.3rem 0 0; font-weight: 300; padding:0;}

figure.caja.sinfoto {}
figure.caja.sinfoto h3 {padding:2rem 1rem 0}
figure.caja.sinfoto p {font-size:1.4rem}

/*para figcaption sobre la imagen*/
/*.secciones .storyMedia figure {margin:0}*/
.secciones .storyMedia figure figcaption h2 a,
.secciones .storyMedia figure figcaption p {color:#ffffff!important; text-shadow:none}
.secciones .recuadro {-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.secciones .recuadro p,
.secciones .recuadro a {font-size:1.3rem; line-height:1.7rem}
.secciones .recuadro p:after,
.secciones .recuadro a:after {content: ""; display: block;width: 100%;height: 20px;background-image:url("../img/linea_abajo.svg"); background-repeat:no-repeat;background-position:center bottom}
/*fotos y videos*/

.fotosVideos h3 a                                {/*font-size:2rem;*/color:#ffffff!important;font-weight:400}
.fotosVideos h3                                    {font-size:1.7rem}

.fotosVideos p {color:#ffffff!important}
.fotosVideos p {font-weight:100}

.fotosVideos .videoCaption {position:absolute; top:-46px; left:4px}
.fotosVideos .videoCaption span {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF}

.fotosVideosAbajo {background:#1f1f1f; padding:1rem 0}
.fotosVideosAbajo h3 {margin:1rem 0}
.fotosVideosAbajo h3 a {font-size:1.5rem; color:#ffffff!important;font-weight:100}

.enlaceSeccion {position:relative; margin:10px 0; background:#ccc}
.enlaceSeccion img {width:100%; margin:0 auto}


figure.caja figcaption h3                            {padding:1rem; margin:0}

button.vermas                                        {color: #ffffff;text-shadow: 1px 1px 5px rgba(0,0,0,.3);background-color: #b5bbbf;text-transform: uppercase;text-decoration: none; outline: 0;}
button.vermas:after                                  {content: "\f055";font-family: FontAwesome;font-size: 1.8rem;line-height: 1em;float: right;font-weight: 300;margin: 0 0 0 0.3em;color: #ffffff; display: block;}
.display button.vermas                               {clear:both; float:left; margin:0 0 20px /*margin:0 0 20px 5px*/}

.displayFourFotos                                    {display:block; position:relative; overflow:hidden}
.displayFourFotos figure  /*distinto*/               {display:block; position:relative; width: calc(100% / 4 - 10px); margin:5px}
.displayFourFotos figure picture                     {display:block; position:relative;}
.displayFourFotos figure picture img                 {width:100%}
.displayFourFotos figure picture div                 {display:block; position:absolute; left:0; bottom:0}
.displayFourFotos figure picture div span            {display:inline-block; font-size:1.2rem; text-transform:uppercase; margin:0.5rem; color:#FFF}
.displayFourFotos figure figcaption                  {display:block; position:relative;}
.displayFourFotos figure figcaption p                {font-family: 'Fira Sans', sans-serif!important; font-size:1.6rem; line-height:2rem; color:#888;}
.displayFourFotos figure:first-child  /*distinto*/   {width:calc(100% / 2.1 - 10px)}

.displayFourFotos h3                                 {font-weight:400}
.displayFourFotos h3:first-child                     {font-size:2rem;font-weight:700}

.secciones .displayThree figure:first-child p:before {display:none}

/*Destacados*/

.destacadosSeccion {position:relative; overflow:hidden; height:490px; z-index:8}
.destacadosSeccion img {position:absolute; top:0; height:100%}
.destacadosSeccion h3 {width:33.33333%; z-index: 100;position: relative; margin-left:0}
.destacadosSeccion h6 {position:relative; z-index:100}
.destacadosSeccion a {color:#FFF; text-decoration:none;}
.destacadosSeccion a:visited,
.destacadosSeccion a:hover{color:#DDD;}



/* SECCION MOBILE */

#seccion_mobile {}
#seccion_mobile .bg {position:absolute;top:0;width:100%;height:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+60,000000+100&0+59,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 59%, rgba(0,0,0,0.02) 60%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 59%,rgba(0,0,0,0.02) 60%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 59%,rgba(0,0,0,0.02) 60%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}
#seccion_mobile h6 {color:#6b7682;text-transform:uppercase}
#seccion_mobile h6:before {height:0.5rem;background-color:#6b7682}
#seccion_mobile h3 {font-size:2.7rem}
#seccion_mobile .container {width:100%!important; padding:0 15px}
#seccion_mobile .sectionGeneric h1 {color:#1e2d4d}
#seccion_mobile .storyMediaCaption h2 a,
#seccion_mobile .storyMediaCaption p {color:#ffffff; text-shadow:none}
#seccion_mobile .storyMediaCaption p {font-size:2.3rem; line-height:2.6rem}
#seccion_mobile .storyMedia figure {margin:0}
#seccion_mobile .recuadro {}
#seccion_mobile .recuadro ul {}
#seccion_mobile .recuadro ul li a {color:#5b697a; font-size:1.8rem;}

#seccion_mobile .recuadro ul {list-style-image: url("../img/bullet.svg");padding-left:20px}
#seccion_mobile .recuadro ul li {margin-bottom:6px}

#seccion_mobile .caja {height:100%}
#seccion_mobile small.alerta {
        display: block;
        margin: 10px 0 0;
        background: #ff401f;
        padding: 0.5rem;
        color: #ffffff;
        text-transform: uppercase;
        border-radius: 5px;
        font-size: 1.5rem;
        width: 140px;
        font-weight: bold;
        }

    .cajaHorizontal {overflow:hidden;width:100%;clear:both;border-radius:6px; margin:10px 0}
    .cajaHorizontal figure {width:30%; float:left}
    .cajaHorizontal h3 {font-size:2rem!important; margin:20px 0 0; width:68%;padding:0 0.5%;float:right}
        .cajaHorizontal h3 a {color:#697482!important}

    .cajaHorizontal.normal h3                       {color:#5c6573}
    .cajaHorizontal.envivo h3,
    .cajaHorizontal.video h3,
    .cajaHorizontal.galeria h3,
    .cajaHorizontal.sinfoto h3                     {color:#ffffff!important}

    .cajaHorizontal.normal                          {background:#dce0e3}
    .cajaHorizontal.envivo                          {background:#ff401f}
    .cajaHorizontal.video                           {background:#046eb5}
    .cajaHorizontal.galeria                         {background:#292c30}
    .cajaHorizontal.sinfoto                         {background:#727b82}

#seccion_mobile .entrevista h3 a {color:#6d7482!important; font-weight:100}
#seccion_mobile .entrevista img {margin:0 auto}

    .cajaHorizontal.video figure .videoCaption.nota {top:inherit;bottom:0}

    .cajaHorizontal.galeria figure small {position: absolute;
                                          bottom: 10px;
                                          left: 10px;
                                          display: inline-block;
                                          float: left;
                                          font-size: 1.3em;
                                          margin: -0.3rem 0.5rem 0 0;
                                          background: #FFF;
                                          line-height: 1.2rem;
                                          color: #000;
                                          border-radius: 6px;
                                          padding: 0.8rem;
                                          }
    .cajaHorizontal.galeria figure small:before {content: "\F030";
                                                     font-family: FontAwesome;
                                                     display: inline-block;
                                                     float: left;
                                                     margin: -0.1rem 0.3rem 0 0;
                                                     font-weight: 300;
                                                     padding: 0;}


    .cajaHorizontal.envivo figure small {position: absolute;
                                         background: #ff401f;
                                         padding: 0.5rem 1rem;
                                         color: #ffffff;
                                         font-size:100%;
                                         text-transform: uppercase;
                                         bottom:10px;
                                         left: 10px;}

    .cajaHorizontal.sinfoto {background:#717b8a; border-radius:6px;padding:1rem}
        .cajaHorizontal.sinfoto h3,
        .cajaHorizontal.sinfoto p {width:100%; text-align:left; color:#ffffff!important}
        .cajaHorizontal.sinfoto h3 {margin:0 0 10px}

/*subseccion o editorial*/

.editorial .cajaHorizontal {border-bottom:1px solid #e6e6e6;padding-bottom:10px}
.contenidoHorizontal {width:68%; margin-left:2%;float:right;}
.contenidoHorizontal h3 {width:100%; margin:0 0 10px;}

/*nombres secciones, separar del margen*/
.backgroundGris2 h6, .backgroundGris3 h6 {margin-left:15px}

#seccion_mobile .cajaGris {background:#e6e7e8; padding-top:10px; padding-bottom:10px}
#seccion_mobile .cajaGris.borde {border-top:1px solid #ffffff}
#seccion_mobile hr {display: block;
                              height: 0;
                              padding: 0;
                              border-top: 1px solid #cccccc;
                              border-bottom: 1px solid #ffffff;
                              margin:10px 0}
#seccion_mobile .adpage {margin: 0 auto;}
#seccion_mobile .adpage smaller {font-size: 1rem;text-transform: uppercase;}

#seccion_mobile .fotosVideos .display {clear:both}
#seccion_mobile .fotosVideos h3 a {font-size:2.6rem}
#seccion_mobile .fotosVideos p {font-size:2rem}
#seccion_mobile .displayTwo figure {width: calc( 100%/2 - 15px)}

/* Genérico section */
/* entrevistas */
.entrevistas h2 {font-size:1.5rem!important;font-weight:400;color:#6b7482!important}

.entrevistas figure {background:transparent!important}
.entrevistas figure>figcaption {padding:0}

/* Generico - subsección */
.secciones.sub .display  {margin:0}
.secciones.sub p {font-size:1.5rem}
.noMargin figure {margin:0}
.secciones.sub .displayLeft_dest1col figure {height:auto}
.secciones.sub .displayLeft_dest1col figure:first-child {height:auto /*600px*/}
.secciones.sub .displayLeft_dest1col figure h2 {font-size:1.5rem!important;margin:0}
.secciones.sub .displayLeft_dest1col figure h2 a {color:#485361}
.secciones.sub .displayLeft_dest1col figure p {font-size:1.5rem; line-height:1.8rem}
#subsection_generica .displayLeft_dest1col figure {margin:0 20px 20px 0!important}


/* == DEPORTES == */
#deportes .navbar-header .btn-danger,
#deportes_sub .navbar-header .btn-danger {background: rgba(0,0,0,.2);border: none;color: #fff;}

/* section */
#deportes .destacados4 .display_items_w_toLeft figure div.dataRel {display:block!important}
#deportes .destacados4 .display_items_w_toLeft figure h2 {font-size: 1.8rem!important;font-weight: 400;}
#deportes .moduleBaseHiperlink.laroja button.vermas {color:#ffffff; background-color:rgba(0,0,0,.3);margin:0 0 2rem; border:none}
#deportes .goles figure h3 {font-size:1.5rem!important; margin:6px 0}
#deportes .atp .category {margin-left:0; background:rgba(0,0,0,0.4);font-size:1.6rem; margin:0;left:0!important; font-weight:400}
#deportes .atp h3 {font-size:3rem}

/* subsection */
#deportes_sub .display {margin:0 1rem}
#deportes_sub .display_1item_destacado {background:transparent}
#deportes_sub .temaSection {margin:0 0 1rem}
#deportes_sub .display button.vermas {margin:0 0 20px 10px}

#deportes_sub .fotosVideosAbajo.display {margin:0}

/*minuto a minuto*/
span.minuto         {color: #ffffff;background: #d43955;padding: 0 0.5rem;border-radius: 0.3rem;}
/*span.minuto:before  {content: "\f111";font-family: FontAwesome;display: inline-block; float: left;margin: -0.1rem 0.5rem 0 0;padding: 0;font-size: 1rem;line-height: 1.8rem;color:#ff553b}*/

/*goles*/
.goles button.vermas {background:rgba(44,59,82,0.8);color:#ffffff;border:none; margin:3rem 1rem 0 0;}
.goles button.vermas:hover {background:rgba(0,0,0,0.8)}
.goles .carousel-indicators {top:270px;z-index:8; display:none!important}
.goles .carousel-indicators li {background:rgba(256,256,256,0.6);width:12px; height:12px; border:none}
.goles .carousel-indicators li.active {position:relative; top:3px; width:20px;height:20px; background:rgba(256,256,256,1)}

.simplecarousel .carousel-indicators {top:400px;z-index:8; display:none!important}
.simplecarousel .carousel-indicators li {background:rgba(256,256,256,0.8);width:12px; height:12px; border:none}
.simplecarousel .carousel-indicators li.active {position:relative; top:3px; width:20px;height:20px; background:rgba(256,256,256,1)}
.carouselmulti .boxgaleria {background:rgba(25,43,64,0.9)!important}
.carouselmulti .boxgaleria picture div {background:transparent!important}

.deportes .pagination {margin:10px 0 0 10px; background:#b6bcc2;border:2px solid #a9b5ba;padding:3px 6px;border-radius:6px; color:#ffffff;text-transform:uppercase}
.deportes .pagination li {line-height:32px;text-shadow:0px 2px 2px rgba(0,0,0,0.2)}
.deportes .pagination li a {background:transparent; border:none; color:#ffffff!important;font-size:1.4rem;padding-bottom:2px}
.deportes .pagination li a:hover {color:rgba(256,256,256,0.7);border-bottom:2px solid #ffffff;padding-bottom:0px }

/* == GALERIA == */

#galeria #carouselVideoTop img                               {width:100%}
#galeria .container>h6                                       {margin:0!important}
#galeria .displayFour figure                                 {margin:5px 10px 5px 0}
#galeria .displayFive figure                                 {margin:5px 20px 5px 0}
#galeria .vistaGaleria01 small                               {margin:12px}

/* == GALERIA MODAL == */
#galleryModal .active {height:100vh; width:100vw;}

/* == Fix relacionado large == */
@media all {figure.layout-medium.relGen span {margin-top: 14px;}}
p.lead {font-size: 1.8rem;}

/* == Caja Sillon de Pedro == */
.html5itemGroup.container-fluid.moduleBaseHiperlink.laroja.sillonpedro {
    background-image: url("http://estaticos.24horas.cl/skins/imgprimarias/sillonpedrobig.jpg");
    background-position: top center;
    background-size: auto;
    background-color: #151A20;
    background-repeat: no-repeat;
}

/* == Caja Facebook Live == */
.html5itemGroup.container-fluid.moduleBaseHiperlink.laroja.facebooklive {
    background-image: url("http://estaticos.24horas.cl/skins/imgprimarias/facebooklivebig.jpg");
    background-position: top center;
    background-size: auto;
    background-color: #263D8A;
    background-repeat: no-repeat;
    background-position-y: -4em;
}

/* == Caja SEÑAL ONLINE 24PLAY == */
.livestream img {margin-top: -67px;margin-bottom: -15px;}
.livestream {background: #4e5866;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.livestream .title h4 {color: #fff;font-family: 'Fira Sans', sans-serif;}
.a2a_kit.share {line-height: 16px;border-bottom: 1px solid #444d59;}
.a2a_kit a {cursor:pointer;color: #fff;font-family: 'Fira Sans', sans-serif;}
.a2a_kit a:hover {color: #fff;}
.a2a_kit a:visited {color: #fff;}
.livestream .share span {float:left;margin:1rem 0.8rem;}
.contentShare.live {margin-top: 0.4em !important;}
.imglivedos {padding-top: 2px;}
.social-icon.icon-facebookc.live {color: #fff;}
.social-icon.icon-twitterc.live {color: #fff;}
.social-icon.icon-youtubec.live {color: #fff;}
.social-icon.icon-whatsappc.live {color: #fff;}
.social-icon.icon-facebookc.live:hover{color: #fff;}
.social-icon.icon-twitterc.live:hover {color: #fff;}
.social-icon.icon-youtubec.live:hover {color: #fff;}
.social-icon.icon-whatsappc.live:hover {color: #fff;}
.a2a_kit.share {line-height: 16px;border-bottom: 1px solid #444d59 !important;}
.share {background-color: #4E5865 !important;text-align: left;border-top: none !important;border-bottom: none !important;border-radius: 5px;padding-top: 0.5em !important;}

.share.foto {background: transparent !important;border-bottom:none !important;}

.sharebox.video a{color:#4d5055;}

/* == FIX CAJA VIDEO NOTA == */
@media all {
    .displayHomeContenido {
        height: auto;
    }
}