html,body { height:100%; background-size: cover; padding-top:130px; } body { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; font-weight: 400; } h2 { font-size: 30px; } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica", times, sans-serif; font-weight: 500; line-height: 1.1; } h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } p{ margin: 0 0 10px; } .btn { margin-right: 0px; } .btn-danger{ font-family:"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; display: inline-block; font-weight: normal; text-align: center; font-size: 13px; line-height: 1.846; } .btn-default{ font-family:"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; display: inline-block; font-weight: normal; text-align: center; font-size: 13px; line-height: 1.846; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active { background: #ff0000 !important; border-color: #ff0000 !important; } /* 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: 100px; transition: all 0.3s ease; } /* textos menú*/ .navbar a { font-size: 18px; padding-bottom: 40px !important; padding-top: 40px !important; transition: all 0.3s 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.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; } /*PROYECTOS*/ /*container general*/ .box_proyectos{ display: table; } /*container proyectos*/ .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; } section { padding-top:110px; padding-bottom:70px; position: relative; height: 100%; overflow-y: scroll; } #campana{ background-color: #333333; color: white !important; } #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; } /*precios*/ .panel-black .panel-heading{ background-color: black; color: white; } .panel { transition: padding 0.5s; -moz-transition: padding 0.5s; /* Firefox 4 */ -webkit-transition: padding 0.5s; /* Safari and Chrome */ -o-transition: padding 0.5s; /* Opera */ -ms-transition:padding 0.5s; /* IE9 (maybe) */ } .panel:hover { padding:10px; } .panel-black:hover .panel-heading{ background-color: #ff0000; } .panel-black:hover .glyphicon-ok-sign{ color: green; /* 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; } /*RESPONSIVE*/ /*ESCRITORIO*/ @media (max-width: 1366px){ 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; } #home { padding-top:20px !important; } } /*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; } /*secciones*/ #home { padding-top:0px !important; } } /*MOBILES*/ @media (max-width: 767px){ body { padding-top: 0px !important; /*background-color: blue !important;*/ } /*menú proyectos a la izquierda*/ .navbar-nav{ padding-top: 20px; float:left; } /* textos menú*/ .navbar 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; } /*seccion*/ #home { padding-top:0px !important; } } /*fin móbiles*/