html,body { height:100%; background-size: cover; padding-top:5em; } /* USING BOOTSTRAP 3.0.3 */ .navbar-toggle { margin: 13px 15px 13px 0; } a { font-size: 18px; padding-bottom: 40px !important; padding-top: 40px !important; transition: all 0.4s ease; } .navbar.shrink { min-height: 35px; } .navbar.shrink a { font-size: 15px; padding-bottom: 15px !important; padding-top: 20px !important; } .navbar.shrink img { width: 70px; height: 70px; transition: all 0.4s ease; } .navbar.shrink .navbar-toggle { margin: 8px 15px 8px 0; padding: 7px 8px; } .navbar-brand { transform: translateX(-50%); left: 50%; position: absolute; } .navbar-brand img{ width: 250px; height: 250px; } .logos{ display: inline-block; margin-left: 70px; } .div_proyecto{ margin: 10px; display: inline-block; padding: 5px; background-color: grey; } .proyecto{ padding: 5px; } .img-gris{ -webkit-filter: grayscale(100%) blur(3px) ; max-height: 200px; max-width: 200px; z-index:10; transition:filter 0.2s; -webkit-transition:-webkit-filter 1s; } .img-gris:hover{ filter: grayscale(0); z-index: 500; -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; } .img-center {margin:0 auto;} .patrocina{ background-color: white; padding: 15px; margin: 5px; width: 100px; display: inline-block; } @media (min-width: 992px){ /* .col-md-3 { width: 22%; }*/ } section { padding-top:110px; padding-bottom:70px; } #proyectos { background-color: #d4d4d4; } #servicios { background-color: #333333; color: white !important; } #patrocinio { background-color: grey; color: white !important; } .v-center { padding-top:10%; font-size:30px; } .glyphicon-search, .glyphicon-user, .glyphicon-stats, .glyphicon-play, .glyphicon-forward, .glyphicon-fast-forward, .glyphicon-step-forward { font-size: 50px !important; } .btn-servicios { padding: 20px 60px; } .collapse.in { margin-top: 20px; } /* FOOTER*/ #footer { border-top: 5px solid #ff0000; background: grey none repeat scroll 0% 0%; padding-top: 30px; margin-top: 60px; clear: both; color: #AAA; display: block; } #footer .widgettitle { margin: 0px; padding: 0px 0px 15px; border-bottom: medium none; } #footer h4 { color: #FFF; } #footer ul { list-style: outside none none; } #footer li { padding: 7px 0px; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); margin: 0px; } #footer li a { color: #DDD; } #sub-floor { color: #AAA; background: #333333 none repeat scroll 0% 0%; padding: 10px 0px; }