#blog{} #blog .ctn-blog{background-color: rgba(0,0,0,0.3); margin-top: 90px; padding: 10px 0; margin-bottom: 100px; } #blog .ctn-blog .item-blog{background:url('../Imagenes/Sistema/bg-item-blog.png') no-repeat; padding: 40px 50px; margin-bottom: 60px; position: relative;} #blog .ctn-blog .item-blog h3{font-family: luck-regular; font-size: 27px; color: #ebc200; margin-bottom: 10px;} #blog .ctn-blog .item-blog .ctn-img{float: left; position: relative;} #blog .ctn-blog .item-blog .ctn-img img{box-shadow: -1px -1px 20px 6px rgba(255,255,255,0.2);} #blog .ctn-blog .item-blog .ctn-img .comentario{font-family: bold; font-size: 18px; color: #FFF; text-align: center; padding: 5px; background-color: rgba(160, 187, 49,0.86); position: absolute; bottom: 0; left: 0; right: 0; display: block;} #blog .ctn-blog .item-blog .ctn-txt label{font-family: bold; font-size: 21px; color: #ebc200; padding-left: 40px; margin-top: 10px; font-weight: normal;} #blog .ctn-blog .item-blog .ctn-txt p{font-family: bold; font-size: 17px; color: #fff; padding-left: 40px; display: table;} #blog .ctn-blog .item-blog .ctn-txt .enlace-contenido{font-family: passion-bold; font-size: 39px; color: #FFF; background: url('../Imagenes/Sistema/bg-blue.png') no-repeat; position: absolute; right: 50px; padding: 15px 36px;} @media(max-width: 1220px){ #blog .ctn-blog .center-width{width: 100%;} #blog .ctn-blog .item-blog{background-size: 100% 100%;} #blog .ctn-blog{padding: 10px 15px;} } @media(max-width: 767px){ #blog .ctn-blog{margin: 50px 0;} #blog .ctn-blog .item-blog{border:8px solid #c1c2c7; background-image: none; padding: 20px 15px 100px; position: relative;} #blog .ctn-blog .item-blog .ctn-img{margin-bottom: 20px; float: none;} #blog .ctn-blog .item-blog .ctn-img img{margin: 0 auto;} #blog .ctn-blog .item-blog .ctn-txt label, #blog .ctn-blog .item-blog .ctn-txt p{padding: 0; text-align: justify;} #blog .ctn-blog .item-blog .ctn-txt .enlace-contenido{ background-position: center; text-align: center; margin: 0 auto; left: 0; right: 0; position: absolute; bottom: -130px;} } @media(min-width: 480px) and (max-width: 767px){ #blog .ctn-blog .item-blog .ctn-img .comentario{width: 258px; margin: 0 auto; display: block;} } #blog-interna{} #blog-interna .ctn-blog-interna{padding: 55px 15px; background-color: rgba(0,0,0,0.3); margin:0px 0 50px;} #blog-interna .ctn-blog-interna .title{font-family: luck-regular; color: #ebc200; font-size: 27px;} #blog-interna .ctn-blog-interna .fecha-publicado{margin-bottom:15px; font-family: bold; font-size: 21px; color: #fff; font-weight: normal;} #blog-interna .ctn-blog-interna .articulo-vista img{width: 100%;} #blog-interna .ctn-blog-interna .articulo-vista .vistos{font-family: luck-regular; font-size: 27px; color: #c0da2c; background: url('../Imagenes/Sistema/bg-vistos.png') no-repeat; text-align: center; padding: 12px 112px; position: absolute; bottom: 40px; right: 60px;} #blog-interna .ctn-blog-interna .articulo-vista .descripcion-blog{font-family: bold; font-size:20px; color: #FFF; margin-top: 40px; margin-bottom:70px;} #blog-interna .ctn-blog-interna .articulo-vista .descripcion-blog p{font-family: bold; font-size:20px; color: #FFF; margin-top: 40px; margin-bottom:70px;} /*#blog-interna .ctn-blog-interna .ctn-archivos .txt-archivo{display: table; text-align:center; font-family: bold; font-size: 27px; color: #c0da2c; background: url('../Imagenes/Sistema/bg-vistos.png') no-repeat; padding: 8px 116px; margin-bottom: 50px;}*/ #blog-interna .ctn-blog-interna .ctn-archivos .nav-tabs{border: 0;} #blog-interna .ctn-blog-interna .ctn-archivos .nav>li>a{font-family: bold; font-size: 27px; color: #c0da2c; text-align: center; margin-bottom: 50px; border: none;} #blog-interna .ctn-blog-interna .ctn-archivos .nav-tabs>li.active>a{background: url('../Imagenes/Sistema/bg-vistos.png') no-repeat;padding: 8px 116px; border: none;} #blog-interna .ctn-blog-interna .ctn-archivos .nav>li>a:hover{background-color: transparent; border: none;} #blog-interna .ctn-blog-interna .ctn-archivos .owl-theme .owl-dots .owl-dot span{width: 31px; height: 31px;} #blog-interna .ctn-blog-interna .ctn-archivos .owl-theme .owl-dots .owl-dot.active span{background-color: #009ada; border:3px solid #FFF;} #blog-interna .ctn-blog-interna .ctn-archivos .padd-item{} #blog-interna .ctn-blog-interna .ctn-archivos .padd-item .item{cursor: pointer;padding-left:60px; padding-right: 0; background-position: left 6px; background-image: url("../Imagenes/Sistema/ic_download.png"); background-repeat: no-repeat;position: relative; border-right: 1px #b8b8b8 dashed;} #blog-interna .ctn-blog-interna .ctn-archivos .padd-item:last-child .item{border-right: none;} #blog-interna .ctn-blog-interna .ctn-archivos .padd-item .item:hover {background-image: url("../Imagenes/Sistema/ic_download_hover.png");} #blog-interna .ctn-blog-interna .ctn-archivos .padd-item .item h5 {margin-bottom: 5px; font-family: open-semi; color: #FFF; font-size: 16px;} #blog-interna .ctn-blog-interna .ctn-archivos .padd-item .item h6 {font-family: open-regular; color: #888889; font-size: 14px;} #blog-interna .ctn-blog-interna .ctn-archivos .padd-item .item .link-archivo{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #blog-interna .ctn-blog-interna .ctn-redes .red{float: right; margin-top: 45px; text-align: center;} #blog-interna .ctn-blog-interna .ctn-redes .red label{font-family: luck-regular; font-size: 27px; color: #33cfff; font-weight: normal; display: block; margin-bottom: 15px;} #blog-interna .ctn-comentarios .form-contacto{padding-top: 56px;} #blog-interna .ctn-comentarios .comentario .title-coment{margin-bottom: 55px; text-align: center;} #blog-interna .ctn-comentarios .comentario .title-coment img{margin: 0 auto;} #blog-interna .ctn-comentarios .comentario .title-coment h3{font-family: luck-regular; font-size: 30px; color: #ebc200; margin-top: 30px;} #blog-interna .ctn-comentarios .form-contacto .form-group .form-control{background:url('../Imagenes/Sistema/bg-input.png') no-repeat transparent; background-size: 100% 100%; border:none; font-family: bold; font-size: 15px; color: #FFF; height: 51px; box-shadow: none; padding-left: 25px; padding-right: 25px;} #blog-interna .ctn-comentarios .form-contacto .form-group .form-control::placeholder{color: #FFF;} #blog-interna .ctn-comentarios .form-contacto .form-group .form-control::-webkit-placeholder{color: #FFF;} #blog-interna .ctn-comentarios .form-contacto .form-group .form-control::-moz-placeholder{color: #FFF;} #blog-interna .ctn-comentarios .form-contacto .form-group.textarea .form-control{background:url('../Imagenes/Sistema/bg-textarea.png') no-repeat ; background-size: 100% 100%; height: 130px; resize: none; padding-top: 30px;} #blog-interna .ctn-comentarios .form-contacto .capcha label, #blog-interna .ctn-comentarios .form-contacto .capcha a{font-family: bold; font-size: 15px; font-weight: normal; display: block; text-decoration: none; color: #FFF; margin-top: 15px;} #blog-interna .ctn-comentarios .form-contacto .ctn-btn{margin-top: 50px; margin-bottom: 137px;} #blog-interna .ctn-comentarios .items-comentario{padding-bottom: 100px;} #blog-interna .ctn-comentarios .items-comentario .item {padding-bottom: 37px; border-bottom: dashed 1px rgba(134,134,135,0.6); padding-top: 25px;} #blog-interna .ctn-comentarios .items-comentario .item:last-child{border-bottom: none;} #blog-interna .ctn-comentarios .items-comentario .item .ctn-img{float: left; margin-right: 15px; margin-top: 20px;} #blog-interna .ctn-comentarios .items-comentario .item .ctn-txt{margin-right: 120px;} #blog-interna .ctn-comentarios .items-comentario .item .ctn-txt .nombre-usuario{font-family: bold; font-size: 20px; color: #ebc200; font-weight: normal; padding-right: 5px;} #blog-interna .ctn-comentarios .items-comentario .item .ctn-txt .fecha-comentario{font-family: regular; font-size: 13px; color: #fff; font-weight: normal;} #blog-interna .ctn-comentarios .items-comentario .item .ctn-txt .txt-comentario{font-family: bold; font-size: 17px; color: #fff; font-weight: normal; } @media(min-width: 1220px){ #blog-interna .ctn-comentarios .items-comentario, #blog-interna .ctn-blog-interna{padding-left: 0; padding-right: 0;} } @media(max-width: 991px){ #blog-interna .ctn-comentarios .items-comentario .item .ctn-txt{margin-right: 0;} #blog-interna .ctn-comentarios .form-contacto{padding-top: 0px;} #blog-interna .ctn-comentarios .form-contacto .ctn-btn{margin: 30px 0;} #blog-interna .ctn-comentarios .comentario .title-coment{margin-bottom: 30px;} #blog-interna .ctn-comentarios .items-comentario{padding-bottom: 0;} } @media(max-width: 767px){ #blog-interna .ctn-blog-interna{padding: 25px 15px;} #blog-interna .ctn-comentarios .form-contacto{padding: 0;} #blog-interna .ctn-blog-interna{margin-top: 0;} #blog-interna .ctn-blog-interna .articulo-vista .vistos{position: static; background-size: 100% 100%; padding: 10px 20px; margin-top: 15px; } #blog-interna .ctn-blog-interna .articulo-vista .descripcion-blog{text-align: justify;} #blog-interna .ctn-blog-interna .ctn-archivos .txt-archivo{background-size: 100% 100%; padding: 10px; display: block;} #blog-interna .ctn-blog-interna .ctn-redes .red{float: none;} #blog-interna .ctn-comentarios .form-contacto .capcha{text-align: center;} #blog-interna .ctn-comentarios .form-contacto .capcha img{margin: 0 auto;} #blog-interna .ctn-comentarios .items-comentario .title-coment{margin-bottom: 0px;} #blog-interna .ctn-comentarios .items-comentario .item .ctn-img{float: none; margin: 0;} #blog-interna .ctn-comentarios .items-comentario .item .ctn-img img{margin: 0 auto;} #blog-interna .ctn-comentarios .items-comentario .item .ctn-txt{ margin-top: 20px;} #blog-interna .ctn-comentarios .items-comentario .item .ctn-txt .txt-comentario{text-align: justify; } #blog-interna .ctn-blog-interna .ctn-archivos .nav>li>a{font-size: 20px; margin-bottom: 15px;} #blog-interna .ctn-blog-interna .ctn-archivos .nav-tabs>li.active>a{background-size: contain; padding: 5px 100px 10px;} } @media(max-width: 479px){ #blog-interna .ctn-blog-interna .ctn-archivos .ctn-tab-ul{width: 100%; overflow-x: scroll; overflow-y: hidden;} #blog-interna .ctn-blog-interna .ctn-archivos .ctn-tab-ul ul{width: 500px;} }