F/* ---------------------------------------------------------------- Nombre: El Mostrador Mobile Cliente: El Mostrador Fecha: Mayo 2015 Desarrollo: MZZO Autor: Héctor Mardones <@hmardonesm> + José Ignacio Noguera. Layout: PORTABLE Descripción: Versión para smartphones ---------------------------------------------------------------- */ /* $INDEX ========================================= $FONTS $RESETS $GENERAL $TEXTS $BUTTONS $ICONS $FORM $LAYOUT $GRID $TEXT MODULES $COMPONENTS $PUBLICIDAD $Facebook Plugin $Newsletter $CHART $HEADER $FOOTER $SIDEBAR $PORTADAS $CATEGORÍAS $SINGLE $OWL CAROUSEL $QUIENES SOMOS */ /* $FONTS =========================================*/ @charset "utf-8"; /* DroidSans */ @font-face { font-family: 'DroidSans'; src: url('../fonts/droid-sans/DroidSans.eot'); src: url('../fonts/droid-sans/DroidSans.eot?#iefix') format('embedded-opentype'), url('../fonts/droid-sans/DroidSans.woff') format('woff'), url('../fonts/droid-sans/DroidSans.ttf') format('truetype'), url('../fonts/droid-sans/DroidSans.svg#DroidSans') format('svg'); font-weight: normal; font-style: normal; } /* DroidSans-Bold */ @font-face { font-family: 'DroidSans-Bold'; src: url('../fonts/droid-sans/DroidSans-Bold.eot'); src: url('../fonts/droid-sans/DroidSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/droid-sans/DroidSans-Bold.woff') format('woff'), url('../fonts/droid-sans/DroidSans-Bold.ttf') format('truetype'), url('../fonts/droid-sans/DroidSans-Bold.svg#DroidSans-Bold') format('svg'); font-weight: normal; font-style: normal; } /* DroidSerif */ @font-face { font-family: 'DroidSerif'; src: url('../fonts/droid-serif/DroidSerif.eot'); src: url('../fonts/droid-serif/DroidSerif.eot?#iefix') format('embedded-opentype'), url('../fonts/droid-serif/DroidSerif.woff') format('woff'), url('../fonts/droid-serif/DroidSerif.ttf') format('truetype'), url('../fonts/droid-serif/DroidSerif.svg#DroidSerif') format('svg'); font-weight: normal; font-style: normal; } /* DroidSerif-Bold */ @font-face { font-family: 'DroidSerif-Bold'; src: url('../fonts/droid-serif/DroidSerif-Bold.eot'); src: url('../fonts/droid-serif/DroidSerif-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/droid-serif/DroidSerif-Bold.woff') format('woff'), url('../fonts/droid-serif/DroidSerif-Bold.ttf') format('truetype'), url('../fonts/droid-serif/DroidSerif-Bold.svg#DroidSerif-Bold') format('svg'); font-weight: normal; font-style: normal; } /* droid_serifitalic */ @font-face { font-family: 'droid_serifitalic'; src: url('../fonts/droid-serif/DroidSerif-Italic-webfont.eot'); src: url('../fonts/droid-serif/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/droid-serif/DroidSerif-Italic-webfont.woff') format('woff'), url('../fonts/droid-serif/DroidSerif-Italic-webfont.ttf') format('truetype'), url('../fonts/droid-serif/DroidSerif-Italic-webfont.svg#droid_serifitalic') format('svg'); font-weight: normal; font-style: normal; } /* Fonts login*/ @font-face { font-family: 'titillium_webblack'; src: url('../fonts/titilliumweb/titilliumweb-black-webfont.woff2') format('woff2'), url('../fonts/titilliumweb/titilliumweb-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titillium_webbold'; src: url('../fonts/titilliumweb/titilliumweb-bold-webfont.woff2') format('woff2'), url('../fonts/titilliumweb/titilliumweb-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titillium_webbold_italic'; src: url('../fonts/titilliumweb/titilliumweb-bolditalic-webfont.woff2') format('woff2'), url('../fonts/titilliumweb/titilliumweb-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titillium_webextralight'; src: url('../fonts/titilliumweb/titilliumweb-extralight-webfont.woff2') format('woff2'), url('../fonts/titilliumweb/titilliumweb-extralight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titillium_webXLtIt'; src: url('../fonts/titilliumweb/titilliumweb-extralightitalic-webfont.woff2') format('woff2'), url('../fonts/titilliumweb/titilliumweb-extralightitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titillium_webitalic'; src: url('../fonts/titilliumweb/titilliumweb-italic-webfont.woff2') format('woff2'), url('../fonts/titilliumweb/titilliumweb-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titillium_weblight'; src: url('../fonts/titilliumweb/titilliumweb-light-webfont.woff2') format('woff2'), url('../fonts/titilliumweb/titilliumweb-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titillium_weblight_italic'; src: url('../fonts/titilliumweb/titilliumweb-lightitalic-webfont.woff2') format('woff2'), url('../fonts/titilliumweb/titilliumweb-lightitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titillium_webregular'; src: url('../fonts/titilliumweb/titilliumweb-regular-webfont.woff2') format('woff2'), url('../fonts/titilliumweb/titilliumweb-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titillium_websemibold'; src: url('../fonts/titilliumweb/titilliumweb-semibold-webfont.woff2') format('woff2'), url('../fonts/titilliumweb/titilliumweb-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titillium_websemibold_italic'; src: url('../fonts/titilliumweb/titilliumweb-semibolditalic-webfont.woff2') format('woff2'), url('../fonts/titilliumweb/titilliumweb-semibolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* Fin Fonts login*/ /* $RESETS =========================================*/ html, body { height: 100%; overflow: hidden; /* sidebar plugin */ } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a {text-decoration: none} /* $GENERAL =========================================*/ a { color: #0154a0;} a:link, a:visited {} a:hover { text-decoration: underline;} a:active { text-decoration: underline;} body { background-color: #fff; color: #636466; font-family: 'DroidSans', Helvetica, Arial, sans-serif; } /*Enlace Autor de la noticia*/ span.autor-noticia-post { color: #4A4A4A; font-family: 'DroidSans', sans-serif; font-size: 12px; line-height: 14px;} /*span.autor-noticia-post em { display: inline !important; font-family: 'droid_serifitalic', serif !important; font-style: normal !important; font-size: 1em !important; font-weight: 400 !important; line-height: 30px !important;}*/ span.autor-noticia-post a { color: #4A4A4A; font-family: 'DroidSans-Bold', sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase;} #home span.autor-noticia-post { padding-left: 1px; } #home span.autor-noticia-post a { font-size: 0.8em; text-transform: none; font-family: 'DroidSans' !important;} #home span.autor-noticia-post em { font-size: 0.8em !important; } p.autor-noticia-post { color: #4A4A4A; font-family: 'DroidSans', sans-serif; font-size: 12px; line-height: 14px;} p.autor-noticia-post em, span.autor-noticia-post em, h4.autor-noticia-post em { display: inline !important; font-family: 'DroidSans', sans-serif !important; font-style: italic !important; font-size: 1em !important; font-weight: 400 !important; line-height: 30px !important;} p.autor-noticia-post a { color: #4A4A4A; /*font-family: 'DroidSans-Bold', sans-serif;*/ font-size: 11px !important; font-weight: normal; } .noticia.sub-titulares p.autor-noticia-post em {font-size: 11px !important;} .noticia.sub-titulares p.autor-noticia-post a {font-size: 10px;} .noticia.principal p.autor-noticia-post em {font-size: 11px !important;} .noticia.principal p.autor-noticia-post a, .single-mobile .noticia.principal p.autor-noticia-post a {font-size: 10px; color: #333;} /*Margin Top o Bottom 0*/ .mb-0 { margin-bottom: 0 !important;} .mt-0 { margin-top: 0 !important;} .mtb-0 { margin-bottom: 0 !important; margin-top: 0 !important;} /*Padding adicional*/ .ptop-20 { padding-top: 20px;} /*Paginador*/ .pagination-contenedor{ width: 250px; margin: 0 auto;} .pagination { display:inline-block; padding-left:0; margin:20px 0; border-radius:4px} .pagination>li { display:inline} /*.pagination>li>a,.pagination>li>span { position:relative; float:left; padding:20px 20px; margin-left:-1px; line-height:1.42857143; color:#337ab7; text-decoration:none; background-color:#fff; border:1px solid #ddd}*/ .pagination>li>a,.pagination>li>span { background-color:#E5E5E5; border: none; border-radius: 50%; color:#9B9B9B; float:left; font-family: 'DroidSerif', serif; font-size: 1em; height: 2em; margin:5px; line-height:2em; padding:0; position:relative; text-align: center; text-decoration:none; width: 2em;} .pagination>li>a,.pagination>li>span.current { background-color:#9B9B9B; color:#E5E5E5;} .pagination>li>a.inactive { background-color: #E5E5E5; border-radius: 50%; color:#9B9B9B;} .pagination>li:first-child>a,.pagination>li:first-child>span { margin-left:0; border: none; border-radius:50%; background: transparent; color:#9B9B9B; font-size: 2em; height: 1em; line-height: 0.9em; text-align: center; width: 1em;} .pagination>li:last-child>a,.pagination>li:last-child>span { border: none; border-radius:50%; background: transparent; color:#9B9B9B; font-size: 2em; height: 1em; line-height: 0.9em; text-align: center; width: 1em;} .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover { z-index:3; color:#23527c; background-color:#eee; border-color:#ddd} .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index:2; color:#fff; cursor:default; background-color:#337ab7; border-color:#337ab7} .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color:#777; cursor:not-allowed; background-color:#fff; border-color:#ddd} .pagination-lg>li>a, .pagination-lg>li>span { padding:20px 16px; font-size:18px; line-height:1.3333333} .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-top-left-radius:6px; border-bottom-left-radius:6px} .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { border-top-right-radius:6px; border-bottom-right-radius:6px} .pagination-sm>li>a, .pagination-sm>li>span { padding:5px 10px; font-size:12px; line-height:1.5} .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span { border-top-left-radius:3px; border-bottom-left-radius:3px} .pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span { border-top-right-radius:3px; border-bottom-right-radius:3px} /*Controladores Carrusel*/ .carousel-indicators li { height: 20px; margin: 1px 1px 1px 15px; width: 20px;} .carousel-indicators .active { height: 22px; margin: 1px 1px 1px 15px; width: 22px;} /*Icono CAMARA en Carrusel o imagen destacada*/ figure.icono-camara a { display: block; position: relative;} figure.icono-camara a span { display: block;} figure.icono-camara a span:before { bottom: 0%; color:#fff; content:"\e60b"; font-family: 'icomoon'; font-size: 2em; font-weight: normal; font-style: normal; height: 2em; padding: 0 30px 0 0; position: absolute; right: 0%; text-align: right; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); z-index: 10; width: 100%;} figure.icono-camara:hover a span:before { text-shadow: 0 2px 2px rgba(0, 0, 0, 1.0); -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;} /*Icono boton Play en Carrusel "Video"*/ figure a { display: block; position: relative;} figure.icono-play i span { display: block;} figure.icono-play i span:before { bottom: 15px; font-family: 'icomoon'; font-size: 2.5em; font-weight: normal; font-style: normal; left: 15px; line-height: normal; padding: 0; position: absolute; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); z-index: 10;} figure.icono-play:hover i span:before { text-shadow: 0 2px 2px rgba(0, 0, 0, 1.0); -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;} /*Excepciones*/ figure.icono-play .icon-iso-tv span:before { left: 12.5px;} figure.icono-play .icon-iso-multimedia .path2:before { margin-left: auto;} figure.icono-play .icon-iso-tv span:before { font-size: 1.5em;} figure.icono-play .icon-iso-tv .path2:before { margin-left: auto;} figure.icono-play .icon-iso-tv .path3:before { margin-left: auto;} figure.icono-chico i span:before { bottom: 8px; font-size: 1.5em; left: 8px;} figure.icono-chico i.icon-iso-tv span:before { font-size: 1em; left: 8px;} /* $TEXTS =========================================*/ /* TITLES */ .heading-noticia { margin: 4px 0 0 0 !important;} .title-destacado { margin: 0px !important;} .title { color: #000; font-family: 'DroidSerif-Bold', sans-serif; margin: 10px 0;} .title.negro a { color: #000; } .title a { color: #4A4A4A; } .title.sans { font-family: 'DroidSans-Bold', sans-serif;} .title.sans-regular { font-family: 'DroidSans', sans-serif;} .title-xl { font-size: 30px;} .title-lg { font-size: 1.4em;} .title-md { font-size: 1.2em; line-height: 1.2em;} .title-sm { font-size: 1em;} .title-xs { font-size: 0.8em;} .title-xxs { font-family: 'DroidSans'; font-size: 0.65em;} .label-sm { font-size: 11px; margin-bottom: 4px;} .label-md { font-size: 12px; margin-bottom: 4px;} .heading-xs {font-family: 'DroidSans'; font-size: 0.8em; color: black !important; font-weight: normal !important;} .heading-default { } .heading-pais, .heading-pais-cultura, .heading-pais-mercados { background-color: #8E98CE; min-width: 100px; display: inline-block; text-align: center; padding: 2px 5px 1px 5px !important; margin-left: 10px; margin-bottom: -5px; font-size: 0.8em !important;} .heading-mundo { background-color: #74B5CB; width: 100px; display: inline-block; text-align: center; padding: 2px 0 1px 0 !important; margin-left: 10px; margin-bottom: -5px; font-size: 0.8em !important;} .heading-opinion, .heading-editorial { background-color: #679AC7; width: 100px; display: inline-block; text-align: center; padding: 2px 0 1px 0 !important; margin-left: 10px; margin-bottom: -5px; font-size: 0.8em !important;} .heading-deportes { background-color: #e15b5a; width: 100px; display: inline-block; text-align: center; padding: 2px 0 1px 0 !important; margin-left: 10px; margin-bottom: -5px; font-size: 0.8em !important;} .heading-cultura { background-color: #e07c4b; width: 100px; display: inline-block; text-align: center; padding: 2px 0 1px 0 !important;; margin-left: 10px; margin-bottom: -5px; font-size: 0.8em !important;} .heading-cultura-opinion, .heading-cultura-ciencia , .heading-cultura-pais, .heading-cultura-mercados { background-color: #e07c4b; width: 130px; display: inline-block; text-align: center; padding: 2px 0 1px 0 !important;; margin-left: 10px; margin-bottom: -5px; font-size: 0.8em !important;} .heading-mercados, .heading-mercados-cultura, .heading-mercados-pais, .heading-mercados-opinion { background-color: #8cb289; min-width: 100px; display: inline-block; text-align: center; padding: 2px 5px 1px 5px !important; margin-left: 10px; margin-bottom: -5px; font-size: 0.8em !important;} .heading-mercados-bloomberg { background-color: #8cb289; width: 165px !important; display: inline-block; text-align: center; padding: 2px 0 1px 0 !important; margin-left: 10px; margin-bottom: -5px; font-size: 0.8em !important;} .heading-braga { background-color: #92516f; width: 100px; display: inline-block; text-align: center; padding: 2px 0 1px 0 !important; margin-left: 10px; margin-bottom: -5px; font-size: 0.8em !important;} .heading-patrocinado { background-color: #71a9a4; width: 100px; display: inline-block; text-align: center; padding: 2px 0 1px 0 !important; margin-left: 10px; margin-bottom: -5px; font-size: 0.8em !important;} .heading-noticias-relacionadas { margin-left: 0px !important; font-size: 0.8em; margin-top: 0px;} .heading-margin { margin-left: 10px; } .heading-podcast { background-color: #8173A6; } .heading-agendapais { background-color: #0099fa; } .heading-generacionm { background-color: #01bdbe; } /* section title*/ .section-title { color: #fff; background-color: #1B4669; display: block; line-height: 2.4em; height: 50px; margin: 0; padding: 5px 10px; width: 100%;} .section-title a { color: #fff; display: block;} .section-title a:after { background: url(../img/menu-arrow.svg) 0 0 no-repeat; content: ""; display: block; height: 13px; float: right; position: relative; top: 13px; width: 10px;} h2.section-title:after { background: none; display: none;} section h4.section-title a { color: #fff;} .section-title .title + .title { margin-top: -8px;} .section-title .icon { font-size: 1.6em; margin: 0 10px 0 0; position: relative; top: 6px;} /* Sub-Title*/ .sub-title { border-bottom: 1px solid #999; font-size: 1em; font-family: 'Droid Serif', serif; margin: 15px 10px; padding: 0 0 5px;} .sub-title .glyphicon { font-size: 13px; float: right; } /* COLOR */ .txt-color { color: #ff6601;} .txt-color-alt { color: #0154a0;} .txt-secondary { color: #999999;} .txt-note { color: #999; display: block; font-size: 11px; font-style: italic;} .block-title { background-color: #eeeeee; color: #00539f; font-family: 'DroidSerif', Helvetica, Arial, sans-serif; height: 35px; font-size: 20px; line-height: 35px; text-align: center;} /* CONTENT */ .content { font-size: 14px; line-height: 21px; padding-bottom: 10px;} .content p { padding: 6px 0;} .content ul li { list-style: disc; list-style-position: inside; padding: 6px 0;} .txt-small { font-size: 11px; line-height: 16px;} .txt-support { color: #999;} /* content sizes */ .content-lg { font-size: 1em; line-height: 1.3em;} .content-md { font-size: 0.85em; line-height: 1.3em;} .content-sm { font-size: 0.75em; line-height: 1.3em;} /* LISTS */ .list-bullet { margin: 5px 0;} .list-bullet li { font-size: 12px; padding-left: 10px; position: relative;} .list-bullet li::before { color: #0154a0; content: "*"; display: block; height: 5px; left: 0; position: absolute; top: 2px; width: 5px;} .list-bullet-dot li::before { background-color: #ff6601; -webkit-border-radius: 50%; border-radius: 50%; content: ""; top: 4px;} /*Date*/ section.date { clear: both; float: left; margin: 15px 0; padding: 0 10px; width: 100%;} section.date p { color: #333333; display: inline; float: left; font-size: 0.7em;} section.date p:last-of-type { text-align: right;} /*Redes Sociales (header)*/ section.social-btns { background-color: #E6E6E6; clear: both; color: #000; float: left; margin: 5px 0 15px; padding: 7px 10px; width: 100%;} section.social-btns h4 { color: #000000; display: inline; float: left; font-family: 'DroidSans', sans-serif; font-size: 1em; font-weight: 400; line-height: 2em; margin-right: 15px;} section.social-btns ul.rrss { display: inline; float: left; list-style: none; margin-bottom: 0;} section.social-btns ul.rrss li { float: left; margin-left: 10px;} section.social-btns ul.rrss li:first-child { margin-left: 0px;} section.social-btns ul.rrss li a { color: transparent;} section.social-btns ul.rrss li a i.fa-square { color: #fff;} section.social-btns ul.rrss li a i.fa-facebook-square { color: #3C5A9A; border-radius: 4px; display: block;} section.social-btns ul.rrss li a i.fa-twitter { color: #33CCFF; display: block;} section.social-btns ul.rrss li a i.fa-linkedin-square { color: #0076BD; border-radius: 4px; display: block;} section.social-btns ul.rrss li a i.fa-google-plus-square { color: #C33029; border-radius: 4px; display: block;} section.social-btns ul.rrss li a i.fa-instagram { color: #4F80A7; display: block;} section.tv figure.presentado-por { margin: 10px 0; padding: 0 10px;} section.tv figure.presentado-por figcaption { color: #4A4A4A; display: block; font-family: 'DroidSans', sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 15px;} section.tv figure.presentado-por img { display: block; margin: 0 auto; width: 100%;} em.autor-noticia { font-family: 'droid_serifitalic', serif; font-size: 0.8em; font-style: normal; font-weight: normal; padding-left: 10px;} em.autor-noticia a { color: #4A4A4A;} /* $BUTTONS =========================================*/ .btn { color: #fff; display: inline-block; font-family: 'DroidSans', Helvetica, Arial, sans-serif; font-size: 18px; padding: 6px 16px; text-align: center;} .btn-lg { font-size: 22px; padding: 10px 18px;} /* btn-close */ .btn-close { color: #0154a0; font-size: 24px; font-weight: bold; line-height: 1; padding: 5px 9px;} .btn-close:before { content: "×";} .btn-ver-mas{ background-color: #6785A0; border-radius: 20px; color: #fff; float: right; font-size: 0.7em; height: 25px; margin: 10px 10px 0; text-align: right; width: 100px;} .btn-ver-mas:before { background: url(../img/ic-ver-mas.svg) 0 0 no-repeat; content: ""; display: block; height: 15px; float: left; position: relative; top: -1px; width: 15px; } .btn-arrow-up { background-color: #6785A0; border-radius: 20px; color: #fff; float: right; font-size: 0.7em; height: 25px; margin: 10px 10px 0; text-align: right; width: 100px;} .btn-arrow-up:before { background: url(../img/ic_arrow_up.svg) 0 0 no-repeat; content: ""; display: block; height: 15px; float: left; position: relative; top: -1px; width: 15px; } /* $ICONS =========================================*/ .logo { background-image: url(../img/elmostrador-logo2019.svg); background-repeat: no-repeat; background-size: 160px auto; display: inline-block; height: 45px; width: 160px; /*-webkit-background-size: cover; background-size: cover;*/} .no-svg .logo { background-image: url(../img/fallback/elmostrador-logo.png);} /*.logo-color { background-image: url(../img/elmostrador-logo.svg);} .no-svg .logo-color { background-image: url(../img/fallback/elmostrador-logo.png);}*/ .icon { background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; display: inline-block; height: 24px; line-height: 1; width: 24px;} .icon-sm { height: 18px; width: 18px;} .icon-md { height: 30px; width: 30px;} .icon-lg { height: 40px; width: 40px;} /* nav icons */ .icon-menu { background-image: url(../img/icon-menu.svg);} .no-svg .icon-menu { background-image: url(../img/fallback/icon-menu.png);} .icon-menu-color { background-image: url(../img/icon-menu-color.svg);} .no-svg .icon-menu-color { background-image: url(../img/fallback/icon-menu-color.png);} .snapjs-left .icon-menu { background-image: url(../img/icon-menu-close.svg); height: 16px; width: 16px;} .no-svg .snapjs-left .icon-menu { background-image: url(../img/icon-menu-close.svg); height: 16px; width: 16px;} /* $FORM =========================================*/ .form-control { border: solid 1px #cccccc; border-radius: 4px; color: #555555; display: block; padding: 9px 16px; width: 100%;} .form-control:focus { border-color: #ff6700; -webkit-box-shadow: 0 0 2px rgba(255, 103, 0, 0.6); box-shadow: 0 0 2px rgba(255, 103, 0, 0.6);} .form-control::-moz-placeholder { color: #636466; opacity: 1;} .form-control:-ms-input-placeholder { color: #636466;} .form-control::-webkit-input-placeholder { color: #636466;} /* input icon */ .has-feedback { position: relative;} .has-feedback .form-control { padding-right: 40px;} .form-control-feedback { bottom: 10px; position: absolute; right: 10px; z-index: 2;} .form-group { margin-bottom: 15px;} .form-inline .form-control { display: inline-block; vertical-align: middle; width: auto;} .form-label { color: #555; display: inline-block; font-size: 14px; font-weight: bold; margin-bottom: 8px;} .form-icon-right { position: relative; padding-right: 50px;} .form-icon-right .icon { position: absolute; right: 0; top: 0;} /* $LAYOUT =========================================*/ .section { margin-bottom: 30px; padding: 0 16px;} .section > .title:first-child { margin-top: 0;} .block { padding: 0 0 20px; } /* full width */ .full-width { margin-left: -16px; margin-right: -16px;} .group { margin-bottom: 20px;} .group-module { border-bottom: solid 1px #eee; padding-bottom: 5px;} /* list */ .list-item { border-top: solid 1px #ddd; color: #444; display: block; padding: 15px 47px 15px 16px; position: relative;} .list-icon { padding-left: 50px;} .list-icon .icon { /*float: left; margin-right: 10px;*/ position: absolute; top: 50%; left: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .list-secondary-txt { color: #999; display: block; font-size: 14px; margin-top: 4px;} /* term collapse */ .term-collapse { margin-right: 40px; position: relative;} .term-collapse::after { background-color: #eee; bottom: 0; content: ""; display: block; position: absolute; right: -40px; top: 0; width: 39px; z-index: -1;} .term-collapse::before { background-image: url(../img/icon-more-toggle.svg); background-repeat: no-repeat; height: 14px; right: -27px; width: 14px;} .no-svg .term-collapse::before { background-image: url(../img/fallback/icon-more-toggle.png);} .open .term-collapse { background-color: #636467; color: #fff;} .open .term-collapse::after { background-color: #636467;} .open .term-collapse::before { background-position: right 0;} .splash-title { margin-bottom: 10px; margin-top: 30px; text-align: center;} .splash-title .title { margin-top: 2px;} /* Noticia / Opinion */ .noticia, .opinion { padding: 0 0 15px;} .noticia .title, .noticia .excerpt, .opinion .title, .opinion .excerpt, .autor-noticia-post { padding-left: 10px; padding-right: 10px; color: #4A4A4A;} p.excerpt { font-family: 'DroidSerif', serif; font-size: 0.750em; } .noticia figure, .opinion figure { padding: 0;} .noticia figure img, .opinion figure img, .block figure img { width: 100%; height: auto; } .noticia.sub-titulares .col article figure img { border-top: 1px solid #ccc; margin-top: 10px; padding-top: 20px;} .noticia.sub-titulares .col:first-of-type article figure img { border-top: none; margin-top: 0; padding-top: 0;} .noticia .col figure, .opinion .col figure { padding: 10px 6px 0px; } #home .noticia .col figure { padding: 37px 6px 0px; } .opinion figure { border-radius: 100%; margin: 10px 0; max-width: 100px; max-height: 100px; min-width: 90px; min-height: 90px; overflow: hidden; padding: 0 !important;} .item-opinion { border-bottom: none; } /* Listado Noticia */ .item-noticia { border-bottom: 1px solid #ccc; margin: 0; padding: 0;} .item-noticia:last-child, .noticia .item-noticia:last-child { border-bottom: none !important;} .item-noticia article { clear: both; float: left; margin: 5px 0 10px; width: 100%;} .item-noticia figure { padding: 10px 0;} /* $GRID =========================================*/ .col { float: left; position: relative;} .col-12 { width: 100%;} .col-11 { width: 91.66666667%;} .col-10 { width: 83.33333333%;} .col-9 { width: 75%;} .col-8 { width: 66.66666667%;} .col-7 { width: 58.33333333%;} .col-6 { width: 50%;} .col-5 { width: 41.66666667%;} .col-4 { width: 33.33333333%;} .col-3 { width: 25%;} .col-2 { width: 16.66666667%;} .col-1 { width: 8.33333333%;} /* $TEXT MODULES =========================================*/ /* text modules */ .txt-module { font-size: 14px; margin: 10px 0; padding: 4px 16px; position: relative;} .txt-module p { padding: 6px 0;} /* message important */ .msg-important { border-left: solid 2px #ff6702; border-right: solid 2px #ff6702;} .msg-important:after, .msg-important:before { border-left: solid 4px #ff6702; border-right: solid 4px #ff6702; content: ""; display: block; height: 2px; margin: 0 -16px; position: absolute; width: 100%;} .msg-important:after { top: 0;} .msg-important:before { bottom: 0;} .msg-important-lg { border-left-width: 5px; border-right-width: 5px;} .msg-important-lg:after, .msg-important-lg:before { height: 5px; border-left-width: 10px; border-right-width: 10px;} .msg-title, .msg-title-lg { /*font-size: 14px;*/ font-weight: bold;} .msg-title-lg { text-transform: uppercase;} /* tooltip */ .tooltip { background-color: #f4f4f4; border: solid 1px #cccccc; border-radius: 4px; -webkit-box-shadow: 0px 0px 3px 0 rgba(0,0,0,0.2); box-shadow: 0px 0px 3px 0 rgba(0,0,0,0.2); font-size: 12px; max-width: 260px; padding: 15px;} .tooltip:after, .tooltip:before { border: solid transparent; content: " "; height: 0; left: 50px; pointer-events: none; position: absolute; top: 100%; width: 0;} .tooltip:after { border-color: rgba(136, 183, 213, 0); border-top-color: #f4f4f4; border-width: 4px; margin-left: -4px;} .tooltip:before { border-color: rgba(204, 204, 204, 0); border-top-color: #ccc; border-width: 5px; margin-left: -5px;} .tooltip p { padding: 5px 0;} /* note */ .note { color: #fff; background-color: #0154a0; border-bottom-right-radius: 20px;} /* info */ .info { border-left: solid 6px #eeeeee; font-size: 12px; line-height: 18px; padding-left: 10px;} .info p { padding: 5px 0;} /* $COMPONENTS =========================================*/ .component-panel { padding: 10px 16px;} /* collapse */ .list-collapse { background-color: #eeeeee; border-top: 0; margin-top: 1px;} .list-collapse::before { background-image: url(../img/icon-more-toggle.svg); background-repeat: no-repeat; height: 14px; width: 14px;} .no-svg .list-collapse::before { background-image: url(../img/fallback/icon-more-toggle.png);} .collapse > :first-child .list-collapse { margin-top: 0;} .open .list-collapse { background-color: #636467; color: #fff;} .open .list-collapse::before { background-position: right 0;} /* tabs */ .tab-nav { overflow: hidden;} .tab-nav li { display: inline-block;} .tab-nav a { background-color: #eeeeee; border-top: solid 1px #dddddd; border-right: solid 1px #dddddd; border-left: solid 1px #dddddd; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #636466; display: block; font-size: 14px; line-height: 44px; min-width: 100px; padding: 0 24px; white-space: nowrap;} .tab-nav a span::after { content: "_";} .tab-nav a.selected { background-color: #fff; color: #ff6600; position: relative; z-index: 100;} .tab-nav a.selected:before, .tab-nav a.selected:after { background: #ddd; bottom: 0; content: ''; height: 1px; position: absolute; right: 100%; width: 1000px;} .tab-nav a.selected:after { left: 100%; right: auto; width: 4000px;} /* modal */ .modal { margin: 0 auto; /*max-width: 816px;*/ width: auto; position: relative;} .modal-msg { background-color: #fff; border-bottom-right-radius: 20px; -webkit-box-shadow: 0px 8px 8px 0 rgba(0,0,0,0.3); box-shadow: 0px 8px 8px 0 rgba(0,0,0,0.3); margin: 0 5%; padding: 20px 15px 22px;} .modal > .title { margin-top: 0;} .modal .btn-close { right: 0; position: absolute; top: 0;} .modal-content { color: #373d45; font-size: 16px;} .modal-content p { padding: 7px 0;} .modal-content p:first-child { padding-top: 0;} /* $PUBLICIDAD =========================================*/ .publicidad-especial-box{ text-align: center; margin: 0 auto; } .publicidad { clear: both; display: block; margin: 0 auto 10px; max-width: 320px; text-align: center;} .publicidad.header-banner { clear: both; display: block; margin: 0 auto; padding-top: 5px; width: 320px;} .publicidad img { display: block; margin: 10px auto;} .ads-itt { margin-top: -15px !important;} #home .sub-titulares .publicidad { margin: 20px auto 0;} #home .sub-titulares .publicidad img { margin: 0 auto;} /* Facebook Plugin =========================================*/ section.fb-elmo { margin-top: 20px; padding-left: 10px; padding-right: 10px;} section.fb-elmo .contenedor-fb-elmo { display: block; margin: 0 auto; width: 300px;} /* Newsletter =========================================*/ .newsletter { background-color: #AEAEAE; color: #fff; font-family: 'DroidSans', sans-serif; padding: 10px !important;} .newsletter section { padding: 0;} .newsletter section h2 { color: #fff; font-family: 'DroidSerif', serif; font-size: 28px; font-weight: 700; margin-bottom: 15px; padding-top: 5px;} .newsletter section p { color: #fff; font-family: 'DroidSans', sans-serif; font-size: 16px;} .newsletter section form { padding-left: 0; padding-top: 5px;} .newsletter section form input {} .newsletter section form button { background-color: #ff9a02; border: transparent; border-radius: 4px; color: #fff; font-family: 'DroidSans', sans-serif; font-weight: 700;} .newsletter section form button:hover { background-color: #FF6700; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;} .newsletter h4 { clear: left; color: #fff; font-family: 'DroidSans', sans-serif; font-size: 15px; font-weight: 700; padding: 0 0 10px; } .newsletter form { margin-bottom: 15px; padding: 0;} .newsletter form div.form-group { margin-bottom: 5px;} .newsletter form button { background-color: #FFA300; border: none; color: #fff; font-weight: 700; padding: 5px 20px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;} .newsletter form button:hover { background-color: #333;} .newsletter ul.escribenos { list-style: none; margin-bottom: 0; padding: 0;} .newsletter ul.escribenos li {} .newsletter ul.escribenos li a { color: #fff;} .newsletter ul.escribenos li i.fa-square { color: #FFA300;} .newsletter ul.escribenos li i.fa-envelope { color: #fff;} section.newsletter ul.rrss { display: inline; float: left; list-style: none; margin-bottom: 20px;} section.newsletter ul.rrss li { float: left; margin-left: 10px;} section.newsletter ul.rrss li:first-child { margin-left: 0px;} section.newsletter ul.rrss li a { color: transparent;} section.newsletter ul.rrss li a i.fa-square { color: #fff;} section.newsletter ul.rrss li a i.fa-facebook-square { color: #3C5A9A; border-radius: 4px; display: block;} section.newsletter ul.rrss li a .twitter i.fa-square { color: #33CCFF;} section.newsletter ul.rrss li a .twitter i.fa-twitter { color: #fff; font-size: 1.25em;} section.newsletter ul.rrss li a i.fa-linkedin-square { color: #0076BD; border-radius: 4px; display: block;} section.newsletter ul.rrss li a i.fa-google-plus-square { color: #C33029; border-radius: 4px; display: block;} section.newsletter ul.rrss li a i.fa-instagram { color: #4F80A7; display: block;} section.newsletter ul.rrss li a .rss i.fa-square { color: #FFA300;} section.newsletter ul.rrss li a .rss i.fa-rss { color: #fff; font-size: 1.25em;} /* $CHART =========================================*/ /* $HEADER =========================================*/ .section-header { background-color: #333333; height: 65px; text-align: center;} .section-header .logo { display: block; margin: 12px auto 0;} .section-header-color { background-color: #474848;} .separdor-header { margin: 0 0 60px; } .top-nav-btn { display: inline-block; float: left; height: 100%; text-align: center; width: 43px;} .top-nav-btn .icon { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .top-nav-btn-fixed { height: 50px; left: 0; position: absolute; top: 0;} /* $FOOTER =========================================*/ .page-footer { color: #999; text-align: center; padding: 20px 16px;} .main-footer { background-color: #333; padding: 0 0 20px;} .main-footer .content { /*border-top: 1px solid #636363;*/ margin: 20px; padding: 20px 0;} .main-footer .content p { color: #fff; font-size: 0.75em; margin: 0 0 5px; line-height: 1.5em; padding: 0; text-align: center;} .main-footer .content p a { color: #fff;} footer .section-header { background-color: transparent; height: auto; margin-bottom: 2px; padding: 10px 10px 15px; text-align: left;} footer .section-header .logo { float: left; height: 21px; margin: 0; width: 140px;} footer .section-header .logo-color { background-size: 140px;} footer section.social-btns ul.rrss { float: right;} footer section.social-btns ul.rrss li a span.fa-stack { height: 1.25em; line-height: 1.25em; width: 1.25em;} footer section.social-btns ul.rrss li a span.fa-stack i.fa-2x { font-size: 1.25em;} footer section.social-btns ul.rrss li a i.fa-square { color: transparent !important;} footer section.social-btns ul.rrss i { color: #fff !important;} footer .enlaces-footer-mobile { clear: left; float: left; margin-bottom: 20px !important; padding: 0 10px; width: 100%;} footer .enlaces-footer-mobile h3.version-desktop { border-bottom: 1px solid #636363; border-top: 1px solid #636363; clear: left; color: #fff; float: left; font-size: 0.8em; margin: 0 0 10px; padding: 7.5px 0; text-align: center; width: 100%;} footer .enlaces-footer-mobile a { color: #fff;} footer .enlaces-footer-mobile div.col-12 { border-bottom: 1px solid #636363;} footer .enlaces-footer-mobile ul.pull-left { padding-left: 20px;} footer .enlaces-footer-mobile ul.pull-right { padding-right: 20px;} footer .enlaces-footer-mobile ul li { font-size: 0.7em; padding: 5px 0;} /* $SIDEBAR =========================================*/ #sidebar { background-color: #474848; border-right: solid 1px #474848; left: -200%; /*height: 100%;*/ min-height: 100%; overflow: auto; width: 266px;} #sidebar .section-header { position: initial; } #menu-button { position: relative; z-index: 9999; } .menu-sidebar .list-item { border:none; color: #fff; font: 400 1em/1em 'DroidSans'; padding: 15px 22px 15px 50px;} .menu-sidebar .list-item:after { content: url(../img/menu-arrow.svg) center no-repeat; display:block; float: right; height: 24px; position: relative; top: -5px; transform: scale(0.4); -webkit-transform: scale(0.4); -moz-transform: scale(0.4); width: 15px;} .menu-sidebar h3.open .list-item:after { transform: rotate(90deg) scale(0.4); -webkit-transform: rotate(90deg) scale(0.4); -moz-transform: rotate(90deg) scale(0.4);} .menu-sidebar .list-item .icon { font-size: 1.4em; } .menu-sidebar .list-collapse { margin: 0;} .menu-sidebar .list-collapse:before { background-image: none;} .menu-sidebar .component-panel { padding: 5px 10px; } .menu-sidebar .list-option { border-bottom: 1px solid #979797; color: #b7b7b7; font-size: 0.85em; padding: 12px 5px;} .menu-sidebar .list-option:last-child { border-bottom: none;} .menu-sidebar .list-option:after { content: ""; } .menu-sidebar .list-option:before { background-image: none;} /* Menú nav - Colores Secciones ======================= */ #noticias, .noticias { background-color: #285375;} #mercados, .mercados { background-color: #8CB289;} #tv, .tv { background-color: #8173a6;} #cultura, .cultura { background-color: #e07c4b;} #deportes, .deportes { background-color: #e15b5a;} #vida, .vida { background-color: #0099FA;} #epistolas, .epistolas { background-color: #50857E;} #braga, .braga { background-color: #92516f;} #agenda-pais, .agenda-pais { background-color: #0099fa;} /*Icono "e-Pistolas"*/ #epistolas .icon-epistolas { background: #FFF url("../img/icono-epistolas.png") no-repeat scroll center center / 12px 12px; border-radius: 50%; display: inline-block; height: 1em; line-height: 1em; text-align: center; vertical-align: middle; width: 1em;} #avisos-legales, .avisos-legales { background-color: #876e4f;} /*Categorías Noticias - Colores Secciones */ #cat-pais, .cat-pais { background-color: #6b77bf;} #cat-mundo, .cat-mundo { background-color: #449dbd;} #cat-sociales, .cat-sociales { background-color: #0099FA;} #cat-opinion, .cat-opinion { background-color: #327dc0;} #cat-sin-editar, .cat-sin-editar { background-color: #08b6cf;} #cat-vida-en-linea, .cat-vida-en-linea { background-color: #0099FA;} #cat-vida-en-linea .section-title {background-color: #0099fa;} #cat-multimedia, .cat-multimedia { background-color: #89b13e !important;} #cat-mercados, .cat-mercados { background-color: #5B7D59;} #cat-agenda-panorama, .cat-agenda-panorama { background-color: #ff8601; } #cat-galeria-fotos, .cat-galeria-fotos { background-color: #0e8600; } .destacadas { background-color: #c42a2a; } h4.critica-cultura { background-color: #AE603A;} h4.opinion-cultura { background-color: #CD6E40;} .section-title.deportes-multimedia { background-color: #B64A4A;} .section-title.subseccion-mercados { background-color: #5B7D59; font-family: 'DroidSerif', serif;} .section-title.subseccion-mercados .glyphicon { font-size: 13px; float: right; line-height: 2.4em; margin-top: 2px;} .section-title.subseccion-mercados a { color: #fff; display: block;} /* AGENDA PAIS */ #agenda-pais {background-color: #0099fa;} #agenda-pais .agenda-pais { background-color: #0099fa;} #agenda-pais .categoria-mobile .sub-title { border-color: #0099fa; color: #0099fa;} #agenda-pais .categoria-mobile .sub-title a { color: #0099fa;} #agenda-pais .categoria-mobile .sub-title .glyphicon { color: #0099fa;} #agenda-pais .tit-ft {background-color: #FFFFFF;} #agenda-pais .tit-ft h2.vida-inclusiva span { color: #0099fa;} #agenda-pais .section-title {background-color: #0099fa;} /* Colores Bloques */ section:last-of-type { margin-bottom: 0;} section.mercados { background-color: #ebf2eb;} section.tv { background-color: #fff;} section.deportes { background-color: #F7EDED; margin-bottom: 20px;} section.cultura { background-color: #f3dbcf; margin-bottom: 20px;} section.braga { background-color: #FFCCCB; margin-bottom: 20px;} section.cat-multimedia {} section.cat-opinion { background-color: transparent; padding-bottom: 0;} section.cat-vida-en-linea { background-color: #e8f4e9; margin-bottom: 20px; padding-bottom: 0px;} section.cat-vida-en-linea .item-noticia article, section.cat-vida-en-linea .item-noticia article h4.title-xxs { margin-bottom: 0;} section.cat-agenda-panorama { background-color: #F9EEE9; padding-bottom: 20px;} section.cat-galeria-fotos { background-color: transparent; } section.critica-cultura { margin-bottom: 15px;} section.critica-cultura section { background-color: #EFE0D8; clear: both; float: left; padding-bottom: 0px; width: 100%;} section.opinion-cultura section { background-color: #F5E1D8; clear: both; float: left; padding-bottom: 0px; width: 100%;} section.agenda-pais { background-color: #ebf2eb;} /* Colores Bloques Subtítulos */ .mercados .sub-title, .mercados .sub-title .glyphicon { color: #ebf2eb; } .tv .sub-title, .tv .sub-title .glyphicon { color: #ebf2eb; } .deportes .sub-title, .deportes .sub-title .glyphicon { color: #ebf2eb; } .multimedia .sub-title, .multimedia .sub-title .glyphicon { color: #89b13e; } .cultura-ciudad .sub-title, .cultura-ciudad .sub-title .glyphicon { color: #ebf2eb; } .cat-opinion .sub-title, .cat-opinion .sub-title .glyphicon { color: #327DC0; } .cat-opinion .sub-title a { color: #327DC0; display: block;} .mercados .sub-title { border-color: #ebf2eb; } .tv .sub-title { border-color: #ebf2eb; } .deportes .sub-title { border-color: #ebf2eb; } .multimedia .sub-title, .multimedia .sub-title a { border-color: #89b13e; color: #89b13e; display: block;} .cultura-ciudad .sub-title, .cultura-ciudad .sub-title a { border-color: #ebf2eb; color: #ebf2eb;} .cat-opinion .sub-title, .cat-opinion .sub-title a { border-color: #327DC0; color: #327DC0;} .cat-opinion .sub-title { margin-bottom: 5px;} #sidebar footer { border-top: 1px solid #636363; margin: 20px; padding: 20px 0;} #sidebar footer p { color: #fff; font-size: 0.75em; line-height: 1.5em; margin: 0 0 5px; padding: 0; text-align: center;} /*CARRUSEL*/ .carousel-inner { margin: 0 0 15px; } div.carousel.slide { padding: 0;} /*Botones controladores "Next" y "Previous"*/ div.carousel.slide div a.carousel-control.left, div.carousel.slide div a.carousel-control.right { background-image: none; background-repeat: no-repeat; width: auto;} div.carousel.slide div a.carousel-control span.glyphicon-chevron-left, div.carousel.slide div a.carousel-control span.glyphicon-chevron-right, div.carousel.slide div a.carousel-control .icon-next, div.carousel.slide div a.carousel-control .icon-prev { font-size: 22px;} div.carousel.slide div a.carousel-control { color: #000; font-size: 22px; text-shadow: none;} div.carousel.slide div a.carousel-control.left { margin-left: 10%; background-image: none; background-repeat: no-repeat; width: auto; } div.carousel.slide div a.carousel-control.right { margin-right: 10%; background-image: none; background-repeat: no-repeat; width: auto; } /*Indicador*/ ol.carousel-indicators { bottom: 0; margin-bottom: 0; position: relative;} div.carousel.slide div ol.carousel-indicators li { background-color: #ccc; border: none;} div.carousel.slide div ol.carousel-indicators li.active { background-color: #ff9a02; border: none;} /* $SIDEBAR PLUGIN - snap.js =========================================*/ /* Note: snap-content is the site background */ .snap-content { display: block; min-height: 100%; background-color: #fff !important; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; z-index: 2; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .snap-drawers { bottom: 0; left: 0; height: auto; right: 0; position: absolute; top: 0; width: auto;} .snap-drawer { position: absolute; top: 0; right: auto; bottom: 0; left: auto; width: 265px; height: auto; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -ms-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; } .snap-drawer-left { left: 0; z-index: 1;} .snap-drawer-right { right: 0; z-index: 1;} .snapjs-left .snap-drawer-right, .snapjs-right .snap-drawer-left { display: none;} .snapjs-expand-left .snap-drawer-left, .snapjs-expand-right .snap-drawer-right { width: 100%;} /* $LOGIN =========================================*/ .solicitar-clave { font-size: 13px; line-height: 40px;} /* $HELPERS =========================================*/ .clearfix:before, .clearfix:after, .section:before, .section:after, .group-module:before, .group-module:after { content: ""; display: table;} .clearfix, .clearfix:after, .section:after, .group-module:after { clear: both;} .float-left { float: left;} .float-right { float: right;} .text-center { text-align: center;} .center-block { display: block; margin-left: auto; margin-right: auto;} .bottom-border { border-bottom: solid 1px #D2D2D2; display: block; height: 1px; margin: 10px 0; padding: 10px 0 0;} .no-padding-sides { padding-left:0 !important; padding-right:0 !important; } .no-padding-left { padding-left:0 !important; } .no-padding-right { padding-right:0 !important; } .no-padding-top { padding-top:0 !important; } .no-padding-bottom { padding-bottom:0 !important; } .inner-padding-sides { padding: 0 10px; } .inner-margin-sides { margin-right: 10px; margin-left: 10px; } /* $ANIMATIONS =========================================*/ /* MODAL WINDOW -----------------*/ /* start state */ .animate-modal .modal { opacity: 0; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .animate-modal.mfp-ready .modal { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /* animate out */ .animate-modal.mfp-removing .modal { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* MODAL BG -----------------*/ /* start state */ .animate-modal.mfp-bg, .animate-modal-top.mfp-bg { opacity: 0.001; /* Chrome opacity transition bug */ -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .animate-modal.mfp-ready.mfp-bg, .animate-modal-top.mfp-ready.mfp-bg { opacity: 0.8;} /* animate out */ .animate-modal.mfp-removing.mfp-bg, .animate-modal-top.mfp-removing.mfp-bg { opacity: 0;} /* $PORTADAS =========================================*/ /*Home*/ #home {} #home .noticia.principal .title a { color: #333;} #home .noticia.columnas .title a { color: #4A4A4A;} #home section.tv div.carousel.slide div a.carousel-control { color: #8173A6; opacity: 1;} #home section.tv div.carousel.slide div ol.carousel-indicators li { background-color: #BFB6D7;} #home section.tv div.carousel.slide div ol.carousel-indicators li.active { background-color: #8173A6;} #home section.multimedia div.carousel.slide div a.carousel-control { color: #88B13E; opacity: 1;} #home section.multimedia div.carousel.slide div ol.carousel-indicators li { background-color: #BBD093;} #home section.multimedia div.carousel.slide div ol.carousel-indicators li.active { background-color: #88B13E;} #home section.cat-galeria-fotos div.carousel.slide div a.carousel-control { color: #0F8600; opacity: 1;} #home section.cat-galeria-fotos div.carousel.slide div ol.carousel-indicators li { background-color: #A6C6A2;} #home section.cat-galeria-fotos div.carousel.slide div ol.carousel-indicators li.active { background-color: #0F8600;} #home .title-destacado { margin: 13px 0 0 0 !important;} /*Blogs y Opinion*/ #cat-opinion {} #cat-opinion .columnas .item-opinion { border-top: 1px solid #ccc; margin-top: 15px; padding-top: 15px;} #cat-opinion .columnas .item-opinion:first-of-type { border-top: none; margin-top: 0; padding-top: 0;} #cat-opinion .columnas .item-opinion article {} #cat-opinion .columnas .item-opinion article figure { border-radius: 0; margin: 0; max-height: none;} #cat-opinion .columnas .item-opinion article figure img { border-radius: 50%; max-width: 100px;} #cat-opinion .columnas .item-opinion article figure figcaption { color: #4A4A4A; display: block; font-family: 'DroidSans', sans-serif; font-size: 0.7em; font-weight: 400; line-height: normal; text-align: center;} #cat-opinion .columnas .item-opinion article figure figcaption a { color: #4A4A4A;} #cat-opinion .columnas .item-opinion article h2 { margin: 5px 0;} #cat-opinion .columnas .item-opinion article h3.title { margin-top: 5px;} #cat-opinion .columnas .item-opinion article p { color: #4A4A4A; font-family: 'DroidSans', sans-serif; font-size: 0.7em; font-weight: 400; padding: 0px 10px;} /*#cat-opinion .sub-title { border-color: #327DC0; border-width: 3px; color: #327DC0; margin-bottom: 15px;}*/ #cat-opinion .sub-title { border-color: #C52A2A;color: #000;} #cat-opinion .sub-title .glyphicon { color: #327DC0;} #cat-opinion .columnas a.btn-ver-mas { background-color: #327DC0; width: auto;} #cat-opinion .columnas a.btn-ver-mas:before { margin-right: 10px;} /*Cultura*/ #cultura {} #cultura .noticia.sub-titulares .col article figure img { border-top: none; margin-top: 0; padding-top: 0;} #cultura .item-noticia:last-of-type { border-bottom: none;} #cultura section.noticia.principal { padding-bottom: 0;} #cultura section.noticia.principal h2.title { font-size: 1.25em; margin-bottom: 0;} #cultura section.noticia.sub-titulares {} #cultura section.noticia.sub-titulares h2.title { margin-top: 0;} #cultura section.noticia.sub-titulares h2.title a { color: #4A4A4A;} #cultura section.noticia.sub-titulares h3.title { font-size: 0.625em; margin-bottom: 5px;} #cultura .block, #cultura .noticia { padding-bottom: 0;} #cultura .noticia .item-noticia h2.title { margin-bottom: 0;} #cultura .sub-title { border-color: #E07C4B; color: #E07C4B;} #cultura .sub-title a { color: #E07C4B; display: block;} #cultura .sub-title .glyphicon { color: #E07C4B;} #cultura .title a { color: #4A4A4A;} #cultura .title.title-lg a { color: #000;} #cultura section.critica-cultura {} #cultura section.critica-cultura h4.section-title, #cultura section.opinion-cultura h4.section-title { font-family: 'DroidSerif', serif; font-size: 1.7em; height: 60px; line-height: 1.7em;} #cultura section.critica-cultura h4.section-title:after, #cultura section.opinion-cultura h4.section-title:after { background: none; display: none; float: none; height: 0;} #cultura section.cat-galeria-fotos { padding-bottom: 20px;} #cultura div.carousel.slide div a.carousel-control { color: #E07C4B; opacity: 1;} #cultura div.carousel.slide div ol.carousel-indicators li { background-color: #E6B8A1;} #cultura div.carousel.slide div ol.carousel-indicators li.active { background-color: #E07C4B;} #cultura .single-mobile .noticia.principal .cuerpo-noticia h3 { clear: both; color: #E07C4B; display: block; font-family: 'Droid Serif', serif; font-size: 20px; font-weight: bold; line-height: 33px; margin-bottom: 15px; padding-left: 10px; padding-right: 10px;} /*Deportes*/ #deportes {} #deportes .title a { color: #4A4A4A;} #deportes .noticia.principal { padding-bottom: 0;} #deportes .noticia.principal h2.title { font-size: 1.25em; margin-top: 0;} #deportes .noticia.principal h3.title { margin-bottom: 5px;} #deportes .noticia.principal .title a { color: #000;} #deportes .noticia.principal figure { margin-bottom: 10px;} /*#deportes .noticia.principal p.excerpt { font-family: 'DroidSans', sans-serif;}*/ #deportes .noticia.sub-titulares .col article figure img { border-top: none; margin-top: 0; padding-top: 0;} #deportes .noticia.sub-titulares .col article p { color: #4A4A4A; font-size: 0.7em; padding-left: 10px; padding-right: 10px;} #deportes .item-noticia:last-of-type { border-bottom: none;} #deportes .sub-title { border-color: #E15B5B; border-width: 3px; color: #E15B5B; margin-bottom: 5px;} #deportes .sub-title .glyphicon { color: #E15B5B;} #deportes .sub-title img { vertical-align: sub;} #deportes section.deportes-multimedia { margin-bottom: 15px;} #deportes section.deportes-multimedia h2.section-title { font-family: 'DroidSerif', serif; font-size: 1.7em; font-weight: 400; height: 60px; line-height: 1.7em;} #deportes section.deportes-multimedia h2.section-title a { color: #fff; display: block;} #deportes section.deportes-multimedia h2.section-title a:after { background: none; display: none; height: 0; width: 0;} #deportes section.deportes-multimedia section { background-color: #EFDAD9; clear: both; float: left; width: 100%;} #deportes section.deportes-multimedia section h2 a { color: #4A4A4A; font-family: 'DroidSans-Bold', sans-serif; font-size: 1.1em; line-height: normal;} #deportes section .sub-title a { display: block; color: #E15B5B;} #deportes .block { padding-bottom: 0;} #deportes .block.oruga-lirica .title-md span.txt-title { display: inline-block; width: 200px;} #deportes .block.oruga-lirica .title-md span.txt-title small { display: block;} #deportes .block.oruga-lirica .title-md a:hover span.txt-title { text-decoration: underline;} #deportes .block.oruga-lirica .title-md span.glyphicon { line-height: 39px;} #deportes #carousel-imagenes-para-compartir { margin-top: 5px;} #deportes #carousel-imagenes-para-compartir small { color: #4A4A4A; font-family: 'DroidSans', sans-serif; font-size: 0.6em; line-height: normal;} #deportes #carousel-imagenes-para-compartir h3.title { margin-top: 5px;} #deportes .multimedia h5.title-md.sub-title { border-width: 1px;} #deportes .block.cat-galeria-fotos.multimedia .carousel { margin-top: 5px;} #deportes div.carousel.slide div a.carousel-control { color: #E15B5B; opacity: 1;} #deportes div.carousel.slide div ol.carousel-indicators li { background-color: #F7AFAF;} #deportes div.carousel.slide div ol.carousel-indicators li.active { background-color: #E15B5B;} /*Mercados*/ #mercados {} #mercados .noticia.principal figure { margin-bottom: 10px;} #mercados section.noticia.principal h2.title { font-size: 1.25em; margin-bottom: 0;} /*#mercados .noticia.sub-titulares .col article figure img { border-top: none; margin-top: 0; padding-top: 0;}*/ #mercados .noticia.sub-titulares .col article h2.title { margin-bottom: 0;} #mercados .noticia.sub-titulares .col article p { color: #4A4A4A; font-size: 0.7em; padding-left: 10px; padding-right: 10px;} #mercados .sub-title { border-color: #5B7D59; border-width: 3px; color: #5B7D59; margin-bottom: 0;} #mercados .sub-title a { display: block; color: #5B7D59;} #mercados .sub-title .glyphicon { color: #5B7D59;} #mercados section.subseccion-mercados section { background-color: #EBF2EB; clear: both; float: left; width: 100%;} #mercados .newsletter { background-color: #3E503C;} #mercados section.newsletter ul.rrss li a i { color: #fff;} #mercados section.newsletter ul.rrss li a i.fa-square { color: transparent;} #mercados section.newsletter ul.rrss li a .twitter i.fa-square, #mercados section.newsletter ul.rrss li a .rss i.fa-square { color: #fff;} #mercados section.newsletter ul.rrss li a .twitter i.fa-twitter, #mercados section.newsletter ul.rrss li a .rss i.fa-rss { color: #3E503C;} #mercados section.analisis-y-research .sub-title { margin-bottom: 5px;} #mercados section.analisis-y-research .col { border-top: 1px solid #CCCCCC; margin-top: 10px;} #mercados section.analisis-y-research .col:first-of-type { border-top: none; margin-top: 0;} #mercados section.analisis-y-research article a { color: #4A4A4A; font-size: 12px;} #mercados section.analisis-y-research article a:hover { color: #000; text-decoration: none;} #mercados section.analisis-y-research article a i { color: #f00; font-size: 1.7em; margin-right: 5px; vertical-align: bottom;} #mercados section.analisis-y-research article a:hover span { text-decoration: underline;} #mercados section.subseccion-mercados .col article figure { margin-bottom: 10px;} #mercados section.subseccion-mercados .col article p { color: #4A4A4A; font-size: 0.7em; padding-left: 10px; padding-right: 10px;} #mercados .multimedia h5.title-md.sub-title { border-width: 1px;} #mercados .multimedia h5.title-md.sub-title span.fa-stack { height: 1.5em; line-height: 1.5em; vertical-align: middle; width: 1.1em;} #mercados .multimedia h5.title-md.sub-title span.fa-stack i.fa-stack-2x { font-size: 1.3em;} #mercados .multimedia h5.title-md.sub-title span.fa-stack i.fa-camera { font-size: 0.6em; line-height: 2.1em;} /*Indicadores Financieros*/ #mercados section.indicadores-financieros { background-color: #ebf2eb!important; padding-bottom: 10px;} #mercados section.indicadores-financieros h2.titulo-seccion { font-size: 20px; margin-bottom: 10px; text-align: center;} #mercados section.indicadores-financieros article { margin-bottom: 0; margin-top: 10px; padding: 0 10px;} #mercados section.indicadores-financieros article div { background-color: #fff; border: none; padding: 10px;} #mercados section.indicadores-financieros article div h3 { color: #5B7D59; font-family: 'Droid Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 18px; padding: 0;} #mercados section.indicadores-financieros article div table { } #mercados section.indicadores-financieros article div table tr {} #mercados section.indicadores-financieros .item-noticia { border-bottom: none;} #mercados section.indicadores-financieros article div table tr td { border-top: 1px solid #ccc; font-size: 11px; line-height: 1.42857; padding: 5px 0; text-align: right; vertical-align: top;} #mercados section.indicadores-financieros article div table tr td:first-of-type { text-align: left;} #mercados section.indicadores-financieros article div table tr:first-of-type td { border-top: none; padding-top: 0;} #mercados section.indicadores-financieros article div table tr:last-of-type td { padding-bottom: 0;} #mercados section.indicadores-financieros article div table tr td span.glyphicon-triangle-top { color: #00A33A;} #mercados section.indicadores-financieros article div table tr td span.glyphicon-triangle-bottom { color: #ED5F2A;} /*TV*/ #tv {} #tv .noticia.principal figure { margin-bottom: 10px;} #tv .noticia.sub-titulares .col article p { color: #4A4A4A; font-size: 0.7em; padding-left: 0; padding-right: 0;} #tv .sub-title { border-color: #8173A6; border-width: 3px; color: #8173A6; margin-bottom: 0;} #tv .sub-title a { display: block; color: #8173A6;} #tv .sub-title .glyphicon { color: #8173A6;} #tv .newsletter { background-color: #8173A6;} #tv .title a { color: #4A4A4A;} #tv .title.title-lg a { color: #000;} #tv p.excerpt { font-family: 'DroidSans-bold', sans-serif; font-weight: normal;} #tv section.ultimos-capitulos section.inner-padding-sides div.item-noticia:first-of-type { border-top: 1px solid #ccc;} #tv section.ultimos-capitulos section.inner-padding-sides div.item-noticia div.col-8 h3.title { margin-bottom: 5px;} #tv section.ultimos-capitulos section.inner-padding-sides div.item-noticia div.col-8 h2.title { margin: 0;} #tv section.newsletter ul.rrss li a i { color: #fff;} #tv section.newsletter ul.rrss li a i.fa-square { color: transparent;} #tv section.newsletter ul.rrss li a .twitter i.fa-square, #tv section.newsletter ul.rrss li a .rss i.fa-square { color: #fff;} #tv section.newsletter ul.rrss li a .twitter i.fa-twitter, #tv section.newsletter ul.rrss li a .rss i.fa-rss { color: #8173A6;} /*Sociales*/ #cat-sociales {} #cat-sociales .noticia.principal h3.title { margin-bottom: 5px;} #cat-sociales .noticia.principal .title a { color: #000;} #cat-sociales .noticia.principal figure { margin-bottom: 10px;} #cat-sociales .sub-title { border-color: #9B7C89; border-width: 3px; color: #9B7C89;} #cat-sociales .sub-title .glyphicon { color: #9B7C89;} #cat-sociales div.carousel.slide div a.carousel-control { color: #9B7C89; opacity: 1;} #cat-sociales div.carousel.slide div ol.carousel-indicators li { background-color: #CCC0C5;} #cat-sociales div.carousel.slide div ol.carousel-indicators li.active { background-color: #9B7C89;} /*Multimedia*/ #cat-multimedia {} #cat-multimedia .noticia.principal figure { margin-bottom: 10px;} #cat-multimedia .noticia.sub-titulares .col article p { color: #4A4A4A; font-size: 0.7em; padding-left: 0px; padding-right: 0px;} #cat-multimedia .noticia.sub-titulares.ultimos-capitulos section.inner-padding-sides div.item-noticia:first-of-type { border-top: 1px solid #ccc;} #cat-multimedia .sub-title { border-color: #88B13E; border-width: 3px; color: #88B13E;} #cat-multimedia .sub-title .glyphicon { color: #88B13E;} #cat-multimedia div.carousel.slide div a.carousel-control { color: #88B13E; opacity: 1;} #cat-multimedia div.carousel.slide div ol.carousel-indicators li { background-color: #C8DEA0;} #cat-multimedia div.carousel.slide div ol.carousel-indicators li.active { background-color: #88B13E;} /* $CATEGORÍAS =========================================*/ .categoria-mobile {} .categoria-mobile section.noticia.principal .title a { color: #000;} .categoria-mobile section.noticia.principal figure { margin-bottom: 10px;} .categoria-mobile .noticia.sub-titulares .col article figure img { border-top: none; margin-top: 0; padding-top: 0;} .categoria-mobile .lo-ultimo {} .categoria-mobile .lo-ultimo .sub-title { border-color: #000; border-width: 3px; color: #000; margin-bottom: 15px;} .categoria-mobile .lo-ultimo .sub-title a { color: #000; display: block;} .categoria-mobile .lo-ultimo .sub-title .glyphicon { color: #000;} .categoria-mobile .lo-ultimo div article { border-top: 1px solid #ccc; margin-top: 12px; padding-top: 15px;} .categoria-mobile .lo-ultimo div:first-of-type article { border-top: none; margin-top: 0; padding-top: 0;} .categoria-mobile .lo-ultimo article div.col-8 { padding-left: 15px;} .categoria-mobile .lo-ultimo article div.col-8 h4.title-xxs { margin-top: 0;} /*Colores títulos segun seccion*/ #cat-opinion .categoria-mobile .sub-title { border-color: #327DC0; color: #327DC0;} #cat-opinion .categoria-mobile .sub-title a { color: #327DC0;} #cat-opinion .categoria-mobile .sub-title .glyphicon { color: #327DC0;} #cultura .categoria-mobile .sub-title { border-color: #E07C4B; color: #E07C4B;} #cultura .categoria-mobile .sub-title a { color: #E07C4B;} #cultura .categoria-mobile .sub-title .glyphicon { color: #E07C4B;} #deportes .categoria-mobile .sub-title { border-color: #E15B5B; color: #E15B5B;} #deportes .categoria-mobile .sub-title a { color: #E15B5B;} #deportes .categoria-mobile .sub-title .glyphicon { color: #E15B5B;} #mercados .categoria-mobile .sub-title { border-color: #5B7D59; color: #5B7D59;} #mercados .categoria-mobile .sub-title a { color: #5B7D59;} #mercados .categoria-mobile .sub-title .glyphicon { color: #5B7D59;} #tv .categoria-mobile .sub-title { border-color: #8173A6; color: #8173A6;} #tv .categoria-mobile .sub-title a { color: #8173A6;} #tv .categoria-mobile .sub-title .glyphicon { color: #8173A6;} #cat-sociales .categoria-mobile .sub-title { border-color: #9B7C89; color: #9B7C89;} #cat-sociales .categoria-mobile .sub-title a { color: #9B7C89;} #cat-sociales .categoria-mobile .sub-title .glyphicon { color: #9B7C89;} #cat-multimedia .categoria-mobile .sub-title { border-color: #88B13E; color: #88B13E;} #cat-multimedia .categoria-mobile .sub-title a { color: #88B13E;} #cat-multimedia .categoria-mobile .sub-title .glyphicon { color: #88B13E;} /*Categorías Noticias - Colores Secciones */ #cat-pais .categoria-mobile .sub-title { border-color: #6b77bf; color: #6b77bf;} #cat-pais .categoria-mobile .sub-title a { color: #6b77bf;} #cat-pais .categoria-mobile .sub-title .glyphicon { color: #6b77bf;} #cat-mundo .categoria-mobile .sub-title { border-color: #449dbd; color: #449dbd;} #cat-mundo .categoria-mobile .sub-title a { color: #449dbd;} #cat-mundo .categoria-mobile .sub-title .glyphicon { color: #449dbd;} #cat-sociales .categoria-mobile .sub-title { border-color: #0099FA; color: #0099FA;} #cat-sociales .categoria-mobile .sub-title a { color: #0099FA;} #cat-sociales .categoria-mobile .sub-title .glyphicon { color: #0099FA;} #cat-opinion .categoria-mobile .sub-title { border-color: #327dc0; color: #327dc0;} #cat-opinion .categoria-mobile .sub-title a { color: #327dc0;} #cat-opinion .categoria-mobile .sub-title .glyphicon { color: #327dc0;} #cat-sin-editar .categoria-mobile .sub-title { border-color: #08b6cf; color: #08b6cf;} #cat-sin-editar .categoria-mobile .sub-title a { color: #08b6cf;} #cat-sin-editar .categoria-mobile .sub-title .glyphicon { color: #08b6cf;} #cat-vida-en-linea .categoria-mobile .sub-title { border-color: #0099FA; color: #0099FA;} #cat-vida-en-linea .categoria-mobile .sub-title a { color: #0099FA;} #cat-vida-en-linea .categoria-mobile .sub-title .glyphicon { color: #0099FA;} #cat-multimedia .categoria-mobile .sub-title { border-color: #89b13e; color: #89b13e;} #cat-multimedia .categoria-mobile .sub-title a { color: #89b13e;} #cat-multimedia .categoria-mobile .sub-title .glyphicon { color: #89b13e;} #cat-agenda-panorama .categoria-mobile .sub-title { border-color: #ff8601; color: #ff8601; } #cat-agenda-panorama .categoria-mobile .sub-title a { color: #ff8601;} #cat-agenda-panorama .categoria-mobile .sub-title .glyphicon { color: #ff8601;} #cat-galeria-fotos .categoria-mobile .sub-title { border-color: #0e8600; color: #0e8600; } #cat-galeria-fotos .categoria-mobile .sub-title a { color: #0e8600;} #cat-galeria-fotos .categoria-mobile .sub-title .glyphicon { color: #0e8600;} /*Categoría "Autor" */ #page-autor {} section.autor-con-foto { background-color: #F5F5F5; clear: both; float: left; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; width: 100%;} #page-autor .lo-ultimo section div:first-of-type article { border-top: medium none; margin-top: 0px; padding-top: 0px;} #page-autor .lo-ultimo section div article { border-top: 1px solid #CCC; margin-top: 12px; padding-top: 15px;} b, strong {font-weight: 700;} /* $SINGLE =========================================*/ .single-mobile {} .single-mobile .noticia.principal h2.title a { color: #000;} .single-mobile .noticia.principal figure { clear: both; margin: 10px 0;} .single-mobile .noticia.principal h3 { clear: both; color: #000; font-family: 'DroidSerif', serif; font-size: 20px; font-weight: bold; line-height: 1.35em; margin-bottom: 15px; padding-left: 10px; padding-right: 10px;} .single-mobile .noticia.principal h3.title { clear: both; color: #000; font-family: 'DroidSerif', serif; font-size: 0.8em; font-weight: bold; line-height: 1.35em; margin-bottom: 15px; padding-left: 10px; padding-right: 10px;} .single-mobile .noticia.principal h3 strong { font-family: 'DroidSerif-Bold', serif; font-weight: normal;} .single-mobile .noticia.principal p { clear: both; color: #333333; font-family: 'DroidSerif', serif; font-size: 1em; line-height: 1.35em; margin-bottom: 15px; padding-left: 10px; padding-right: 10px;} .single-mobile .noticia.principal article .autor-noticia-post { margin-bottom: 15px;} .single-mobile .noticia.principal article .autor-noticia-post span.bottom-border { margin-top: 0; padding: 1px 0;} .single-mobile .noticia.principal article .autor-noticia-post span:last-of-type { border-left: 1px solid #D2D2D2;} .single-mobile .noticia.principal article .autor-noticia-post p { clear: none; color: #424242; display: inline; float: left; font-family: 'DroidSans', sans-serif; font-size: 11px; font-weight: 400; line-height: 14px; margin-bottom: 0; padding: 0;} .single-mobile .noticia.principal article .autor-noticia-post p a { color: #333;} .single-mobile .noticia.principal article p.excerpt { font-family: 'DroidSans-Bold', sans-serif; font-weight: normal;} .single-mobile .noticia.principal article img { height: auto; width: 100% !important;} /*#braga .single-mobile .noticia.principal article iframe { height: 250px; width: 100% !important;}*/ /*.single-mobile .noticia.principal article iframe { height: auto; width: 100% !important;}*/ .single-mobile .noticia.principal article iframe.vrudopodcast { height: 300px; width: 100% !important;} .single-mobile .noticia.principal article iframe.vrudo { width: 100%; height: fit-content; margin: 0; } /*.single-mobile .noticia.principal article .publicidad iframe { height: -webkit-fill-available!important; width: 100% !important;}*/ .single-mobile .noticia.principal article ol, .single-mobile .noticia.principal article ul { font-family: 'Droid Serif', serif;} .single-mobile .noticia.principal article ol li, .single-mobile .noticia.principal article ul li { color: #333; font-family: 'Droid Serif', serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px; margin-bottom: 15px; list-style-type: unset; margin-left: 30px;} .single-mobile .noticia.principal article ol li em, .single-mobile .noticia.principal article ul li em { font-family: 'Droid Serif', serif; font-size: 16px; font-weight: 400; line-height: 30px;} .single-mobile .noticia.principal article audio { margin: 10px 0; width: 100%;} .single-mobile .noticia.principal article a { color: #337ab7;} .single-mobile .noticia.principal article.timeline-style { padding-left: 50px; padding-right: 20px; position: relative; border: none; } .single-mobile .noticia.principal article.timeline-style:before, .single-mobile .noticia.principal article.timeline-style:after{ content: ""; display: block; } .single-mobile .noticia.principal article.timeline-style:before{ background-color: #6c74c0; border-radius: 100%; width: 25px; height: 25px; position: absolute; top: 40%; left: 15px; transform: translateY(-40%); border: 5px #fff solid; z-index: 5; } .single-mobile .noticia.principal article.timeline-style:after{ content: ""; display: block; height: 100%; background-color: #6c74c0; position: absolute; width: 3px; top: 60px; left: 26px; z-index: 2; } .single-mobile .noticia.principal article.timeline-style:last-child:after { display: none; } .single-mobile .noticia.principal article.timeline-style h4 a{ color: #333; font-weight: bold; margin-top: 0; } .single-mobile .noticia.principal .articulos-relacionados{ margin-bottom: 30px; } .single-mobile .noticia.principal .articulos-relacionados h3{ color: #6d75c1; font-size: 18px; font-weight: 400; line-height: 21px; margin: 0 10px 15px; border-bottom: 5px #6d75c1 solid; padding: 0 0 10px; } .single-mobile .noticia.principal .articulos-relacionados p{ color: #333333; font-size: 13px; font-style: normal; font-weight: 400; line-height: 30px; margin: 0; padding: 0; } /*.single-mobile .noticia.principal blockquote { color: #4A4A4A; font-family: 'DroidSerif', serif; font-size: 1em; line-height: 1.35em;}*/ /*Blockquote*/ /* version anterior --> */ /* .single-mobile .noticia.principal blockquote { color: #4A4A4A; font-family: 'DroidSerif', serif; font-size: 1em; line-height: 1.35em;}*/ .single-mobile .noticia.principal blockquote { border-bottom: 3px solid #DADADA; border-left: none; border-top: 3px solid #DADADA; color: #285374; font-family: 'Droid Serif', serif; font-size: 1em; font-style: italic; font-weight: 400; line-height: 1.35em; margin: 0 auto 15px; max-width: 600px; padding: 30px 10px; position: relative; width: 90%;} .single-mobile .noticia.principal blockquote:before { content: "“"; color: #285374; float: left; font-family: 'Droid Serif', serif; font-size: 170px; font-style: normal; font-weight: 700; height: 55px; line-height: 135px; margin: 0 5px 0 -10px; width: 90px;} .single-mobile .noticia.principal blockquote:after { bottom: 22px; content: "”"; color: #285374; float: right; font-family: 'Droid Serif', serif; font-size: 170px; font-style: normal; font-weight: 700; height: 55px; line-height: 135px; margin: 0 -15px 0px 0px; opacity: 0.3; /*position: absolute;*/ right: 18px; width: 90px; z-index: -3;} .single-mobile .noticia.principal article .tags-noticias { border-top: 1px solid #CCCCCC; float: left; font-family: 'DroidSans', sans-serif; font-size: 0.75em; font-weight: 400; line-height: 21px; margin-top: 1px; padding: 5px 0 0; width: 100%;} .single-mobile .noticia.principal article .tags-noticias h4 { color: #333333; font-family: 'DroidSans-Bold', sans-serif; font-size: 1.2em; font-weight: normal; margin-bottom: 5px;} .single-mobile .noticia.principal article .tags-noticias ul { float: left; list-style: none; margin-left: -5px; width: 100%;} .single-mobile .noticia.principal article .tags-noticias ul li { color: #4A4A4A; float: left; font-family: 'DroidSans', sans-serif; font-size: 0.825em; line-height: 2em; margin: 0 0 5px 0; padding: 0 0 0 5px;} .single-mobile .noticia.principal article .tags-noticias ul li:first-child {} .single-mobile .noticia.principal article .tags-noticias ul li a { background-color: #EEEEEE; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #4A4A4A; display: block; padding: 2px 4.5px; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;} .single-mobile .noticia.principal article .tags-noticias ul li a:hover { background-color: #4A4A4A; color: #fff; text-decoration: none;} .single-mobile .noticia.principal article .compartir-noticia { border-top: 1px solid #CCCCCC; float: left; font-family: 'DroidSans', sans-serif; font-weight: 400; line-height: 21px; margin: 1px 0 10px; padding: 10px 0 0; width: 100%;} .single-mobile .noticia.principal article .compartir-noticia h4 { color: #333333; display: inline; float: left; font-family: 'DroidSans', sans-serif; font-size: 0.85em; font-size: 0.75em; font-weight: 400; line-height: 2em; margin-top: 0;} .single-mobile .noticia.principal article .compartir-noticia h4 strong { font-weight: 700;} .single-mobile .noticia.principal article .compartir-noticia ul { display: inline; float: left; list-style: none; margin: 0 0 0 15px;} .single-mobile .noticia.principal article .compartir-noticia ul li { color: #4A4A4A; float: left; margin: 0 0 0 10px; padding: 0} .single-mobile .noticia.principal article .compartir-noticia ul li:first-child { margin-left: 0;} .single-mobile .noticia.principal article .compartir-noticia ul li a { color: #4A4A4A; display: block; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;} .single-mobile .noticia.principal article .compartir-noticia ul li a i { font-size: 1.5em;} .single-mobile .noticia.principal article .compartir-noticia ul:hover > li a { opacity: 0.5; text-decoration: none; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;} .single-mobile .noticia.principal article .compartir-noticia ul:hover > li:hover a { opacity: 1.0; text-decoration: none; -webkit-transition: all .12s ease-in-out; -moz-transition: all .12s ease-in-out; -o-transition: all .12s ease-in-out; -webkit-transition: all .12s ease-in-out; transition: all .12s ease-in-out;} .single-mobile .noticia.principal article i.fa-facebook-square { color: #3E5B97;} .single-mobile .noticia.principal article i.fa-twitter, .single-mobile .noticia.principal article i.fa-twitter-square { color: #00ABF2;} .single-mobile .noticia.principal article i.fa-linkedin-square { color: #0077B5;} .single-mobile .noticia.principal article i.fa-google-plus-square { color: #D74537;} .single-mobile .noticia.principal article i.fa-whatsapp { color: #34af23;} .single-mobile .noticia.principal article i.fa-envelope-square, .single-mobile .noticia.principal article i.fa-pencil-square, .single-mobile .noticia.principal article i.fa-square { color: #285374;} .single-mobile .noticia.principal article .compartir-noticia-single { padding-left: 10px; padding-right: 10px;} .single-mobile .noticia.principal article .compartir-noticia-single h5 { color: #4A4A4A; display: inline; float: left; font-family: 'Droid Sans', sans-serif; font-size: 0.75em; line-height: normal; margin-bottom: 6px; margin-top: 6px;} .single-mobile .noticia.principal article .compartir-noticia-single p { clear: none; color: #4A4A4A; display: inline; float: right; font-family: 'Droid Sans', sans-serif; font-size: 0.75em; line-height: normal; margin-bottom: 5px;} .single-mobile .noticia.principal article .compartir-noticia-single p strong { color: #285374; font-family: 'DroidSerif-Bold', sans-serif; font-size: 1.7em;} .single-mobile .noticia.principal article .compartir-noticia-single ul.compartir-en-rrss { border-bottom: 1px solid #DEDEDE; border-top: 1px solid #DEDEDE; clear: left; float: left; list-style: none; margin-bottom: 10px; padding-left: 0; padding-bottom: 5px; padding-right: 0; padding-top: 5px; width: 100%;} .single-mobile .noticia.principal article .compartir-noticia-single ul.compartir-en-rrss li { float: left; margin: 0; padding: 0;} .single-mobile .noticia.principal article .compartir-noticia-single ul.compartir-en-rrss li a { color: #4A4A4A; display: inline; font-family: 'Droid Sans', sans-serif; font-size: 0.9em; font-weight: 400; line-height: 14px; padding: 5px 7.5px; width: 100%;} .single-mobile .noticia.principal article .compartir-noticia-single ul.compartir-en-rrss li:first-child a { padding-left: 0;} .single-mobile .noticia.principal article .compartir-noticia-single ul.compartir-en-rrss li a:hover { background-color: #fafafa; color: #000; text-decoration: none;} .single-mobile .noticia.principal article .compartir-noticia-single ul.compartir-en-rrss li a i { vertical-align: middle; width: 1em;} .single-mobile .noticia.principal article .compartir-noticia-single ul.compartir-en-rrss li a span.badge { background: #ffffff; border: 1px solid #979797; border-radius: 2px; color: #4A4A4A; font-size: 0.7em; font-weight: 400; padding: 1px 4px; position: relative; /*vertical-align: super;*/} .single-mobile .noticia.principal article .compartir-noticia-single ul.compartir-en-rrss li a span.badge:after, .single-mobile .noticia.principal article .compartir-noticia-single ul.compartir-en-rrss li a span.badge:before { border: solid transparent; content: " "; height: 0; position: absolute; pointer-events: none; right: 100%; top: 50%; width: 0;} .single-mobile .noticia.principal article .compartir-noticia-single ul.compartir-en-rrss li a span.badge:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 3px; margin-top: -3px;} .single-mobile .noticia.principal article .compartir-noticia-single ul.compartir-en-rrss li a span.badge:before { border-color: rgba(151, 151, 151, 0); border-right-color: #979797; border-width: 4px; margin-top: -4px;} .single-mobile .noticia.principal article .compartir-noticia-single ul.anexos { border-bottom: 1px solid #DEDEDE; clear: left; float: left; list-style: none; margin-bottom: 10px; padding-bottom: 10px; width: 100%;} .single-mobile .noticia.principal article .compartir-noticia-single ul.anexos li { color: #636466; float: left; font-family: 'Droid Sans', sans-serif; font-size: 1em; font-weight: normal; line-height: normal; margin: 0 0 0 10px !important; padding: 0;} .single-mobile .noticia.principal article .compartir-noticia-single ul.anexos li:first-child { margin-left: -1px !important; width: 125px;} .single-mobile .noticia.principal article .compartir-noticia-single ul.anexos li a { color: #4A4A4A; font-size: 0.75em;} .single-mobile .noticia.principal article .compartir-noticia-single ul.anexos li a i { display: inline; float: left;} .single-mobile .noticia.principal article .compartir-noticia-single ul.anexos span.fa-stack { float: left; width: 2.6em;} .single-mobile .noticia.principal article .compartir-noticia-single ul.anexos span.txt { color: #4A4A4A; display: inline; float: left; font-size: 0.8em;} .single-mobile .noticia.principal article .compartir-noticia-single ul.anexos span.txt.mt-7 { margin-top: 7px;} .single-mobile .noticias-relacionadas { margin-top: 30px;} .single-mobile .noticias-relacionadas h5.sub-title { border-bottom: 3px solid #C52A2A; color: #000 !important; font-size: 1.2em; border-color: #C52A2A !important; border-width: 3px !important; margin-bottom: 15px !important;} .single-mobile .noticias-relacionadas div article { border-top: 1px solid #ccc; margin-top: 12px; padding-top: 15px;} .single-mobile .noticias-relacionadas div:first-of-type article { border-top: none; margin-top: 0; padding-top: 0;} .single-mobile .noticias-relacionadas article div.col-8 { padding-left: 15px;} .single-mobile .noticias-relacionadas article div.col-8 h4.title-xxs { margin-bottom: 5px; margin-top: 0;} .single-mobile .noticias-relacionadas article div.col-8 h2.title { font-family: 'DroidSerif', serif; font-weight: 700; margin: 0;} .single-mobile .facebook-comment h5.sub-title {border-bottom: 3px solid #3b5998 !important; color: #000 !important; font-size: 1.2em; } /*Single con "Foto de autor"*/ .single-mobile .noticia.principal .autor-con-foto { background-color: #eee; margin-bottom: 5px; padding-bottom: 10px; padding-top: 10px;} .single-mobile .noticia.principal .autor-con-foto figure { padding: 0px; margin: 0px;} .single-mobile .noticia.principal .autor-con-foto figure img { display: block;} .single-mobile .noticia.principal .autor-con-foto p { margin-bottom: 5px; font-size: 10px;} .single-mobile .noticia.principal .autor-con-foto p.fecha-publicacion { font-size: 0.625em;} /*Single con foto de cabecera y footer en "Flashes de Mercados"*/ figure.bbc-header img, figure.bbc-footer img { display: block; margin: 0px auto; width: 731px !important;} .wp-caption { width: 100% !important;} .single section article p em {font-style: italic !important;} /* $OWL CAROUSEL =========================================*/ .owl-carousel .item img { display: block; height: auto; width: 100%;} /*Paginador del carrusel :: Generico*/ .owl-page span { background-color: #88B13E; height: 20px!important; width: 20px!important;} /*Paginador del carrusel :: Portadas*/ #home section.tv .owl-page span { background-color: #8173A6;} #home section.multimedia .owl-page span { background-color: #88B13E;} #home section.cat-galeria-fotos .owl-page span { background-color: #0F8600;} #home section.cat-galeria-sociales .owl-page span { background-color: #c57e9c;} #home section.sin-editar .owl-page span { background-color: #08b6cf;} #cultura .owl-page span { background-color: #E07C4B;} #deportes .owl-page span { background-color: #E15B5B;} #cat-sociales .owl-page span { background-color: #9B7C89;} #cat-multimedia .owl-page span { background-color: #88B13E;} #tv .owl-page span { background-color: #8173A6;} #cat-pais .owl-page span { background-color: #6b77bf;} #cat-mundo .owl-page span { background-color: #449dbd;} #cat-sociales .owl-page span { background-color: #0099FA;} #cat-galeria-sociales .owl-page span { background-color: #9B7C89;} #cat-opinion .owl-page span { background-color: #327dc0;} #cat-sin-editar .owl-page span { background-color: #08b6cf;} #cat-vida-en-linea .owl-page span { background-color: #0099FA;} #cat-multimedia .owl-page span { background-color: #89b13e;} #cat-agenda-panorama .owl-page span { background-color: #ff8601;} #cat-galeria-fotos .owl-page span { background-color: #0e8600;} /* $QUIENES SOMOS =========================================*/ #quienes-somos {} #quienes-somos section.block h2 { color: #000000; font-family: 'Droid Serif', serif; font-size: 35px; font-weight: 700; line-height: 50px; margin-bottom: 30px;} #quienes-somos section.block {} #quienes-somos section.block h3 { background: none; border-bottom: 5px solid #285374; color: #000000; font-family: 'Droid Serif', serif; font-size: 28px; font-weight: 400; line-height: 33px; margin-bottom: 15px; padding-bottom: 15px;} #quienes-somos section.block h3.la-plaza { border-color: #D0021B;} #quienes-somos section.block h3.directorio { border-color: #285374;} #quienes-somos section.block h3.direcciones-regionales { border-color: #D0021B;} #quienes-somos section.block h3.equipo { border-color: #285374;} #quienes-somos section.block h3.mercados { border-color: #8CB289;} #quienes-somos section.block h3.cultura { border-color: #E07C4B;} #quienes-somos section.block h3.deportes { border-color: #E15B5A;} #quienes-somos section.block h3.tv { border-color: #8173A6;} #quienes-somos section.block dl { margin-bottom: 30px;} #quienes-somos section.block dl dt { color: #000000; font-family: 'Droid Sans', sans-serif; font-size: 18px; font-weight: 700; line-height: 26px;} #quienes-somos section.block dl dd { color: #4A4A4A; font-family: 'Droid Sans', sans-serif; font-size: 18px; font-weight: 400; line-height: 33px;} /* .tit-ft { padding: 0; background-color: #fff1e0; padding-bottom: 10px; overflow: hidden; } .categoria-mobile .tit-ft { padding: 0; background-color: #fff1e0; margin-top: -20px; padding-bottom: 10px; overflow: hidden; } */ .tit-ft{ padding: 10px; background-color: #fff1e0; float: left; width: 100%; margin-bottom: -10px; } .tit-ft h2.financial-times { text-transform: uppercase; font-family: 'Droid Serif', serif; font-size: 2em; font-weight: 600; } .tit-ft h2.financial-times span { text-transform: capitalize; color: #D93728; } .tit-ft h2.vida-inclusiva { text-transform: uppercase; font-family: 'Droid Serif', serif; font-size: 2em; font-weight: 600; } .tit-ft h2.vida-inclusiva span { text-transform: capitalize; color: #52B75C; } .tit-ft p { color: #000000; font-family: 'Droid Serif', serif; font-size: 16px; font-weight: 700; margin-bottom: -7px; margin-top: 10px; } .la-clave{ background-color: #009FE0; } /*Icono "e-Pistolas"*/ .icon-enlaclave { background: #fff url(../img/icon-laclave.png) no-repeat scroll center center/18px 18px; border-radius: 50%; display: inline-block; height: 30px; line-height: 30px; text-align: center; vertical-align: top; width: 30px; margin: 3px 5px 21px 2px; } .enlaclave p { padding: 8px; font-size: 13px; } .enlaclave div.rrss { padding: 0;} .enlaclave div.rrss div { background-color: #009FE0; color: #fff; font-family: 'Droid Sans', sans-serif; font-size: 15px; padding-left: 10px; padding-bottom: 15px; padding-top: 15px; text-align: left;} .enlaclave div.rrss a { color: #fff;} .enlaclave div.rrss a:hover { color: #fff; text-decoration: none;} .menu-sidebar .icon-braga:before {font-size: 25px;} .braga.block .icon-braga:before {font-size: 28px;} .menu-sidebar .icon-agenda-pais:before {font-size: 25px;} .braga.block .icon-agenda-pais:before {font-size: 28px;} /* · · · · · · · · · · · · · · · ·:::::: QUIENES SOMOS ::::::· · · · · · · · · · · · · · · · · · · · */ #quienes-somos {} #quienes-somos .columna-principal h2 { color: #000000; font-family: 'Droid Serif', serif; font-size: 35px; font-weight: 700; line-height: 50px; margin-bottom: 30px;} #quienes-somos .columna-principal {} #quienes-somos .columna-principal h3 { border-bottom: 5px solid #285374; color: #000000; font-family: 'Droid Serif', serif; font-size: 28px; font-weight: 400; line-height: 33px; margin-bottom: 15px; padding-bottom: 15px;} #quienes-somos .columna-principal h3.la-plaza { border-color: #D0021B;} #quienes-somos .columna-principal h3.directorio { border-color: #285374;} #quienes-somos .columna-principal h3.direcciones-regionales { border-color: #D0021B;} #quienes-somos .columna-principal h3.equipo { border-color: #285374;} #quienes-somos .columna-principal h3.mercados { border-color: #8CB289;} #quienes-somos .columna-principal h3.cultura { border-color: #E07C4B;} #quienes-somos .columna-principal h3.deportes { border-color: #E15B5A;} #quienes-somos .columna-principal h3.tv { border-color: #8173A6;} #quienes-somos .columna-principal dl { margin-bottom: 30px;} #quienes-somos .columna-principal dl dt { color: #000000; font-family: 'Droid Sans', sans-serif; font-size: 18px; font-weight: 700; line-height: 26px;} #quienes-somos .columna-principal dl dd { color: #4A4A4A; font-family: 'Droid Sans', sans-serif; font-size: 18px; font-weight: 400; line-height: 33px;} figure .videoWrapper, .embed-iframe-inner.youtube-video{ position: relative; padding-bottom: 49%; padding-top: 25px; } figure .videoWrapper iframe, figure .videoWrapper iframe#vrudo, .embed-iframe-inner.youtube-video iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } /*article figure a { position: unset;}*/ /*RTB*/ .suscription-box { background-color: #EEEEEE; padding : 0 0 15px; /*max-width: 650px;*/ margin-left: auto; margin-right: auto; /*color : #fff;*/ } .suscription-box a { color : #fff; text-decoration: underline; } .suscription-box__highlight { color : #fff; font-weight: 700; } .suscription-box__highlight a { text-decoration: underline; } .suscription-box__title { font-size : 27px; color : #fff; font-weight: 300; margin : 0 0 7px } .suscription-box__description { font-size : 14px; color : #fff; font-weight : 300; line-height : 1.4; margin-bottom: 20px } .suscription-box__description p { margin: 0 } .suscription-box__payments { margin-bottom: 10px; margin-top : 20px } .suscription-card { background-color: #fff; padding : 30px } .suscription-card__title { font-size : 28px; color : #3b3b3b; font-weight : 500; margin : 0 0 20px; text-align : center; text-transform: uppercase } .suscription-card__description { font-size : 14px; color : #3b3b3b; line-height: 1.5; min-height : 100px; text-align : justify } .suscription-card__description p { margin: 0 } .suscription-card__number { font-size : 40px; color : #333; font-weight : 500; line-height : 1; margin-bottom: 40px; margin-top : 20px; text-align : center } .suscription-card__button { font-size : 18px; background-color : #333; color : #fff; display : inline-block; font-weight : 500; padding-bottom : 0.6em; padding-top : 0.6em; text-align : center; -webkit-transition: background-color 0.3s ease-out; -moz-transition : background-color 0.3s ease-out; -o-transition : background-color 0.3s ease-out; -ms-transition : background-color 0.3s ease-out; transition : background-color 0.3s ease-out; width : 100% } .suscription-card__button:hover { background-color: #7290AA } .suscription-card__button:active { -webkit-transform: translateY(-1px); -moz-transform : translateY(-1px); -o-transform : translateY(-1px); -ms-transform : translateY(-1px); transform : translateY(-1px) } .suscriptions { display : -webkit-box; display : -moz-box; display : -webkit-flex; display : -ms-flexbox; display : box; display : flex; -webkit-box-lines: multiple; -moz-box-lines : multiple; -o-box-lines : multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap : wrap; flex-wrap : wrap; margin-bottom : -10px; margin-left : -10px; margin-right : -10px } .suscriptions__item { margin-bottom : 10px; max-width : 33.333%; padding-bottom: 10px; padding-left : 10px; width : 33.333% } .default-modal { background-color: #fff; margin-left : auto; margin-right : auto; max-width : 954px; font-family : "Droid Sans", "Helvetica Neue"; position : relative } .default-modal .mfp-close { background-color : #BCBCBC; border-radius : 50%; font-size : 0; opacity : 1; -ms-filter : none; -webkit-filter : none; filter : none; right : 25px; width : 24px; height : 24px; top : 7px; -webkit-transform: rotate(45deg); -moz-transform : rotate(45deg); -o-transform : rotate(45deg); -ms-transform : rotate(45deg); transform : rotate(45deg) } .default-modal .mfp-close:after, .default-modal .mfp-close:before { position : absolute; top : 50%; left : 50%; background-color : #fff; content : ""; display : block; -webkit-transform : translate(-50%, -50%); -moz-transform : translate(-50%, -50%); -o-transform : translate(-50%, -50%); -ms-transform : translate(-50%, -50%); transform : translate(-50%, -50%); -webkit-transform-origin: center; -moz-transform-origin : center; -o-transform-origin : center; -ms-transform-origin : center; transform-origin : center } .default-modal .mfp-close:before { width : 4px; height: 14px } .default-modal .mfp-close:after { width : 14px; height: 4px; } .login-modal { color : #333; padding: 50px; width : 90% } .login-modal__title { font-weight : 400; margin : 0 0 25px; text-align : center; text-transform: uppercase } .login-modal__message { display : block; margin-bottom: 25px; text-align : center; color : #f00 } .login-modal__form { margin-left : auto; margin-right: auto; max-width : 570px } .login-modal__group { margin-bottom: 20px } .login-modal__group--dual { -webkit-box-align : center; -moz-box-align : center; -o-box-align : center; -ms-flex-align : center; -webkit-align-items: center; align-items : center; display : -webkit-box; display : -moz-box; display : -webkit-flex; display : -ms-flexbox; display : box; display : flex } .login-modal__label { font-size : 14px; -webkit-flex-shrink: 0; -ms-flex-negative : 0; flex-shrink : 0; padding-right : 30px; text-align : right; text-transform : uppercase; width : 120px; color : #333; } .login-modal__input { font-size : 16px; background-color : #333; color : #fff; -webkit-box-flex : 1; -moz-box-flex : 1; -o-box-flex : 1; -ms-box-flex : 1; box-flex : 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow : 1; height : 50px; padding-left : 15px; padding-right : 15px; width : 100%; border : 0; } .login-modal__submit { font-size : 20px; background-color : #333333; border : 0; color : #fff; cursor : pointer; height : 48px; padding : 0 20px; text-transform : uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition : all 0.3s ease-out; -o-transition : all 0.3s ease-out; -ms-transition : all 0.3s ease-out; transition : all 0.3s ease-out } .login-modal__submit:hover { background-color: #787878 } .login-modal__link { font-size : 14px; text-decoration: underline } .u-textRight { text-align: right; } .the-plan { color: #cbcbcb } .the-plan__title { font-size : 24px; font-size : 1.5rem; font-weight: 400; margin : 0 0 25px } .the-plan__group { font-size : 1em; display : -webkit-box; display : -moz-box; display : -webkit-flex; display : -ms-flexbox; display : box; display : flex; -webkit-box-pack : justify; -moz-box-pack : justify; -o-box-pack : justify; -ms-flex-pack : justify; -webkit-justify-content: space-between; justify-content : space-between; margin-bottom : 20px } .the-plan__label { font-size : 13px; display : block; margin-bottom : 5px; text-transform: uppercase } .the-plan__item { max-width: 48%; width : 48% } .the-plan__input, .the-plan__select { background-color: #7290AA; border : 0; color : #fff; height : 34px; padding-left : 10px; padding-right : 10px; width : 100% } .the-plan__submit { font-size : 12px; background-color : #285375; border : 0; color : #fff; cursor : pointer; line-height : 1; padding-bottom : 1em; padding-left : 2.5em; padding-right : 2.5em; padding-top : 1.2em; text-transform : uppercase; -webkit-transition: background-color 0.3s ease-out; -moz-transition : background-color 0.3s ease-out; -o-transition : background-color 0.3s ease-out; -ms-transition : background-color 0.3s ease-out; transition : background-color 0.3s ease-out } .the-plan__submit:hover { background-color: #2D2D36 } .the-plan__submit:active { -webkit-transform: translateY(-1px); -moz-transform : translateY(-1px); -o-transform : translateY(-1px); -ms-transform : translateY(-1px); transform : translateY(-1px) } .the-plan__payment { -webkit-box-align : center; -moz-box-align : center; -o-box-align : center; -ms-flex-align : center; -webkit-align-items : center; align-items : center; display : -webkit-box; display : -moz-box; display : -webkit-flex; display : -ms-flexbox; display : box; display : flex; -webkit-box-pack : justify; -moz-box-pack : justify; -o-box-pack : justify; -ms-flex-pack : justify; -webkit-justify-content: space-between; justify-content : space-between } .the-plan__logo { margin-right: 15px } .the-plan .box { margin-bottom: 30px; margin-top : 30px } .woocommerce-page .table-layout { width: 100%; } .woocommerce-page .product-thumbnail img { display: none; } .woocommerce-page .coupon { display: none; } .woocommerce-page .product-name { pointer-events: none; } .woocommerce-page .woocommerce #respond input#submit.alt, .woocommerce-page .woocommerce a.button.alt, .woocommerce-page .woocommerce button.button.alt, .woocommerce-page .woocommerce input.button.alt { background-color: #2D2D36; } .woocommerce-page .woocommerce #respond input#submit.alt:hover, .woocommerce-page .woocommerce a.button.alt:hover, .woocommerce-page .woocommerce button.button.alt:hover, .woocommerce-page .woocommerce input.button.alt:hover { background-color: #EE7203; } .woocommerce-page .shop_table a { color: #000; } .woocommerce-page .woocommerce-info { display: none !important; } .suscripcion-button { display: block; text-decoration: none !important; background-color: #9A9A9A; color: #fff; text-align: center; padding: .8em 1em; transition: background-color .3s ease-out; } .suscripcion-button:hover { background-color: #6B6B6B; } .suscripcion-button:active { transform: translateY(-1px); } .the-suscriptions { display: flex; justify-content: space-between; flex-wrap: wrap; } .the-suscriptions__item { width: 23%; max-width: 23%; } @media screen and (max-width: 720px) { .the-suscriptions__item { width: 49%; max-width: 49%; margin-bottom: 2%; } .the-suscriptions { margin-bottom: -2%; } .subs-item { min-height: 0 !important; padding: 20px 10px !important; } .subs-item__header { margin-bottom: 20px !important; } } .subs-item { background-color: #DBDBDB; padding: .7em; text-align: center; display: flex; flex-direction: column; justify-content: space-between; color: #000; min-height: 255px; box-shadow: 3px 5px 4px #E4E3E2; } .subs-item__title { font-weight: 700; display: block; /*margin-bottom: .1em;*/ font-size: 25px; line-height: 1; color: 577755; /*text-transform: uppercase;*/ /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/ } .subs-item__text { font-size: 14px; margin-top: -4px; line-height: 1.2; } .subs-item__text p { margin: 0; } .subs-item__header { margin-bottom: 30px; flex-grow: 2; display: flex; justify-content: center; align-items: center; flex-direction: column; } .subs-item__price { font-weight: 700; font-size: 1.9em; margin-top: -4px; } .subs-item__button, .the-form-submit { text-decoration: none !important; padding: 0 1em; background-color: #567758; display: inline-block; font-weight: 700; color: #fff !important; min-width: 152px; line-height: 34px; text-align: center; background: url('../img/bg-button-plan.jpg') no-repeat center center / cover; font-size: 17px; box-shadow: 3px 5px 4px #B3B2B1; } .u-m20 { margin-bottom: 20px; } .the-suscriptions__title { display: block; margin-bottom: .3em; font-size: 1.4em; text-transform: uppercase; } .subs-modal { padding: 38px 20px 20px; } .subs-modal__title { background-color: #577954; background: url('../img/bg-modal.jpg') no-repeat center center / cover; line-height: 34px; color: #fff; font-weight: 400; text-align: center; padding: 0 1em; box-shadow: 3px 5px 4px #D0CECD; margin-bottom: 23px; } .subs-modal__title span { font-weight: 700; } .the-plan { padding: .8em; text-align: center; color: #313133; display: flex; flex-direction: column; justify-content: space-between; } .the-plan__title { font-size: 1.6em; line-height: 1; margin-top: .8em; margin-bottom: 1.5em; display: block; } .the-plan__title span { display: block; } .the-plan__strong { font-weight: 700; font-size: 1.3em; display: block; } .the-plan__small { display: block; font-size: 12px; } .the-plan__button { background-color: #567758; background: url('../img/bg-button-suscription.jpg') no-repeat center center; color: #fff !important; padding: 0 1.5em; text-align: center; display: inline-block; font-weight: 700; text-decoration: none !important; margin-top: 4px; font-size: 20px; max-width: 181px; line-height: 41px; text-align: center; box-shadow: 5px 5px 5px #B5B3B2; } .the-plan__title .the-plan__small{ margin-top: 5px; } .dual-planes { display: flex; flex-wrap: wrap; justify-content: space-around; } .dual-planes__item { max-width: 250px; width: 47%; background-color: #DCDCDC; color: #000; box-shadow: 3px 3px 3px #D5D4D3; } * { outline: 0 !important; } .login-button { text-align: right; background: url('../img/bg-suscription-box.jpg') no-repeat right center !important; color: #fff !important; display: flex; justify-content: flex-end; align-items: center; font-size: 1.2em; line-height: 36px; padding-right: .6em; padding-left: .6em; max-width: 353px; margin-left: auto; padding: 0 10px; } .login-button .fa{ font-size: 1.3em; margin-right: 10px;} .the-alert { padding: 3em 2em 2em; } .the-alert__title { margin-top: 0; margin-bottom: 40px !important; text-align: center; line-height: 1; } .the-alert__icon { font-size: 5em; color: #587755; text-align: center; margin-bottom: 20px; } .the-alert__content { color: #222; font-size: 1.2em; text-align: center; padding-left: 30px; padding-right: 30px; } .the-alert__button { display: flex; justify-content: space-between; margin-top: 50px; padding-left: 20px; padding-right: 20px; } .step-2 { display: none; } .the-list__details { display: none; } .the-list__button { border: 0; background-color: #285375; color: #fff; display: inline-block; padding: .5em 1em; } .rtb_lock { display: inline-block; width: 24px; height: 24px; background: url('../img/candado.png') no-repeat center center / cover; margin-right: 3px; position: relative; top: 3px; } .has-lock .icono-titulo { display: none; } .has-lock .noticia h2 { display: flex; align-items: center; width: 100%; } .has-lock .noticia h2::before { content: ""; display: inline-block; width: 90px; height: 90px; background: url('../img/candado.png') no-repeat center center / cover; margin-right: 3px; position: relative; left: -5px; } .subs-item__button { max-width: 152px; width: 100%; min-width: 0; } .main-suscription-box__footer { display: flex; justify-content: space-between; align-items: center; padding: 10px; margin-top: 10px; } .main-suscription-box__footer .the-alert { padding-top: 0; padding-right: 0; padding-bottom: 0; } .main-suscription-box__footer .the-alert__content { font-size: 1em } .main-suscription-box__footer .the-alert__icon { font-size: 3em; margin-bottom: 10px; } .default-modal a { color: #467F56; } .the-password { padding-left: 15px; padding-right: 15px; } .the-password__content { font-size: 16px; margin-bottom: 15px; } .the-password__input { min-width: 300px; padding: 5px 10px; margin-bottom: 15px; } .the-password__submit { padding: 4px 15px; color: #fff; background-color: #FF9A02; border: 1px solid #FF9A02; border-radius: 4px; font-size: 16px; } .error input[type="text"], .error input[type="email"], .error textarea { background-color: #E80717; color: #fff; border-color: transparent; } .error input[type="text"]::-webkit-input-placeholder, .error input[type="email"]::-webkit-input-placeholder, .error textarea::-webkit-input-placeholder { color: #fff; } .error input[type="text"]::-moz-placeholder, .error input[type="email"]::-moz-placeholder, .error textarea::-moz-placeholder { color: #fff; } .error input[type="text"]:-ms-input-placeholder, .error input[type="email"]:-ms-input-placeholder, .error textarea:-ms-input-placeholder { color: #fff; } .error input[type="text"]:-moz-placeholder, .error input[type="email"]:-moz-placeholder, .error textarea:-moz-placeholder { color: #fff; } .suscription-box a { color: #fff !important; } @media screen and (max-width: 800px) { .main-suscription-box__footer { flex-direction: column; } .main-suscription-box__footer .the-alert { order: -1; padding-left: 0; margin-bottom: 0; margin-top: 10px; } .main-suscription-box { display: flex; flex-direction: column-reverse; width: 100%; } .primera-columna section article img { position: relative; z-index: 1; } } @media screen and (max-width: 460px) { .subs-item__title { font-size: 18px; margin-bottom: 3px; } .subs-item__price { font-size: 18px; margin-bottom: 3px; } .subs-item__text { font-size: 12px; } .subs-item__header { margin-bottom: 15px !important; } .subs-item__button { font-size: 15px; } .subs-item { padding: 20px 10px 15px !important; } .the-plan__button { max-width: 100%; padding-left: 20px; padding-right: 20px; font-size: 15px; } .the-plan__title { font-size: 18px; margin-bottom: 1em; } .login-button { font-size: 1em; } .login-modal { padding: 40px 20px 10px; } .login-modal__title { font-size: 18px; } .login-modal__message { display: none; } .default-modal .mfp-close { top: 10px; right: 10px; } .login-modal__label { padding-right: 19px; text-align: left; width: 100px; font-size: 12px;} .login-modal__submit { height: 38px; font-size: 14px; } .login-modal__input { height: 38px; font-size: 14px; } .the-plan__group { flex-wrap: wrap; margin-bottom: 0; } .the-plan__item { width: 100%; max-width: 100%; margin-bottom: 15px; } .the-plan__submit { width: 100%; } .the-plan__submit, .the-plan__input, .the-plan__select { border-radius: 3px; } } .the-results-button { text-align: center; margin-top: 15px; } .the-results-button__nota { display: block; margin-bottom: 7px; } .woocommerce-lost-password form { padding-left: 10px; padding-right: 10px; } .woocommerce-lost-password .input-text { padding: 6px 10px; border: 1px solid #b3b0b0; } form[name="checkout"] .input-text, form[name="checkout"] select { background-color: #8BB189; border: 0; color: #fff; height: 34px; padding-left: 10px; padding-right: 10px;} form[name="checkout"] .input-text::-webkit-input-placeholder { color: #fff; } form[name="checkout"] .input-text::-moz-placeholder { color: #fff; } form[name="checkout"] .input-text:-ms-input-placeholder { color: #fff; } form[name="checkout"] .input-text:-moz-placeholder { color: #fff; } form[name="checkout"] .form-row textarea { padding-top: 10px; padding-bottom: 10px; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: #8BB189 !important; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background: rgba(0,0,0, .2) !important; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: rgba(0,0,0, .2) !important; top: -14px !important; } #payment label { font-family: "Droid Sans" !important; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-bottom-color: rgba(0,0,0, .2) !important; } #payment .button { background-color: #254B23 !important; } .woocommerce-order-pay .woocommerce input[type="submit"]{ background-image: url('https://www.transbank.cl/web/static/comp/img/Logo_Webpay3-01-50x50.png'); background-repeat: no-repeat; background-position: left 10px center; background-color: #8BB189; background-size: 30px auto; height: 40px; color: #fff; padding-left: 50px; padding-right: 10px; border-radius: 3px; text-shadow: 1px 1px 1px rgba(0,0,0, .1); border: 1px solid rgba(0,0,0, .1); transition: all .3s ease-out; } .woocommerce-order-pay .woocommerce input[type="submit"]:hover { background-color: #588356; } .woocommerce { padding-left: 10px; padding-right: 10px; } .order_details .order, .order_details .date, .order_details .total, .order_details .method { border-bottom: 1px dashed #d3ced2; padding-right: 0; padding-bottom: 1em; margin-right: 0; margin-bottom: 1em; width: 100%; } .woocommerce-order-received h2 { color: #5D7C5A; } .woocommerce-order-received .woocommerce-customer-details h3 { display: none; } .woocommerce-order-received .woocommerce-customer-details address { display: none; } .woocommerce-order-received .woocommerce-thankyou-order-details { background-color: #5D7C5A; color: #fff; padding-top: 15px; padding-left: 15px; padding-right: 15px; margin-top 15px;} .woocommerce-order-received .woocommerce-thankyou-order-details ol li, .woocommerce-order-received .woocommerce-thankyou-order-details ul li { color: #fff !important; } .woocommerce-order-received .button { background-color: #5D7C5A !important; color: #fff !important; } body > div:nth-child(10) > div > div > div > div > div > section > div > article > div > div > div > div > div > ul > li.woocommerce-order-overview__total.total, body > div:nth-child(10) > div > div > div > div > div > section > div > article > div > div > div > div > div > ul > li.woocommerce-order-overview__date.date, body > div:nth-child(10) > div > div > div > div > div > section > div > article > div > div > div > div > div > ul > li.woocommerce-order-overview__order.order, body > div:nth-child(10) > div > div > div > div > div > section > div > article > div > div > div > div > div > ul > li.woocommerce-order-overview__payment-method.method { color: #fff !important; } .rtb__dual-box { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .rtb__dual-box__left, .rtb__dual-box__right { max-width: 100%; width: 100%; margin-top: 1rem; padding-left: 15px; } .rtb__dual-box__right .login-button{ margin-left: 0; } .login-button { max-width: 100%; background-image: none !important; background-color: #546B59 !important; } .rtb__dual-box__right .login-modal__title:before{ display: none !important; } .rtb__dual-box__left { padding-top: 15px; padding-left: 20px; padding-right: 20px; } .minuta-box__title { color: #69676a; text-align: center; margin-bottom: 5px; } .minuta-box__title mark { background: transparent; color: #546b59; text-transform: uppercase; } .minuta-box__description { font-size: 14px; color: #69676a; text-align: center; font-family: 'Droid Serif', serif; margin-bottom: 15px; } .minuta-box__check { color: #000; font-family: 'Droid Serif', serif; font-size: 17px; position: relative; padding-left: 45px !important; } .minuta-box__check .fa { color: #4b5e48; position: absolute; top: 3px; left: 20px; } .minuta-box__button { display: table; margin-left: auto; margin-right: auto; background-color: #617b56; color: #fff; text-transform: uppercase; font-family: 'Droid Serif', serif; text-decoration: none !important; padding: 7px 40px; margin-top: 20px; font-size: 17px; } .login-modal__label { text-align: left; padding-right: 20px; width: 100px; font-size: 13px; } .login-modal__form { padding-right: 20px; margin-bottom: 0; } .login-modal__title { margin: 20px 0 35px; font-size: 18px; } .login-modal__input { height: 30px; font-size: 13px; } .login-modal__group { margin-bottom: 15px; } .login-modal__submit { font-size: 13px; height: 30px; } .login-modal__link { color: #546b59 !important; text-decoration: none !important; font-size: 12px !important; } .suscription-box a.login-modal__link { color: #546b59 !important; } .login-modal__title { text-align: center !important; justify-content: center; } /*FIN RTB*/ /* Login */ .login{ color: #000000; font-family: 'titillium_webregular'; float: right; list-style:none; } .login .dropdown-menu{ left: auto; right: 0; min-width: 300px; max-width: 600px; background-color: #ffffff; padding: 0; color: #000; width: 500px; font-size: .9rem; border-radius: 0 0 10px 10px; padding-bottom: 15px; } .login .encabezado{ float: left; width: 100%; } .login .encabezado h4{ vertical-align: middle; color: #ffffff; font-family: 'titillium_webregular'; font-size: 1.5rem; line-height: 2.5rem; padding: 6px 15px 0; background: #417f7c; border-radius: 0 0 15px 15px; text-align: left } .login .bg-bienvenidos{ color: #ffffff; float: left; width:60% } .login .form-login{ width: 80%; margin: auto; padding-bottom: 15px; } .login .bg-elmo{ padding: .5rem 0; float: left; width:25%; } .login .bg-elmo img{ width: 66%; margin: 0; } .login .bg-close{ padding: 1.2rem 0 1rem; float: left } .login .bg-close img{ width: 18px; float: right; margin: 0 14px; } .login .oi-x{ color: #fff; } .login .title-log h3{ padding: 0 0 1rem; font-family: 'titillium_webregular'; display: inline-block; color: #417f7c; font-size: 28px; line-height: 1 } .login .title-log .color-v{ font-family: 'titillium_websemibold'; } .login .title-log .color-g{ font-family: 'titillium_webbold'; } .login input#login-submit { border: 0 } .login .btn-login{ background: transparent none repeat scroll 0% 0%; background-color: #417f7c; color: #fff; border-color: #417f7c; font-size: 1rem; width: 70%; text-align: center; border-radius: 5px; line-height: 1.5rem; display: inline-block; padding: 1px 7px 2px; margin: 10px auto 5px; } .login .col-button{ width: 100%; float:left; text-align: center; } .login .form-control{ border-radius: 5px; height: 25px; background-color: #f1f1f1; margin: 0 0 .5rem 0; } .login a{ color: #000; text-decoration: none; } .login .login-modal__form a{ color: #000; text-decoration: underline; } .login .line-col{ border-right: 1px solid #848484; padding-right: 2rem; height: 240px; margin: 0 0 2rem; } .align-left{ text-align: left } .intro-text{ font-family: 'titillium_websemibold'; margin-bottom: 10px } .suscrip-text{ font-size: .8rem; text-align: left; } /*.v-align{ margin: 15% 0; }*/ .dropdown.login{ width: 100%; } .dropdown.login > a.dropdown-toggle { position: absolute; top: 20px; right: 10px; font-size: 9px; color: #fff; padding: 10px; background-color: #8bb189; border-color: #8bb189; border-radius: 4px; text-transform: uppercase; } .dropdown.login > .dropdown-menu{ display: none; width: 100%; } .dropdown.login .line-col { margin: 0; padding: 0 20px 10px; height: auto; border: none; } .dropdown.login .login-modal__form { padding: 0; } .dropdown.login .login-modal__form > .form-group > .row{ display: table; width: 100%; } .dropdown.login .line-col p { margin-bottom: 10px; font-size: .9rem; } .dropdown.login .login-modal__form label{ display: block; text-align: left; font-size: .9rem; } .dropdown.login .form-control { height: 30px; font-size: 14px; } /*.dropdown.login .encabezado h4 { line-height: 0.9rem; font-size: 1.2rem; } .dropdown.login .title-log h3 { font-size: 14px; }*/ .dropdown.login a.forgot-password{ font-size: 14px; display: block; } .inline-contador-facebook { display: inline; width: 100%; } .fuente-imagen { background: #333; color: white !important; padding: 4px 15px; /*margin-bottom: 15px;*/ text-align: right; } .fuente-imagen p { margin: 0 !important; color: white !important; font-size: 12px !important; } .image-block { display: block !important; } #braga .tv .autor-noticia-post { font-size: 11px !important; font-family: 'DroidSans', sans-serif !important; color: #424242 !important; padding-left: 0px !important; } .publicidadNotas { width: 100%; text-align: center; margin: 10px auto; max-height: 250px; max-width: 320px; overflow: hidden; } .cuerpo-noticia .vrudo{ height: 180px; margin: 0 -15px; width: calc(100% + 30px); } .cuerpo-noticia > p > iframe{ width: 100%; } /*.publicidadNotas iframe { height: -webkit-fill-available !important; }*/ /* GENERACION M */ /* #agenda-pais .agenda-pais { background-color: #0099fa;} #agenda-pais .tit-ft {background-color: #FFFFFF;} #agenda-pais .tit-ft h2.vida-inclusiva span { color: #0099fa;}*/ #generacion-m {background-color: #01bdbe;} #generacion-m, .generacion-m { background-color: #01bdbe;} #generacion-m .section-title {background-color: #01bdbe;} #generacion-m .categoria-mobile .sub-title { border-color: #008486; color: #01bdbe;} #generacion-m .categoria-mobile .sub-title a { color: #01bdbe;} #generacion-m .categoria-mobile .sub-title .glyphicon { color: #01bdbe;} section.generacion-m { background-color: #def2ef;} /* #footer-mobile iframe { width: 100%; height: 1200px; margin: 0 auto; position: fixed; top:0; z-index: 2; } #itt-mobile iframe { width: 100%; height: 1200px; margin: 0 auto; position: fixed; top:0; z-index: 2; }*/ .single-mobile .noticia.principal h3.title { display: inline-block; padding-top: 2px; padding-bottom: 2px; margin-left: 10px; }