/* note.css */

/* Detalle noticia
***********************************************************************************/
.note {margin-bottom: 40px; position: relative; /*overflow: hidden*/}

/*head*/
.note .head { border-bottom: solid 1px #ccc;padding-bottom: 15px;}
.note .head .subtitle {margin-bottom: 10px;font-size: 25px;line-height: 30px; font-family: 'robotolight';}
.note .head .title { margin-bottom: 10px; font-size: 54px;line-height: 60px; font-family: 'roboto_slabregular';}
.note .head .sum { margin-bottom: 10px;font-size: 22px;line-height: 29px;}
.note .asset-type{font-family:robotolight; text-transform: uppercase; font-size: 13px; line-height:24px; color:#010000; margin-bottom: 10px;}
.note .asset-type:before{content: ''; width:24px;height:16px; display: inline-block; vertical-align: middle; }
.note .asset-type.audio:before{ background: url(../img/icon-audio.png) no-repeat 2px 0}
.note .asset-type.video:before{background: url(../img/icon-video.png) no-repeat 0 0; }
.note .asset-type.infographic:before{background: url(../img/icon-infografia.png) no-repeat 0 -1px; height: 20px}
.note .asset-type.gallery:before{background: url(../img/icon-camera.png) no-repeat 0 -1px; height: 20px}

/*eu-toolbar*/
.eu-toolbar {margin-bottom: 15px; position: relative}
.eu-toolbar .nav li { padding: 0 5px;}
.eu-toolbar .nav li i {width: 32px;height: 32px;margin: 8px 0 0; font-size: 16px; color: #fff;text-align: center; background-color: #5a5b5b;border-radius: 15px; line-height: 30px; display: block;float: left;}
.eu-toolbar .nav li p {font-size: 12px;line-height: 5px;font-family: 'robotobold'; color: #afafaf;float: left; padding:0 15px 0 5px; text-transform: uppercase}
.eu-toolbar .nav li span {font-size: 23px;line-height: 34px; font-family: 'robotomedium'; display: block;}
.eu-toolbar .nav .f {background-color: #33669a; margin-right: 10px;}
.eu-toolbar .nav .t {background-color: #06c3f3; margin-right: 10px;}
.eu-toolbar .nav .g {background-color: #c22026; margin-right: 10px;}
.eu-toolbar .nav .w { background:#1d9e11 url(../img/icon-whatsapp.png) no-repeat center center}
.eu-toolbar .nav .more-share{padding: 0 5px;background: #959595;position: absolute;top: -45px;left: -20px;display: none;}
.eu-toolbar .nav .more-share:after{content: ''; position: absolute; top:42px; right: 60px; margin:0 auto; width: 0;height: 0;border-style: solid; border-width: 8px 8px 0 8px; border-color: #959595 transparent transparent transparent;}
.eu-toolbar .nav .more-share li {/*padding: 5px 2px;*/display: table-cell; padding: 0}
.eu-toolbar .nav .more-share.open {display: table;}
.eu-toolbar .nav .more-share i {width: 32px; height: 32px; font-size: 16px; color: #fff; text-align: center; border-radius: 15px; display: block; margin:5px;}
.eu-toolbar .nav .more-share li .pin {background-color: #cc2127;}
.eu-toolbar .nav .more-share li .lin {background-color: #0077b5;}
.eu-toolbar .nav .more-share li .stu {background-color: #eb4924;}
.eu-toolbar .nav .more-share li .mai,
.eu-toolbar .nav .more-share li .arr {background-color: #5a5a5a;}
.eu-toolbar .nav .resume { margin-right: 0; float: right; }
.eu-toolbar .nav .resume .cl{ width: 32px; height: 32px; display: block}
.eu-toolbar .nav .resume .txt{ background-color: #5d5d5d; width: 300px; min-height:523px; display:none; margin-top: 23px; margin-left:5px; border:none; padding:30px 10px}
.eu-toolbar .nav .resume .txt:before{border-color: transparent transparent #5d5d5d transparent;}
.eu-toolbar .nav .resume .txt:after {border-color: transparent}
.eu-toolbar .nav .resume .txt p{ color: #FFF; float:inherit; font:normal 16px/21px 'robotoregular' ; margin-bottom: 15px;}
.eu-toolbar .nav .resume .txt p:before{content: '>'; margin-right: 5px; font-weight: 100;}
.eu-toolbar .nav .resume .txt.open{ display: block}
.eu-toolbar .nav .resume .txt.f-dropdown{ max-width: inherit}
.eu-toolbar .nav .resume .txt.f-dropdown.open::before, .eu-toolbar .nav .resume .txt.f-dropdown.open::after{ /*margin-left:165px*/}

.section01 .eu-toolbar .nav .resume .txt p:before  { color: #F9A825}  /* economía*/
.section02 .eu-toolbar .nav .resume .txt p:before  { color: #29B6F6} /* caracas*/
.section03 .eu-toolbar .nav .resume .txt p:before  { color: #E53935} /* deportes*/
.section04 .eu-toolbar .nav .resume .txt p:before  { color: #66BB6A} /* opinion*/
.section05 .eu-toolbar .nav .resume .txt p:before  { color: #F06292} /* entrenimiento */
.section06 .eu-toolbar .nav .resume .txt p:before  { color: #26C6DA} /* internacional*/
.section07 .eu-toolbar .nav .resume .txt p:before  { color: #8D6E63} /* sucesos */
.section08 .eu-toolbar .nav .resume .txt p:before  { color: #9575CD} /* politica*/

/*eu-media*/
.note .eu-media .thumb {position: relative;}
.note .eu-media .thumb .credit-thumb {width: 100%; background-color:#333; padding: 15px 85px 15px 10px; font-family: 'robotomedium'; font-size: 14px;line-height: 20px; position: absolute; bottom: 0; display: none;}
.note .eu-media .thumb .credit-thumb p{ color:#FFF;}
.note .eu-media .thumb .credit-thumb .robotobold span {text-transform: uppercase}
.note .eu-media .thumb.open .credit-thumb{ display: block}
.note .eu-media .inline-list > li {margin-left: 8px;}
.note .eu-media .icon-zoom {color: #fff;position: absolute;top: 10px; right: 10px;}

.note .eu-media.infografia {margin-bottom: 0}
.note .eu-media.infografia .credit-thumb{ position: relative; top:inherit; display: block; background-color: transparent;}
.note .eu-media.infografia .credit-thumb p{color:#333;}
.note .eu-media.infografia .photomore .dejeshare .icon-share { background-color:#5a5a5a;}

.note .eu-media.fotogaleria{margin-bottom: 15px;border-bottom: solid 1px #ccc;}
.note .eu-media.fotogaleria .credit-thumb{ position: relative; top:inherit; display: block; background-color: transparent;}
.note .eu-media.fotogaleria .credit-thumb p{color:#333;}
.note .eu-media.fotogaleria .photomore .dejeshare .icon-share { background-color:#5a5a5a;}
.note .eu-media.fotogaleria:last-child{border:none; margin-bottom: 0}

.note .eu-media.video {position: relative; margin-bottom: 15px;}
.note .eu-media.video a{ display: block; position: relative}
.note .eu-media.video a:before{content:''; opacity:.8; width: 34px; height: 47px; background: url(../img/bt-play.png) no-repeat 0 0; position: absolute; top:50%; left: 50%; margin-top:-23.5px; margin-left: -17px; z-index: 2}
.note .eu-media.video a:hover:before{ opacity: 1}
.note .eu-media.video .credit-thumb{ position: relative; top:inherit; display: block; background-color: transparent; padding-top: 10px;}
.note .eu-media.video .credit-thumb p{color:#333;}
.note .eu-media.video .photomore .dejeshare .icon-share { background-color:#5a5a5a; }
.note .eu-media.video .photomore a:before {background-image: none}

.note .eu-media.audio .player{ position: relative}
.note .eu-media.audio a{ display: block; position: relative}
.note .eu-media.audio .credit-thumb{ position: relative; top:inherit; display: block; background-color: transparent; padding-top: 10px;}
.note .eu-media.audio .credit-thumb p{color:#333;}
.note .eu-media.audio .photomore .dejeshare .icon-share { background-color:#5a5a5a; }
.note .eu-media.audio .photomore a:before {background-image: none}

.note .eu-media.carousel .top .item{}
.note .eu-media.carousel .top .item .thumb{}
.note .eu-media.carousel .top .item .thumb .credit-thumb{background-color:#555555}
.note .eu-media.carousel .top .direction-nav { position: absolute; top:50%; width: 100%;  margin:0 -0.469em;}
.note .eu-media.carousel .top .direction-nav li{}
.note .eu-media.carousel .top .direction-nav a{position:absolute; display:block; top:50%; width:32px; height:32px; background:rgba(90,90,90,.77); color:#FFF;margin:0 10px;}
.note .eu-media.carousel .top .direction-nav a.next { right:0; }
.note .eu-media.carousel .top .direction-nav a.prev { left:0; }
.note .eu-media.carousel .top .direction-nav-disabled { opacity:.5}
.note .eu-media.carousel .bottom{ background-color:#333; position: relative; padding: 18px 0; min-height: 108px;}
.note .eu-media.carousel .bottom .prev{color:#FFF; font-size: 24px; position: absolute; top:18px; left:0;  height:80px; width:24px; display: block}
.note .eu-media.carousel .bottom .next{color:#FFF; font-size: 24px; position: absolute; top:18px; right:0; height:80px; width:24px;display: block}
.note .eu-media.carousel .bottom .next:before{margin-left:0; margin-right: 0; line-height: 88px;}
.note .eu-media.carousel .bottom .prev:before{margin-left:0; margin-right: 0; line-height: 88px;}
.note .eu-media.carousel .bottom .viewport {max-width:860px; height:84px; margin: 0 auto}
.note .eu-media.carousel .bottom .n3 li{ display: inline-block;}
.note .eu-media.carousel .bottom .n3 li img{ border:2px solid #333;}
.note .eu-media.carousel .bottom .n3 li.active-slide img{ border:2px solid #999}
.note .eu-media.carousel .bottom .direction-nav {  display: none;}

/* Cuerpo de la noticia*
--------------------------------------------------------------------*/
.body-note {padding-top: 10px;}
.body-note-a {width: 250px;float:left; }
.body-note-b {width: 675px;float:right; }

/* box-left / box-right */
.note-text [class^="box-"] {width: 50%; background-color: #ebebeb; border-left:12px solid #c2c2c2;/*margin-bottom: 10px;*/padding: 10px; }
.note-text .box-left    {float: left; margin-right: 15px; }
.note-text .box-right   {float: right; width: 50%; margin-left: 15px;}
.note-text [class^="box-"].eu-articles{ width: 40%;}

/*eu-publi*/
.eu-publi{ border:none !important; padding:0 !important; width: 300px !important}
.eu-publi .publi p{ font-family: 'verdana'; font-size: 10px; color: #909090;margin-bottom:0; padding: 2px 10px 1px;}
.note-text [class^="box-"] p {margin:0; }

/*eu-comments*/
.eu-comments a{ position: relative; display: block;}
.eu-comments p{padding:0 70px 0 10px}
.eu-comments .p1 { font-family: 'robotobold'; }
.eu-comments .p2 {}
.eu-comments .p3 { max-width: 50%; padding-right: 0}
.eu-comments [class^="icon-"]{ position:absolute; top:50%; right:0; margin-top: -16px; width: 32px; height: 32px; margin-left: 5px;line-height: 38px; font-size: 24px; color: #fff; text-align: center; background-color: #5a5a5a; border-radius: 15px; display: block;}

/*eu-articles*/
.eu-articles{}
.eu-articles p { font-family: 'robotobold';  font-size: 16px; color:#333; margin-bottom: 5px !important;}
.eu-articles ul li { padding-left:0; color:#898989;  list-style:initial; list-style-position: outside; margin-bottom:5px; margin-left: 20px;font-size: 14px; line-height: 16px;}
.eu-articles ul li a{color:#333;   font-family: 'robotoregular'; font-size: 14px; line-height: 16px;}
.eu-articles ul li a:hover{ text-decoration: underline}
.section01 .eu-articles  { border-color: #F9A825}  /* economía*/
.section02 .eu-articles  { border-color: #29B6F6} /* caracas*/
.section03 .eu-articles  { border-color: #E53935} /* deportes*/
.section04 .eu-articles  { border-color: #66BB6A} /* opinion*/
.section05 .eu-articles  { border-color: #F06292} /* entrenimiento */
.section06 .eu-articles  { border-color: #26C6DA} /* internacional*/
.section07 .eu-articles  { border-color: #8D6E63} /* sucesos */
.section08 .eu-articles  { border-color: #9575CD} /* politica*/

/* eu-carousel*/
.eu-carousel { position: relative; margin-bottom: 15px;}
.eu-carousel .direction-nav {position: absolute; top:50%; left:0; width: 100%}
.eu-carousel .direction-nav .prev,
.eu-carousel .direction-nav .next {
    margin-top: -16px; width: 32px; height: 32px; margin-left: 5px;line-height: 38px; font-size: 24px; color: #fff; text-align: center; background-color: #7d7d7d; border-radius: 15px; display: block;}
.eu-carousel .direction-nav .prev{ float:left; margin-left: 15px;}
.eu-carousel .direction-nav .next{ float: right; margin-right: 15px;}
.eu-carousel .thumb{position: relative}
.eu-carousel .thumb .credit-thumb p{color:#FFF;}

/*eu-video*/
.eu-video {position: relative; margin-bottom: 15px;}
.eu-video a:before{content:''; opacity:.8; width: 34px; height: 47px; background: url(../img/bt-play.png) no-repeat 0 0; position: absolute; top:50%; left: 50%; margin-top:-23.5px; margin-left: -17px; z-index: 2}
.eu-video a:hover:before{ opacity: 1}

/*eu-audio*/
.eu-audio{margin-bottom: 15px;}
.eu-audio .links{ background-color: #8b8b8b; color:#FFF; text-transform: uppercase; font:normal 15px robotoregular; padding: 5px 15px;}
.eu-audio .links a{ color:#FFF;}

/*eu-imagen*/
.eu-imagen{  padding: 0 !important; border: none !important; width: 335px !important; }
.eu-imagen .thumb{}
.eu-imagen .credit-thumb{color:#FFF; font-family: 'roboto_slabregular'; font-size: 25px; line-height:30px; padding: 10px;display:block;}
.section01 .eu-imagen .credit-thumb  { background-color: #F9A825}  /* economía*/
.section02 .eu-imagen .credit-thumb  { background-color: #29B6F6} /* caracas*/
.section03 .eu-imagen .credit-thumb  { background-color: #E53935} /* deportes*/
.section04 .eu-imagen .credit-thumb  { background-color: #66BB6A} /* opinion*/
.section05 .eu-imagen .credit-thumb  { background-color: #F06292} /* entrenimiento */
.section06 .eu-imagen .credit-thumb  { background-color: #26C6DA} /* internacional*/
.section07 .eu-imagen .credit-thumb  { background-color: #8D6E63} /* sucesos */
.section08 .eu-imagen .credit-thumb  { background-color: #9575CD} /* politica*/

/*cita*/
.body-note-b blockquote{ font-style: italic; color:#383435; font-size: 25px; min-height:160px; line-height: 30px; border:none; margin-left:-1250px; padding:30px 30px 30px 1195px; position: relative;}
.body-note-b blockquote:before{ content:''; background: url(../img/bg-cita.png) no-repeat 0 0; width: 112px; height: 93px; display:block; position: absolute; top:30px; right: 750px;}
.section01 .body-note-b blockquote  { background-color: #F9A825}  /* economía*/
.section02 .body-note-b blockquote  { background-color: #29B6F6} /* caracas*/
.section03 .body-note-b blockquote  { background-color: #E53935} /* deportes*/
.section04 .body-note-b blockquote  { background-color: #66BB6A} /* opinion*/
.section05 .body-note-b blockquote  { background-color: #F06292} /* entrenimiento */
.section06 .body-note-b blockquote  { background-color: #26C6DA} /* internacional*/
.section07 .body-note-b blockquote  { background-color: #8D6E63} /* sucesos */
.section08 .body-note-b blockquote  { background-color: #9575CD} /* politica*/

/* Credits
--------------------------------------------------------------------*/
.autor-thumb {margin-left: 30px;}
.autor-thumb img { margin-right: 22px;margin-bottom: 20px;border: solid 3px #5a5a5a; border-radius: 45px;}
.credits {margin-bottom: 50px; color:#666}
.credits li {margin-bottom: 10px;font-size: 15px;line-height: 21px;}
.credits p {font-family: 'robotobold';}
.credits span {font-family: 'robotobold';display: block;}
.dates p {padding-top: 25px;font-size: 14px; line-height: 17px; background: url("../img/bg-dates.png") no-repeat 4px 0;}
.dates p:first-child {margin-bottom: 0;padding-top: 0;}
.dates i { width: 18px; margin-right: 10px;float: left;}
.dates i:first-child {background-color: #fff;}
.dates span { width: 200px;padding-left: 28px;float: left;}
.dates p:first-child span {padding-left: 0px;}
.icon-watch-gr {
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBNTg4QjI3OThCMThFMzExQkNDRUQ5RTc4RjM4N0M5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMjdFMjRGMDc0MkYxMUU1OEZFQ0IzQTk2RjI5QzNFNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMjdFMjRFRjc0MkYxMUU1OEZFQ0IzQTk2RjI5QzNFNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmYjRiMjRiNy04OTRhLTkzNGQtYTIzMi1mMmU0Mzc5Nzg2N2IiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDplZGQ3ZTRlZS01YmUzLTExZTUtOGZiYS1jZDQ5NjJlOTA2OWUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5NshmEAAABNUlEQVR42qyTsWoCQRCGzyWtIYWldcBUSZEjD6Cx9QXSSRqLVFZyIFwpCCkslCsC9wK2kjzBpdAmCKb1DdKL/8AXWY7LXSBZ+Ji92fln53Znz4LciKLoVqYvOqKJey9eRRLH8bsfX/OEdZmZeMC1E1vmLXHJPBUDJfo6JUD8JkLsUAGbXGXXMhPRFplZS+JYnyF+Ft282Aa+LjEhmqDGP2fsbOKDt+tS5kW+peezTVdUEjoOLKDsQ1AxiBny2Xec9q6o7JIkGw6547iqbUl8T2U3CvymabqKzUbiQnwqyVic5wMcTdL6odQP0dP0XtyJK2/ZNHu7hbkmj+Lmt+dAT6zFwipI8E+4oiqxo6FsJI7eTrnXaVkS1qbEpqb9Dh7QTE/WJJRYVPaKmAzNPz2mvzznowADAC2OfOmzXA0xAAAAAElFTkSuQmCC);
}

/* Note Text
--------------------------------------------------------------------*/
.note-text p {margin-bottom: 15px;line-height: 22px; color:#333; font-size: 16px}

.note-share {margin-bottom: 15px;}
.note-share .sh-title {margin-bottom: 20px;font-size: 18px;line-height: 18px; font-family: 'robotomedium';color: #666;text-transform: uppercase;}
.note-share p {margin-bottom: 20px;}
.note-share p i { width:32px; height:32px; margin: 5px 5px 0 0; line-height: 30px; font-size: 16px; color: #fff; text-align: center; background-color: #5a5b5b; border-radius: 15px; display: block; float: left;}
.note-share p span {width:630px;line-height: 22px;float: left;}
.note-print {height: 32px;margin-top: -25px; margin-bottom: 22px;border-bottom: solid 1px #ccc; padding-top: 14px}
.note-print a {width: 32px;height: 32px;margin: 0px 5px 0;padding-top: 2px; font-size: 32px; color: #fff; text-align: center;  float: right; display: block;line-height: 32px;background-color: #5a5b5b; border-radius: 16px; }
.note-print a i:before{ margin:0; padding:5px 0 0 0;  }

.note footer {width: 675px;float: right; background-color: transparent; border:none}



.note-share .dejeshare {float: left;position: relative;}
.note-share span {width: 635px;display: inline-block;}


/*reset*/
.note-share .f-dropdown li {
    width: 32px;
    font-size: inherit;
    line-height: inherit;
}
.note-share .f-dropdown li a {padding: 0;}
.note-share .f-dropdown li a {background: inherit;}
.note-share .f-dropdown {
    margin-top: 12px;
    margin-left: -40px;
    background-color: #5a5a5a;
    border: none;
}
.note-share .f-dropdown.drop-top::before {
    border-color: #5a5a5a transparent transparent;
    left: 15px;
}
.note-share .f-dropdown.drop-top::after {
    border-color: transparent;
    left: 14px;
}
.note-share .f-dropdown li:hover,
.note-share .f-dropdown li:focus {background: none;}
/* Tool share */
.note-share .more-share{
    padding: 0 5px;
    background: #5a5a5a;
    position: absolute;
    top: -55px;
    right: -10px;
    display: none;
}
.note-share .more-share:after{
    content: '';
    position: absolute;
    top:42px;
    right: 18px;
    margin:0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #5a5a5a transparent transparent transparent;
}
.note-share .more-share li {
    padding: 5px 2px;
    display: table-cell;
}
.note-share .more-share.open {display: table;}
/* Share Icons */
.note-share i {
    width: 32px;
    height: 32px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    line-height: 30px;
    display: block;
}
.note-share li .pin {background-color: #cc2127;}
.note-share li .lin {background-color: #0077b5;}
.note-share li .stu {background-color: #eb4924;}
.note-share li .mai,
.note-share li .arr {background-color: #959595;}
.fch_public{color: #777}

/* Tags
--------------------------------------------------------------------*/
.tags {margin: 15px 0 45px;}
.tags i {width: 32px;height: 32px; margin-right: 10px; padding-top: 2px;font-size: 24px;color: #fff;text-align: center;background-color: #5a5a5a;border-radius: 20px;display: block;}
.tags p {margin-top: 5px;}
.tags a {margin: 0 5px 5px 0;padding: 2px 5px; font-family: 'robotobold';font-size: 15px;background-color: #fff;border: solid 1px #5a5a5a;border-radius: 5px; display: inline-block}
.tags a:hover {color: #fefefe;background-color: #5a5a5a;}
a:hover{text-decoration: none !important}

/* Te puede interesar
--------------------------------------------------------------------*/
.interesar {margin-bottom: 20px;}
.interesar h3 {margin-bottom: 10px; padding: 0 10px 5px; font-family: 'robotobold'; font-size: 19px; border-bottom: solid 5px #ecba22;}
.interesar ul {margin-bottom: 45px;}
.interesar li {/*width: 168px;*/padding-bottom: 10px; border-left: solid 1px #ccc; float: left;}
.interesar li:nth-child(1),
.interesar li:nth-child(5) {border-left: none;}
.interesar div {width: 140px; padding-bottom: 10px;border-bottom: solid 1px #ccc;}
.interesar li div {margin-left: 19px; margin-right: 19px;}
.interesar li:nth-child(1) div,
.interesar li:nth-child(5) div {margin-left: 0; margin-right: 18px;}
.interesar li:nth-child(4) div,
.interesar li:nth-child(8) div { margin-left: 18px; margin-right: 0;}
.interesar li:nth-child(5) div,
.interesar li:nth-child(6) div,
.interesar li:nth-child(7) div,
.interesar li:nth-child(8) div {padding-bottom: 0;border-bottom: none;}
.interesar figure {margin-bottom: 5px;}
.interesar p {font-size: 14px;line-height: 15px;}


/*more-articles*/
#morearticles{ position:fixed; top:0; right:-100%;  background-color:rgba(255,255,255, 1); color:#000; width: 100%;height: 100%; z-index: 4}
/*comments*/
#comments{ position:fixed; top:0; left:-100%; background-color:rgba(255,255,255, 1); color:#000; width: 100%; height: 100%;z-index: 4}


/* media query
--------------------------------------------------------------------*/
/* Small < 641 px */
@media only screen and (max-width: 40.0625em) {
    .body-note-a, .body-note-b, .note footer { width: 100%; float: inherit}

    .note {margin-bottom: 0;}
    /*head*/
    .note .head { border-bottom: none;padding-bottom: 5px;}
    .note .head .subtitle{font-size: 14px; line-height: 15px;}
    .note .head .title{font-size: 28px; line-height: 30px;}
    .note .head .sum {font-size: 14px; line-height: 20px;}

    /*eu-toolbar*/
    .eu-toolbar .nav li{ padding: 0}
    .eu-toolbar .nav li i{width: 24px;height: 24px;font-size: 12px; line-height: 24px; margin: 0 5px 0 0}
    .eu-toolbar .nav li p { font-size: 7px; line-height: 8px; padding:0 5px; display:none;}
    .eu-toolbar .nav li span{font-size: 12px; line-height: 19px;}
    .eu-toolbar .nav .f { margin-right: 5px; margin-left: 1px}
    .eu-toolbar .nav .t { margin-right: 5px;}
    .eu-toolbar .nav .g { margin-right: 5px; display: none}
    .eu-toolbar .nav li .icon-resume {margin-left: 5px;}
    .eu-toolbar .nav .resume .txt p { color: #FFF; float: inherit; font: normal 12px/17px 'robotoregular'; margin-bottom: 6px;}

    .note-text p{ font-size:18px;  line-height: 1.6666666667;}

    .note-text [class^="box-"], .note-text [class^="box-"].eu-articles{ float: none; width: 100%; margin-left: 0; max-width: 300px; margin-bottom: 10px}

    .note-share{ margin-bottom: 0; padding: 10px 0;}
    .note-share .sh-title{font-size:14px; line-height:18px; margin-bottom: 5px;}
    .note-share li { margin-bottom: 10px;}
    .note-share p{ font-size:14px; line-height: 16px; padding-left: 5px;}
    .note-share p i{width: 24px;height: 24px;font-size: 12px; line-height: 24px; margin: 0}
    .note-print a{width: 24px;height: 24px;font-size: 21px; line-height: 24px; margin-top: 5px;}
    .note-print a:first-child{ display: none;}
    .note-share span {width: 265px; font-size: 14px;  padding-left: 10px;}

    /* Tooltip */
    .note-share .f-dropdown {margin-top: 40px;margin-left: 0;}
    .note-share .f-dropdown::before {border-color: transparent transparent #5a5a5a;left: 10px!important;}
    .note-share .f-dropdown::after {border-color: transparent;}


    .body-note-a { position: relative;}
    .body-note-a .autor-thumb{ margin:0;}
    .body-note-a .credits { margin-bottom: 0; position:absolute; left:100px; top:0}
    .body-note-a .credits li { margin-bottom: 0; font-size: 13px; line-height: 15px;margin: 70px 0 0 -20px;}
    .body-note-a .dates {border-bottom: 1px solid #c2c2c2; border-top: 1px solid #c2c2c2; padding: 10px 0}
    .body-note-a .dates p{ padding-top: 0}
    .body-note-a .dates p:nth-child(2){ padding-top: 5px; background-position: 4px -19px;}

    /*cita*/
    .body-note-b blockquote{font-size:15px; line-height:16px; margin-left:0; right: inherit; padding: 10px 10px 10px 60px; min-height: 55px;}
    .body-note-b blockquote:before{ width: 41px; height:34px; top:10px; right: inherit; left:10px; background-size: 100%}

    /* Te puede interesar
    --------------------------------------------*/
    .interesar ul {width: 300px;margin: 0 auto;}
    .interesar li {border-left: none;}
    .interesar li:nth-child(1) div,
    .interesar li:nth-child(3) div,
    .interesar li:nth-child(5) div,
    .interesar li:nth-child(7) div {margin-left: 0; margin-right: 8px;}
    .interesar li:nth-child(2) div,
    .interesar li:nth-child(4) div,
    .interesar li:nth-child(6) div,
    .interesar li:nth-child(8) div {margin-left: 8px; margin-right: 0;}
    .interesar li:nth-child(5) div,
    .interesar li:nth-child(6) div  {padding-bottom: 10px;border-bottom: solid 1px #ccc;}

}

/* Medium < 1025 px*/
@media only screen and (max-width: 64.0625em) {

}
/* Tables - landscape */
@media only screen and (orientation: landscape)  and (min-width: 40.063em) and (max-width: 64em) {
    .body-note-a {width: auto;float:none;border-bottom: 1px solid #c2c2c2;margin-bottom: 15px;}
    .body-note-a .autors {width: 60%;float:left;}
    .body-note-a .autors figure {float: left;}
    .body-note-a .autor-thumb{ margin:0;}
    .body-note-a .credits {float: left;margin-bottom: 10px;}
    .body-note-a .credits li { margin-bottom: 0;}
    .body-note-a .dates {width: 40%;float: right;}
    .body-note-b {width: auto;float:none; }
    .body-note-b blockquote{ padding-left: 1325px;}
    .body-note-b blockquote:before{ right: 545px}
    .note footer {width: auto;float:none; }
    .note-share span {width: 560px;}

    /* Te puede interesar
    --------------------------------------------*/
    .interesar li div {margin-left: 8px; margin-right: 8px;}
    .interesar li:nth-child(1) div,
    .interesar li:nth-child(5) div {margin-left: 0; margin-right: 8px;}
    .interesar li:nth-child(4) div,
    .interesar li:nth-child(8) div { margin-left: 8px; margin-right: 0;}
    .interesar li:nth-child(5) div,
    .interesar li:nth-child(6) div,
    .interesar li:nth-child(7) div,
    .interesar li:nth-child(8) div {padding-bottom: 0;border-bottom: none;}

    /* Lo mas */
    .eu-lomasnote .tabs-content .photoleft .thumb {width: 300px;height: 169px;}

}

/* Tables - portrait */
@media only screen and (orientation: portrait)  and (min-width: 40.063em) and (max-width: 64em) {
    .note { overflow: inherit}
    .body-note-a {width: auto;float:none;border-bottom: 1px solid #c2c2c2;margin-bottom: 15px;}
    .body-note-a .autors {width: 49%;float:left;}
    .body-note-a .autors figure {float: left;}
    .body-note-a .autor-thumb{ margin:0;}
    .body-note-a .credits {float: left;margin-bottom: 10px;}
    .body-note-a .credits li { margin-bottom: 0;}
    .body-note-a .dates {width: 49%;float: right;}
    .body-note-b {width: auto;float:none; }
    .body-note-b blockquote{ padding-left: 150px; margin-left: 0}
    .body-note-b blockquote:before{ right: inherit; left:10px;}
    .note footer {width: auto;float:none; }
    .note-share span {width: 710px;}

    /* Te puede interesar
    --------------------------------------------*/
    .interesar ul {
        margin: 0 auto;
        width: 90%;
    }

    /* Lo mas */
    .eu-lomasnote .tabs-content .photoleft .thumb {width: 300px;height: 169px;}

}

/* xlarge > 1440 px */
@media only screen and (min-width: 90.0625em) {

}

/* xxlarge > 1920 px */
@media only screen and (min-width: 120.0625em) {

}