/* 2. Header
***********************************************************************************/
.header { background-color:#FFF;  padding: 0; margin: 0 auto 40px;}
[class^="section"] .header:after{content: '';
    background-color:#ffcb08;
    background-size: 10px 23px;
    background-repeat: repeat-x;
    height: 5px;
    width: 100%;
    display: inherit;}
[class^="section"] .header:before{content: '';
    background-color:#ebebeb;
    background-size: 10px 23px;
    background-repeat: repeat-x;
    width: 100%;
    display: inherit; top:90px; position: absolute; left:0; height: 40px;}

.header.home:before, .header.home:after{ display: none;}
.header .top-bar-section{height: 86px;}
.header .btn { border:2px solid #ffcb08; padding: 0;  background: transparent;  -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius:16px; display: block; width: 31px; height: 31px; background: transparent !important; color:#333 !important; padding: 0 !important; font-size: 1rem; text-align: center; line-height: 1.6rem !important;}

.header .left-options {top:30px; left: 0; position: relative; width: 100% }
.header .left-options .menu{z-index:2; position: absolute; top:0; left:0;}
.header .left-options .center{ margin:0;  font-family: 'roboto_slabregular'; padding:0 0 0 80px; position:relative}
.header .left-options .center .brand{display:inline-block; vertical-align: middle; color:#010101;  width:141px; height: 20px;}
.header .left-options .center .title{display:inline-block; vertical-align: middle; color:#010101;  font-family: 'roboto_slabregular'; text-transform: uppercase; font-size:40px; line-height: 20.5px; width:100%;max-width: 920px; text-align: center}

.header .left-options .options{z-index: 2;}
.header .left-options .options li{ display: table-cell; margin: 0 5px 0 0; background:transparent;}


.header .right-options { position: absolute; top:30px; right: 0; z-index: 2}
.header .right-options .options{}
.header .right-options .options li{ display: inline-block;  margin: 0 0 0 5px; background:transparent;}

/*search*/
/*search*/
.header .search {
    display: block;  position: absolute; top:0; left:37px;
    -webkit-transition: 0.5s width ease, 0.3s transform ease;
    -moz-transition: 0.5s width ease, 0.3s transform ease;
    -o-transition: 0.5s width ease, 0.3s transform ease;
    -ms-transition:0.5s width ease, 0.3s transform ease;
    transition: 0.5s width ease, 0.5s transform ease;
    cursor: pointer; /*z-index: 10;*/
}
.header .search .bsctext {
    position: absolute;
    white-space: nowrap;
    top: 0;
    left:-70px;
    /* opacity: 0; */
    display:none;   

}
.header .search .bsctext.open{
    display: block;
    /* opacity: 1; */
    background-color: #000;
    left:140px; -webkit-transition: 0.3s opacity 0.3s;
    -moz-transition: 0.3s opacity 0.3s;
    -o-transition: 0.3s opacity 0.3s;
    -ms-transition:0.3s opacity 0.3s;
    transition:0.3s opacity 0.3s;
}
.header .search .bsctext.close{display: none;} 
.button-search { text-indent: -1999em; overflow:hidden; cursor: pointer; display: block}
.header .search .icon-search{cursor: pointer;}
.header .search .icon-search:before{ /*width: 3.5rem; height: 2.3rem;*/ cursor: pointer;}
/* .header .search:hover {width:205px;}
.header .search:hover .icon-search{ opacity: 1;  }
.header .search:hover .bsctext { opacity: 1; background-color: #000; left:140px; -webkit-transition: 0.3s opacity 0.3s;
    -moz-transition: 0.3s opacity 0.3s;
    -o-transition: 0.3s opacity 0.3s;
    -ms-transition:0.3s opacity 0.3s;
    transition:0.3s opacity 0.3s;} */
.header .search .bsctext form{ position: relative; width:60px; display:block; }
.header .search .bsctext form fieldset{ margin:0; padding: 0; border: none;}
.header .search .bsctext input[type="text"]{ border: 2px solid #ffcb08; /*default*/ position:absolute; top:0; left:-141px;box-shadow:none;
    -webkit-border-top-left-radius: 1.3rem; -webkit-border-bottom-left-radius: 1.3rem; -moz-border-radius-topleft:  1.3rem;
    -moz-border-radius-bottomleft:1.3rem; border-top-left-radius:  1.3rem; border-bottom-left-radius:1.3rem;font-size:13px;  font-family: 'robotolight'; color:#A1A0A0;
    line-height: 1.8rem; height: 32px; width: 175px; background-color: #FFF; padding:0 0 0 13px; color:#333;}
.header .search .bsctext input[type="text"]::-webkit-input-placeholder {color:#333;}
.header .search .bsctext input[type="text"]:-ms-input-placeholder {color:#333;}
.header .search .bsctext input[type="text"]*:-moz-placeholder {color:#333;}
.header .search .bsctext input[type="text"]*::-moz-placeholder {color:#333;}
.header .search .bsctext input[type="submit"],
.header .search .bsctext input[type="button"],
.header .search .bsctext button {  cursor: pointer; position:absolute; top:0; right:0; color:#333; font-size: 1rem;width:32px; height:32px;padding: 0; background-color: #ffcb08; /*default*/ /*line-height: 2.6rem; */margin-left: .4rem; -webkit-border-top-right-radius: 1.3rem; -webkit-border-bottom-right-radius: 1.3rem; -moz-border-radius-topright:  1.3rem; -moz-border-radius-bottomright:  1.3rem;  border-top-right-radius:  1.3rem; border-bottom-right-radius:  1.3rem; /*text-indent: -1999em;*/ overflow:hidden;}
.header .search .bsctext input:focus{outline:0;}
.header .search .bsctext input[type="submit"] { border:none; }


/*submenu*/
.header .submenu {height:40px;background-color: #FFF;/*default*/ top: 86px; position: absolute; z-index: 3}
.header .submenu .title-section{ display: none; color: #FFF;font-size: 19px; line-height:22px; text-transform: uppercase;  font-family: 'roboto_slabregular'; }
/*.header .submenu .title-section:after {content: ''; background: url(../img/bg-title-section.png) no-repeat 0 0; width: 15px; height: 15px; display: inline-block; margin-left: 5px;}
*/
.header .submenu .title-section:after{
    width: 16px;
    height: 16px;
    border-radius: 8px;
    color: #FFF;
    display: inline-block;
    margin-left: 5px;
    content: '\e82b';
    font-family: 'icono';
    line-height: 20px;
    text-align: center;
    margin-top: -3px;
    padding-top: 1px;
    vertical-align: middle;
    font-size: 16px;
}

.header .submenu .nav{ margin-left: 0; display: table;}
.header .submenu .nav li { margin:0 1px;  display:table-cell; line-height: 35px; background: transparent; width: 155.5px; text-align: center}
.header .submenu .nav li a{ background-color: transparent; color:#384850;line-height: 40px; text-transform: uppercase; position: relative}
.header .submenu .nav li a:hover, .header .submenu .nav li:hover, .header .submenu .nav:hover{ background-color: transparent !important;}
.top-bar-section ul li > a {  font-family: 'robotoregular';background-color: transparent !important; /*color: #384850 !important*/}

.header .submenu .nav .n2{ display: none; position: absolute; top:40px; left: 0; padding: 0 10px; background-color:#ebebeb; width: 220px}
.header .submenu .nav .n2 li{ float: none; text-align: left; display: block; border-bottom: 1px solid #CCC}
.header .submenu .nav .n2 li:last-child{ border-bottom: none}
.header .submenu .nav .n2 li a{ padding: 0 5px; font-family: 'robotomedium'; color:#384850  }
.header .submenu .nav .desplegable2 .a1 { padding-right: 15px}
.header .submenu .nav .desplegable2 .a1:hover{/*color:#384850 !important;*/}
.header .submenu .nav .desplegable2 .a1:after{/*content: ''; background: url(../img/icon-desplegable.png) no-repeat 0 0;*/ margin-left:3px; display: block; position: absolute; right:0; top: 25%;
    margin-top: -4.5px;width: 11px;height: 9px; content: '\e82b'; font-family: 'icono'; width: 11px; height: 9px; vertical-align: sub;}
/*.header.fixed .submenu .nav .desplegable2 .a1:after { background: url(../img/icon-desplegable-fixed.png) no-repeat 0 0; width: 12px;}*/


.header .submenu .nav .desplegable2.open { position: relative;}
.header .submenu .nav .desplegable2.open .a1 { color: #384850;}
.header .submenu .nav .desplegable2.open .n2 {display: block;}
.header .submenu .nav .desplegable2.open .a1:after{top: 75%; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */  transform: rotate(180deg)}


[class^="section"] .header .submenu {background-color: #ebebeb;margin-top:4px;}
[class^="section"] .header .submenu li{ width: auto; padding: 0 5px}
[class^="section"] .header .submenu li a{ text-transform: none;}

[class^="section"] .header .submenu .nav .desplegable2 li:hover{ margin-left:-10px; padding-left:15px; padding-right:15px;margin-right:-10px;}
.section01 .header .submenu .nav .desplegable2 li a:hover, .section01 .header .submenu .nav .desplegable2 li:hover, .section01 .header .submenu .title-section:after { background-color: #d00;}{ color:#FFF !important;background-color: #F9A825 !important;}
.section02 .header .submenu .nav .desplegable2 li a:hover, .section02 .header .submenu .nav .desplegable2 li:hover, .section02 .header .submenu .title-section:after{ color:#FFF !important;background-color: #29B6F6 !important;}
.section03 .header .submenu .nav .desplegable2 li a:hover, .section03 .header .submenu .nav .desplegable2 li:hover, .section03 .header .submenu .title-section:after{ color:#FFF !important;background-color: #E53935 !important;}
.section04 .header .submenu .nav .desplegable2 li a:hover, .section04 .header .submenu .nav .desplegable2 li:hover, .section04 .header .submenu .title-section:after{ color:#FFF !important;background-color: #66BB6A !important;}
.section05 .header .submenu .nav .desplegable2 li a:hover, .section05 .header .submenu .nav .desplegable2 li:hover, .section05 .header .submenu .title-section:after{ color:#FFF !important;background-color: #F06292 !important;}
.section06 .header .submenu .nav .desplegable2 li a:hover, .section06 .header .submenu .nav .desplegable2 li:hover, .section06 .header .submenu .title-section:after{ color:#FFF !important;background-color: #26C6DA !important;}
.section07 .header .submenu .nav .desplegable2 li a:hover, .section07 .header .submenu .nav .desplegable2 li:hover, .section07 .header .submenu .title-section:after{ color:#FFF !important;background-color: #8D6E63 !important;}
.section08 .header .submenu .nav .desplegable2 li a:hover, .section08 .header .submenu .nav .desplegable2 li:hover, .section08 .header .submenu .title-section:after{ color:#FFF !important;background-color: #9575CD !important;}



.header .submenu .nav li[class^="section"] a{ border-top:4px solid #000;}
.header .submenu .nav li.section01 a {border-color: #F9A825;} /* economía*/
.header .submenu .nav li.section01 a:hover {background-color:#F9A825 !important; color:#FFF;}
.header .submenu .nav li.section02 a {border-color: #29B6F6;} /* caracas*/
.header .submenu .nav li.section02 a:hover {background-color:#29B6F6 !important; color:#FFF;}
.header .submenu .nav li.section03 a {border-color: #E53935;} /* deportes*/
.header .submenu .nav li.section03 a:hover {background-color:#E53935 !important; color:#FFF;}
.header .submenu .nav li.section04 a {border-color: #66BB6A;} /* opinion*/
.header .submenu .nav li.section04 a:hover {background-color:#66BB6A !important; color:#FFF;}
.header .submenu .nav li.section05 a {border-color: #F06292;} /* entrenimiento*/
.header .submenu .nav li.section05 a:hover {background-color:#F06292 !important; color:#FFF;}
.header .submenu .nav li.section06 a {border-color: #26C6DA;} /* internacional*/
.header .submenu .nav li.section06 a:hover {background-color:#26C6DA !important; color:#FFF;}
.header .submenu .nav li.section07 a {border-color: #8D6E63;} /* sucesos*/
.header .submenu .nav li.section07 a:hover {background-color:#8D6E63 !important; color:#FFF;}
.header .submenu .nav li.section08 a {border-color: #9575CD;} /* politica*/
.header .submenu .nav li.section08 a:hover {background-color:#9575CD !important; color:#FFF;}



#drop{ display:none;}
#drop.open{ display:block; margin: -10px -5px;width: 330px;}
.top-bar-section .menu-items .top{padding: 5px;background-color: #000;/* background: url(img/logo-eluniversal.png) no-repeat 185px 8px;*/}
/*.top-bar-section .menu-items .top .btn-close{border: 2px solid #FFF;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; display: block; width: 20px; height:20px; font-size:7px; line-height:15px;}
*/
.top-bar-section .menu-items .top .btn-close{border:2px solid #FFF; padding: 0;  background: transparent;  -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius:12px; display: block; width: 24px; height: 24px; color:#FFF;  font-size: 12px; text-align: center; line-height: 19px;}
.top-bar-section .menu-items{ z-index: 9; position: absolute; top:0; left: 0; width:100%; background-color: #414141; max-width: 320px/*40.0625em*/}
.top-bar-section .menu-items .btn-close{ color:#FFF;display: block; width: 32px; height: 32px; padding: 0 !important; font-size: 1rem; text-align: center; line-height: 1.6rem}
.top-bar-section .menu-items .wrap{height:450px;     overflow: auto;/* border-right: 3px solid #000;*/}
/*
.top-bar-section .menu-items .wrap::-webkit-scrollbar-track {   border-radius:4px; background-color: #535353; width:4px;}
.top-bar-section .menu-items .wrap::-webkit-scrollbar { width: 4px;background-color: #000;}
.top-bar-section .menu-items .wrap::-webkit-scrollbar-thumb {border-radius: 4px;  background-color: #969696; width: 4px;}*/
.top-bar-section .menu-items .wrap .n1{display: inherit;background-color: #363636 !important;/* border-right:3px solid #000*/}
.top-bar-section .menu-items .wrap .n1 li {  float: none; border-left:5px solid #818181; background-color: #000 !important; margin-bottom: 1px; /*max-width: 310px; border-bottom: 1px solid #363636*/}
.top-bar-section .menu-items .wrap .n1 li:last-child{}
.top-bar-section .menu-items .wrap .n1 li a{/*background-color: #000 !important;*/ }
.top-bar-section .menu-items .wrap .n1 .n2{ display: none;}
.top-bar-section .menu-items .wrap .n1 .n2 li { border-left: none; border-bottom: none;}
.top-bar-section .menu-items .wrap .n1 .open{}
.top-bar-section .menu-items .wrap .n1 .open .n2{ display: block;}
.top-bar-section .menu-items .wrap .n1 .open .n2 a{background-color: #000 !important;}
.top-bar-section .menu-items .wrap .n1 .desplegable{ position: relative;}
.top-bar-section .menu-items .wrap .n1 .desplegable:after { content:''; background:url(../img/bg-button-deplesgable.png) no-repeat 0 0;padding:0; position: absolute; top:20px; right:10px; display:block;
;width: 9px; height: 6px;}
.top-bar-section .menu-items .wrap .n1 .open .desplegable, .top-bar-section .menu-items .wrap .n1 .open .desplegable:hover {background-color: #000 !important; color:#FFF}
.top-bar-section .menu-items .wrap .n1 .open .desplegable:after{ -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */  transform: rotate(180deg);
}

.top-bar-section .menu-items .wrap .n1 li.section01{border-left-color: #F9A825}  /* economía*/
.top-bar-section .menu-items .wrap .n1 li.section01 a:hover{color: #F9A825 !important;} /* economía*/
.top-bar-section .menu-items .wrap .n1 li.section02{border-left-color: #29B6F6}  /* caracas*/
.top-bar-section .menu-items .wrap .n1 li.section02 a:hover {color: #29B6F6 !important;} /* caracas*/
.top-bar-section .menu-items .wrap .n1 li.section03{border-left-color: #E53935}  /* deportes*/
.top-bar-section .menu-items .wrap .n1 li.section03 a:hover{color: #E53935 !important;} /* deportes*/
.top-bar-section .menu-items .wrap .n1 li.section04{border-left-color: #66BB6A}  /* opinion*/
.top-bar-section .menu-items .wrap .n1 li.section04 a:hover{color: #66BB6A !important;} /* opinion*/
.top-bar-section .menu-items .wrap .n1 li.section05{border-left-color: #F06292}  /* entrenimiento */
.top-bar-section .menu-items .wrap .n1 li.section05 a:hover{color: #F06292 !important;} /* entrenimiento */
.top-bar-section .menu-items .wrap .n1 li.section06{border-left-color: #26C6DA}  /* internacional*/
.top-bar-section .menu-items .wrap .n1 li.section06 a:hover{color: #26C6DA !important;} /* internacional*/
.top-bar-section .menu-items .wrap .n1 li.section07{border-left-color: #8D6E63}  /* sucesos */
.top-bar-section .menu-items .wrap .n1 li.section07 a:hover{color: #8D6E63 !important;} /* sucesos */
.top-bar-section .menu-items .wrap .n1 li.section08{border-left-color: #9575CD}  /* politica*/
.top-bar-section .menu-items .wrap .n1 li.section08 a:hover{color: #9575CD !important;} /* politica*/

/*section colors */
.section01 .header .btn, .section01 .header .submenu, .section01 .header .search .bsctext input[type="text"], .section01 .header .search .bsctext input[type="button"]  { border-color: #F9A825}  /* economía*/
.section02 .header .btn, .section01 .header .submenu, .section02 .header .search .bsctext input[type="text"], .section02 .header .search .bsctext input[type="button"]  { border-color: #29B6F6} /* caracas*/
.section03 .header .btn, .section01 .header .submenu, .section03 .header .search .bsctext input[type="text"], .section03 .header .search .bsctext input[type="button"]  { border-color: #E53935} /* deportes*/
.section04 .header .btn, .section01 .header .submenu, .section04 .header .search .bsctext input[type="text"], .section04 .header .search .bsctext input[type="button"]  { border-color: #66BB6A} /* opinion*/
.section05 .header .btn, .section01 .header .submenu, .section05 .header .search .bsctext input[type="text"], .section05 .header .search .bsctext input[type="button"]  { border-color: #F06292} /* entrenimiento */
.section06 .header .btn, .section01 .header .submenu, .section06 .header .search .bsctext input[type="text"], .section06 .header .search .bsctext input[type="button"]  { border-color: #26C6DA} /* internacional*/
.section07 .header .btn, .section01 .header .submenu, .section07 .header .search .bsctext input[type="text"], .section07 .header .search .bsctext input[type="button"]  { border-color: #8D6E63} /* sucesos */
.section08 .header .btn, .section01 .header .submenu, .section08 .header .search .bsctext input[type="text"], .section08 .header .search .bsctext input[type="button"]  { border-color: #9575CD} /* politica*/

.section01 .header .search .bsctext input[type="submit"], .section01 .header .search .bsctext input[type="button"], .section01 .header .search .bsctext button, .section01 .header:after { background-color: #F9A825}  /* economía*/
.section02 .header .search .bsctext input[type="submit"], .section02 .header .search .bsctext input[type="button"], .section02 .header .search .bsctext button, .section02 .header:after { background-color: #29B6F6} /* caracas*/
.section03 .header .search .bsctext input[type="submit"], .section03 .header .search .bsctext input[type="button"], .section03 .header .search .bsctext button, .section03 .header:after { background-color: #E53935} /* deportes*/
.section04 .header .search .bsctext input[type="submit"], .section04 .header .search .bsctext input[type="button"], .section04 .header .search .bsctext button, .section04 .header:after { background-color: #66BB6A} /* opinion*/
.section05 .header .search .bsctext input[type="submit"], .section05 .header .search .bsctext input[type="button"], .section05 .header .search .bsctext button, .section05 .header:after { background-color: #F06292} /* entrenimiento */
.section06 .header .search .bsctext input[type="submit"], .section06 .header .search .bsctext input[type="button"], .section06 .header .search .bsctext button, .section06 .header:after { background-color: #26C6DA} /* internacional*/
.section07 .header .search .bsctext input[type="submit"], .section07 .header .search .bsctext input[type="button"], .section07 .header .search .bsctext button, .section07 .header:after { background-color: #8D6E63} /* sucesos */
.section08 .header .search .bsctext input[type="submit"], .section08 .header .search .bsctext input[type="button"], .section08 .header .search .bsctext button, .section08 .header:after { background-color: #9575CD} /* politica*/



/*fixed*/
.header.fixed {-webkit-transition: all .3s;transition:all .3s; background-color: #ffcb08}
.header.fixed .center .title {display: none;}
.header.fixed .top-bar-section{height: 60px;}
.header.fixed .left-options .center .brand{}
.header.fixed .left-options .center .title{color:#FFF; font-size: 22px; /*letter-spacing: -0.5px;*/ line-height: .95em; padding-left: 10px; width: inherit}
.header.fixed .right-options, .header.fixed .left-options { top:12px;}
.header.fixed .submenu{ position: absolute; top:18px; right:135px; background-color: transparent; z-index: 2;margin-top: 0; border-top: none; height: 30px}
.header.fixed .submenu .nav{ margin-bottom: 0; }
.header.fixed .submenu li {margin-right: 0; padding: 0; width: auto}
.header.fixed .submenu li a{color:#FFF !important; font-size: 15px; line-height: 15px}
.header.fixed .submenu li a:hover{ color:#000 !important;}
.header.fixed .submenu li a.current{ /*font-weight: bold;*/}
.header.fixed:before{ display: none;}


.header.fixed .title-section {display: block; z-index: 2; }
.header.fixed .submenu { width: 320px;}
.header.fixed .submenu .title-section{ text-align: right}
.header.fixed .submenu .nav { display: none;position: absolute; top:0px; left:0; width: 100%; padding:0 10px 0 10px; margin-top: 50px; z-index: 1}
.header.fixed .submenu.open .nav { display:block;}
.header.fixed .submenu.open .nav li{ display: block; float: none; text-align: left; padding:5px; border-bottom: 1px solid #FFF}
.header.fixed .submenu.open .nav li:last-child{ border-bottom: none}
.header.fixed .submenu.open .nav li a{ padding: 5px 0;}
.header.fixed .submenu.open .nav li a.a1{ padding: 5px 0;}
.header.fixed .submenu .nav .n2{ position: relative; top: inherit; left: inherit; padding: 0; width: 320px}
.header.fixed .submenu .nav .n2 li { border-color: #ccc; margin: 0 10px}
.header.fixed .submenu .nav .n2 li a{color:#000 !important;}
.header.fixed .submenu .nav .desplegable2.open {  padding: 0; margin: 0 -10px;}
.header.fixed .submenu .nav .desplegable2.open .a1{ padding: 10px 0 10px 15px; color:#333 !important;}
.header.fixed .submenu .nav .desplegable2.open .a1:hover {color:#333 !important;}
/*.header.fixed .submenu .nav .desplegable2.open .a1:hover:after{ right:10px}*/
.header.fixed .submenu .nav .desplegable2.open .a1:after{  right: 10px;}
.header.fixed .submenu .nav .desplegable2 .a1:after{top:50% !important; }
/*colors*/
.section01 .header.fixed  { background-color: #F9A825}  /* economía*/
.section02 .header.fixed  { background-color: #29B6F6} /* caracas*/
.section03 .header.fixed  { background-color: #E53935} /* deportes*/
.section04 .header.fixed  { background-color: #66BB6A} /* opinion*/
.section05 .header.fixed  { background-color: #F06292} /* entrenimiento */
.section06 .header.fixed  { background-color: #26C6DA} /* internacional*/
.section07 .header.fixed  { background-color: #8D6E63} /* sucesos */
.section08 .header.fixed  { background-color: #9575CD} /* politica*/

.header.fixed .btn,
.section01 .header.fixed .btn,
.section02 .header.fixed .btn,
.section03 .header.fixed .btn,
.section04 .header.fixed .btn,
.section05 .header.fixed .btn,
.section06 .header.fixed .btn,
.section07 .header.fixed .btn,
.section08 .header.fixed .btn { border-color:#FFF; color:#FFF !important;}

.section01 .top-bar-section ul li > a:hover, .section01 .header.fixed .submenu.open .nav .n2 li a:hover { color: #F9A825 !important;} /* economía*/
.section02 .top-bar-section ul li > a:hover, .section02 .header.fixed .submenu.open .nav .n2 li a:hover { color: #29B6F6 !important;} /* caracas*/
.section03 .top-bar-section ul li > a:hover, .section03 .header.fixed .submenu.open .nav .n2 li a:hover { color: #E53935 !important;} /* deportes*/
.section04 .top-bar-section ul li > a:hover, .section04 .header.fixed .submenu.open .nav .n2 li a:hover { color: #66BB6A !important;} /* opinion*/
.section05 .top-bar-section ul li > a:hover, .section05 .header.fixed .submenu.open .nav .n2 li a:hover { color: #F06292 !important;} /* entrenimiento */
.section06 .top-bar-section ul li > a:hover, .section06 .header.fixed .submenu.open .nav .n2 li a:hover { color: #26C6DA !important;} /* internacional*/
.section07 .top-bar-section ul li > a:hover, .section07 .header.fixed .submenu.open .nav .n2 li a:hover { color: #8D6E63 !important;} /* sucesos */
.section08 .top-bar-section ul li > a:hover, .section08 .header.fixed .submenu.open .nav .n2 li a:hover { color: #9575CD !important;} /* politica*/

.section01 .header.fixed .submenu.open .nav { background-color: #F9A825 !important;} /* economía*/
.section02 .header.fixed .submenu.open .nav { background-color: #29B6F6 !important;} /* caracas*/
.section03 .header.fixed .submenu.open .nav { background-color: #E53935 !important;} /* deportes*/
.section04 .header.fixed .submenu.open .nav { background-color: #66BB6A !important;} /* opinion*/
.section05 .header.fixed .submenu.open .nav { background-color: #F06292 !important;} /* entrenimiento */
.section06 .header.fixed .submenu.open .nav { background-color: #26C6DA !important;} /* internacional*/
.section07 .header.fixed .submenu.open .nav { background-color: #8D6E63 !important;} /* sucesos */
.section08 .header.fixed .submenu.open .nav { background-color: #9575CD !important;} /* politica*/

[class^="section"] .header.fixed .submenu .nav .desplegable2 li{ padding-left: 5px;}
[class^="section"] .header.fixed .submenu .nav .desplegable2 li:hover{ margin-left:10px; padding-left:0; padding-right:0;margin-right:10px; background-color: transparent !important;}
[class^="section"] .header.fixed .submenu .nav .desplegable2 li:hover a{background-color: transparent !important; padding-left:5px}
[class^="section"] .header.fixed .submenu .nav .desplegable2 li a:hover {padding-left:5px}
[class^="section"] .header.fixed .search .bsctext button{background-color:#FFF;}
[class^="section"] .header.fixed .search .bsctext input[type="text"]{border-color:#FFF;}
[class^="section"] .header.fixed .submenu .title-section:after { background-color: #FFF !important;}

.section01 .header.fixed .submenu .title-section:after { color: #F9A825 !important;} /* economía*/
.section02 .header.fixed .submenu .title-section:after { color: #29B6F6 !important;} /* caracas*/
.section03 .header.fixed .submenu .title-section:after { color: #E53935 !important;} /* deportes*/
.section04 .header.fixed .submenu .title-section:after { color: #66BB6A !important;} /* opinion*/
.section05 .header.fixed .submenu .title-section:after { color: #F06292 !important;} /* entrenimiento */
.section06 .header.fixed .submenu .title-section:after { color: #26C6DA !important;} /* internacional*/
.section07 .header.fixed .submenu .title-section:after { color: #8D6E63 !important;} /* sucesos */
.section08 .header.fixed .submenu .title-section:after { color: #9575CD !important;} /* politica*/


.header.home .left-options .center .brand{ display: none;}
.header.home .left-options .center .title{ margin-left: 90px;}
.header.home.fixed .left-options .center .brand { display: inline-block}
/* Media query
--------------------------------------------------------------------*/
/* Small < 641 px */
@media only screen and (max-width: 40.0625em) {
    .header  { height: 46px; margin-bottom: 52px}
    .header .btn{width: 24px; height:24px; font-size: 12px; line-height: 19px !important}
    .header .top-bar-section { height: 41px;}
    .header .search .bsctext.open{display: block; background-color: #000; margin: -4px 0 0 0;}
    .header.home.fixed .left-options .center .brand.open { display: none}
    .header.home .left-options .center .brand.open { display: none}

    .header .left-options {top:9px; width: 90%; left:5px}
    .header .left-options .center { padding:0 0 0 60px;}
    .header .left-options .center .brand {width: 170px; margin: -12px 0 0 0;}
    .header .left-options .center .brand img{width: 100%;}
    .header .left-options .center .title{ display: none;}
    .header .left-options .options{ left: 5px;}
    .header .left-options .options li.search{ display: none}
    .header .right-options {top:8px}
    .header .right-options .options{ margin-right: 5px;}
    .header .right-options .options li:nth-child(2),
    .header .right-options .options li:nth-child(3){ display: none}

    [class^="section"] .header:before{ top: 45px; height: 30px;}


    .header .submenu.open{ height: auto}
    [class^="section"] .header .submenu.open .nav, [class^="section"] .header.fixed .submenu.open .nav{ background-color: #111 !important;}

    .header .submenu .nav { border-left: 5px solid #000}
    .section01 .header .submenu .nav { border-left-color: #F9A825 !important;} /* economía*/
    .section02 .header .submenu .nav { border-left-color: #29B6F6 !important;} /* caracas*/
    .section03 .header .submenu .nav { border-left-color: #E53935 !important;} /* deportes*/
    .section04 .header .submenu .nav { border-left-color: #66BB6A !important;} /* opinion*/
    .section05 .header .submenu .nav { border-left-color: #F06292 !important;} /* entrenimiento */
    .section06 .header .submenu .nav { border-left-color: #26C6DA !important;} /* internacional*/
    .section07 .header .submenu .nav { border-left-color: #8D6E63 !important;} /* sucesos */
    .section08 .header .submenu .nav { border-left-color: #9575CD !important;} /* politica*/

    .header .submenu { height: 30px; top: 41px; width: 100%}
    .header .submenu .nav li{ display: block; padding: 0 10px}
    .header .submenu .nav li a{ padding: 0; text-align: left; color:#FFF;}

    .header .submenu .nav .desplegable2.open .n2 { position: relative; top:inherit; left: inherit; padding: 0}

    .header .submenu .title-section{ display: block; position:relative; color:#44535a; padding:0 8px; margin-top:0; font-size:16px; line-height: 30px; /*width:100%; max-width: 40.0625em*/}
    .header .submenu .title-section:after{ right:8px; position: absolute; top:9px;}

    .header .submenu .nav, .header.fixed .submenu .nav{ display: none}
    .header .submenu.open .nav,  .header.fixed .submenu.open .nav{ display: block;}

    .header.fixed .submenu{ top: 0; right:0; width: 100%; z-index: 2}
    .header.fixed .submenu .title-section{width: 32px; right: -3px; position: absolute; height: 40px;}

    /*.header.fixed .submenu .title{color:#44535a}*/

    .header.fixed .top-bar-section{height: 46px;}
    .header.fixed .left-options{z-index: 3}
    .header.fixed .right-options .options{ display: none;}
    .header.fixed .submenu .title-section { /*text-indent:19999em;*/     padding-top: 34px;overflow: hidden}
    .header.fixed .submenu .title-section:after{top:20px;}

    .header.fixed .submenu .nav{ top:-4px;}

    .header.fixed .submenu.open .nav li{ border-bottom: none; padding: 0}
    .header.fixed .submenu.open .nav li a{ padding: 0}
    .header.fixed .submenu li{ padding: 0}
    .header.fixed .submenu li a{line-height: 34px;font-size: 0.8125rem; font-weight: normal}
    .header .submenu .nav .n2 { width: auto; background-color: transparent;}
    .header .submenu .nav .n2 li{ border-bottom: none}
    .header .submenu .nav .n2 li a{color:#FFF;}
    .header .submenu .nav .desplegable2.open .a1{border-top:1px solid #384850;}
    .header .submenu .nav .desplegable2.open .n2{border-bottom: 1px solid #384850;}
    .header .search{left:29px;}

    .header.home { margin-bottom: 0}
    .header.home .left-options .center .brand{ display: inline-block;}
    .header.home .submenu {display: none;}
    .header.home:after{ content: '';background-color: #ffcb08; background-size: 10px 23px; background-repeat: repeat-x; height: 5px;width: 100%; display: inherit;}

    .header.home.fixed .right-options .options {display: block}
}

/* Medium < 1025 px*/
@media only screen and (max-width: 64.0625em) {
   /**/

}

/* Tables - landscape */
@media only screen and (min-width: 40.0625em) and (max-width: 64.0625em) and (orientation: landscape) {

    .header .left-options .options{ width: 32px;}
    .header .left-options .center .title{width:685px;}
    .header .left-options{ left:10px;}
    .header .right-options{ right:10px;}
    .header.home .left-options .center .brand{ display: none;}
    .header.home.fixed .left-options .center .brand { display: inline-block}
    .header.home .submenu .nav li{width: 126px;}
    .header.home .submenu .nav li a{padding: 0 !important;}
    .header.home .left-options .center .title {margin-left: 80px;}
}

/* Tables - portrait */
@media only screen and (min-width: 40.0625em) and (max-width: 64.0625em) and (orientation: portrait) {
    .header .left-options .options{ width: 32px;}
    .header .left-options .center .title{width:430px;}
    .header.home .left-options .center .brand{ display: none;}
    .header.home.fixed .left-options .center .brand { display: inline-block}
    .header.home .left-options .center .title {margin-left: 65px;}
    .fixed {width: 768px; }
    .header .left-options{ left:10px;}
    .header .right-options{ right:10px;}
    .header.home .submenu .nav li{ border-left:1px solid #FFF;border-right:1px solid #FFF;}
    .top-bar-section .submenu ul li > a{ padding: inherit}
}

/* xlarge > 1440 px */
@media only screen and (min-width: 90.0625em) {

}

/* xxlarge > 1920 px */
@media only screen and (min-width: 120.0625em) {

}

/* Print
--------------------------------------------------------------------*/
@media print {

}

/*********Menú***********/
#menu-nav.active {
    position: fixed;
    opacity: 1;
    width: 100%;
}
#menu-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: 1100;
    opacity: 0;
    transition: opacity .15s ease;
    background-color: rgba(0,0,0,.8);
}
div.veil {
    bottom: 30px;
    left: 10px;
    right: 10px;
    background-color: rgba(0,0,0,0.8);
    color: white;
}
#menu-nav.active .nav-container {
    left: 0;
    max-height: 100%;
    overflow: hidden;
}
#menu-nav .nav-container {
    position: absolute;
    top: 0;
    left: -500px;
    width: 90%;
    max-width: 350px;
    transition: left .75s ease;
    background-color: #ebebeb;
}
#menu-nav .nav-container .nav-header {
    padding: 30px 35px 14px;
}
#menu-nav .nav-container .nav-header .boton-container {
    /* padding-left: 10px; */
    margin-bottom: 14px;
}
#menu-nav .nav-container .nav-header .menu-header-close {
    background-color: transparent;
    border: 2px solid #ffcb08;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    /* background-image: url(var/www/html/eu-light/img/x.svg); */
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 13px;
}

.menu-header-close .icon-close{
    width: 20px;
    height: 20px;
}

#menu-nav .nav-container .nav-header .menu-form-buscar {
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 2px;
}
.w-100 {
    width: 100%;
}
#menu-nav .nav-container .nav-header .menu-form-buscar .icono-buscar {
    background-image: url(dist/buscar.svg?7b82492…);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 14px;
}
#menu-nav .nav-container .nav-header .input-group-addon, #menu-nav .nav-container .nav-header input {
    background-color: transparent;
    border: 0;
    box-shadow: none;
}
#menu-nav .nav-container nav {
    height: 100%;
    max-height: 250px;
    overflow: auto;
}

@media only screen and (min-height: 420px) {
    #menu-nav .nav-container nav {
        height: 100%;
        max-height: 320px;
        overflow: auto;
    } 
 }

@media only screen and (min-height: 560px) {
    #menu-nav .nav-container nav {
        height: 100%;
        max-height: 400px;
        overflow: auto;
    } 
 }
 @media only screen and (min-height: 630px) {
    #menu-nav .nav-container nav {
        height: 100%;
        max-height: 500px;
        overflow: auto;
    } 
 }
 @media only screen and (min-height: 700px) {
    #menu-nav .nav-container nav {
        height: 100%;
        max-height: 600px;
        overflow: auto;
    } 
 }
#menu-nav .nav-container ul {
    padding: 0;
}
#menu-nav .nav-container nav .categorias-menu>li {
    position: relative;
}
#menu-nav .nav-container nav .categorias-menu>li:after {
    content: "";
    width: 77.5%;
    border-top: 1px solid #b3b3b3;
    min-height: 1px;
    opacity: .3;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1px;
    transition: opacity .1s ease;
}
#menu-nav .nav-container nav .categorias-menu .enlace-container {
    position: relative;
    margin-bottom: 1px;
    border-left: 8px solid #f9a825;
    transition: background .25s ease;
    padding-left: 24px;
}
#menu-nav .nav-container nav .categorias-menu .enlace-container a {
    padding: 3px;
    display: block;
    font-size: 15px;
}
#menu-nav .nav-container nav .categorias-menu .enlace-container .toggler-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    cursor: pointer;
    transition: .4s ease;
    font-size: 10px;
    width: 32px;
    height: 100%;
}
#menu-nav .nav-container nav .categorias-menu .enlace-container .toggler-icon>i {
    transition: .4s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
#menu-nav .nav-container nav .categorias-menu ul {
    display: none;
}
#menu-nav .nav-container nav .categorias-menu ul .enlace-container a {
    padding-left: 21px;
    font-size: 14px;
}
#menu-nav .nav-container nav .categorias-menu ul .enlace-container a:hover {
    color: rgb(14, 13, 13);
}
#menu-nav .nav-container nav .categorias-menu ul li .bar {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: width .25s ease;
}
#menu-nav .nav-container nav .categorias-menu .expanded .enlace-container .toggler-icon>i {
    top: 35%;
    left: 35%;
    transform: rotate(180deg);
}
#menu-nav .nav-container nav .categorias-menu ul li:hover .bar {
    width: 8px;
    background-color: #f9a825;
}

.st_eco{
    border-left-color: rgb(249, 168, 37);
}
.st_eco:hover{
    background-color: rgb(249, 168, 37);
}
.st_ccs{
    border-left-color: rgb(41, 182, 246) !important;
}
.st_ccs:hover{
    background-color:rgb(41, 182, 246);
}
.st_dep{
    border-left-color: rgb(229, 57, 53) !important;
}
.st_dep:hover{
    background-color: rgb(229, 57, 53);
}
.st_opi{
    border-left-color: rgb(102, 187, 106) !important;
}
.st_opi:hover{
    background-color: rgb(102, 187, 106);
}
.st_entre{
    border-left-color: rgb(240, 98, 146) !important;
}
.st_entre:hover{
    background-color: rgb(240, 98, 146);
}
.st_int{
    border-left-color: rgb(38, 198, 218) !important;
}
.st_int:hover{
    background-color: rgb(38, 198, 218);
}
.st_suc{
    border-left-color: rgb(161, 136, 127) !important;
}
.st_suc:hover{
    background-color: rgb(161, 136, 127);
}
.st_pltc{
    border-left-color: rgb(149, 117, 205) !important;
}
.st_pltc:hover{
    background-color: rgb(149, 117, 205);
}
.st_reg{
    border-left-color: rgb(30, 136, 229) !important;
}
.st_reg:hover{
    background-color: rgb(30, 136, 229);
}
.st_soc{
    border-left-color: rgb(236, 64, 122) !important;
}
.st_soc:hover{
    background-color: rgb(236, 64, 122);
}
.st_etldvida{
    border-left-color: rgb(0, 137, 123) !important;
}
.st_etldvida:hover{
    background-color: rgb(0, 137, 123);
}
.st_gturistica{
    border-left-color: rgb(2, 119, 189) !important;
}
.st_gturistica:hover{
    background-color: rgb(2, 119, 189);
}
.st_gstro{
    border-left-color: rgb(239, 108, 0) !important;
}
.st_gstro:hover{
    background-color: rgb(239, 108, 0);
}
.st_tecn{
    border-left-color: rgb(56, 142, 60) !important;
}
.st_tecn:hover{
    background-color: rgb(56, 142, 60);
}
.st_multm{
    border-left-color: rgb(183, 28, 28) !important;
}
.st_multm:hover{
    background-color: rgb(183, 28, 28);
}
.st_blog{
    border-left-color: rgb(255, 179, 0) !important;
}
.st_blog:hover{
    background-color: rgb(255, 179, 0);
}
.st_obt{
    border-left-color: rgb(96, 125, 139) !important;
}
.st_obt:hover{
    background-color: rgb(96, 125, 139);
}
.st_bal{
    border-left-color:rgb(173, 20, 87) !important;
}
.st_bal:hover{
    background-color: rgb(173, 20, 87);
}
.st_cartedict{
    border-left-color: rgb(97, 97, 97) !important;
}
.st_cartedict:hover{
    background-color: rgb(97, 97, 97);
}
.st_doblvia{
    border-left-color: rgb(0, 191, 165) !important;
}
.st_doblvia:hover{
    background-color: rgb(0, 191, 165);
}
.st_serv{
    border-left-color: rgb(251, 140, 0) !important;
}
.st_serv:hover{
    background-color: rgb(251, 140, 0);
}
.st_edimpr{
    border-left-color: rgb(255, 143, 0) !important;
}
.st_edimpr:hover{
    background-color: rgb(255, 143, 0);
}
.st_dailynew{
    border-left-color: rgb(255, 160, 0) !important;
}
.st_dailynew:hover{
    background-color: rgb(255, 160, 0);
}
.st_estampas{
    border-left-color: rgb(236, 0, 140) !important;
}
.st_estampas:hover{
    background-color: rgb(236, 0, 140);
}
.st_clasf{
    border-left-color: rgb(255, 203, 5) !important;
}
.st_clasf:hover{
    background-color: rgb(255, 203, 5);
}
.st_empleo{
    border-left-color: rgb(255, 203, 5) !important;
}
.st_empleo:hover{
    background-color: rgb(255, 203, 5);
}

.zindex-100{
    z-index: 9999 !important;
}