/* gino-1711679355.910 *//* Created: 26-nov-2018, 16:54:48 Author : jccabrera */ body{ font-family: 'Roboto', sans-serif; font-weight: 400; color: #000; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; } section{ padding: 0; } p { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: lighter; text-transform: none; letter-spacing: 0; color: #000; } p, ul, ol, pre, table { margin-bottom: 0; } .item-link{ letter-spacing: 0; } a:hover { text-decoration:none; } h1, h2, h3{ margin:0; } h3:not(:last-child), .h3:not(:last-child) { margin-bottom: 0; } h1, h2, h3, h4, h5, h6{ font-family: 'Noto Serif', serif; color: #000; text-align:center; letter-spacing: 0; } /* CONTAINER */ .container { padding:0 20px 0 20px !important; } @media (max-width: 767px) and (min-width: 480px){ .container { width: 100% !important; } } @media (min-width: 576px){ .container { max-width: 100%; } } /* WIDTH */ .w-10 {width: 10%} .w-20 {width: 20%} .w-30 {width: 30%} .w-40 {width: 40%} .w-50 {width: 50%} .w-60 {width: 60%} .w-70 {width: 70%} .w-80 {width: 80%} .w-90 {width: 90%} .w-100{width: 100%} /* fin WIDTH */ /* HEIGHT */ .h-10 {height: 10%} .h-20 {height: 20%} .h-30 {height: 30%} .h-40 {height: 40%} .h-50 {height: 50%} .h-60 {height: 60%} .h-70 {height: 70%} .h-80 {height: 80%} .h-90 {height: 90%} .h-100 {height: 100%} /* fin HEIGHT */ li.active a{ color:#4091c3!important; text-decoration:none; } /* ESTILOS PARA CARRUSEL DE NOTICIAS */ .owl-carousel .owl-dots { margin-top: 0px; } /*CALENDARIO*/ #wp-calendar{ width: 100%; } #wp-calendar tr{ text-align: center; font-size: 1em; font-weight: 400; } #wp-calendar thead tr{ text-align: center; text-transform: capitalize; font-size: 0.9em; } @media screen and (max-width: 480px){ #wp-calendar thead tr{ font-size: 0.8em; } #wp-calendar tr{ font-size: 0.9em; } } #wp-calendar caption { padding-top: .50rem; padding-bottom: .50rem; color: #6c757d; text-align: center; caption-side: top; text-transform: capitalize; background-color: whitesmoke; } #wp-calendar td a { font-weight: 500; color:#68b1d0; } #wp-calendar td a:hover { font-weight: 500; color:#d82731; } /* footer modelo pd*/ .m4p-footer-pd .copyright-text a:first-child { border-left: none; } .m4p-footer-pd .copyright-text a { border-left-color: #898989; } .m4p-footer-pd .copyright-text a { display: inline-block; padding: 0 20px; line-height: 1.2em; border-left: 1px solid #898989; } .m4p-footer-pd .copyright-text { color:#565656; } @media screen and (max-width: 480px){ .m4p-footer-pd .copyright-text a { display: block; padding-bottom: 5px; line-height: 1.2em; border-left: none; } } .m4p-footer-pd .widget .widget-title, .widget > h4 { font-family: "Open Sans"; font-size: 14px; font-style: normal; font-weight: 600; text-transform: uppercase; line-height: 24px; letter-spacing: 1px; margin-bottom: 10px; text-align: left; } .m4p-footer-pd .social-icons li a { float: left; height: 32px; width: 32px; line-height: 32px; font-size: 16px; text-align: center; margin: 0 4px 4px 0; border-radius: 4px; border: 0; background: transparent; color: #fff; overflow: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .m4p-title-social-footer{ margin-bottom:10px; } .m4p-footer-pd .m4p-footer-logo { margin-bottom: 15px; } .m4p-footer-pd .m4p-footer-txt { margin-bottom: 20px; } .m4p-footer-pd .m4p-container-copyright{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; } .m4p-footer-pd .m4p-powered{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top:5px; margin-bottom:20px; } .m4p-footer-pd .m4p-powered-content h6{ margin-bottom: 1px; font-size: 0.7em; line-height: 1.5; font-weight: 400; } .m4p-footer-pd .m4p-powered-content img{ width: 100px; max-width: 100%; } #footer .footer-content { padding: 25px 0 0px 0; } .m4p-footer-pd .m4p-copyright a { display:block; line-height:1.7; } @media screen and (max-width: 991px){ .m4p-footer-pd .m4p-container-logo{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .m4p-footer-pd .m4p-footer-logo, .m4p-footer-txt { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } } @media screen and (max-width: 650px){ .m4p-footer-pd .m4p-footer-logo img { max-width: 260px; } } @media screen and (max-width: 575px){ .m4p-footer-pd .m4p-container-copyright { text-align: center; } .m4p-footer-pd .m4p-container-logo { text-align: center; } } @media screen and (max-width: 480px){ .m4p-footer-pd .footer-content { padding: 20px 0 !important; } } /* fin footer modelo pd*/ /* BLOG */ h1.title_section_page{ margin-bottom: 0; } .title_section_page { font-family: 'Roboto', sans-serif; text-align: left; padding: 40px 20px 10px 20px; font-size: 3em; line-height: 1; font-weight: 600; letter-spacing: -1px; } .subtitle_section_page { padding: 0px 20px 10px 30px; display: block; text-align: right; } @font-face { font-family: 'Damion'; font-style: normal; font-weight: 400; src: local('Damion'), url(https://fonts.gstatic.com/s/damion/v8/hv-XlzJ3KEUe_YZkamw2EzJwVw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .team-members .team-member .team-image.m4p-image-blog{ margin-top:20px; } .m4p-image-blog img { border-radius:50%; max-width: 150px; } .section_content_1, .section_content_2{ display: -webkit-box; display: -ms-flexbox; display: flex; } .section_content_1 .title_section_page, .section_content_2 .title_section_page { padding: 20px 20px 20px 20px; } .section_content_1 > h1{ flex:1 1 50%; font-size: 3.2em; } .section_content_1 > span{ flex:1 1 50%; padding-top: 15px; } .section_content_2{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 480px){ .section_content_1{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .section_content_2 > span, .section_content_2 > h1{ align-self: center; line-height: 1.1; } .subtitle_section_page{ font-size: 1.3em; font-weight: 600; font-style: italic; } .m4p-container-size-1170 #header #header-wrap, .m4p-container-size-1024 #header #header-wrap { border-bottom: none; text-align: right; } .m4p-title-sobremi{ background-color: #F2F2F4; border-top: 1px solid #eeeeee; padding: 20px 0; margin-bottom: 20px; border-bottom: 2px solid #ccc; } .m4p-rss-autor{ margin-top:20px; } /*pagina listado blog*/ .m4p-author-list .m4p-image-blog img { border-radius: 50%; max-width: 90px; } .m4p-author-list .team-members .team-member .team-image.m4p-image-blog { margin-top: 15px; } .m4p-author-list .team-members .team-member .team-image.m4p-image-blog figure { margin: 0; } .m4p-author-list .team-members .team-member .team-image { margin-bottom: 0px; } .m4p-author-list .m4p-author-tab2 .team-member h3 { margin-bottom: 10px; margin-top: 10px; background-color: #f5f5f5; padding: 5px; } .m4p-author-list .m4p-author-tab2 .team-member p.author_biography { padding: 0 15px 15px 15px; font-weight: 400; } .m4p-author-list .team-members .team-member p { text-align: left; font-size: 1em; } /* Fin BLOG */ /* PAGINA AVISO LEGAL */ .m4p-content-legalpage > p { margin-bottom: 15px; font-size: 1.1em; } .m4p-content-legalpage > p:last-child { padding-bottom: 15px; } .m4p-legal-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 3px solid #d5d5d5; margin-bottom: 30px; } .m4p-legal-title > h1 { color: #082d88; border-bottom: 3px solid #082d88; margin-bottom: -3px; } .m4p-content-legalpage > h3 { text-align: left; margin-bottom: 8px; margin-top:5px; font-size: 1.3em; line-height: 1.2; color:#082d88; font-family: Roboto, sans-serif; } .m4p-content-legalpage{ background-color: #fff; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; padding: 5px 70px 0px 70px; } @media screen and (max-width: 768px){ .m4p-content-legalpage{ padding: 5px 30px 0px 30px; } .m4p-content-legalpage > h3 { font-size: 1.2em; } } @media screen and (max-width: 480px){ .m4p-content-legalpage > h3 { font-size: 1.1em; } } .m4p-content-legalpage > ul, .m4p-content-legalpage > ol { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: lighter; text-transform: none; letter-spacing: 0; color: #000; font-size: 1.1em; margin-left: 30px; margin-bottom: 15px; } .m4p-content-legalpage > p a { color:#082d88; font-weight: 400; } .m4p-content-legalpage > p a:hover { color:#cd2122; } .m4p-content-legalpage .su-spoiler-title { position: relative; cursor: pointer; min-height: 20px; line-height: 20px; padding: 15px 15px 15px 34px; font-weight: bold; } .m4p-content-legalpage .su-spoiler-style-fancy > .su-spoiler-title { border-bottom: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #F5F5F5; font-size: 1.1em; color:#082d88; } .m4p-content-legalpage .su-spoiler-content { padding: 14px; -webkit-transition: padding-top .2s; -moz-transition: padding-top .2s; -o-transition: padding-top .2s; transition: padding-top .2s; -ie-transition: padding-top .2s; font-size: 1.1em; font-weight: lighter; line-height: 1.4; } .m4p-content-legalpage .su-spoiler-icon { position: absolute; left: 7px; top: 16px; display: block; width: 20px; height: 20px; line-height: 21px; text-align: center; font-size: 14px; font-family: FontAwesome; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; } .m4p-content-legalpage .su-accordion { padding-bottom: 30px; } .m4p-content-legalpage .su-accordion .su-spoiler { margin-bottom: 1em; } /* fin PAGINA AVISO LEGAL */ /* PAGINA TEAM - QUIENES SOMOS */ .m4p-member-team { width: 228px; } .m4p-member-team .m4p-image-team img { border-radius:5%; max-width: 130px; border: 1px solid lightgray; } .m4p-member-team .team-members .team-member .team-image.m4p-image-team{ margin-top:20px; } .m4p-member-team h2, .m4p-member-team h3, .m4p-member-team h1 { margin-bottom: 5px; } .team-position { font-style: italic; color:darkgray; display: block; margin-bottom: 10px; } .m4p-member-team .team-member p.author_biography { padding: 0 15px 15px 15px; font-weight: 400; } .center-flex{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .left-flex{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: flex-start; justify-content: flex-start; } .right-flex{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: flex-end; justify-content: flex-end; } /* RESPONSIVE TEAM */ @media screen and (max-width: 768px) { .m4p-col-3-3-3-3.team-member-responsive-2col .m4p-grid-20 > div:nth-child(1){ -ms-grid-column-span:11; grid-column-end:span 11; } .m4p-col-3-3-3-3.team-member-responsive-2col .m4p-grid-20 > div:nth-child(2){ -ms-grid-row:1; grid-row-start:1; -ms-grid-column:13; grid-column-start:13; -ms-grid-column-span:11; grid-column-end:span 11; } .m4p-col-3-3-3-3.team-member-responsive-2col .m4p-grid-20 > div:nth-child(3){ -ms-grid-row:1; grid-row-start:1; -ms-grid-column:1; grid-column-start:1; -ms-grid-column-span:11; grid-column-end:span 11; } .m4p-col-3-3-3-3.team-member-responsive-2col .m4p-grid-20 > div:nth-child(4){ -ms-grid-row:1; grid-row-start:1; -ms-grid-column:13; grid-column-start:13; -ms-grid-column-span:11; grid-column-end:span 11; } } @media screen and (max-width: 320px) { .m4p-col-3-3-3-3.team-member-responsive-2col .m4p-grid-20 > div:nth-child(1), .m4p-col-3-3-3-3.team-member-responsive-2col .m4p-grid-20 > div:nth-child(2), .m4p-col-3-3-3-3.team-member-responsive-2col .m4p-grid-20 > div:nth-child(3), .m4p-col-3-3-3-3.team-member-responsive-2col .m4p-grid-20 > div:nth-child(4){ -ms-grid-row:1; grid-row-start:1; -ms-grid-row-span:1; grid-row-end:span 1; -ms-grid-column:1; grid-column-start:1; -ms-grid-column-span:23; grid-column-end:span 23; } .m4p-col-3-3-3-3.team-member-responsive-2col .m4p-grid-20 > div:nth-child(2){ -ms-grid-row:2; grid-row-start:2; } .m4p-col-3-3-3-3.team-member-responsive-2col .m4p-grid-20 > div:nth-child(3){ -ms-grid-row:3; grid-row-start:3; } .m4p-col-3-3-3-3.team-member-responsive-2col .m4p-grid-20 > div:nth-child(4){ -ms-grid-row:4; grid-row-start:4; } } .left-flex{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: flex-start; justify-content: flex-start; } .right-flex{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: flex-end; justify-content: flex-end; } @media screen and (min-width:481px){ .center-flex.flex-large-right { -webkit-box-pack: end; -ms-flex-pack: flex-end; justify-content: flex-end; } .center-flex.flex-large-left { -webkit-box-pack: start; -ms-flex-pack: flex-start; justify-content: flex-start; } } @media screen and (max-width:768px) and (min-width:481px){ .center-flex.flex-768-right { -webkit-box-pack: end; -ms-flex-pack: flex-end; justify-content: flex-end; } .center-flex.flex-768-left { -webkit-box-pack: start; -ms-flex-pack: flex-start; justify-content: flex-start; } } /*=========================== MODIFICACION GRID DE CUATRO COLUMNAS MEMBERS ================*/ @media screen and (max-width: 480px) { .m4p-col-3-3-3-3 .m4p-grid-20.m4p-4col-members > div:nth-child(1), .m4p-col-3-3-3-3 .m4p-grid-20.m4p-4col-members > div:nth-child(2), .m4p-col-3-3-3-3 .m4p-grid-20.m4p-4col-members > div:nth-child(3), .m4p-col-3-3-3-3 .m4p-grid-20.m4p-4col-members > div:nth-child(4){ -ms-grid-row:1; grid-row-start:1; -ms-grid-row-span:1; grid-row-end:span 1; -ms-grid-column:1; grid-column-start:1; -ms-grid-column-span:23; grid-column-end:span 23; } .m4p-col-3-3-3-3 .m4p-grid-20.m4p-4col-members > div:nth-child(2){ -ms-grid-row:2; grid-row-start:2; } .m4p-col-3-3-3-3 .m4p-grid-20.m4p-4col-members > div:nth-child(3){ -ms-grid-row:3; grid-row-start:3; } .m4p-col-3-3-3-3 .m4p-grid-20.m4p-4col-members > div:nth-child(4){ -ms-grid-row:4; grid-row-start:4; } } /* FIN ESTILOS RESPONSIVE TEAM - QUIENES SOMOS */ /* PÁGINA DE PUBLICIDAD */ .m4p-marketing-price .table-sm td, .table-sm th { padding: 1px 1px 1px 4px; line-height: 1.5; } .m4p-marketing-price .title-table-marketing { font-size: 14px; font-weight: 600; } .m4p-marketing-price tr:nth-child(odd) { background-color: #f5f5f5; } .m4p-marketing-price tr.row-title-table-marketing{ color:#fff; background-color: #0056b3; } .m4p-marketing-price h2 { text-align: left; margin-bottom: 5px; font-size: 1.3em; color:#026161; letter-spacing: 0; } .m4p-marketing-price h1 { box-shadow: 0 4px 16px #efefef; margin: 10px 3px 26px 3px; } .ficha-marketing, .ficha-marketing-left { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 35px 30px 35px; background: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.08); margin-bottom: 40px !important; } .ficha-marketing-left { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .ficha-marketing .testi-photo, .ficha-marketing-left .testi-photo { border-radius: 50%; } .ficha-marketing .testi-photo img, .ficha-marketing-left .testi-photo img { width: 140px; height: 140px; border-radius: 50%; border: 8px solid #fff; box-shadow: 0 0 0 1px rgba(49, 49, 49, 0.07); } .ficha-marketing .testi-info { padding-top:30px; text-align: right; flex:1; } .ficha-marketing-left .testi-info { padding-top:30px; text-align: left; flex:1; } .ficha-marketing .position, .ficha-marketing-left .position { font-size: 1.2em; color: #888; } .ficha-marketing .name, .ficha-marketing-left .name { font-size: 1.8em; margin-bottom: 12px; display: inline-block; } @media screen and (max-width: 720px){ .ficha-marketing, .ficha-marketing-left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ficha-marketing .testi-photo, .ficha-marketing-left .testi-photo, .ficha-marketing .testi-info, .ficha-marketing-left .testi-info { -webkit-align-self:center; -ms-flex-item-align:center; align-self: center; text-align: center; } } @media screen and (max-width: 480px){ .ficha-marketing, .ficha-marketing-left { padding: 20px 25px 20px 25px; } .ficha-marketing-left .testi-info, .ficha-marketing .testi-info { padding-top: 20px; } } @media screen and (max-width: 320px){ .ficha-marketing .testi-photo img, .ficha-marketing-left .testi-photo img { width: 100px; height: 100px; border-radius: 50%; border: 8px solid #fff; box-shadow: 0 0 0 1px rgba(49, 49, 49, 0.07); } .ficha-marketing, .ficha-marketing-left { padding: 20px 25px 20px 25px; } .ficha-marketing .name, .ficha-marketing-left .name { font-size: 1.4em; margin-bottom: 8px; } .ficha-marketing .position, .ficha-marketing-left .position { font-size: 1em; } } /* BOTON CALL TO ACTION */ .m4p-call-action-mail{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.08); padding: 30px; background: #f5f5f5; } .m4p-call-action-mail p{ font-size: 1.2em; padding-right: 30px; line-height: 1.4; } @media screen and (max-width: 768px){ .m4p-call-action-mail{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 20px; } .m4p-call-action-mail p, .m4p-call-action-mail a{ -webkit-align-self:center; -ms-flex-item-align:center; align-self: center; margin-bottom: 10px; padding-right: 0; text-align: center; } } /* FIN PÁGINA PUBLICIDAD */ /*PAGINA DE ENLACES*/ .titulo { text-align:left; background-color:#0056b3; margin-bottom: 10px; padding:1px; } .titulo h1, .titulo h2, .titulo h3, .titulo h4, .titulo h5, .titulo h6{ color:#fff; font-family: Roboto, sans-serif; } .titulo h6{ font-size: 1.1em; line-height: 2; } .enlacestitulolinks { font:bold 11px verdana, arial; color:#A50B09; margin-top: 4px; text-align: center; padding: 0 2px; margin-bottom: 10px; } .enlacestitulolinks a{ font:bold 11px verdana, arial; color:#A50B09; } .enlacestitulolinks a:hover{ opacity: .5; } .enlaceseconomiadestacadoslinks{ font:bold 11px verdana, arial; color:#4D7183; padding:5px 2px 2px 2px; text-align: center; margin-bottom: 10px; margin-top:-10px; } .enlaceseconomiadestacadoslinks a{ font:bold 11px verdana, arial;color:#4D7183; } .enlaceseconomiadestacadoslinks a:hover{ opacity: .5; } .subtitenlaces{ font:bold 14px arial, verdana; color:#323A3E; line-height: 1.3; } .enlacesescondidos a,.enlacesescondidos2 a{ color:#323A3E;font:12px arial, verdana; } .enlacesescondidos a:hover,.enlacesescondidos2 a:hover{ text-decoration:underline; } .enlacesescondidos strong{ color:#0056b3; font:bold 12px arial, verdana; } .enlacesescondidos p{ margin:0px; padding:2px 0 0; line-height: 1.4; } .enlacesescondidos{ color:#ccc; font:12px arial,verdana; line-height:10px; margin-right: 5px; } .contenedor_bloque{ width:100%; overflow:hidden; border:1px #ccc solid; margin-bottom:20px; background: #f9f9f9; border-radius: 0 0 15px 15px; box-shadow: 0 .4rem .5rem rgba(100,100,100,.10)!important; } .content-links h2.title_linkspage{ color:#7c868a; } #column{ width:calc((100% / 3) - 8px); float: left; } @media (max-width: 480px){ #column{ width:calc((100% / 1) - 8px); float: left; } } /*fin de pagina de ENLACES*/ /* --------------------------------TAGS SIDEBAR----------------------------- */ .widget { margin-bottom: 20px; position: relative; } .widget:after, .widget:before { clear: both; content: " "; display: table; } .widget a { font-size: 13px; } .tags a { border: 2px solid #f3f3f3; border-radius: 50px; font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: 700; letter-spacing: 1px; outline: none; padding: 5px 14px; margin: 0 2px 5px 0; background-color: transparent; border-color: #ebebeb; color: #4c5667; display: inline-block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* ESTILOS BLOG WORDPRESS IMPORTADOS */ body.outter { margin: 20px; } .container, .container-wide, .container-fullwidth { padding-left: 20px; padding-right: 20px; } #header #header-wrap #logo a > img { height: auto; padding-top: 20px; } #header.header-mini #header-wrap #logo a > img { padding-top: 10px; height: auto; } li.mega-menu-item li.level3 > a { font-size: 15px; text-transform: uppercase; } li.mega-menu-item li { padding: 5px 0px 5px 5px; } li.mega-menu-item li.level4 > a { font-size: 14px; } li.mega-menu-content { line-height: 14px; } .header-logo-center #logo, .menu-split #logo { width: 96%; } @media (min-width: 992px) { #mainMenu li.m4p-root-menu { display: none; } } @media (max-width: 992px) { #topbar { display: none; } } #topbar { padding-left: 15px; } #topbar .top-menu > li > a { color: white; /* text-transform: uppercase;*/ } /* Botonera de microsites */ #topbar .social-icons i { color: lightgray; font-size: 18px; padding-top: 8px; } #mainMenu nav > ul > li { margin-left: -8px; } #mainMenu .m4p-only-america { display: none; } /** PAGE MENU GLOBAL */ #page-menu { height: 60px; line-height: 60px; background-color: white; } #page-menu .container .page-menu-wrap { height: 60px; border-bottom: 0.2px solid lightgray; } #page-menu nav li { margin-right: 0px; } #page-menu nav li a { font-size: 13px; padding: 9px 4px 7px 4px !important; text-transform: uppercase; margin-right: 0px; font-weight: 500; } #page-menu nav li.active a { color: darkgray !important; } #page-menu.page-menu-align-center .page-menu-wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Recuadro del menú principal */ #header #mainMenu nav > ul > li.m4p-main-menu > a { border: 0.1px solid lightgrey; margin: 5px 14px 5px 9px; padding: 7px 10px 7px 13px; background-color: whitesmoke; } @media (max-width: 1200px) { #page-menu nav li a { font-size: 13px; } } /** MIGAS DE PAN DE PAGE-MENU **/ #page-menu div.bread { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: center; height: 60px; } #page-menu div.bread span:nth-child(2) a { font-family: sans-serif; font-size: 24px; color: black; text-transform: uppercase; font-weight: 600; } #page-menu div.bread span:nth-child(1) a:hover i { color: #9d9d9d; } #page-menu div.bread span:nth-child(1) i { font-size: 30px; color: lightgray; margin-left: 3px; margin-right: 4px; } #page-menu nav li i.fa-caret-right { font-size: 15px; color: lightgray; margin-left: 0px; margin-right: 0px; } #page-menu div.bread span:nth-child(1):before { content: ''; border-left: 10px solid lightgrey; font-size: 35px; } #page-menu div.bread span:nth-child(3) a { font-size: 20px; font-weight: bold; text-transform: uppercase; padding-left: 2px; color: #9d9d9d; } #page-menu div.bread span:nth-child(3):before { content: '/'; font-size: 24px; font-weight: lighter; padding-left: 4px; } /* Código para formateo de H1 en las migas de pan */ #page-menu div.bread span:nth-child(2) h1 { display: inline-flex; } #page-menu div.bread span:nth-child(3) h1 { display: inline-flex; } #page-menu div.bread span:nth-child(3) h1 a { font-family: roboto; } /* PUBLICIDAD */ .m4p-pub-module { line-height: 0px; padding-bottom: 20px; } .m4p-pub-module img { width: 100%; } .m4p-container-size-1024 .m4p-pub-module img { max-width: 984px; } .m4p-col-4 .m4p-pub-module img { max-width: 300px; } @media screen and (max-width: 768px) { .m4p-col-4 .m4p-pub-module { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .m4p-container-size-1024 div.sky-120x600-left { width: 160px; position: fixed; left: calc((100% - 1024px)/2 - 160px); height: 600px; z-index: 10000; } .m4p-container-size-1024 div.sky-120x600-left > div { margin-right: 0px !important; } .m4p-container-size-1024 div.sky-120x600-right { width: 160px; position: fixed; left: calc((100% - 1024px)/2 + 1024px); height: 600px; z-index: 10000; } .m4p-container-size-1024 div.sky-120x600-right > div { margin-left: 0px !important; } div.m4p-publi-skin-1x1, div.m4p-publi-billboard-foot { height: 0px !important; } /* -----------------------------------------------Colores en las portadas------------------------------------------------------ */ .m4p-bg-color-politica .m4p-bg-color { background-color: #808080; } .m4p-bg-color-mundo .m4p-bg-color { background-color: #253993; } .m4p-bg-color-periodismo .m4p-bg-color { background-color: #112348; } .m4p-bg-color-economia .m4p-bg-color { background-color: #FF8C00; } .m4p-bg-color-deportes .m4p-bg-color { background-color: #d82731; } .m4p-bg-color-ciencia .m4p-bg-color { background-color: #008080; } .m4p-bg-color-tecnologia .m4p-bg-color { background-color: #979759; } .m4p-bg-color-cultura .m4p-bg-color { background-color: #D2691E; } .m4p-bg-color-television .m4p-bg-color { background-color: #4682B4; } .m4p-bg-color-gente .m4p-bg-color { background-color: #cdad96; } .m4p-bg-color-motor .m4p-bg-color { background-color: #6b3122; } .m4p-bg-color-religion .m4p-bg-color { background-color: #4d2f6c; } .m4p-bg-color-travellers .m4p-bg-color { background-color: #4682B4; } .m4p-bg-color-salud .m4p-bg-color { background-color: #26B8F3; } .m4p-bg-color-gastronomia .m4p-bg-color { background-color: #025d1b; } .m4p-bg-color-magazine .m4p-bg-color { background-color: #CD5C5C; } .m4p-bg-color-sucesos .m4p-bg-color { background-color: #8B0000; } .m4p-bg-color-videos .m4p-bg-color { background-color: #000; } .m4p-bg-color-gray .m4p-bg-color { background-color: #E5E5E5; } .m4p-bg-color-green .m4p-bg-color { background-color: #81B441; } .m4p-bg-color-red .m4p-bg-color { background-color: #d82731; } .m4p-bg-color-blue .m4p-bg-color { background-color: #26B8F3; } .m4p-bg-color-expertos .m4p-bg-color { background-color: #2f2217bd; } .no-dark .dark h1 a, .no-dark .dark h2 a, .no-dark .dark h3 a, .no-dark .dark h4 a, .no-dark .dark h5 a, .no-dark .dark h6 a, .no-dark .dark a, .no-dark .dark .m4p-text-content { color: black; } /**---------------------------------------------------**/ /** HOME PRINCIPAL **/ /**---------------------------------------------------**/ /** HOME PRINCIPAL - HEADER **/ body.m4p-main-home #header #header-wrap { border-bottom: none; } /** HOME PRINCIPAL - TOPBAR **/ body.m4p-main-home #topbar .row div:nth-child(2) { text-align: center; } body.m4p-main-home #topbar .row div:nth-child(2) ul { float: none; } /** HOME PRINCIPAL - MAIN MENU **/ body.m4p-main-home .m4p-home-hide { display: none !important; } body.m4p-main-home .m4p-home-show { display: block !important; } /** HOME PRINCIPAL - PAGE MENU **/ body.m4p-main-home #page-menu { height: 46px; line-height: 46px; border-bottom: none; } body.m4p-main-home #page-menu .container .page-menu-wrap { height: 46px; padding-left: 0px; padding-right: 0px; border-top: 0.2px solid lightgray; } body.m4p-main-home #page-menu > .container nav { float: none !important; } body.m4p-main-home #page-menu nav li { margin-right: 0px; } body.m4p-main-home #page-menu nav li a { font-size: 1.1em; text-transform: uppercase; padding: 8px 8px; font-weight: 400; } /**---------------------------------------------------**/ /** MENU DESPLEGABLE **/ /**---------------------------------------------------**/ #mainMenu nav > ul > li.mega-menu-item .mega-menu-content > a, #mainMenu nav > ul > li.mega-menu-item .mega-menu-content > span, #mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a { padding: 0; } @media (max-width: 991px){ #header #mainMenu:not(.menu-overlay) nav > ul > li.dropdown:before { top: -5px; } } @media (max-width: 991px){ #header #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content > a, #header #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content > span, #header #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a { padding: 0; } } #topbar{ padding: 0; } #menu-responsive-icon { top: 9px!important; } @media (max-width: 991px){ #header #mainMenu nav > ul > li.m4p-main-menu > a { margin: 5px 20px 5px 0px !important; } } /* Modificación de los botones de microsites */ #header .social-facebook, #header .social-twitter { margin-left: 15px !important; } #header .header-extras .topbar-dropdown { margin-left: -10px; } #header .header-extras .topbar-dropdown > a { border-bottom: 4px solid lightgray; } /** MICROSITE MODELO 1 **/ body.m4p-micro-model-1 #page-menu { height: 46px; line-height: 46px; border-bottom: none; } body.m4p-micro-model-1 #page-menu .container .page-menu-wrap { background-color: whitesmoke; height: 46px; padding-left: 0px; padding-right: 0px; border-top: 0.2px solid lightgray; } body.m4p-micro-model-1 #page-menu > .container nav { float: none !important; } body.m4p-micro-model-1 #page-menu nav li { margin-right: 0px; } body.m4p-micro-model-1 #page-menu nav li a { font-size: 1.1em; text-transform: uppercase; padding: 8px 8px !important; font-weight: 400; } /* fin Modificación de los botones de microsites */ /* DISEÑO ADAPTADO PARA MEGA-MENU CUATRO COLUMNAS CON COLOR DE FONDO */ .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title { color: #000; } #mainMenu.menu-onclick nav > ul > li.dropdown.hover-active > ul,#mainMenu nav > ul > li.dropdown > ul, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu{ border:none; background-color: #112348; } #mainMenu.menu-onclick nav > ul > li.dropdown .dropdown-menu li.mega-menu-content > .row, #mainMenu nav > ul > li.dropdown .dropdown-menu li.mega-menu-content > .row { justify-content: space-between; } @media (min-width: 768px){ #mainMenu.menu-onclick nav > ul > li.dropdown .dropdown-menu li.mega-menu-content > .row .col-md-3, #mainMenu nav > ul > li.dropdown .dropdown-menu li.mega-menu-content > .row .col-md-3 { flex: 0 0 24%; max-width: 24%; border-radius: 5px; background: #fff; padding-top: 15px; padding-bottom: 15px; } } #mainMenu nav > ul > li.dropdown.mega-menu-item li.level3 { padding: 5px 0px 5px 5px; border-bottom: 1px solid #c7dada; } #mainMenu nav > ul > li.dropdown.mega-menu-item li.level3:hover{ background-color:#f5f5f5; } #mainMenu nav > ul > li .dropdown-menu { padding: 0 15px; } #mainMenu nav > ul > li.mega-menu-item .mega-menu-content { padding: 15px; } /* FIN DISEÑO ADAPTADO PARA MEGA-MENU CUATRO COLUMNAS CON COLOR DE FONDO */ /*MODIFICACIÓN RESPONSIVE CABECERA PD*/ @media (max-width: 991px){ #menu-responsive-icon { opacity: 1; pointer-events: auto; background-color: transparent; } body.m4p-main-home #page-menu { display: none; } body.m4p-main-home #header #mainMenu-trigger { border-bottom: 1px solid lightgray; } #header #header-wrap #logo { margin: 0 auto !important; max-width: 340px; position: absolute !important; z-index: 2; } } @media (max-width: 767px){ #header #header-wrap .header-extras li.social-facebook, #header #header-wrap .header-extras li.social-twitter { display: none; } } @media (max-width: 414px){ #header #header-wrap #logo a > img { max-width: 260px; } } @media (max-width: 375px){ #header #header-wrap #logo a > img { max-width: 240px; } #header #header-wrap #logo { max-width: 240px; } } @media (max-width: 320px){ #header #header-wrap #logo { max-width: 200px; } #header #header-wrap #logo img { width: 90% !important; } } .header-logo-center #logo > a, .menu-split #logo > a { display: inline-block; line-height: 60px; } /* FIN MODIFICACIÓN RESPONSIVE CABECERA PD*/ /* COMENTARIOS FACEBOOK PD */ #m4p-post-detail .m4p-facebook{ margin-bottom: 15px; background-color: #4c76be; padding: 5px 8px 8px 8px; } #m4p-post-detail .m4p-facebook h3 { color:#fff; text-align:left } /* FIN COMENTARIOS FACEBOOK PD */ /*=======================MODELO DE PÁGINA BLOG CONTENIDO RAW===============================*/ .m4p-content-raw .m4p-post-content .m4p-post-meta, .m4p-content-raw .m4p-post-content-relationship .m4p-post-meta { -webkit-box-pack: start; -ms-flex-pack: flex-start; justify-content: flex-start; } .m4p-content-raw .m4p-post-content img{ display:block; margin: 0 auto 20px auto; max-width: 100%; height: auto; } .m4p-content-raw .m4p-post { border-radius: 5px; border: 2px solid #f5f5f5; padding: 15px; background: #f7f7f7; } .m4p-content-raw .m4p-content-post-raw{ font-size:1.1em; line-height:1.5; margin-top:15px; } /*=======================BLOG MODELO EN RAW (CRUDO)===============================*/ @media (max-width: 991px){ #menu-responsive-icon { opacity: 1; pointer-events: auto; background-color: transparent; } body.m4p-main-home #page-menu { display: none; } body.m4p-main-home #header #mainMenu-trigger { border-bottom: 1px solid lightgray; } } /*=====================ficha autor para blogs=============================*/ .m4p-author-tab3 .m4p-author-tab3-content .author_biography p { margin-bottom: 15px; font-size: 1.1em; line-height: 1.4; color: #000; text-align:left; } .m4p-author-tab3-content{ padding: 0 10px 0 20px; margin:20px 0; } .team-members.team-members-shadow .team-member .team-image.m4p-image-blog2 > img { border-radius: 50%; max-width: 150px; } .team-members .team-member .team-image.m4p-image-blog2 { width: 150px; height: auto; margin: 20px auto; max-width:100%; } .team-members .team-member .team-image.m4p-image-blog2 .m4p-image img{ border-radius: 50%; } /*=====================fin ficha autor para blogs=============================*/ /*==========CARRUSEL NOTICIAS=========*/ .m4p-carousel-news.owl-carousel .owl-nav [class*="owl-"] { opacity: 1; } .m4p-carousel-news.owl-carousel .owl-item .m4p-tabloide img { border: 1px solid #ccc; background-color:#000; } @media screen and (min-width:992px){ .m4p-carousel-news.owl-carousel .owl-item .m4p-tabloide img { height:190px; max-height:190px; } } .m4p-carousel-news.owl-carousel.owl-carousel .owl-dots { margin-top: 0px; display: none; } .m4p-carousel-news .m4p-tabloide img:hover{ opacity:.7; } .m4p-text-inicio-carrusel { text-align:center; padding-bottom:10px; font-size: 1.1em; line-height: 1.5; } .dark .m4p-text-inicio-carrusel{ color:#fff; } /*===============================================EL RINCON DEL EXPERTO===============================*/ .m4p-expert-container .team_section.team_style16 { margin-bottom:20px; } .m4p-expert-container .team_common .member_info>a { color: #222; font-size: 1.4em; line-height: 1.6; font-weight: 700; } .m4p-expert-container .team_style16 .team_common { background: #f7f7f7; padding: 10px 15px 5px 20px; border-bottom: 2px solid #2f2217bd; border-top: 2px solid #2f2217bd; } .m4p-expert-container .team_style16 .author_member_img { border-radius: 100%; height: 150px; width: 150px; margin: 0 auto 20px auto; } .m4p-expert-container .team_style16 .author_member_img img { max-width:150px; } .m4p-expert-container .team_style16 .team_common .member_info { padding: 0px; } .m4p-expert-container .team_style16 .member_info a.mobile_number { color: #09a5cc; font-size: 14px; } .m4p-expert-container .team_style16 .member_info .social_contact li{ display: inline-block; } .m4p-expert-container .team_style16 .member_info .social_contact a { color: #606060; display: inline-block; padding: 7px; text-align: center; } .m4p-expert-container .d_block { display: block; } .m4p-expert-container .d_inline { display: inline; } .m4p-team-style16-title{ padding: 10px; text-align: center; background: #2f2217bd; color: #fff; font-size: 1.6em; font-weight: 700; margin-bottom:10px; } .m4p-expert-container .m4p-expert-charge{ margin:6px 0; font-style: italic; } .m4p-expert-container .author_biography { text-align:left; } .m4p-expert-container .author_biography p { margin-bottom:15px; } /*=============formulario============*/ .m4p-form-expert{ max-width: 300px; margin: 0 auto 20px auto; } .m4p-form-expert .gform_body { color:#fff; } .m4p-form-expert .name_first label[for="input_1_3_3"] { display:none !important; } .m4p-form-expert label { margin-bottom: 0; } .m4p-form-expert .gform_wrapper .top_label div.ginput_container { margin-top: 0px; } .m4p-form-expert .gform_wrapper { margin: 0; max-width: 100%; } .m4p-form-expert .gform_heading h3.gform_title { margin:0; color:#fff; border-bottom: 1px solid #fff; line-height: 1.5; font-size: 1.6em; } .m4p-form-expert .gform_wrapper .gform_heading { margin-bottom: 15px; } .m4p-form-expert .gform_wrapper .gform_footer { padding: 0px 0 16px 0px; } .m4p-form-expert .gform_confirmation_wrapper { color:#fff; padding-bottom: 20px; font-size: 1.2em; line-height: 1.5; } .m4p-form-expert .gform_wrapper div.validation_error { background: #fff; padding: 10px; color: #e80c0c; border-top: 2px solid #e80c0c; border-bottom: 2px solid #e80c0c; } .m4p-form-expert .gform_wrapper li.gfield.gfield_error, .m4p-form-expert .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background: #fff; color: #e80c0c; padding-left: 10px; color: #e80c0c; border-top: 2px solid #e80c0c; border-bottom: 2px solid #e80c0c; } .m4p-form-expert .gform_wrapper .gfield_error .gfield_label { color: #e80c0c; } .m4p-form-expert .gform_wrapper .validation_message { color: #e80c0c; font-weight: 700; letter-spacing: normal; } @media only screen and (min-width: 641px){ .m4p-form-expert .gform_wrapper ul.gform_fields li.gfield { padding-right: 0; } } @media only screen and (min-width: 641px){ .m4p-form-expert .gform_wrapper .top_label input.medium, .m4p-form-expert .gform_wrapper .top_label select.medium { width:100%; } } /*=====================================ESTILOS MENU PRINCIPAL EXTENDIDO======================================*/ .m4p-menu-extendido .page-menu .page-menu-wrap nav ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; top:8px; } /*====================MAILCHIMP PD=============*/ .m4p-newsletter-form { padding: 25px 6%; margin: 20px 0 30px 0; background-color: #f5f5f5; border-bottom: 5px double #e4e6e8; border-radius: 5px 5px 0 0; } .m4p-newsletter-form h3 { font-size: 24px; line-height: 1.25; font-weight: 600; margin: 0 0 20px; color: #052852; } .m4p-newsletter-form .form-group { position: relative; } .m4p-newsletter-form .form-group i { position: absolute; top: 13px; left: 12px; color: #3a5998; font-size: 16px; line-height: 1.1; } .m4p-newsletter-form .form-group input { padding-left: 36px; } .m4p-newsletter-form .link-privacity { font-size: 14px; font-weight: 300; font-style: italic; line-height: 1em; padding: 15px 0; display: block; } .m4p-newsletter-form .btn { width: 100%; max-width: 176px; } .m4p-newsletter-form .form-group { position: relative; margin-bottom:1rem; } .m4p-newsletter-form .btn.btn-primary { background-color: #3a5998; border-color: #3a5998; } .m4p-newsletter-form .form-group *::-webkit-input-placeholder { /* Google Chrome y Safari */ color: lightgray; } .m4p-newsletter-form .form-group *:-moz-placeholder { /* Firefox anterior a 19 */ color: lightgray; } .m4p-newsletter-form .form-group *::-moz-placeholder { /* Firefox 19 y superior */ color: lightgray; } .m4p-newsletter-form .form-group *:-ms-input-placeholder { /* Internet Explorer 10 y superior */ color: lightgray; } .m4p-newsletter-form .form-control:focus, input:focus, select:focus { background-color: #fafafb; border-color: #3a5998; box-shadow: none; } /** TABS del archivo de años **/ .date .nav-tabs .nav-link { color: black; } .date .nav-tabs .nav-link:hover { color: #8B0000; } .date .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: #8B0000; color: white; } /* MICROSITE 3 SEGUNDOS MODIFICACION CABECERA */ .m4p-micro-3seconds #header #header-wrap #logo a > img { max-height: 65px; padding-top: 15px; } .m4p-logo-line-down #logo { border-bottom:1px solid lightgray; } /* MENU ESPAÑA SOLO APARECERÁ EN AMERICA */ .m4p-only-america { display: none; } /* SOLUCIÓN OL o UL DENTRO DEL ARTICULO */ #m4p-post-detail .m4p-post-content ul li, #m4p-post-detail .m4p-post-content ol li { font-size: 19.6px; margin-bottom: 15px; } /* LOGO DE NAVEGACIÓN DE EL QUILOMBO */ .quilombo:before { content: ""; background: url(../assets/images/logo_quilombo_azul.png) no-repeat; background-size: contain; background-position: center,center; display: inline-block; width: 30px; height: 30px; } .quilombo_menu:before { content: ""; background: url(../assets/images/logo_quilombo_menu.png) no-repeat; background-size: contain; background-position: center,center; display: inline-block; width: 16px; height: 14px; } /* LOGO DE NAVEGACIÓN DE CORONAVIRUS */ .coronavirus:before { content: ""; background: url(../assets/images/logo_coronavirus_azul.png) no-repeat; background-size: contain; background-position: center,center; display: inline-block; width: 30px; height: 30px; } .m4p-micro-coronavirus #header #header-wrap #logo a > img { height: auto; padding-top: 8px; } .coronavirus_menu:before { content: ""; background: url(../assets/images/logo_coronavirus_menu.png) no-repeat; background-size: contain; background-position: center,center; display: inline-block; width: 16px; height: 14px; } /** Eliminamos todas las ligaduras de tipo no-common **/ * { font-variant-ligatures: no-common-ligatures !important; } /** Diseño de cabecera de telegram **/ @media (max-width: 767px) { #header #header-wrap .header-extras li.social-telegram { display: none; } } /*=================== TOP BAR MENU ICONOS TITULO HOVER ======================*/ #topbar .social-icons li a { position:relative; } #topbar .m4p-icon-hover { position: absolute; top: 40px; left: 0; color: #545050; background-color: #e5e5e5; width: calc(100% + 85px); display: none; font-size: .8em; line-height: 1.5; font-weight: 500; border-radius: 0 0 5px 5px; padding: 2px 0; border: .4px solid #ccc; } #topbar .m4p-icon-hover:hover { opacity:.6; } #topbar .social-icons.float-right .m4p-icon-hover { left: inherit; right: 0; } #topbar .social-icons li a { overflow: visible; } #topbar .social-icons { overflow: visible; } #topbar .social-icons li a:hover .m4p-icon-hover { display: inline; } /*=================== FIN TOP BAR MENU ICONOS TITULO HOVER ======================*/ /*=================== LOGOTIPO OFERTAS EN MENU Y TOPBAR ======================*/ .ofertas_menu:before { content: ""; background: url(../assets/images/ofertas-logo-menu.png) no-repeat; background-size: contain; background-position: center,center; display: inline-block; width: 16px; height: 16px; vertical-align: bottom; } .ofertas-azul:before { content: ""; background: url(../assets/images/logo_ofertas_azul.png) no-repeat; background-size: contain; background-position: center,center; display: inline-block; width: 30px; height: 30px; } /*=================== FIN LOGOTIPO OFERTAS EN MENU Y TOPBAR ======================*/ .header-logo-center #mainMenu nav > ul:last-child, .menu-split #mainMenu nav > ul:last-child { float: left; } /*=================== LOGO DE NAVEGACION DE LA SEGUNDA DOSIS =====================*/ .segunda-dosis:before { content: ""; background: url(../assets/images/logo_segunda_dosis_azul.png) no-repeat; background-size: contain; background-position: center,center; display: inline-block; width: 30px; height: 30px; } .segunda-dosis_menu:before { content: ""; background: url(../assets/images/logo_segunda_dosis_menu.png) no-repeat; background-size: contain; background-position: center,center; display: inline-block; width: 16px; height: 14px; } /* --------- ESTILOS PARA MODIFICAR TAMAÑO LOGO CABECERA CON LOGIN --------------------*/ @media (max-width: 576px) { #header #header-wrap #logo a > img { max-width: 220px; } #header .header-extras .topbar-dropdown > a { font-size: 10px; } } @media (max-width: 480px) { #header #header-wrap #logo a > img { max-width: 160px; } } @media (max-width: 414px) { #header #header-wrap #logo a > img { max-width: 140px; } #header .header-extras .topbar-dropdown > a { font-size: 9px; } } @media (max-width: 375px) { #header #header-wrap #logo a > img { max-width: 135px; } #header .header-extras .topbar-dropdown > a { font-size: 8px; } #header .header-extras > ul > li { margin-left: 15px; } } /* --------- FIN ESTILOS PARA MODIFICAR TAMAÑO LOGO CABECERA CON LOGIN ----------------*/