/*mio*/
body{ background:#F2F2F2;
    /*url("../../img/common/background.png") top center repeat;*/
     font-family: arial,sans-serif; font-size: 12px; line-height: 16px;}
.degrade{
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% -25%, 0% 55%, from(#bbbbbb), to(#f2f2f2));
    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-linear-gradient(center top , #BBBBBB -70%, #F2F2F2);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(center top , #BBBBBB -70%, #F2F2F2);
    /* Opera 11.10+ */
    background: -o-linear-background(center top , #BBBBBB -70%, #F2F2F2);
    /* IE 10 */
    background: -ms-linear-background(center top , #BBBBBB -70%, #F2F2F2);
    /* estándar */
    background: linear-background(center top , #BBBBBB -70%, #F2F2F2);
    
}
a, a:hover {color: #AD1226; text-decoration: none;}
.container{ margin: 0px auto; border:none; height:auto;}
.pbt15{ padding-top: 15px; padding-bottom: 15px;}
.sinborder{ margin: 15px auto; height:auto; background:none; border:none !important;}

.grisclaro{ background:#4c4c4c;}
.grisoscuro{ background:#222222;}
.amarillo{ background-color:#AD1226; color: #000;}
.amarillo a{color: #333;}
.bdestacado{ background-color:#AD1226; color: #fff;}
.bdestacado a{color: #fff;}
.blanco{ background: #fff; color:#111;}

.btgc{ border-top:#2e2e2e solid 3px;}

.sombra-interior{ background:#fff url('../../img/common/sombra-header.png'); background-position:top center; background-repeat:repeat-x;}
.linea{ height: 3px;}
.enmenu{ margin-top: 3px;}
.navbar-nav.navbar-right:last-child{ /*margin-right: -27px;*/}
.navbar-nav.navbar-left:first-child{ margin-left: -15px;}
/*.container-fluid{ padding-left: 0px; padding-right: 0px;}*/
.grisclaro p{ color: #999;}
.bordesombra{-moz-box-shadow:0px 0px 4px -1px #333; -webkit-box-shadow:0px 0px 4px -1px #333; box-shadow:0px 0px 4px -1px #333;}

.mockup{ min-height: 30px;}
.padding{ padding-top: 15px;}
.logo{ text-align: center; width: auto; display: inline-block; margin-top: 20px; height: 100px; margin-left:-340px;}
.vol{ display: block; position: absolute; background:rgba(0,0,0,0.1); height: 105px; padding:15px;}
.radiou{ top:0; left:0;}
.bicentenario{ top: 0; left:600px;}
.bicentenario img{ margin-top: 10px;}
.logo p { font-size: 12px; font-weight: 400; margin-top: -12px;}
.publicidad{ background:#fff url("../../img/common/background.png") top center repeat; border:#ededed 1px solid; color:#333;}
.publi_top{ width:550px; height: 150px;}
.clima{ overflow: hidden; width: 70px; max-height: 110px; margin: 0 auto; margin-top: 6px;}
.icofacebook, .icofacebook a{ color:#495d8d;}
.icotwitter, .icotwitter a{ color: #55ACEE;}
.icocomentario, .icocomentario a{ color: #AD1226;}
.icoyoutube, .icoyoutube a{ color: #cc0000;}
.icolinkedin, .icolinkedin { color:#52a9d4;}
.icowhatsapp, .icowhatsapp a{ color:#11950B;}
.icorss, .icorss a{color:#FF6600;}
.icogoogleplus, .icogooglepplus a{color:#C23A2A;}
a:hover .fa-stack{ color: #393939;}
.iconredes{ /*float:right;*/ margin-bottom: 15px;}
footer .iconredes{ margin-bottom: 0px; margin-top: 2px; font-size: 9px;}
.form-control{ border-radius:0px;}
.datosclima{ font-size: 20px;}

.navbar-default{ background-color:transparent; border:none; margin-left: -15px; margin-right: -15px;}
.navbar-default .container{ background:#222;}
.navbar{ border-radius: 0px; min-height: 40px; font-family: 'Source Sans Pro', sans-serif; margin-bottom:0px;} 
.navbar-nav > li > a{padding-bottom: 10px; padding-top: 10px;}
.navbar-default .navbar-nav > li > a{ color: #fff; font-size: 15px; text-transform: uppercase;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ color:#fff; background: #333333;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ color:#fff; background-color:#333333; }
.navbar-default .navbar-nav.amarillo > li > a{ color:#000;}
.navbar-default .navbar-nav.amarillo > li > a:hover{ color:#fff; background:#333;}
.dropdown-menu{ color:#fff; background-color:#333; }
.dropdown-menu > li > a{ color: #fff; text-transform: uppercase;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background:#2E2E2E; color: #fff; }
.dropdown-menu .divider{background-color: #2E2E2E;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background-color:#333333; color:#fff;}
/*.dropdown:hover .dropdown-menu {
    display: block;
 }*/
 .dropdown-header { text-transform: uppercase;}
footer{ padding-bottom: 15px;} 
footer ul{ margin:0px; padding: 0px; list-style-type: none; margin-top:16px;}
footer ul li{ color:#FFFFFF;}
footer ul li a{ text-decoration: none; color: #fff; font-size: 12px;}
footer ul li a:hover{ color: #999;}

footer p{ color: #fff; margin-bottom: 0px;}

footer .divider{ 
    height: 1px;
    margin: 7px 0;
    overflow: hidden;
    background-color: #444;
}
.logo-bottom {
    background: url("../../img/c/adeportiva-byn.png") no-repeat scroll 15px 70px rgba(0, 0, 0, 0);
    height: 130px;
}
.logo-bottom a{ width:175px; height: 70px; display: block; margin-left: 0px; margin-top:45px; margin-right: 30px; text-indent: -5000px; float: left;}

.pd5{ padding-left: 7.5px !important; padding-right: 7.5px !important;}
.pd10{ padding-left: 7.5px !important; padding-right: 7.5px !important; }
.pl0{ padding-left: 0px; padding-right: 7.5px;}
.pr0{ padding-right: 0px; padding-left: 7.5px;}

h1,h2,h3,h4,h5,h6{ font-family: 'Source Sans Pro', sans-serif; font-weight: 700;  margin: 10px 0px; padding: 0px; color:#393939; }
/*article{ border-bottom:#ededed 1px solid;}*/
article p{ font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 15px; color: #393939; line-height: 17px;}
article .antetitulo{font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 12px; color: #fff; line-height: 15px; margin-top: 8px; background:#AD1226; display: inline-block; padding:4px; margin-top: 0px; text-transform: uppercase;}
.home article {position: relative;}
.home article .antetitulo{position: absolute; top:5px; left: 5px;}
.home .destac article .antetitulo{ left: 12px;}
.home .destac article .contenido { background:#fff url('../../img/common/sombra.png') top center repeat-x; margin-top: 2px; padding: 8px;}
.home .destac .grisclaro article .contenido { background:transparent; }
.contenido { margin-bottom: 2px;}
article a{ color: #AD1226;}
article a:hover{ color: #111;}
article figure img{ border-bottom:#111 solid 3px;}
article .redes{ margin-top: 10px; height: 25px; margin-bottom: 0px;}
article .redes a{ text-align: center; display: inline-block; width: 25px; }
.automatico h3{border-top:#ccc solid 1px; text-align: center; margin-bottom: 20px; font-size: 36px; text-transform: uppercase;}
.automatico h3 span{ border-top:#AD1226 solid 3px; display: inline-block;}

.grisclaro article .bajada,.grisclaro article .redes a,.grisclaro article a{ color:#fff;}
.grisclaro article a:hover{ color: #AD1226;}
.grisclaro.automatico h3{border-top:#AD1226 solid 1px;}
.grisclaro.automatico h3 span{ border-top:#AD1226 solid 2px; display: inline-block; color:#fff;}

.amarillo article a:hover{ color: #fff;}
.amarillo article .antetitulo{ color: #111;}
.amarillo.automatico h3{border-top:#333 solid 1px;}
.amarillo.automatico h3 span{ border-top:#333 solid 2px; display: inline-block;}

.bdestacado article a:hover{ color: #fff;}
.bdestacado article .antetitulo{ color: #111;}
.bdestacado.automatico h3{border-top:#333 solid 1px;}
.bdestacado.automatico h3 span{ border-top:#333 solid 2px; display: inline-block;}


.grisoscuro article .bajada,.grisoscuro article .redes a,.grisoscuro article a{ color:#fff;}
.grisoscuro article a:hover{ color: #AD1226;}
.grisoscuro.automatico h3{border-top:#AD1226 solid 1px;}
.grisoscuro.automatico h3 span{ border-top:#AD1226 solid 2px; display: inline-block; color: #fff;}

.f14{ font-size: 14px !important; line-height: 16px;}
.f18{ font-size: 18px !important; line-height: 20px;}
.f21{ font-size: 21px !important; line-height: 23px;}
.f30{ font-size: 30px !important; line-height: 32px;}
.f30{ font-size: 32px !important; line-height: 34px;}

.artcb{ border-bottom: #ccc solid 1px; margin-bottom: 15px;}
.borde{border: 1px solid #EDEDED;}

.mb15{ margin-bottom: 15px;}
.mt15{ margin-top: 15px;}
.mt30{ margin-top: 30px;}
.mb30{ margin-bottom: 30px;}
.automatico h3{border-top:#ccc solid 1px;}
.automatico h3 span{ border-top:#AD1226 solid 2px; display: inline-block;}

.listadosecciones h1{border-top:#ccc solid 1px; margin-bottom: 20px;}
.listadosecciones h1 span{ border-top:#AD1226 solid 2px; display: inline-block;}

.listadosecciones article{ margin-bottom: 10px; padding-bottom: 10px;}

.btn-primary
{
    background-color: #AD1226;
    border-color: #AD1226;
    color: #fff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary
{
    background-color: #db322d;
    border-color: #AD1226;
    color: #fff;
}

.fecha{ text-align:right; color:#999; width: 100%; height: 15px; }

.nota h3{border-top:#ccc solid 1px; margin-bottom: 20px;}
.nota h3 span{ border-top:#AD1226 solid 2px; display: inline-block;}
.nota h3 span.antetitulo{ border-top:none; color: #999; font-size: 12px;}
.nota h3 span.fecha{ border-top:none; color: #999; font-size: 12px; width: 100px; margin-top: 14px;}
figure { position: relative;}
figure p{ width:100%; height: auto; background:#4C4C4C; padding:2px 10px; margin-top: 0px; color:#999; font-style: italic;}
.introimage{ position: absolute; bottom: 29px; right: 10px; color: #fff;}

.notacompleta h4 { font-size: 15px; margin:20px 0px 0px 0px;}
.notacompleta .recomendarnota { width:200px; position: absolute; top:-40px; right: 0px;}
.notacompleta .bajada{ /*border-bottom:#ccc solid 1px;*/ font-size: 17px; line-height: 20px; padding: 15px 0px;}
.notacompleta .bajada .fecha { font-weight: bold; color:#333; font-size: 16px; } 
.notacompleta .bajada .fecha i {color:#AD1226;}
.extranota{ margin-top: 15px; margin-bottom: -15px; padding-bottom: 15px;}
.textonota{ font-family: 'Source Sans Pro', sans-serif; margin-top: 15px; border-top:#ccc solid 1px; padding-top: 20px; font-size: 16px; line-height: 26px; position:relative; }
.textonota img{ width: 100%; height: auto;}
.notacompleta .textonota .recomendarnota { width:200px; position: relative; top:20px; font-size: 12px; float: right; text-align: right;}
.textonota .destacado{ font-style: italic; border-left: #AD1226 solid 2px; display: inline-block; padding: 10px; background:#fff url('../../img/common/sombra.png') top center repeat-x;}
.extranota h5{border-top:#999 solid 1px; margin-bottom: 10px; margin-top: 20px;}
.extranota h5 span{ border-top:#999 solid 2px; display: inline-block; color: #fff; padding: 5px;} 
.extranota .tags a{ display: inline-block; background:#AD1226; padding: 2px; color:#fff; margin: 4px 2px; }
.extranota ul{ list-style-type: none; margin: 0px; padding: 0px;}
.extranota ul li a{ color: #999; margin-bottom:5px;}
.extranota ul li a:hover{ color:#AD1226;}
.extranota ul li a i{color:#AD1226; margin-right: 2px;}
.extranota .mapas a,.extranota .videos a{ color:#999; margin-bottom: 10px; display: block; }
.extranota .mapas a img,.extranota .videos a img{ border-bottom: 3px solid #AD1226;}
.extranota label{ color:#999;}
.extranota .participar a{ color: #fff;}
.colder{ margin-right: -15px; padding: 15px; margin-left: -5px;}
.colder h5{border-top:#ccc solid 1px; margin-bottom: 10px;}
.colder h5 span{ border-top:#AD1226 solid 2px; display: inline-block; padding: 5px;} 
.btn-default {
    background-color: #999;
    border-color: #666;
    color: #fff;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default
{
    background-color: #666;
    border-color: #555;
    color: #333;
}
.encuesta{ margin-bottom: 20px;}
.preguntares { color: #999; font-size: 14px; }
.barra{ background:#2E2E2E; color: #AD1226; font-size: 14px; padding: 2px 4px; margin-bottom: 10px;}
.encuesta p{ font-size: 14px; font-style: italic;}
.periodista h3{ font-size: 15px; font-weight: 700; margin-top: 0px; border-top:none; margin-bottom: 10px; color: #fff; }
.recomendarnota { text-align: center;}
.bajada{ font-size: 14px; line-height: 18px;}
.textonota a{ color:#AD1226;}
.recomendacion { font-size: 16px; text-align: right; margin:10px 0px; color:#fff; padding: 0px 8px 8px 8px;}
.recomendacion a{ color:#fff; margin-right: 10px;}
.recomendacion h5{
    border-top: #999 solid 1px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: left;
}
.recomendacion h5 span {
    border-top: #999 solid 2px;
    display: inline-block;
    color: #666;
    padding: 5px;
}
.recomendacion.minimizado {padding-top: 8px;}
.galch { height: 155px;}
.publi { width: auto;}
.publi-derecha {
    width: auto;
    margin-right: -15px;
    margin-bottom: 15px;
    text-align: center;
    padding: 1px;
}

.col-md-9.centro {
    width:770px;
}

.centro .publi {
    text-align: center;
    margin: 4px -12px;
}

.col-md-3.derecho {
    width:330px;
    border-left: #ccc solid 1px;
}

.bannertop { padding:15px; background:url("../../img/common/background.png") top center repeat;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: -15px; margin-right: -15px;}

.top {
    position: relative;
}
.iconfecha{
    position: absolute;
    top:0px;
    right: 0px;
    width: 100%;
    height: 30px;
    text-align: right;
}

.videos a{ outline: none;}
.videos figure a{ display: block; width: 100%; height: auto; background:rgba(0,0,0,0.5); position: relative; outline: none;}
.videos figure a i{ position: absolute; bottom:76px; right: 6px; color: rgba(255,255,255,0.6)}
.videos figure a:hover i{ color: rgba(255,255,255,1);}
.videos article { min-height:210px; }
.videos h2{ margin:0px; padding:8px; background:#444; min-height: 70px; color: #fff; }

/*.home .redes{ display: none !important;}*/

.list-group { margin-bottom: 0px;}
.tab-pane { background-color:#ad1226; padding:5px; }
.ranking-derecho { min-width: 300px;}
.nav-tabs>li>a,.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{ background:#2E2E2E; color:#fff; outline: none;}
.nav-tabs.nav-justified>li>a{border-color:#2E2E2E;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ background:#ad1226; color:#fff;}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus { border-color:#ad1226; }

.bloquedespliegue { width: 336px; margin-right: 15px; margin-bottom:5px; float: left;}
.bloquedespliegue figure{ margin-bottom: 15px;}

div.tiempo { margin:0 20px; color: #6a707c; text-align: left; font-family: 'Source Sans Pro',sans-serif; width: 160px; height: 50px; position: absolute; top:48px; right:0px; margin-right: 0px; } 
div.tiempo .weather { margin-top: 10px;} 
div.tiempo .weather .weather_img {   display: block;   float: left;   margin-right: 8px; width: 60px; margin-top: -10px; } 
div.tiempo .weather .w_data {   height: 28px; } 
div.tiempo .weather .w_data .temperatura {   color: #d20611;   font-size: 26px; font-weight: 700; } 
div.tiempo .weather .w_data .humedad {   color: #6a707c;   font-size: 15px; } 
div.tiempo .weather .w_data .humedad .h {   font-weight: bold; }
div.tiempo .weather .w_city {   color: #6a707c;   font-size: 14px; font-weight: 700; }

@media (min-width: 768px) and (max-width: 991px) {
    /*body {border-top:4px solid red;}*/
    .container {
        width: 750px;
    }
    article figure img, .periodista img { width: 100%; height: auto;}
    .menup,.menub{ width: 100%;}
    .iconredes{ float: none; margin-bottom: 20px; display: inline-block; text-align: center;}
    .iconfecha{ text-align: center; position: relative; width: 100%;}
    .menup,.menub{ width: 100%;}
    .menub ul{ text-align: left; width: 100%;}
    .navbar-nav.navbar-right:last-child{ margin-right: 0px;}
    .navbar-nav > li > a{ padding: 10px 12px !important;}
    .pd5{ padding-bottom: 20px;}
    .extranota{ padding-top:10px;}
    .col-md-9.centro {width:750px;}
    .col-md-3.derecho {width:750px;}
    .logo{ margin-left: 0px;}
}

@media (min-width: 992px) {
    /*body {border-top:4px solid yellow;}*/
    #buscarenmenu{ width: 150px !important;}
    article figure img, .periodista img { width: 100%; height: auto;}
    .menup,.menub{ width: 100%;}
    .menub ul{ text-align: left; width: 100%;}
    .navbar-nav.navbar-right:last-child{ margin-right: 0px;}
    .col-md-9.centro {width: 650px;}
    .logo{ margin-left: 0px;}
}

@media (min-width: 1200px) {
    /*body {border-top:4px solid green;}*/
    .container { width: 1100px; }
    #buscarenmenu{ width: 185px !important;}
    .menup{ width: auto;}
    .menub{ width: 33.33333333%;}
    .col-md-9.centro {width:765px;}
    /*.logo{ margin-left: -340px;}*/
}

@media (max-width: 767px) {
    /*body {border-top:4px solid blue;}*/
    .container-fluid{ padding-left: 15px; padding-right: 15px;}
    article figure img, .periodista img { width: 100%; height: auto;}
    /*article .redes { display:none;}*/
    .home article:first-child img{ display: block;}
    .home .automatico article img {display:block;}
    .col-md-9.centro {width:100%;}
    .col-md-3.derecho {width:100%; text-align: center; margin-left: -7px; margin-top: 15px;}
    .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%;}
    .bordesombra { box-shadow: none;}
    .container { border:0px; margin:0px;}
    .visible-xs {
        display: inline-block !important;
    }
    .top .iconredes{ float: none; margin-bottom: 20px; display: inline-block; text-align: center;}
    .iconfecha{ text-align: center; position: relative; width: 100%;}

    .bloquedespliegue { width: 100%; margin-right: 0px; float: none;}
     div.tiempo { position: relative; height: 55px; margin:auto; top:0; } 
     .logo{ margin-left: 0px;}
     .vol{ position: relative; margin-bottom: 10px;}
}

.img-responsive {
    display: inline-block;
}

article figure i {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: rgba(255,255,255,0.6);
}
.lazy{ display: none;}

.rebote{ background:rgba(0,0,0,0.2); margin-bottom: 15px; text-align: left; padding-bottom: 10px; }
.rebote h2{ padding:10px; margin: 0px;height: 60px; overflow: hidden; }
.rebote h2 a:hover{color:#faa;}
.recomendacion.prebote h5{ border-top:#900 solid 1px;}
.recomendacion.prebote h5 span{ color:#fff; border-top:#900 solid 2px;}