html,body { height:100%; background-size: cover; padding-top:8%; } /* USING BOOTSTRAP 3.0.3 */ /*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: 250px; height: 250px; margin-top: 80px; transition: all 0.4s ease; } /* textos menú*/ 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: 18px; padding-bottom: 18px !important; padding-top: 20px !important; } .navbar.shrink img { width: 70px; height: 70px; transition: all 0.4s 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; } /*PROYECTOS*/ .principal{ } /*container proyectos*/ .box_proyectos{ display: table; } /*container proyecto*/ .div_proyecto{ display: table-cell; position: relative; margin: 10px; float: left; padding: 5px; background-color: grey; height: 200px; width: 200px; } /*container titulo*/ .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-gris{ -webkit-filter: grayscale(100%) blur(3px) ; height: 200px; 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); } .img-center {margin:0 auto;} /*PATROCINADOR*/ .logos{ display: inline-block; margin-left: 70px; } .patrocina{ background-color: white; padding: 15px; margin: 5px; width: 100px; display: inline-block; } /*RESPONSIVE*/ /*ESCRITORIO*/ @media (max-width: 1199px){ /* body { background-color: yellow; }*/ .navbar-brand { margin-top: 0px; } .image_full { display: block; } .image_mobile{ display: none !important; } .navbar.shrink img { margin-top: 0px; width: 80px; height: 80px; transition: all 0.3s ease; } .navbar-brand img { width: 200px; height: 200px; margin-top: 80px; transition: all 0.4s ease; } } /*TABLETS*/ @media (max-width: 990px){ /* body { background-color: green !important; } */ .navbar-nav{ float:right; transition: all 0.4s ease; border-bottom: 1px solid #333333; } .navbar-brand { margin-top:0px; left: 25%; } .navbar-brand img{ width: 230px; height: 230px; margin-top: 0px; transition: all 0.4s ease; } .image_full{ display: block; } .image_mobile{ display: none !important; } .navbar.shrink a { font-size: 20px; padding-bottom: 18px !important; padding-top: 20px !important; } } /*MOBILES*/ @media (max-width: 767px){ /* body { background-color: blue !important; } */ /*menú proyectos a la izquierda*/ .navbar-nav{ padding-top: 20px; float:left; } /* textos menú*/ a { font-size: 23px; padding-bottom: 23px !important; padding-top: 23px !important; transition: all 0.4s ease; } /*menú Nosotros a la derecha*/ .navbar-right{ float:right !important; } /*volver a centrar logo*/ .navbar-brand { transform: translateX(-50%); left: 50%; position: absolute; } /*logo barra navegacion*/ .navbar-brand img{ margin-top: 50px; } .image_full{ display: none !important; } .image_mobile{ display: block !important; width: 300px !important; height: 80px !important; } /*menú desplegable por delante del logo*/ .navbar.shrink a { font-size: 20px; padding-bottom: 15px !important; padding-top: 15px !important; } .navbar.shrink img { width: 200px !important; height: 54px !important; transition: all 0.4s ease; margin-top: 30px; } .navbar.shrink .navbar-toggle { margin: 25px 23px 8px 0; padding: 7px 8px; transition: all 0.4s ease; } .navbar-toggle { margin: 13px 15px 13px 0; padding: 4px 5px; } .navbar.collapse{ margin-top: 50px; } .collapse.in { margin-top: 75px !important; } } /*fin móbiles*/ 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; }