body { overflow-x: hidden !important; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; 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; } #toc { font-size: 1em; max-height: 95% !important; overflow: auto !important; } .top { opacity: 1; } #navbar-principal{ border-color: transparent; } #asistento{ padding-top: 5em; } #lo_ultimo{ 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-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-nav>li>a { color: #9d9d9d; } .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background: #fb4f59; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: transparent; } #cabecera{ padding-top: 20em; } #contenedor_cabecera { padding-top: 0em; } #logo_cabecera { max-width: 80% !important; margin: 0 auto; } #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; } .navbar-brand { transform: translateX(-50%); left: 50%; position: absolute; } .image_full { display: block; } .image_mobile { display: none !important; } /*logo barra navegacion*/ .navbar-brand img { width: 15em; height: auto; transition: all 1s ease; } /* textos menĂº*/ #navbar-principal { font-size: 18px; padding-bottom: 2em !important; padding-top: 2em !important; transition: all 0.3s ease; } .navbar.shrink { min-height: 35px; } #navbar-principal.shrink { font-size: 18px; padding-bottom: 1em !important; padding-top: 1em !important; } .navbar.shrink img { width: 5em; height: auto; transition: all 1.3s ease; margin: 0px; } .navbar.shrink .navbar-toggle { margin: 8px 15px 8px 0; padding: 7px 8px; } .navbar-toggle { margin: 13px 15px 13px 0; padding: 4px 5px; } #botonera_landing { display: inline-flex; } .boton_land { margin-left: 3px !important; } .cabecera { padding-bottom: 30px; padding-left: 80px !important; } #encabezado_proyecto { padding-top: 30px; } /*PROYECTOS*/ /* @media (max-width: 767px){ .container-fluid.box{ padding-left: 15px !important; } } */ #proyectos { background-color: #d4d4d4; padding-top: 4em; } .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 { height: 100% !important; overflow-y: auto; overflow-x: hidden; padding: 0px 0px 70px 0px; border: none; } .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-top: 2em; 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 { display: inline-block; float: none; } .navbar .navbar-collapse .navbar-principal { text-align: center; height: 30px; margin-top: -13px; } .navbar-principal>li>a { padding-top: 0px !important; padding-bottom: 0 !important; height: 30px; margin-top: -13px; } .navbar-principal { min-height: 30px !important; } .topnav { width: 100px !important; display: inline; height: 30px; padding-bottom: 0 !important; height: 30px; background: none; border: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*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: 767px) { #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) { #cabecera{ padding-top: 24em; } #logo_cabecera { padding-top: 2em; } .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; } li.dropdown.open{ z-index: -1; } #slogan_cabecera{ font-size: 1.5em; } #logo_cabecera { padding-top: 2em; } .articulo_contenido { padding-right: 2em; padding-left: 1.5em; } } @media only screen and (max-width: 586px) { #cabecera{ padding-top: 21em; } #logo_cabecera { max-width: 65% !important; } #texto_articulo{ padding: 0px !important } } @media only screen and (max-width: 495px) { #cabecera{ padding-top: 15em; } #proyectos{ display: grid !important; } .lead { padding-left: 0px; padding-right: 0px; } } @media only screen and (max-width: 360px) { #cabecera{ padding-top: 15em; } #principal_general{ padding-left: 0px; padding-right: 0px; } #caja{ padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; } #slogan_cabecera { font-size: 1em; } }