body { table-layout: fixed; overflow-x: hidden !important; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; line-height: 1.42857143; color: #333; font-weight: 400; width: 100% !important; } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica", times, sans-serif; font-weight: 500; line-height: 1.1; } /* #principal_general{ position: absolute; } */ .asistento ,.contenedor_cabecera{ display: none;; } #toc { font-size: 1em; max-height: 95% !important; overflow: auto !important; } .top { opacity: 1; } #navbar-principal{ border-color: transparent; } #asistento{ padding-top: 5em; } #texto_articulo{ padding-bottom: 3em; } .lo_ultimo>img{ max-height: 300px;' } .titulo_seccion{ padding-top: 3em; padding-bottom: 1em; font-family: "Helvetica", times, sans-serif !important; font-weight: 500 !important; line-height: 1.1 !important; font-size: 36px; } .navbar-brand>img { } .navbar-inverse { background-color: #f8f9fa; border-color: #f8f9fa; height: 99px!important; } .navbar-inverse .navbar-nav>li>a { color: #000000; } .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background: #f8f9fa; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: transparent; } #cabecera{ padding-top: 100px; } #contenedor_cabecera { padding-top: 0em; padding-right: 3em; } #logo_cabecera { margin: -10 auto; max-width: 80% !important; } #titulo_cabecera a { color: lightgrey !important; text-transform: uppercase; } #slogan_cabecera { font-size: 2em; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); margin-left: 5em; margin-right: 5em; } .menu_tupale { height: 50vh; overflow: auto; } #menu_administrador{ background-color: white; } .dropdown-menu>li>a:hover{ background-color: #e95420!important; color: white; } .intro-social-buttons { padding-top: 10px !important; } /*NAVBAR BRAND*/ #menu_mobil{ //display: grid !important; } #menu_social{ text-align: right; float: right; } #menu_hamburguesa{ color: white; background-color: transparent !important; } .image_full { display: block; } .image_mobile { display: none !important; } /*logo barra navegacion*/ /* textos menĂº*/ #navbar-principal { } #navbar-principal.shrink { } .navbar-toggle { } #botonera_landing { display: inline-flex; } .boton_land { margin-left: 3px !important; } .cabecera { } .encabezado_proyecto { padding-top: 30px; } /*PROYECTOS*/ /* @media (max-width: 767px){ .container-fluid.box{ padding-left: 15px !important; } } */ .proyectos { background-color: #d4d4d4; } .div_proyecto { display: inline-block; position: relative; margin: 10px; float: left; background-color: darkgray; height: 14em; width: 14em; } .img-gris { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-filter: grayscale(100%) blur(3px); max-height: 14em; max-width: 14em; z-index: 10; transition: filter 0.2s; -webkit-transition: -webkit-filter 1s; } .img-gris:hover { filter: grayscale(0); z-index: 11; -webkit-filter: grayscale(0); } .proyecto_titulo { position: absolute; top: 100px; color: #fff; background-color: #000; padding: 2px; opacity: 0.5; font-weight: bold; width: 190px; z-index: 20; word-wrap: break-word; } /*fin proyectos*/ /*Panel Editor*/ .thumbnail { } .box-secciones { /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(.25, .8, .25, 1);*/ border-radius: 0px !important; padding: 3em; border-bottom: 1px solid lightgrey; } .box-secciones:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .img-secciones { max-height: 250px; } #buscador_centro { display: inline-flex; } #buscador_blog { display: inline-flex !important; } #fh5co-footer { display: inline-block; } /* nube de etiquetas */ div.etiquetas { /* font-family: verdana,arial,helvetica; font-size:8pt; */ padding: 5px; } div.etiquetas span { float: left; margin: 0 3px 0 3px; height: 20pt; white-space: nowrap; } span.etiquetatam1 { font-size: 110%; } span.etiquetatam2 { font-size: 120%; } span.etiquetatam3 { font-size: 130%; } span.etiquetatam4 { font-size: 140%; } span.etiquetatam5 { font-size: 150%; } span.etiquetatam6 { font-size: 160%; } span.etiquetatam7 { font-size: 170%; } span.etiquetatam8 { font-size: 180%; } span.etiquetatam9 { font-size: 250%; } span.etiquetatam10 { font-size: 300%; } /* nube de etiquetas */ .drop-up { top: auto; bottom: 100% !important; overflow: visible; } .dropdown-menu { min-width: 300px; padding: 3px; z-index: 99999; } .navbar .navbar-nav { } .navbar .navbar-collapse .navbar-principal { } .navbar-principal>li>a { } .navbar-principal { } .topnav { } /*width:80px; background: none; border:0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; */ @media all { div.saltopagina { display: none; } } @media print { div.saltopagina { display: block; page-break-before: always; } div.noprint { display: none; } } /*ESTILOS PRIORITARIOS*/ .modal-dialog { width: 95% !important; height: auto; padding: 0; } .modal-lg { width: 98% !important; height: auto; padding: 0; } .modal-xs { width: 40% !important; height: auto; padding: 0; } .modal-content { height: auto; } .modal-body { max-height: calc(100vh - 300px); min-height: calc(100vh - 300px); overflow-y: auto; } fieldset.fieldset-borde { border: 2px solid #EDEDED !important; border-radius: 3px; padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 1.5em 0 !important; -webkit-box-shadow: 0px 0px 0px 0px #000; box-shadow: 0px 0px 0px 0px #000; } legend.legend-area { font-size: 1.2em !important; font-weight: bold !important; text-align: left !important; width: auto; padding: 0 10px; border-bottom: none; } .fh5co-post-entry article h2 { font-size: 28px ; } #fh5co-offcanvas .fh5co-bio img { border-radius: 10px !important; } fieldset.fieldset-borde { border: 2px solid #EDEDED !important; border-radius: 3px; padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 1.5em 0 !important; -webkit-box-shadow: 0px 0px 0px 0px #000; box-shadow: 0px 0px 0px 0px #000; } legend.legend-area { font-size: 1.2em !important; font-weight: bold !important; text-align: left !important; width: auto; padding: 0 10px; border-bottom: none; } /* RESPONSIVE */ /*Se afectan todos hacia arriba*/ @media (min-width: 769px) { #cabecera { margin-left: 20px; margin-right: 20px; } } @media only screen and (max-width: 1440px) { .titulo_seccion{ padding-top: 1em; } #asistento{ padding-top: 1em; } } @media only screen and (max-width: 1200px) { #contenedor_cabecera{ padding-right: 5em; } #cabecera{ padding-top: 100px; } .img-gris { filter: grayscale(0); } .lead{ padding-left: 5em; padding-right: 5em; } } @media only screen and (max-width: 992px) { #slogan_cabecera{ margin: 0em !important; } } @media only screen and (max-width: 769px) { .navbar-inverse .navbar-nav>li>a:hover { background: transparent; } .navbar-header { margin: 0px !important; float: left; } a.dropdown-toggle.img-rounded.visible-xs{ background-color: #08080800 !important; } #slogan_cabecera{ font-size: 1.5em; } #caja{ padding: 0px; } } @media only screen and (max-width: 586px) { #cabecera{ padding-top: 100px; } #texto_articulo{ padding-left: 0px; padding-right: 0px; } #contenedor_landingpage { padding-left: 0px !important; padding-right: 0px !important; } #texto_articulo{ padding: 0px !important } } @media only screen and (max-width: 495px) { #cabecera{ padding-top: 100px; } #principal_general{ margin-left: 2em; margin-right: 2em; } #proyectos{ display: grid !important; } .lead { padding-left: 0px; padding-right: 0px; } .articulo_cuadro{ padding-left: 0px; padding-right: 0px; } div#contenedor_landingpage { padding-left: 0px !important; padding-right: 0px !important; } .box-secciones{ padding: 1em; padding-bottom: 4em; } } @media only screen and (max-width: 375px) { #cabecera{ padding-top: 100px; } #principal_general{ padding-left: 2em; padding-right: 2em; margin-left: 1em; margin-right: 1em; } #caja{ padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; } #slogan_cabecera { font-size: 1em; } .articulo_cuadro{ padding-left: 0px; padding-right: 0px; } .btn-group-sm>.btn, .btn-sm { padding: 5px 7px; font-size: 11px; line-height: 1.5; border-radius: 3px; } } @media only screen and (max-width: 361px) { #principal_general{ margin-left: 0em; margin-right: 0em; } } @media only screen and (max-width: 320px) { #principal_general{ padding-left: 1em; padding-right: 0em; } } /*------------- Help-tip Style ---------------*/ /* CSS animation */ @-webkit-keyframes fadeIn { 0% { opacity:0; transform: scale(0.6); } 100% { opacity:100%; transform: scale(1); } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:100%; } } .blink{ color: rgb (0, 137, 226); animation: blink 1s infinite; } .div_grid_vacio, .div_grid_lleno { background-color: #FFFFFF; height: 499px!important; } .div_grid_vacio { background-color: #FFFFFF; border-color: #FFFFFF; border: solid 2px; height: 499px!important; display: none!important; }