*,::after,::before{box-sizing:border-box} ::focus{outline:0} html{font-size:62.5%} body{font-size:1.6rem;color:#3e454c;background-color:#fff;font-family:Helvetica,Arial,sans-serif} body::after{clear:both;content:"";display:table} a{color:#1784c7;text-decoration:none} input{font-family:"Open Sans",sans-serif;font-size:1.6rem} input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none} #sidebar{background-color:#2c3136;min-width:320px;height:100%;display:block;position:fixed;left:-320px;top:0;transition:left .3s linear;z-index:999;padding-top:60px} #sidebar.visible{left:0;transition:left .3s linear;position:fixed;overflow-y:scroll;overflow-x:hidden;z-index:999} #sidebar-btn{display:inline-block;vertical-align:middle;width:20px;height:15px;cursor:pointer;margin:31px;margin-left:17px;position:absolute;top:-10px;left:0} #sidebar-btn span{height:1.5px;background:#fff;margin-top:-5px;display:block} #sidebar-btn span:nth-child(2){width:75%} #sidebar-btn span:nth-child(3){width:50%} .menu-btn{display:block;height:36px;width:36px;position:relative;transition:all .4s ease;backface-visibility:hidden} .menu-btn .line1,.menu-btn .line2,.menu-btn .line3{content:"";background:#fff;display:block;height:4px;width:25px!important;position:absolute;top:0;left:0;transition:all .2s linear;backface-visibility:hidden} .menu-btn .line2{position:absolute;top:7px;left:0} .menu-btn .line3{position:absolute;top:15px;left:0} .menu-btn.open .line2{opacity:0} .menu-btn.open .line1{transform:rotate(45deg);width:38px} .menu-btn.open .line3{transform:rotate(-45deg);width:38px} #sidebar-btn > a.menu-btn.open > span.line1{margin-top:2px} #sidebar-btn > a.menu-btn.open > span.line3{margin-top:-13px} section{display:block} section#principal{width:100%;padding-top:5px;border:7px solid #B02B3C;overflow:hidden;height:auto;margin-bottom:11px} section#principal img{width:100%} section#principal h1{font-weight:300;text-align:left;color:#333;font-size:20px;padding-left:10px;padding-right:10px;margin-top:0} body > main{padding-top:0} section#principal span{text-transform:uppercase;font-size:12px;color:#b22b3c;float:left;padding-left:3%;font-weight:600;padding-top:10px;width:100%;text-align:left} section#principal p{display:table-cell;color:#FFF;font-size:16px;line-height:23px;padding:13px;background-color:#333;text-align:left} section#art-home{overflow:hidden} /* --------------------------------------- */ .c-a{float:left;width:50%;overflow:hidden;padding-left:0px}.c-a.sin-img{width:100%!important;padding-left:0}.c-a.sin-img h1{margin-top:0}#showcase > div > div > a{margin-left:10px}@media only screen and (max-width: 374px){.c-a1{width:161px}}.c-a{color:#343434;margin:0;padding-left:0px}.c-a .box-text{text-align:left;font-size:18px;line-height:1.4em}.img-art{float:left;max-height:130px;display:block;border-bottom:0;overflow:hidden;padding-top:0;position:relative;width:40%}.img-a{max-height:130px;display:block;max-height:100px;width:100%;overflow:hidden;padding-top:20px;position:relative;height:150px}.img-a img{position:absolute;left:50%;top:50%;height:100%;width:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;height:auto;max-width:174%}#autor{font-size:11px;color:#ADB7BB;text-align:left;float:left;margin-left:5px} span#time{color:#ADB7BB}.site-content > h4{font-weight:600;text-align:center;height:29px;padding-top:9px;color:#08998b;margin-left:auto;margin-right:auto}.cf:before,.cf:after{display:table;content:' '}.cf:after{clear:both}.cf{*zoom:1}img{max-width:100%;height:auto}figure{margin:0;padding:10px}mark{padding:0 5px;background-color:#ddd}::backdrop{background-color:rgba(0,0,0,0.5)}#showcase > div > div > a> div > div > div.course-thumbnail img:before{box-sizing:inherit}#showcase > div > div > a> div > div > div.course-thumbnail img:after{box-sizing:inherit}.course-info:hover{box-sizing:inherit;box-sizing:inherit}.site-content{text-align:left;width:100%;margin-left:auto;margin-right:auto;padding-right:5%;background-color:rgba(245,245,220,0.59);border-top:5px solid #08998B;border-bottom:1px solid #08998B;margin-top:10px}.card{width:100%;background-color:#fff;text-align:left;position:relative;height:100%;box-shadow:0 2px 6px 0 rgba(204,209,217,.5);border:1px solid #E6E9ED}.courses{margin-top:9px;outline:0;min-height:325px}.course-item{width:314px;padding-right:2%;padding-left:2%;float:left}.course-info{padding:7%;height:97px}.course-topic{font-weight:500;color:#AAB2BD;font-size:12px;margin-bottom:5px}.course-topic.webdesign{color:#009688}.course-caption{position:absolute;right:5%;bottom:5%;font-size:18px;color:#AAB2BD}.flickity-prev-next-button.previous{left:23px}.flickity-prev-next-button.next{left:68%}@media only screen and (min-width: 374px){.flickity-prev-next-button.next{left:84%}}.flickity-prev-next-button .arrow{fill:#F5F7FA}.flickity-prev-next-button{background-color:rgba(8,153,139,0.43);width:29px;height:38px;border:0;position:relative;top:-3px}.flickity-prev-next-button:hover{background-color:#656D78}#showcase > div > div > a > div.course-item.slide > div > div.course-thumbnail > iframe{width:100%!important;height:200px!important}a{text-decoration:none}li{list-style:none}.clear{clear:both}section#principal .t-a{overflow:hidden;width:100%;background:#333;padding-bottom:7px}section#principal .t-a span{float:left;font-size:11px;width:auto;color:#fff;font-weight:300}a:hover{text-decoration:none!important}a{outline:0}a:focus{outline:0}object,embed{outline:0}input::-moz-focus-inner{border:0}span#time{float:left;font-size:12px}section.color1{margin-top:10px;background:rgba(30,152,11,0.73)}section.color1 hr{background-color:#fff}.color1 h1{color:#fff!important}.color1 h3{color:#fff!important}.color1 .img-art{border-bottom:4px solid #429A34}section.color1 #destacada > a > h1{color:#fff!important}section.color1 #destacada > a > div > p{color:#fff}.color1 article{border-bottom:solid 1px rgba(255,255,255,0.46)!important}.color1 span{color:#fff!important}section.color2{margin-top:10px;background:#F8BD33}section.color2 hr{border-top:1px solid #eee}.color2 h1{color:#fff!important}.color2 h3{color:#fff!important}.color2 .img-art{border-bottom:4px solid #429A34}section.color2 #destacada > a > h1{color:#fff!important}section.color2 #destacada > a > div > p{color:#fff}.color2 article{border-bottom:solid 1px rgba(255,255,255,0.46)!important}.color2 span{color:#fff!important}#destacada > a > img{position:relative;left:0;right:0;top:0;width:100%;-webkit-transform:none;-ms-transform:translate(0%,0%);transform:translate(0%,0%)}#destacada > a >h1{color:#000;text-align:left;margin-top:0;padding:0px}#destacada > a > .c-a{width:100%;padding:10px}section#art-home a h3{text-transform:uppercase;font-weight:700;color:#5d5d5d;text-decoration:none;font-size:19px;margin:18px 0;padding-left:15px;line-height:19px}section#art-home a h3:hover{text-decoration:none;color:#5d5d5d}section#art-home a h3:focus{text-decoration:none;color:#5d5d5d}section#art-home a h3:visited{text-decoration:none;color:#5d5d5d}footer{text-align:center;padding-bottom:60px!important;font-size:11px} #add, .boton-ver-mas{width:90%;background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:2px;color:#3A3A3A;height:40px;float:none;display:block;font-weight:700;margin-left:auto;margin-right:auto;margin-bottom:15px;text-transform:uppercase;font-size:14px;position:relative} #add i, .boton-ver-mas i{position:absolute;right:30%;top:15px;display:block;width:0;height:0;border-style:solid;border-width:8.7px 5px 0;border-color:#676767 transparent transparent} .pag-e article{padding-bottom:0!important;background-color:#ddd}.pag-d article{padding-bottom:0!important;width:49%!important;overflow:hidden;margin-bottom:10px;padding-bottom:10px;float:left;border:1px solid #fff;background-color:rgba(221,221,221,0.3)}#col-doble > a > div.col-doble-t > h1{font-size:15px;color:#5d5d5d;margin-top:3px;line-height:20px}.col-doble-t{overflow:hidden;padding:4px;height:150px}#col-doble > a > div.col-doble-t > hr{margin-bottom:5px}#main-header{position:fixed;z-index:9999;top:0;left:0;width:100%;box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .bbx, .bbx * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .mb-10{margin-bottom:10px} .mb-15{margin-bottom:15px} .mb-20{margin-bottom:20px} /* controlando el sidebar desde 21/01/16 ------------------------------------------- */ #sidebar > form > input[type="search"]{width:90%!important;display:-webkit-box;border:0;border-radius:1px;padding:3px;height:35px;background:url(../img/search.svg);background-repeat:no-repeat;background-size:20px;background-color:#fff;padding-left:28px;background-position:7px;background-size:18px;font-size:15px;margin:10px auto} #sidebar > form > input[type="search"]:active{outline:0} #sidebar ul li{font-size:14px} #sidebar ul li a{padding-left:20px;color:#fff} #sidebar > ul{overflow:hidden;padding:0;margin:0;width:100%} #sidebar > ul >li{width:100%;border-bottom:1px solid #373d44} #sidebar > ul >li > a{display:block;font-size:1.2em;line-height:1em;font-weight:700;background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ2LjAyIDQ2LjAyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0Ni4wMiA0Ni4wMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xNC43NTcsNDYuMDJjLTEuNDEyLDAtMi44MjUtMC41MjEtMy45MjktMS41NjljLTIuMjgyLTIuMTctMi4zNzMtNS43OC0wLjIwNC04LjA2M2wxMi43NTgtMTMuNDE4TDEwLjYzNyw5LjY0NSAgICBDOC40Niw3LjM3LDguNTQsMy43NiwxMC44MTYsMS41ODJjMi4yNzctMi4xNzgsNS44ODYtMi4wOTcsOC4wNjMsMC4xNzlsMTYuNTA1LDE3LjI1M2MyLjEwNCwyLjIsMi4xMDgsNS42NjUsMC4wMTMsNy44NzIgICAgTDE4Ljg5Myw0NC4yNDdDMTcuNzcsNDUuNDI0LDE2LjI2Nyw0Ni4wMiwxNC43NTcsNDYuMDJ6IiBmaWxsPSIjYzJjMmMyIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);background-repeat:no-repeat;background-position:95% center;padding:15px 20px 15px 30px} #sidebar > ul >.bt-red > a{background-image:none} #sidebar > ul > li> a > img{width:20px;margin-right:5px} #sidebar > ul > li.action-btn{background-color:#AAA1A1;border-bottom:1px solid #fff} #sidebar > ul > li.bt-red{background-color:#5BACDE;border-bottom:1px solid #fff} #sidebar ul li ul{background-color:#23272B} #sidebar ul li ul li a{border-bottom:1px solid #141618;padding-left:30px} #sidebar .sub_seccion{font-weight:normal; padding-left:0;-webkit-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.30);-moz-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.30);box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.30);} #sidebar .sub_seccion li a{padding-top: 10px;padding-right: 10px;padding-left: 40px;padding-bottom: 10px;display: block;border-bottom:solid 1px rgba(0,0,0,0.2);background-color:rgba(0,0,0,0.2);letter-spacing:normal;font-family:Helvetica, Arial, sans-serif;color:#FFFFFF} /* -----------------------------------------*/ #art-home > div > article> a > div.c-a > h1{font-size:16px;padding-left:0;margin-left:0;text-align:left;color:#5d5d5d;line-height:18px;margin-top:0;font-weight:700} #principal > a > div.pp{background-color:#333} #showcase > ol{margin-top:-196px} #showcase > div > div > a> div > div > div.course-thumbnail{height:200px;width:300px;display:block;overflow:hidden;position:relative} #showcase > div > div > a> div > div > div.course-thumbnail img{position:absolute;left:50%;top:50%;height:100%;width:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;height:auto;max-width:174%} #destacada > .c-a{width:100%;padding-top:0} #destacada > div.c-a > div.box-text > p.p-destacado{font-size:22px;text-align:left;line-height:24px;width:70%;padding-left:10px;border-left:5px solid;color:#5d5d5d} .box-text h4{font-size:17px;text-align:left;text-transform:uppercase;color:#3B3434;padding-top:15px} #destacada > h1{padding-top:10px; padding-bottom:10px;text-align:left;font-size:22px;margin-top:0;display:block;clear:both} .tags a{background-color:#0A97AF;border-radius:2px;padding:3px;font-size:11px;color:#fff;text-transform:uppercase;line-height:21px} h3.h3-r{margin-bottom:17px;text-transform:uppercase;text-align:left;font-weight:700;color:rgba(195,0,24,0.77);font-size:15px} /* ----- agregados el 5/01/16 ---*/ h1.logo{display:block;width:130px;position:absolute;top:5px;right:10px;margin:0} h1.logo img,.footer-logo img{width:100%;height:auto} .footer-logo{width:150px;clear:both;margin:20px auto} /* descargar -------*/ .contiene-descargar{clear:both;width:100%;float:left;padding:10px;border-top:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0;margin-bottom:20px} .contiene-descargar,.contiene-descargar *,.contiene-tags,.contiene-tags *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .contiene-descargar li a{display:block;text-align:left;border:1px solid #D2D2D2;padding:20px;margin-top:10px;margin-bottom:10px;text-decoration:none;font-size:12px;line-height:16px;font-weight:700;color:#000;border-radius:3px;background-color:#DDD;position:relative;float:left;width:100%;background-image:url(../img/icono-descargar.png);background-position:90% center;background-repeat:no-repeat} .contiene-descargar li a:focus{background-color:#D1D042} .contiene-descargar li a span{display:block} .contiene-descargar li a span.txt{width:80%;float:left} /* tags */ .contiene-tags{padding:20px;background-color:#E8E9EB;flex:left;clear:both;margin:15px 0px 15px} .contiene-tags li{display:inline-block} .contiene-tags li a{float:left;display:block;padding:10px;font-size:14px;background-color:#FDFDFD;border:1px solid #EFEFEF;font-weight:400;background-image:url(../img/ico-tag.png);background-repeat:no-repeat;background-position:10px center;padding-left:25px;background-size:10px 10px;line-height:14px} .contiene-tags li a:active{background-color:#FF4B6C;border-color:#FF4B6C;color:#FFF} .contiene-descargar ul,.contiene-tags ul{margin:0;padding:0} a{color:#01579b} /* ------------------------------------------------------------------------------- */ /* Agregados el 21/01/2016 ------------------------------------------------------ */ /* ------------------------------------------------------------------------------- */ html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} *,:before,:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit} #iraweb{display:block; padding:5px; background-color:#E3E3E3; margin-bottom:20px; width:70%; margin-left:auto; margin-right:auto} body, main, .cd-main-content{-webkit-overflow-scrolling: touch;} /* mini clear ------ */ .notas_relacionadas, .audio, .galeriaDeFotos, .contenedor-audio, .nota {clear:both; width:100%;} /* titulo seccion */ h1, .h1{font-size: 28px; font-weight: 600;} .titulo-seccion{border-bottom:1px solid #D8D8D8;background-color:#EFEFEF;padding:12px 15px 10px 20px;clear:both;margin-bottom:10px} .titulo-seccion #fecha-nota{color:#000;margin-top:0;padding:0;margin-right:10px;line-height:16px;display:block} .titulo-seccion h3{margin:0;font-size:16px;line-height:16px;font-weight:700;display:inline} .titulo-seccion.con-subseccion{ margin-bottom:0; border-bottom:0; background-repeat:no-repeat;background-position:95% center;background-size:16px;background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMzA3LjA1MyAzMDcuMDUzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDcuMDUzIDMwNy4wNTM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iX3gzNF84Ni5fRG93biI+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0zMDIuNDQ1LDgwLjc5NmwtMTEuMTAxLTExLjEwM2MtNi4xMjMtNi4xMzEtMTYuMDc0LTYuMTMxLTIyLjIwOSwwTDE1My42NywxODMuNzA3TDM3LjkwNyw2Ny45NTkgICAgIGMtNi4xMzQtNi4xMy0xNi4wOC02LjEzLTIyLjIwOSwwTDQuNTk3LDc5LjA2Yy02LjEyOSw2LjEzMy02LjEyOSwxNi4wNjcsMCwyMi4yMDFsMTM3LjgzLDEzNy44MjkgICAgIGM2LjEyOSw2LjEzNiwxNi4wNjcsNi4xMzYsMjIuMjAzLDBsMTM3LjgxNS0xMzYuMDk2QzMwOC41ODksOTYuODY0LDMwOC41ODksODYuOTI2LDMwMi40NDUsODAuNzk2eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)} .sub-secciones{padding:0; margin:0;background-color:#2F2F2F;border-top:solid 1px #000;} .sub-secciones li{border-bottom:solid 1px #6E6E6E;display:block} .sub-secciones li a{color:#FFF;display:block;padding-top:10px;padding-bottom:10px;padding-left:15px} .sub-secciones li a:focus{color:#FFF280; background-color:#000000} /* fecha */ #category,#fecha-nota{display:block;font-size:14px;line-height:14px;padding:5px 10px} #category{float:left;font-weight:700;color:#DB2238;border-left:solid 3px #DB2238} #fecha-nota{float:right;border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0} /* bajada */ p.bajada-nota {font-weight: bold;; line-height:1.3em; border-bottom:1px solid #E8E8E8; padding-bottom:12px; margin-bottom:20px} /* Video ------------- */ .contenedor-video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;margin-bottom:20px;} .contenedor-video iframe, .contenedor-video object,.contenedor-video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* "foto interior" ---------*/ .fotointerior{margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px dotted #AAAAAA} .fotointerior .instcodigo{font-size: 12px;width: 100%;font-style: italic;line-height: 16px;} .fotointerior img{border: 1px solid #3B3B3B;margin-bottom:5px} /* Galeria de fotos ---------*/ .galeriaDeFotos {padding: 15px;background-color: #E8E9EB;} .galeriaDeFotos img{margin-bottom:15px; border:solid 1px #000000; } .galeriaDeFotos .tit{color: #000;font-weight: bold;font-size: 14px;margin-bottom: 15px;padding-bottom: 10px;border-bottom: solid 1px #716e6e;text-transform: uppercase;} /* notas relacionadas ------ */ .notas_relacionadas{border:solid 1px #DFDFDF; margin-bottom:15px;} .notas_relacionadas ul{margin:0;padding:0;display:block;width:100%} .notas_relacionadas ul li a{font-size:14px;line-height:18px;display:block;border-bottom:solid 1px #DFDFDF;position:relative;padding:15px} .notas_relacionadas ul li:last-child a{border-bottom:none} .notas_relacionadas .cabezal{background-color:#E8E9EB;color:#000} /* audio ------------------- */ .contenedor-audio .box{text-align:center;padding:10px;padding-left:20px;padding-right:20px} .contenedor-audio .descripcionbase{text-align:left;padding-top:5px;padding-bottom:5px;font-size:12px;font-weight:700} audio{margin:auto;text-align:center;width:100%} /* me gusta ---------------- */ #destacada .megusta img{width:auto;margin:auto} #destacada .megusta{width:100%;margin:auto;padding:20px;text-align:center;font-weight:700} .megusta .pulgararriba{width:20%;display:inline-block;color:#099609;text-align:center;float:left} .megusta .pulgarabajo{width:20%;display:inline-block;color:#d20c0d;text-align:center;float:right;padding-top:5px} .megusta .barraresultados{background-color:#ddd;width:60%;margin:3px 0 0;position:relative;float:left;border-radius:4px} .megusta .porc_arriba{background-color:#099609;float:left; -webkit-box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 1); -moz-box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, ); box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, );} .megusta .porc_abajo{background-color:#d20c0d;float:right} .megusta .porc_arriba,.megusta .porc_abajo{position:relative;display:inline-block;color:#fff;font:bold 14px arial,helvetica,sans-serif;padding-top:5px;padding-bottom:5px;text-align:center} .pregunta-tegusta{padding:12px;text-align:center;font-size:12px;line-height:14px;font-weight:700;background-color:#043C65;color:#FFF;border-radius:4px} /* mapa ---------------- */ .divmapa {display: inline-block; width: 100%; height:300px; margin-bottom:20px} /* sumario noticia ----- */ .sumario_noticia{border-left:2px solid #A3A3A3;margin-left:10px;font-style:italic;color:#000;font-family:Georgia,"Times New Roman",Times,serif;font-size:19px;padding:10px 15px} /* comentarios --------- */ #comentarios ol{margin:0; padding:0} li.comentario{border-bottom: 1px dotted #DFDFDF;padding:20px; padding-bottom:10px; padding-top:10px;font-size:14px; line-height:1.4em} .comentario .usuario{font-weight: bold;} .comentario .hora{color:#7B2728} .comentario p{word-break: break-word;-webkit-hyphens: auto;} /* imagen */ div.img-nota{margin-bottom:15px} div.img-nota img{width:100%} /* ======================= */ /* Nueva home bootsrap */ /* ======================= */ .content-wrapper .home{padding-top:15px; padding-left:15px; padding-right:15px;} .container-fluid{padding-left:0px; padding-right:0px;} /*a:active{ outline-width: 10px; outline-style: solid; outline-color: #FFEB3B;background-color:#FFEB3B;}*/ a:active{color:#7F2626} .separa{border-bottom:solid 1px #E8E8E8; padding-bottom:15px; margin-bottom:15px} .img-responsive{width:100%; margin-bottom:10px} .col-img .img-responsive{margin-bottom:0} .home a{color:#424242} .home h2, .home h3, .home h4, .home h5{line-height:1em; font-weight:bold; margin-top:0px; margin-bottom:-3px} .home h2 {font-size:20px; display:block; clear:both} .home h3, .home h4 {font-size:16px;} .datos-de-nota, .datos-de-nota li{font-size:10px; line-height:10px; margin:0; padding:0} .datos-de-nota li{display:inline-block; margin-right:5px;} .datos-de-nota .ico{display:inline-block; width:10px; height:10px; float:left; margin-right:5px; background-repeat:no-repeat; background-image:url(../img/ico-info-2016.png)} .datos-de-nota .seccion .ico{font-size:20px; text-align:center; margin-right:3px} .datos-de-nota .comentarios .ico{background-position:-10px -10px} .datos-de-nota .hora .ico{background-position:-10px -40px} .ban{text-align:center; align-content:center} /* NOTA CATASTROFE ====== */ .nota-catastrofe{background-color:rgba(0,0,0,1.00);margin-top:-15px;margin-left:-15px;padding:0;clear: both;} .nota-catastrofe .col-xs-12{padding-right:0} .nota-catastrofe article{display:block;background-size:cover;background-position:center;background-repeat:no-repeat;margin:0;position:relative;width:100%;height:500px} .nota-catastrofe .texto{position:absolute;left:0;bottom:0;width:100%;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);padding:60px 20px 20px} .nota-catastrofe h2{color:#FFF;font-size:32px;text-shadow:2px 2px 0 rgba(0,0,0,0.5)} .nota-catastrofe .volanta-seccion,.nota-catastrofe .volanta-fecha{padding:3px 5px;border-radius:2px;color:#FFF} .nota-catastrofe .volanta-seccion{background-color:#B40003} /* listado de notas ===================== */ .listado h4{margin-top:0} .col-img{padding-right:0} /* alto 100% */ article.si-img {height:auto;display: flex;flex-flow: row column; position:relative; clear:both} article.si-img a{display: flex;flex-flow: row column;} /* especiales -------------- */ .especial{margin-bottom:10px; padding-bottom:10px} .especial.gris{background-color:#f5f5f5; margin-left:-15px; margin-right:-15px;} .especial.neutro{background-color:#FFFFFF; margin-left:-15px; margin-right:-15px;} .especial.dark{background-color:#232323} .especial.gris article.separa, .especial.gris .grupo-2-notas, .especial.gris .nota-grande {background-color:rgba(255,255,255,1.00);margin-left:10px;margin-right:10px;border:0;margin-bottom:15px;-webkit-box-shadow:1px 2px 2px 0 rgba(50,50,50,0.1);-moz-box-shadow:1px 2px 2px 0 rgba(50,50,50,0.1);box-shadow:1px 2px 2px 0 rgba(50,50,50,0.1); padding-top:15px} .especial.gris h4{margin-top:0} .especial.gris article a{} .especial.gris .separa{border-bottom-color:#4F4F4F; margin-left:15px; margin-right:15px;} .especial.neutro .separa{margin-left:15px; margin-right:15px;} .especial.gris .nota-grande article{padding-left:15px; padding-right:15px} .especial.gris .grupo-2-notas .ne:first-child .col-xs-6{ padding-left:10px; padding-right:5px} .especial.gris .grupo-2-notas .ne:last-child .col-xs-6{padding-right:10px; padding-left:5px} .especial.gris .separa.grupo-2-notas{padding-top:10px;padding-bottom:10px} /* titulos en especiales --- */ .tit-sec{margin-top:10px;display:block; margin-bottom: 20px; padding-bottom: 10px;height; padding-top: 10px; height:initial } .tit-sec h1{font-size:20px;letter-spacing:-1px;line-height:20px;color:#263238;text-transform:uppercase;margin:0;font-weight:900;text-shadow:0 1px 1px #FFF;} /*titulo centrado */ .especial.gris .tit-sec{text-align:center;padding:10px;background-color:rgba(255,255,255,1.00);margin-right:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,1);-moz-box-shadow:inset 0 0 0 2px rgba(255,255,255,1);box-shadow:inset 0 0 0 2px rgba(255,255,255,1);background-image:url(../img/bg-pattern-01.png);border:solid 1px #d5d5d5;} /*titulo izquierda */ .tit-sec, .especial.neutro .tit-sec, .especial.dark .tit-sec {background-color: #e0e0e0; background-image: url(../img/bg-pattern-02.png);clear:both; width:100%; float:left} .especial.neutro .tit-sec h1, .especial.dark .tit-sec h1 {display:block; background-color:transparent; float:left; ; padding-right:7px} .especial.dark .tit-sec{background-color: #000000;background-image: url(../img/bg-pattern-03.png);} .especial.dark .tit-sec h1{background-color: transparent; color:#FFFFFF;text-shadow:none} .tit-sec h1{margin-left: 15px} /* especial dark */ .especial.dark {color:#C9C9C9; margin-left:-15px; margin-right:-15px;} .especial.dark a{color:#FFFFFF} .especial.dark .separa{border-bottom-color:#4F4F4F; margin-left:15px; margin-right:15px;} /* PAGINADOR -- */ .pagination, .pagination *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center} .pagination{width: 100%;clear: both;border-top: 1px dotted #CFCFCF;border-bottom: 1px dotted #CFCFCF;padding:10px 0 } .pagination li{float:left} .pagination li.active a{font-weight:bold; background-color:#ABABAB; color:#FFFFFF; border:solid 1px #959595} .pagination span, .pagination a{display:inline-block; padding:5px 7px; font-size:12px; line-height:12px; margin-left:5px; margin-right:5px} .pagination a{background-color: #fafafa; border:solid 1px #EDEDED} .pagination .current{font-weight: bold;color:#DB2238;} /* cabezal === */ .cabezal{font-size:14px;line-height:14px;position:relative;text-transform:uppercase;background-color:#000;color:#FFF;width:100%;font-weight:700;padding:15px 15px 14px} .cabezal .ampliar{color:#FFF;position:absolute;top:16px;right:15px;font-weight:400;font-size:11px} .cabezal span{font:bold 14px Arial,Helvetica,sans-serif;color:#000;padding:0 0 0 15px;float:left;cursor:pointer;margin:-1px 0 0;text-transform:uppercase} .cabezal img{display:none} .impresa{background-color:#C8C8C8;padding-top:20px} /* minihacks y sin lugar --------- */ article{position:relative} article.si-img .datos-de-nota{position:absolute;bottom:0;left:13px} article.si-img article.separa{border-bottom:solid 1px #E9E9E9} .gris-01{background-color:#f5f5f5} .no-img .col-cont{width:100%} #art-home #destacada{padding-top:0} .add-div{overflow:hidden;text-align:center;display:block; width:100%} .add-div img{max-width:92%!important;position:relative!important;left:0!important;top:0!important;height:auto!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important} .add-div a{display:block;clear:both} .ranking-box{margin-left:0px;margin-right:0px;margin-bottom:0px} #p_interna .footer-zona-creditos{padding-bottom:70px} .share-footer-bar{position:fixed;bottom:0;width:100%;z-index:999;-moz-box-shadow:0 -3px 5px -4px #242424;-o-box-shadow:0 -3px 5px -4px #242424;text-align:center;background-color:#000} .share-footer-bar .col-xs-4{padding:0} .share-footer-bar a{display:block;height:55px;background-repeat:no-repeat;background-position:center center;background-size:28px} #ultimoInf article{margin-bottom:0} .share-footer-bar .fb, .share-bar .fb{background-color:#3b5998;background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ3MC41MTMgNDcwLjUxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDcwLjUxMyA0NzAuNTEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI3MS41MjEsMTU0LjE3di00MC41NDFjMC02LjA4NiwwLjI4LTEwLjgsMC44NDktMTQuMTNjMC41NjctMy4zMzUsMS44NTctNi42MTUsMy44NTktOS44NTMgICBjMS45OTktMy4yMzYsNS4yMzYtNS40Nyw5LjcwNi02LjcwOGM0LjQ3Ni0xLjI0LDEwLjQyNC0xLjg1OCwxNy44NS0xLjg1OGg0MC41MzlWMGgtNjQuODA5Yy0zNy41LDAtNjQuNDMzLDguODk3LTgwLjgwMywyNi42OTEgICBjLTE2LjM2OCwxNy43OTgtMjQuNTUxLDQ0LjAxNC0yNC41NTEsNzguNjU4djQ4LjgyaC00OC41NDJ2ODEuMDg2aDQ4LjUzOXYyMzUuMjU2aDk3LjM2MlYyMzUuMjU2aDY0LjgwNWw4LjU2Ni04MS4wODZIMjcxLjUyMXoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)} .share-footer-bar .tw, .share-bar .tw{background-color:#1DA1F3;background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNjEyLDExNi4yNThjLTIyLjUyNSw5Ljk4MS00Ni42OTQsMTYuNzUtNzIuMDg4LDE5Ljc3MmMyNS45MjktMTUuNTI3LDQ1Ljc3Ny00MC4xNTUsNTUuMTg0LTY5LjQxMSAgICBjLTI0LjMyMiwxNC4zNzktNTEuMTY5LDI0LjgyLTc5Ljc3NSwzMC40OGMtMjIuOTA3LTI0LjQzNy01NS40OS0zOS42NTgtOTEuNjMtMzkuNjU4Yy02OS4zMzQsMC0xMjUuNTUxLDU2LjIxNy0xMjUuNTUxLDEyNS41MTMgICAgYzAsOS44MjgsMS4xMDksMTkuNDI3LDMuMjUxLDI4LjYwNkMxOTcuMDY1LDIwNi4zMiwxMDQuNTU2LDE1Ni4zMzcsNDIuNjQxLDgwLjM4NmMtMTAuODIzLDE4LjUxLTE2Ljk4LDQwLjA3OC0xNi45OCw2My4xMDEgICAgYzAsNDMuNTU5LDIyLjE4MSw4MS45OTMsNTUuODM1LDEwNC40NzljLTIwLjU3NS0wLjY4OC0zOS45MjYtNi4zNDgtNTYuODY3LTE1Ljc1NnYxLjU2OGMwLDYwLjgwNiw0My4yOTEsMTExLjU1NCwxMDAuNjkzLDEyMy4xMDQgICAgYy0xMC41MTcsMi44My0yMS42MDcsNC4zOTgtMzMuMDgsNC4zOThjLTguMTA3LDAtMTUuOTQ3LTAuODAzLTIzLjYzNC0yLjMzM2MxNS45ODUsNDkuOTA3LDYyLjMzNiw4Ni4xOTksMTE3LjI1Myw4Ny4xOTQgICAgYy00Mi45NDcsMzMuNjU0LTk3LjA5OSw1My42NTUtMTU1LjkxNiw1My42NTVjLTEwLjEzNCwwLTIwLjExNi0wLjYxMi0yOS45NDQtMS43MjFjNTUuNTY3LDM1LjY4MSwxMjEuNTM2LDU2LjQ4NSwxOTIuNDM4LDU2LjQ4NSAgICBjMjMwLjk0OCwwLDM1Ny4xODgtMTkxLjI5MSwzNTcuMTg4LTM1Ny4xODhsLTAuNDIxLTE2LjI1M0M1NzMuODcyLDE2My41MjYsNTk1LjIxMSwxNDEuNDIyLDYxMiwxMTYuMjU4eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)} .share-footer-bar .wa, .share-bar .wa {background-color:#25D366;background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDkwIDkwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5MCA5MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGlkPSJXaGF0c0FwcCIgZD0iTTkwLDQzLjg0MWMwLDI0LjIxMy0xOS43NzksNDMuODQxLTQ0LjE4Miw0My44NDFjLTcuNzQ3LDAtMTUuMDI1LTEuOTgtMjEuMzU3LTUuNDU1TDAsOTBsNy45NzUtMjMuNTIyICAgYy00LjAyMy02LjYwNi02LjM0LTE0LjM1NC02LjM0LTIyLjYzN0MxLjYzNSwxOS42MjgsMjEuNDE2LDAsNDUuODE4LDBDNzAuMjIzLDAsOTAsMTkuNjI4LDkwLDQzLjg0MXogTTQ1LjgxOCw2Ljk4MiAgIGMtMjAuNDg0LDAtMzcuMTQ2LDE2LjUzNS0zNy4xNDYsMzYuODU5YzAsOC4wNjUsMi42MjksMTUuNTM0LDcuMDc2LDIxLjYxTDExLjEwNyw3OS4xNGwxNC4yNzUtNC41MzcgICBjNS44NjUsMy44NTEsMTIuODkxLDYuMDk3LDIwLjQzNyw2LjA5N2MyMC40ODEsMCwzNy4xNDYtMTYuNTMzLDM3LjE0Ni0zNi44NTdTNjYuMzAxLDYuOTgyLDQ1LjgxOCw2Ljk4MnogTTY4LjEyOSw1My45MzggICBjLTAuMjczLTAuNDQ3LTAuOTk0LTAuNzE3LTIuMDc2LTEuMjU0Yy0xLjA4NC0wLjUzNy02LjQxLTMuMTM4LTcuNC0zLjQ5NWMtMC45OTMtMC4zNTgtMS43MTctMC41MzgtMi40MzgsMC41MzcgICBjLTAuNzIxLDEuMDc2LTIuNzk3LDMuNDk1LTMuNDMsNC4yMTJjLTAuNjMyLDAuNzE5LTEuMjYzLDAuODA5LTIuMzQ3LDAuMjcxYy0xLjA4Mi0wLjUzNy00LjU3MS0xLjY3My04LjcwOC01LjMzMyAgIGMtMy4yMTktMi44NDgtNS4zOTMtNi4zNjQtNi4wMjUtNy40NDFjLTAuNjMxLTEuMDc1LTAuMDY2LTEuNjU2LDAuNDc1LTIuMTkxYzAuNDg4LTAuNDgyLDEuMDg0LTEuMjU1LDEuNjI1LTEuODgyICAgYzAuNTQzLTAuNjI4LDAuNzIzLTEuMDc1LDEuMDgyLTEuNzkzYzAuMzYzLTAuNzE3LDAuMTgyLTEuMzQ0LTAuMDktMS44ODNjLTAuMjctMC41MzctMi40MzgtNS44MjUtMy4zNC03Ljk3NyAgIGMtMC45MDItMi4xNS0xLjgwMy0xLjc5Mi0yLjQzNi0xLjc5MmMtMC42MzEsMC0xLjM1NC0wLjA5LTIuMDc2LTAuMDljLTAuNzIyLDAtMS44OTYsMC4yNjktMi44ODksMS4zNDQgICBjLTAuOTkyLDEuMDc2LTMuNzg5LDMuNjc2LTMuNzg5LDguOTYzYzAsNS4yODgsMy44NzksMTAuMzk3LDQuNDIyLDExLjExM2MwLjU0MSwwLjcxNiw3LjQ5LDExLjkyLDE4LjUsMTYuMjIzICAgQzU4LjIsNjUuNzcxLDU4LjIsNjQuMzM2LDYwLjE4Niw2NC4xNTZjMS45ODQtMC4xNzksNi40MDYtMi41OTksNy4zMTItNS4xMDdDNjguMzk4LDU2LjUzNyw2OC4zOTgsNTQuMzg2LDY4LjEyOSw1My45Mzh6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)} /* barrita compartir nota */ .share-bar {position: absolute;right: 5px;top: 5px;} .share-bar a{display:block; width:30px; height:30px; float:left; background-repeat:no-repeat; background-position:center; margin-left:5px;border-radius: 2px; } /* INGRESAR === */ .zona-ingreso { background-color: #000; font-size: 12px; line-height: 12px; padding: 15px } .zona-ingreso a { background-repeat: no-repeat } .zona-ingreso .ingresar, .zona-ingreso .usuario { color: #FFFFFF; padding-left: 22px; background-image: url(/a/m1/img/ico-login.svg); background-position: left center; background-size: 16px; float: left; text-transform: uppercase } .zona-ingreso .registrarse, .zona-ingreso .salir { float: right; color: #FFF; background-color: #3b5998 } .zona-ingreso .registrarse .ico, .zona-ingreso .salir .ico { display: block; float: right; background-image: url(/a/m1/img/ico-facebook-letter.svg); background-size: 12px; border-left: solid 1px #5370a9; background-repeat: no-repeat; background-position: center center; width: 27px; height: 34px; -webkit-box-shadow: -1px 0 0 0 rgba(41,62,106,1); -moz-box-shadow: -1px 0 0 0 rgba(41,62,106,1); box-shadow: -1px 0 0 0 rgba(41,62,106,1); margin: -7px -12px -7px 10px } .zona-ingreso .usuario { background-image: url(/a/m1/img/ico-login-2.svg); color: #6bff5c; text-transform: none } .zona-ingreso .salir { background-color: #2A2A2A } .zona-ingreso .salir .ico { border-left: none; box-shadow: none; background-image: url(/a/m1/img/ico-logout.svg); background-size: 20px; float: left; margin-left: -10px; margin-right: 5px } /* nuevo pp ingresar */ .reg-box,.reg-box *{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif}.reg-box{padding:20px;text-align:center}.reg-box h3{text-align:center;display:block;clear:both;border-bottom:solid 1px #BCBCBC;padding-bottom:10px;margin-bottom:15px;font-size:20px;font-weight:700!important}.reg-box .con-fb{margin-bottom:20px}.reg-box .con-fb a{display:block;max-width:320px;background-color:#3b5998;height:35px;color:#FFF;line-height:35px;text-align:center;border-radius:3px;position:relative;padding-left:25px;margin:20px auto}.reg-box .con-fb a .ico{display:block;float:left;background-image:url(/a/m1/img/ico-facebook-letter.svg);background-repeat:no-repeat;background-position:center center;width:40px;height:22px;background-size:16px;border-right:solid 1px #627aad;position:absolute;top:6px;left:0}#FormIngreso input#usuario,#FormIngreso input#clave{background-repeat:no-repeat;background-position:5px center;background-size:18px;padding-left:30px;padding-top:8px}#FormIngreso input#usuario{background-image:url(/a/m1/img/ico-reg-user.svg)}#FormIngreso input#clave{background-image:url(/a/m1/img/ico-reg-pass.svg)}.full_blanco,.full_blanco #cboxContent,.full_blanco #cboxLoadedContent{background:#FFF;opacity:1}.full_blanco #cboxContent{margin-top:0}.full_blanco #cboxClose{top:10px;right:10px}#FormIngreso{display:block;margin-bottom:20px}#FormIngreso .form-group.col{width:50%;float:left}#FormIngreso .form-group.col.left{padding-right:10px}#FormIngreso .form-group.col.right{padding-left:10px}h4.tit-linea{display:block;width:100%;text-align:center;position:relative}h4.tit-linea span{display:inline-block;padding-left:10px;padding-right:10px;background-color:#FFF;z-index:10;position:relative;font-weight:700}h4.tit-linea:before{content:"";width:100%;height:1px;background-color:#BCBCBC;position:absolute;left:0;top:45%;z-index:0}.acciones-bajo-input{clear:both;width:100%;float:left;margin-bottom:20px}.recordarme,.recuperar{font-size:12px;line-height:12px}.recordarme label{margin:0;font-weight:400}.recordarme input{margin-top:-1px;float:left;margin-right:3px}.mensaje-footer{font-size:12px;text-align:center;padding:10px;background-color:#F4F4F4;border-radius:3px}.recupera-box{background-color:#FFF9C4;float:left;width:100%;margin-bottom:20px;padding:20px;border:solid 1px #E1DEBC;border-radius:3px}.recupera-box *{color:#313131}.recupera-box h4{margin-top:0;margin-bottom:10px;font-size:14px;font-weight:700!important}.recupera-box p.small{font-size:11px;line-height:13px;display:block;margin-bottom:10px}.recupera-box #mail{margin-bottom:10px}.recupera-box .btn{background-color:#3B4F5F;color:#FFF} /* registrarse */ .reg-box .g-recaptcha{max-width:300px;margin-bottom:20px;margin-left:auto;margin-right:auto}.reg-box .bajoinput{font-size:11px;line-height:13px;text-align:left;margin-top:3px}.f_alerta,.reg-alerta{color:#FFF;background-color:#f44336;font-weight:400!important;padding:10px;position:relative;border-radius:3px;font-size:12px;text-align:left}.f_alerta:after{content:"";position:absolute;top:-10px;left:25px;display:inline-block;width:0;height:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #f44336}.reg-alerta{float:left;width:100%;clear:both;margin-bottom:20px} #sidebar.visible, #sidebar {z-index:99} #main-header {z-index:100} /* comentarios */ #comentarios .cabezal{margin-bottom:15px} .interna-comentarios{background-color:#EDEDED; padding-top:15px; border-radius:4px} .fila-oculta{display:none} .share-footer-bar.reducida{display:none} /* LANDSCAPE */ @media (min-aspect-ratio: 13/9), handheld and (orientation:landscape){ .home h3, .home h4{font-size: 20px; } .datos-de-nota, .datos-de-nota li{font-size:12px} } /* FOOTER ==== */ #main-footer{background-color:#1a1c2a; color:#FFFFFF; padding-bottom:0!important} #main-footer *{-moz-box-sizing: border-box;box-sizing: border-box;} #main-footer a{color:#FFFFFF} #main-footer .container{padding-left:20px; padding-right:20px} .footer-zona-logo, .footer-menu, .footer-zona-form, .footer-zona-creditos{padding-top:10px; padding-bottom:10px; border-bottom:solid 1px #2A2A2A} .footer-zona-logo{width:100%; background-color:#16294f; clear:both; float:left; border-bottom:solid 1px #000000; border-top:solid 3px #A41C2D} .footer-redes{float:right; margin-top:10px; margin-bottom:0; padding-left:0} .footer-redes li{display:inline-block; width:30px; } .footer-redes li a{display:block; float:left; padding:5px} .footer-menu {display:block; width:100%; padding-left:0; padding-right:0; margin:0; background-color:#16294f; clear:both; border-bottom:solid 1px #000; border-top:solid 1px #2e3f61;} .footer-menu li{display:inline-block; margin:0} .footer-menu li a{display: inline-block;font-size: 14px;line-height: 14px;text-transform: uppercase;border-left: solid 1px #8F8F8F;padding-left: 7px;padding-right: 7px;margin-top: 0px; margin-bottom: 10px;} .footer-menu li:first-child a{border-left: 0;} .footer-menu li a:focus{color:#632021} .footer-zona-form{background-color:#142547;border-top:solid 1px #2e3f61; border-bottom:solid 1px #000} .footer-zona-form label{float:left; display:block; width:100%; font-size:18px} .footer-zona-form input{float:left; border:0; height:40px; line-height:40px; padding-left:10px; padding-right:10px} #footer-email{width:60%; color:#000000} #singlebutton{background-color:#A41C2D;width:40%} .footer-zona-form small{display:block; text-align:center; clear:both; padding:10px} .footer-zona-creditos{clear:both; text-align:left; border-top:solid 1px #2b2f46;background-color:#12203f} .creditos{float:left; width:60%;margin:0} .ver-desk{float:right; display:block; padding-right:30px; background-image:url(/a/plantillas/1/p/17/imgs/ico-desktop.png); background-repeat:no-repeat; background-position:right center; padding-top:10px; padding-bottom:10px;width:40%; text-align:right; font-size:10px} .e80{float:left; display:block; padding-top: 10px; padding-bottom: 10px; width:60%} .e80 span, .e80 img{float:left; margin:0} .e80 img{ width:50px; margin-top:-7px; margin-left:5px} /* arreglos slide de notas */ #p_interna .slide-de-noticias article{border-bottom:0!important} #p_interna .slide-de-noticias article{ padding-bottom:0; margin-bottom:0} #p_interna .slide-de-noticias h3{margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; padding:0;text-transform:none; font-size:16px; line-height: 1.1em;} /* arreglo caja color */ #p_interna .box article{ padding-top:0; border-bottom:0; padding-bottom:0; margin-bottom:0} #p_interna .box article h2{margin:0; font-size:20px} /* arreglo caja banner */ #p_interna .add-div.banner{margin-bottom:15px} #p_interna article#destacada .add-div.banner{} /* y mas arreglos... */ section#art-home article{width:100%;padding-bottom:15px; margin-bottom:15px; padding-top:0;float: left;} section#art-home article p{margin-bottom:0} section#art-home .nota-grande article{margin-bottom:0; padding-bottom:0} section#art-home .nota-grande article h2{margin-bottom:5px} section#art-home .nota-grande.separa{margin-bottom:20px} .seccion-especial-300 h2{font-size:20px; margin-bottom:0} #destacada > h1{margin-bottom:0} #cboxOverlay{background:#000000} .grupo-2-notas .ne:first-child .col-xs-6{ padding-left:0; padding-right:10px} .grupo-2-notas .ne:last-child .col-xs-6{padding-right:0; padding-left:10px} .share-bar.horizontal{bottom:10px; left:15px; top:auto; right:auto; width:90%; height:auto} .share-bar.horizontal a{ margin-right:10px; margin-bottom:0} .nota-grande .col-xs-12 .article-sin-foto{padding-bottom:40px} .nota-grande .col-xs-12 .article-sin-foto .share-bar.horizontal{left:0; bottom:0} .volanta-seccion, .volanta-fecha{font-size:11px; line-height:11px; display:inline-block; float:left; margin-bottom:5px} .volanta-seccion{text-transform:uppercase; margin-right:10px; color:#546E7A} .volanta-fecha {color:#9E9E9E} article a h2, article a h3, article a h4 {display:block; clear:both } .volanta-y-fecha{width:100%; font-size:12px; line-height:12px; padding-top:10px;text-transform: uppercase;} .volanta-y-fecha .volanta{float: left;display: block;font-weight:bold} .volanta-y-fecha .fecha{float:right;} .epigrafe{font-size: 11px;width: 100%;font-style: italic;line-height: 11px; padding-top:10px; padding-bottom:10px; border-bottom: 1px dotted #AAAAAA;} #destacada > .c-a p{margin-bottom: 15px;} .box-text{margin-bottom: 15px; clear: both} /* igualar altos y control para los "sin foto" */ .grupo-2-notas .row{display: table;table-layout: fixed;height: 100%;width: 100%;margin:0} .grupo-2-notas .row > .ne {display: table-cell; height: 100%; width:50%; vertical-align: top} .grupo-2-notas .row > .ne > .col-xs-6 {width:100%; height:100% } .sin-foto article{background-color:rgba(240,240,240,1.00); border:solid 1px rgba(225,225,225,1.00); border-radius:2px; padding:15px; height:100%} .article-sin-foto h3{font-size:18px; line-height:1.2em; letter-spacing:-0.3px} .especial.dark .sin-foto article{background-color:#000000; border:0; border-radius:2px; padding:15px; height:100%} /* VALORAR NOTA */ .valorar{text-align:center;padding-top:20px;padding-bottom:10px;font-size:12px;line-height:12px;border-bottom:solid 1px #000;margin-bottom:20px} .valorar h4{text-align:left;padding-bottom:10px;border-bottom:dotted 1px #B8B8B8;text-transform:uppercase;font-size:14px;color:#5A5A5A} .valorar .cabezal{margin-bottom:20px} .valorar .calif{display:inline-block;border:none;border-top-left-radius:2px;border-top-right-radius:2px;box-shadow:none;min-height:40px;width:86px;margin:15px 5px;background-color:#ececec;vertical-align:bottom;padding-bottom:26px;position:relative} .valorar .calif .txt{width:100%;height:20px;line-height:20px;display:block;position:absolute;bottom:0;overflow:hidden;border-bottom-left-radius:2px;border-bottom-right-radius:2px;color:#FFF;-webkit-box-shadow:0 -2px 2px -1px rgba(0,0,0,0.2);-moz-box-shadow:0 -2px 2px -1px rgba(0,0,0,0.2);box-shadow:0 -2px 2px -1px rgba(0,0,0,0.2)} .valorar .calif .per{width:100%;height:20px;line-height:20px;top:50%;margin-top:-20px;left:0;position:absolute} .valorar .calif:hover .per, .valorar .calif.select .per{color:#FFFFFF} .valor-1:hover, .valor-1.select, .valor-1 .txt {background-color:#0277BD} .valor-2:hover, .valor-2.select, .valor-2 .txt{background-color:#2E7D32} .valor-3:hover, .valor-3.select, .valor-3 .txt{background-color:#BF360C} .valor-4:hover, .valor-4.select, .valor-4 .txt{background-color:#4B5A60} .valor-5:hover, .valor-5.select, .valor-5 .txt{background-color:#714882} .valor-6:hover, .valor-6.select, .valor-6 .txt{background-color:#0097A7} /* slick-de-fotos */ .slick-de-fotos{margin-bottom:15px;position:relative} img.ico-slcik{width:100px;left:50%;top:50%;margin-left:-50px;margin-top:-50px;z-index:99;position:absolute;-webkit-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-o-transform:rotate(-40deg);-ms-transform:rotate(-40deg);transform:rotate(-40deg);-webkit-animation:wink .5s alternate infinite;-moz-animation:wink .5s alternate infinite;-o-animation:wink .5s alternate infinite;animation:wink .5s alternate infinite;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation-timing-function:ease;animation-timing-function:ease} @-webkit-keyframes wink { 0%{-webkit-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-o-transform:rotate(-40deg);-ms-transform:rotate(-40deg)} 100%{-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)} } @keyframes wink { 0%{-webkit-transform:rotate(-40deg);-moz-transform:rotate(-40deg);-o-transform:rotate(-40deg);-ms-transform:rotate(-40deg);transform:rotate(-40deg)} 100%{-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)} } /* Estilos para foto interna, en el cuerpo de la nota 06/07/2017 */ .box-text figure, .interna figure *{-moz-box-sizing: border-box;box-sizing: border-box;} .box-text figure.image { position: relative; margin-bottom: 0.8em; margin-left: 0; margin-right: 0; display: block; padding:0 } .box-text figure.image img {width: 100%; height: auto} .box-text figure.image figcaption {font-size:11px!important; line-height:12px!important; color:#FFFFFF; display:block; width:100%; background-color:rgba(0,0,0,0.70); font-weight:100; font-style:italic; position:absolute; left:0; bottom:0; right:0; padding:10px; text-align: left } .box-text img{width: 100%; box-sizing: border-box;} /* 07/07/17 */ /* Estilos para foto interna, en el cuerpo de la nota 06/07/2017 */ .interna figure, .interna figure *{-moz-box-sizing: border-box;box-sizing: border-box;} .interna figure.image { position: relative; margin-bottom: 0.8em; margin-left: 0; margin-right: 0; display: block;} .interna figure.image img {width: 100%; height: auto} .interna figure.image figcaption { display:block; width:100%; background-color:rgba(0,0,0,0.70); font-weight:100; position:absolute; left:0; bottom:0; right:0; padding:10px; text-align: left } .interna figure.image figcaption, .interna figure.image figcaption strong{font-size:11px!important; line-height:12px!important; color:#FFFFFF;} /* Relacionadas */ .relacionadas h5{color: #D84315} .relacionadas a{text-decoration: none} /* Relacionadas SIN foto ------ */ aside.relacionadas{ display: block; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc ; padding-top: 15px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px} aside.relacionadas h5{font-size: 1em; font-weight: 700; margin-top: 0; margin-bottom: 0.6em;} aside.relacionadas ul{margin-left: 20px; padding: 0; } aside.relacionadas li {list-style-type: square;} aside.relacionadas li a{background-color: transparent; text-decoration: none;} aside.relacionadas li *{font-weight: 700} aside.relacionadas li:last-child a{margin-bottom: 0} /* Relacionadas CON foto ------ */ aside.relacionadas.con-foto ul{padding-left: 0; margin-left: 0; list-style: none;} aside.relacionadas.con-foto a{display: flex; } aside.relacionadas.con-foto .item-foto{padding-top: 2px; width: 35%;} aside.relacionadas.con-foto .item-tit{padding-left: 15px; font-size: 18px; line-height: 1.2em;width: 65% } .relacionadas.con-foto ul{padding-left: 0} .relacionadas.con-foto li{list-style: none!important; margin-bottom: 15px;} /* banner */ aside.htmlinline{text-align: center; padding-bottom: 20px; padding-top: 10px} /* 27-07-2017 */ .add-div.separa.banner {margin:0; padding: 0; border:0 } .add-div.separa.banner img, .add-div.separa.banner iframe{margin-bottom: 15px } /* Scroll de noticias */ .boton-mas-noticias,.loader-group{font-weight:700;margin-bottom:20px} .scrollnews{clear:both} .boton-mas-noticias{display:inline-block;padding:15px;background-color:#EEE;text-align:center;background-repeat:no-repeat;background-size:18px;background-position:30px center;background-image:url(/a/plantillas/1/imgs/refresh.svg);clear:both;font-family:Helvetica,Arial,sans-serif;border-radius:3px;border:1px solid #E0E0E0;width:297px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .boton-mas-noticias:hover{color:inherit;background-color:#FAFAFA;border-color:rgba(0,0,0,.1)} .loader-group{position:relative;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:20px;} .loader-group span{display:block;padding-left:25px} .ajaxloadingcss{height:20px;left:0;top:0} #ajloadspin,.ajaxloadingcss{width:20px;position:absolute} #ajloadspin{height:20px;margin:0 auto} .ajloaddoublboun2{background-color:#164978} .ajloaddoublboun1{background-color:#B62027} .ajloaddoublboun1,.ajloaddoublboun2{width:100%;height:100%;border-radius:50%;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.ajloaddoublboun2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}} .noticia-en-scroll{border-top:solid 2px #9E9E9E;margin-top:15px;padding-top:20px} /*.separa-article{border-top: solid 2px #A41C2D; padding-top: 15px; margin-top: 15px}*/ .oembed-provider-youtube {margin-bottom: 15px} .oembed-provider-youtube iframe{width: 100%!important; } /* ============== */ /* 07 - 12 - 17 */ /* ============== */ .grupo-2-notas > .row{ display: flex;flex-direction: row;justify-content: space-between; flex-wrap: nowrap; align-content: stretch; align-items: stretch;} .grupo-2-notas .row > .ne{ height: auto} .sin-foto article{display: flex;} div.bajada{font-size: 12px; line-height: 1.4em; padding-top: 7.5px} .nota-catastrofe div.bajada{color: #fff} /* ============== */ /* 11 - 01 - 18 */ /* ============== */ .publicidad-top{background-color: #f2f2f2; border-bottom: solid 1px #b3b3b3; display: flex; justify-content: center;align-items: center; padding-top: 10px; padding-bottom: 10px; width: 100%} #main-header{position: relative;} #main-header.fixed{position: fixed;} .header-and-menu{position: relative;} #sidebar, #sidebar.visible{ position: absolute; top: 0px; padding-top: 60px!important; height: 100vh; } /* CABECERA FIJA en MOVIL ============================================================= */ .fixed{position: fixed; top: 0px; left: 0px; right: 0; z-index: 999;} @-webkit-keyframes silde_to_top { 0% {top: -80px;opacity: 0;} 100% {top: 0;z-index: 999;opacity: 1;} } .fixed{ -webkit-animation-name: silde_to_top; -webkit-animation-duration: 0.7s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-delay: 0; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards; animation-name: silde_to_top; animation-duration: 0.7s; animation-timing-function: ease; animation-iteration-count: 1; animation-direction: normal; animation-delay: 0; animation-play-state: running; animation-fill-mode: forwards; }