body { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: subpixel-antialiased; -webkit-backface-visibility: hidden; backface-visibility: hidden; } a { color: #e74c3c; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } a:hover { color: #e76c3c; } .row { padding: 40px 0; } .btn { border: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-transform: uppercase; border-radius: 0; } .btn-common { background: #3d566e; color: #fff; } .btn-common:hover { background: #e74c3c; color: #fff; } .title { text-align: center; font-size: 50px; } .subtitle { text-align: center; font-weight: 100; padding-bottom: 30px; position: relative; color: #bdc3c7; } .navbar { margin-bottom: 0; } .navbar li { color: #d1d1d1; } .navbar-default { border: none; border-radius: 0; background: rgba(0, 0, 0, 0.2); } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: none; color: #fff; } .navbar-default .navbar-nav li a, .navbar-default .navbar-nav li a:hover { color: #fff; } .navbar-default .navbar-nav > .active, .navbar-default .navbar-nav li:hover { background: green; padding-bottom: 5px; color: #fff; } .navbar-default .navbar-brand { font-size: 25px; color: #fff; font-weight: 100; } .navbar-default .navbar-brand:hover { color: #eee; } .navbar-default .navbar-toggle .icon-bar { background: #fff; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #333; } .affix.navbar-default { background: rgba(0, 0, 0, 0.8); } #area-principal { background: #4cae4c; color: #fff; } #area-principal .btn { margin-right: 20px; } .logo_cea { width: 30%; margin-right:10px; } .logo_ubv { width: 20%; margin-right:0px; } #area-principal p { text-align: justify; margin-top: 20px; font-size: 18px; } #servicios h3 { margin-top: 0; font-size: 28px; color: #e74c3c; } /*Portfolio*/ #actividades { background: #f1f1f1; } /*Portfolio Overlay */ .portfolio-item { position: relative; margin-bottom: 15px; } .portfolio-item img { width: 100%; } .portfolio-item .overlay { position: absolute; top: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0, 0, 0, 0.8); display: none; } .portfolio-item:hover .overlay { position: absolute; top: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0, 0, 0, 0.8); display: block; } .portfolio-item .icons .preview { position: absolute; left: 40%; top: 40%; color: #fff; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .portfolio-item .icons .preview i { color: #e74c3c; } #descarga { background: #fff; } #descarga img{ width: 10%; } #about { background: #222; color: #fff; } #about p { line-height: 30px; font-size: 17px; } #adscripcion { background: #0b5e3e; } #adscripcion ::-webkit-input-placeholder { color: #f1b0b2; } #adscripcion :-moz-placeholder { color: #f1b0b2; } #adscripcion ::-moz-placeholder { color: #f1b0b2; } #adscripcion :-ms-input-placeholder { color: #f1b0b2; } #adscripcion .social i { color: #fff; padding: 10px; margin-right: 5px; width: 50px; height: 50px; vertical-align: middle; background: #34495e; } #adscripcion .social .social-links a:hover { color: #fff; } #adscripcion .social .fa-facebook:hover { background: #3b5998; color: #fff; } #adscripcion .social .fa-twitter:hover { background: #00CAFB; color: #fff; } #adscripcion .social .fa-google-plus:hover { background: #D23A1D; color: #fff; } #adscripcion .social .fa-linkedin:hover { background: #007bb6; color: #fff; } #adscripcion .social .fa-dribbble:hover { background: #ea4c89; color: #fff; } #adscripcion .social .fa-github:hover { background: #171515; color: #fff; } #adscripcion .contact-info { margin: 40px 0; } #adscripcion .contact-info p { font-size: 20px; } #adscripcion .contact-form .form-control { box-shadow: none; font-size: 17px; margin-bottom: 20px; border-radius: 0; border: none; } /*Scroll Top*/ .to-top i { padding: 10px 15px; margin: 10px; background: transparent; color: #34495e; border: 2px solid #34495e; } .to-top i:hover { background: #34495e; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #copyright { background: #F1F1F1; color: #333; } #copyright a { color: #333; }