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; padding-top: 50px; max-height:95% !important; overflow:auto !important; } .top { opacity: 1; } .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: #101010; } #contenedor_cabecera{ padding-top: 22em; } #titulo_cabecera a{ color: lightgrey !important; text-transform: uppercase; } #menu_tupale { height: 500px; overflow: auto; } /*NAVBAR BRAND*/ .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; margin-top: 100px; transition: all 1.3s 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; } .btn-botonera-admin { margin-left: 20px; margin-right: 20px; } #botonera-admin, #botonera-admin>a { color: white !important; } .btn-botonera-admin { /* margin-left: 20px; */ /* margin-right: 20px; */ float: left; } .btn-botonera-admin:hover { background-color: black; } .btn.btn-botonera-admin:hover { color: white !important; } .intro-social-buttons { padding-top: 10px !important; } #botonera_landing { display: inline-flex; } .boton_land { margin-left: 3px !important; } .cabecera { padding-bottom: 30px; padding-left: 80px !important; } #logo_cabecera { max-width: 80% !important; margin: 0 auto; } #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: grey; 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: 50px; 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; } } .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; !important; } #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 */ @media (min-width: 767px){ #slogan_cabecera{ font-size: 2em; text-shadow: 0px 2px 3px rgba(0,0,0,0.4); margin-left: 5em; margin-right: 5em; } #cabecera{ margin-left: 20px; margin-right: 20px; } } @media only screen and (max-width: 1200px) { #logo_cabecera{ padding-top: 3em; } } @media only screen and (max-width: 767px) { .navbar-header{ margin: 0px !important; } #logo_cabecera { padding-top: 0em; } @media only screen and (max-width: 586px) { #contenedor_cabecera{ padding-top: 18em; } } @media only screen and (max-width: 411px) { #contenedor_cabecera{ padding-top: 13em; } #principal_general{ padding-left: 2em; } }