diff --git a/_src/scss/general/_general.scss b/_src/scss/general/_general.scss index 428a2ec30e3c24b4557cd11271e3383144b3c1da..339fdd2e56d19bd5bc7c1bb0cce5ffa0fc9dd6c0 100644 --- a/_src/scss/general/_general.scss +++ b/_src/scss/general/_general.scss @@ -84,6 +84,7 @@ a.skip-link{ background-color: transparent; border-color: $primaryColor; border-width: 2px; + font-weight: 700; border-style: solid; border-image: initial; padding: 10px 16px; diff --git a/_src/scss/general/_home.scss b/_src/scss/general/_home.scss index 4afaddd96c50a5888ed3da207a6c304a1536c970..20c80c7eee98ae92bc163e2d7664d5a53f36cdee 100644 --- a/_src/scss/general/_home.scss +++ b/_src/scss/general/_home.scss @@ -71,7 +71,8 @@ } .hero_bg { position: absolute; - top: 0; + z-index: -100; + top: -40px; bottom: 0; right: 0; left: 0; @@ -94,7 +95,7 @@ background-color: transparent; border-color: $blanco; } - text-transform: uppercase; + // text-transform: uppercase; } diff --git a/_src/scss/general/_login.scss b/_src/scss/general/_login.scss new file mode 100644 index 0000000000000000000000000000000000000000..c2735e3b07879d09c39b918bf95783d6f6068044 --- /dev/null +++ b/_src/scss/general/_login.scss @@ -0,0 +1,38 @@ +.topnav{ + position: relative; + z-index: 1050; + padding-top: 15px; + .menu{ + float: right; + } + ul > li { + float: left !important; + + a{ + font-size: 0.65em; + padding: 0; + margin-right: 10px; + color: $blanco; + text-decoration: underline; + &:hover, &:focus{ + background: transparent; + text-decoration: none; + } + } + a:after{ + content: '|'; + margin-left: 10px; + } + + } + ul > li:last-child { + a{ + margin-right: 0px; + } + a:after{ + content: ''; + margin-right: 0px; + } + + } +} \ No newline at end of file diff --git a/_src/scss/general/_sumate.scss b/_src/scss/general/_sumate.scss index 5fc9578b58a714083b2d3b9dd7713e21662f45de..5d43210d1b0c0556e3e86edb8177a8307ddcad5c 100644 --- a/_src/scss/general/_sumate.scss +++ b/_src/scss/general/_sumate.scss @@ -60,7 +60,7 @@ display: flex; flex-direction: column; p, ul{ - flex-grow: 1; + // flex-grow: 1; } .btn{ align-self: flex-end; diff --git a/_src/scss/general/_top.scss b/_src/scss/general/_top.scss deleted file mode 100644 index 0ccda7fbd238cb1e5d0bd0708041a123dc91c073..0000000000000000000000000000000000000000 --- a/_src/scss/general/_top.scss +++ /dev/null @@ -1,48 +0,0 @@ -.top{ - position: absolute; - top: 8px; - z-index: 1031; - width: 100%; - margin-bottom: 40px; - nav > ul > li { - float: right !important; - - a{ - color: $blanco; - font-size: 0.75em; - &:hover, &:focus{ - background: transparent; - text-decoration: underline; - } - } - } - - nav > ul > li:first-child>a { - color: $primaryColor; - background-color: transparent; - border-color: $primaryColor; - border-width: 2px; - border-style: solid; - border-image: initial; - padding: 5px 8px; - border-radius: 20px; - margin-top: 2px; - transition: all 0.2s ease; - &:hover, &:focus{ - color: $blanco; - background-color: $primaryColor; - text-decoration: none; - } - @media (min-width: 768px) { - color: $blanco; - background-color: transparent; - border-color: $blanco; - - &:hover, &:focus{ - color: $primaryColor; - background-color: $blanco; - } - - } - } -} \ No newline at end of file diff --git a/_src/scss/main.scss b/_src/scss/main.scss index 64c10db08c0a0edf3ca60a3c4179e5b3155e4c6a..6b8ef6e9cb7a69b9d0e60eb3ab645100a71c0786 100644 --- a/_src/scss/main.scss +++ b/_src/scss/main.scss @@ -11,3 +11,4 @@ @import 'general/miembros'; @import 'general/faq'; @import 'general/eventos'; +@import 'general/login'; diff --git a/bfa.info.yml b/bfa.info.yml index 31f310b2e89e5bb7ae514290fe83cf5ed7f67b3f..3965bee41ad71f27bd2f88083dd8ea0e59f6b393 100644 --- a/bfa.info.yml +++ b/bfa.info.yml @@ -8,6 +8,7 @@ package: 'Bootstrap' regions: navigation: 'Navigation' + topnav: 'Top Navigation' navigation_collapsible: 'Navegación (Colapsable)' hero: 'Hero' content: 'Contenido Principal' diff --git a/css/main.css b/css/main.css index 2bebbffa9bea5253b876650fc090baed63094f7d..1ae03c075ae4b8e515483f160f47782ae9aa2969 100644 --- a/css/main.css +++ b/css/main.css @@ -1 +1 @@ -@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,700,700i,800,800i);footer h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}html{font-size:1.125em}body{font-family:Raleway,Arial,sans-serif;font-size:1.125em;font-weight:300;background-color:#fff;line-height:1.45;color:#333;margin-top:0}p{margin-bottom:1.3em}h1,h2,h3,h4{margin:1em 0 .5em;font-weight:700;line-height:1.2}h1{margin-top:0;font-size:2.441em}h2{font-size:1.953em}h3{font-size:1.563em}h4{font-size:1.25em}.breadcrumb,.font_small,small{font-size:.8em}@media (max-width:620px){h2{font-size:1.563em}body,html{font-size:1em}}a.skip-link{padding:20px;margin:0 auto;background-color:#0094d4;text-align:center}.breadcrumb{background:0 0;padding:10px 0;margin-top:20px}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"\00bb"}.fa{vertical-align:middle}.btn-primary{background-color:#0094d4;color:#fff;border-color:#0094d4;border-radius:50px;border-width:2px;font-weight:700;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-primary:active,.btn-primary:active:hover,.btn-primary:focus,.btn-primary:hover{background-color:#fff;color:#0094d4;border-color:#0094d4}.btn-default{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:50px;margin-top:2px}.btn-default:focus,.btn-default:hover{color:#fff;background-color:#0094d4;border-color:#0094d4}.modal-open .navbar-fixed-bottom,.modal-open .navbar-fixed-top{margin-right:15px}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;opacity:.65;border-color:#ccc;background-color:#ccc}.btn.disabled:hover,.btn[disabled]:hover,fieldset[disabled] .btn:hover{color:#fff;border-color:#ccc;background-color:#ccc}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.ekko-lightbox .modal-dialog{-webkit-box-flex:100%!important;-ms-flex:100%!important;flex:100%!important;margin-left:0;margin-right:0;overflow:hidden;-ms-overflow-style:none}}.path-frontpage nav:not(.navbar-fondo) .navbar-header .logo img{-webkit-filter:brightness(500%);filter:brightness(500%)}.navbar-header .logo img{height:100px;width:140px}.navbar-header .logo img:hover{opacity:.9}.navbar-default{background-color:transparent;border-color:transparent;padding-top:30px;-webkit-transition:all .2s ease;transition:all .2s ease}.navbar-default .navbar-nav li>a{color:#0094d4;font-weight:400}@media (min-width:768px){.navbar-default .navbar-nav li>a{color:#fff;padding-bottom:8px;padding-left:4px;padding-right:4px;margin-left:20px;border-bottom:2px solid transparent}}@media (min-width:768px) and (max-width:992px){.navbar-default .navbar-nav li>a{font-size:.8em}}@media (max-width:768px){.navbar-default .navbar-nav li>a:focus,.navbar-default .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-default .navbar-nav li>a:focus,.navbar-default .navbar-nav li>a:hover{color:#fff;border-bottom:2px solid #fff}}.navbar-default .navbar-nav a.is-active,.navbar-default .navbar-nav a.is-active:focus,.navbar-default .navbar-nav a.is-active:hover{color:#fff;background-color:transparent;border-bottom:2px solid #fff}@media (max-width:768px){.navbar-default .navbar-nav a.is-active,.navbar-default .navbar-nav a.is-active:focus,.navbar-default .navbar-nav a.is-active:hover{color:#2e2f30;background-color:transparent;border-bottom:none}}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:transparent;border-bottom:2px solid #fff}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff;background-color:transparent}.navbar-default .navbar-nav li:last-child>a{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:20px;margin-top:2px;-webkit-transition:all .2s ease;transition:all .2s ease}.navbar-default .navbar-nav li:last-child>a:focus,.navbar-default .navbar-nav li:last-child>a:hover{color:#fff;background-color:#0094d4}@media (min-width:768px){.navbar-default .navbar-nav li:last-child>a{color:#fff;background-color:transparent;border-color:#fff}.navbar-default .navbar-nav li:last-child>a:focus,.navbar-default .navbar-nav li:last-child>a:hover{color:#0094d4;background-color:#fff}}.navbar-default .navbar-toggle{border-color:#fff}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#fff}.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar{background-color:#2e2f30}.navbar-default .menu{margin-top:40px}@media (max-width:768px){.navbar-default{padding-top:0}.navbar-default .navbar-collapse{-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,.2);box-shadow:0 5px 5px 0 rgba(0,0,0,.2);background-color:#fff}.navbar-default .menu{margin-top:0}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#0094d4}}@media (min-width:768px){.navbar-default .navbar-nav li ul.dropdown-menu{padding:0;border:none;left:20px;margin-top:16px;border-radius:4px}}.navbar-default .navbar-nav li ul.dropdown-menu li a{border:none;padding:12px 18px;white-space:normal;font-size:1.125em;background-color:#fff;color:#0094d4;margin-left:0}.navbar-default .navbar-nav li ul.dropdown-menu li a:hover{border:none;text-decoration:underline}.navbar-default .navbar-nav li ul.dropdown-menu li a.is-active{color:#2e2f30;text-decoration:underline}@media (max-width:768px){.navbar-default .navbar-nav li ul.dropdown-menu li a{padding-left:50px}}.navbar-content{background:#fff;border-color:#e7e7e7}.navbar-content .navbar-toggle{border-color:#0094d4}.navbar-content .navbar-toggle .icon-bar{background-color:#0094d4}.navbar-content .navbar-toggle:focus,.navbar-content .navbar-toggle:hover{background-color:#0094d4}.navbar-content .navbar-toggle:focus .icon-bar,.navbar-content .navbar-toggle:hover .icon-bar{background-color:#fff}.navbar-content .navbar-nav li>a{color:#0094d4}@media (max-width:768px){.navbar-content .navbar-nav li>a:focus,.navbar-content .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-content .navbar-nav li>a:focus,.navbar-content .navbar-nav li>a:hover{color:#0094d4;border-bottom:2px solid #0094d4}}.navbar-content .navbar-nav a.is-active,.navbar-content .navbar-nav a.is-active:focus,.navbar-content .navbar-nav a.is-active:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}.navbar-content .navbar-nav>.active>a,.navbar-content .navbar-nav>.active>a:focus,.navbar-content .navbar-nav>.active>a:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}@media (max-width:768px){.navbar-content .navbar-nav>.active>a,.navbar-content .navbar-nav>.active>a:focus,.navbar-content .navbar-nav>.active>a:hover{border-bottom:none}}.navbar-content .navbar-nav li:last-child>a{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:20px;margin-top:2px}.navbar-content .navbar-nav li:last-child>a:focus,.navbar-content .navbar-nav li:last-child>a:hover{color:#fff;background-color:#0094d4}.navbar-content .navbar-nav li.active:last-child>a{cursor:default;border-color:#2e2f30;color:#2e2f30}.navbar-content .navbar-nav li.active:last-child>a:focus,.navbar-content .navbar-nav li.active:last-child>a:hover{color:#2e2f30;background-color:#fff;border-color:#2e2f30}.navbar-content .navbar-nav>.open>a,.navbar-content .navbar-nav>.open>a:focus,.navbar-content .navbar-nav>.open>a:hover{color:#0094d4}.navbar-content .navbar-nav li ul.dropdown-menu li:last-child>a:focus,.navbar-content .navbar-nav li ul.dropdown-menu li:last-child>a:hover{background-color:transparent;color:#0094d4}.navbar-content .navbar-nav li ul.dropdown-menu li.active:last-child>a{display:block}.navbar-content .navbar-nav>.open>a,.navbar-content .navbar-nav>.open>a:focus,.navbar-content .navbar-nav>.open>a:hover{color:#0094d4}.navbar-content .navbar-nav li ul.dropdown-menu{border-top:1px solid #0094d4;border-top-left-radius:0;border-top-right-radius:0}@media (min-width:768px){.navbar-content .navbar-nav li ul.dropdown-menu{margin-top:31px}}.navbar-content .navbar-nav li ul.dropdown-menu:before{border:none}.navbar-fondo{background:#fff;border-color:#e7e7e7;padding-top:0}.navbar-fondo .logo img{height:75px!important;margin-top:0}.navbar-fondo .navbar-toggle{border-color:#0094d4}.navbar-fondo .navbar-toggle .icon-bar{background-color:#0094d4}.navbar-fondo .navbar-toggle:focus,.navbar-fondo .navbar-toggle:hover{background-color:#0094d4}.navbar-fondo .navbar-toggle:focus .icon-bar,.navbar-fondo .navbar-toggle:hover .icon-bar{background-color:#fff}@media (min-width:768px){.navbar-fondo .menu{margin-top:20px}}.navbar-fondo .navbar-nav li>a{color:#0094d4}@media (max-width:768px){.navbar-fondo .navbar-nav li>a:focus,.navbar-fondo .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-fondo .navbar-nav li>a:focus,.navbar-fondo .navbar-nav li>a:hover{color:#0094d4;border-bottom:2px solid #0094d4}}.navbar-fondo .navbar-nav a.is-active,.navbar-fondo .navbar-nav a.is-active:focus,.navbar-fondo .navbar-nav a.is-active:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}@media (max-width:768px){.navbar-fondo .navbar-nav a.is-active,.navbar-fondo .navbar-nav a.is-active:focus,.navbar-fondo .navbar-nav a.is-active:hover{border-bottom:none}}.navbar-fondo .navbar-nav>.active>a,.navbar-fondo .navbar-nav>.active>a:focus,.navbar-fondo .navbar-nav>.active>a:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}.navbar-fondo .navbar-nav>.open>a,.navbar-fondo .navbar-nav>.open>a:focus,.navbar-fondo .navbar-nav>.open>a:hover{color:#0094d4;background-color:transparent}.navbar-fondo .navbar-nav li:last-child>a{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:20px;margin-top:2px}.navbar-fondo .navbar-nav li:last-child>a:focus,.navbar-fondo .navbar-nav li:last-child>a:hover{color:#fff;background-color:#0094d4}.navbar-fondo .navbar-nav li:last-child>a .is-active{border-color:#2e2f30}.navbar-fondo .navbar-nav li ul.dropdown-menu{border-top:1px solid #0094d4;border-top-left-radius:0;border-top-right-radius:0}@media (min-width:768px){.navbar-fondo .navbar-nav li ul.dropdown-menu{margin-top:26px}}.navbar-fondo .navbar-nav li ul.dropdown-menu:before{border:none}.navbar-fondo .navbar-nav li ul.dropdown-menu li:last-child>a:focus,.navbar-fondo .navbar-nav li ul.dropdown-menu li:last-child>a:hover{background-color:transparent;color:#0094d4}.navbar-fondo .navbar-nav>.open>a,.navbar-fondo .navbar-nav>.open>a:focus,.navbar-fondo .navbar-nav>.open>a:hover{color:#0094d4}@media (max-width:992px){.navbar-default .navbar-nav li>a{margin-left:10px;font-size:.9em}}footer{color:#fff;background-color:#2e2f30;text-align:center;padding:80px 0 60px 0}footer ul{list-style:none;padding-left:0;margin-bottom:30px}footer ul li{position:relative;display:inline-block;margin:0 10px}footer ul li a{color:#2e2f30;font-size:16px;display:inline-block;background-color:#fff;border-radius:60px;width:50px;height:50px;padding:.55em 0;vertical-align:middle;-webkit-transition:all .2s ease;transition:all .2s ease}footer ul li a:focus,footer ul li a:hover{color:rgba(255,255,255,.8);color:#fff;background-color:#0094d4;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.path-frontpage h2{color:#755293;text-transform:uppercase;text-align:center;font-weight:800}.hero{width:100%;position:relative;color:#fff}.hero .row{margin-top:250px;padding-bottom:380px}@media (max-width:1400px){.hero .row{margin-top:200px;padding-bottom:330px}}@media (max-width:1200px){.hero .row{margin-top:200px;padding-bottom:350px}}@media (max-width:992px){.hero .row{margin-top:200px;padding-bottom:300px}}@media (max-width:768px){.hero .row{margin-top:150px;padding-bottom:300px}}@media (max-width:620px){.hero .row{margin-top:200px;padding-bottom:400px}}@media (max-width:992px){.hero .row>[class*=col-]:first-child{text-align:center}}@media (min-width:992px){.hero .row>[class*=col-]:first-child{padding-right:120px}}.hero h1{text-transform:uppercase}.hero img{margin-top:-60px;opacity:.8}.hero p{font-size:1.2em}.hero .field--name-body{margin-bottom:20px}.hero .field--name-field-link-1,.hero .field--name-field-link-2{display:inline-block}.hero .field--name-field-link-1{margin-right:10px}.hero .hero_bg{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;background:url(../images/pattern.png),#3b76ba;background:url(../images/pattern.png),-webkit-gradient(linear,left top,right top,from(#3b76ba),to(#7dd2d9));background:url(../images/pattern.png),-webkit-linear-gradient(left,#3b76ba 0,#7dd2d9 100%);background:url(../images/pattern.png),linear-gradient(to right,#3b76ba 0,#7dd2d9 100%);-webkit-transform:skewY(-10deg);-ms-transform:skewY(-10deg);transform:skewY(-10deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.hero .btn-primary{color:#0094d4;background-color:#fff;border-color:#fff;border-radius:50px;text-transform:uppercase}.hero .btn-primary:focus,.hero .btn-primary:hover{color:#fff;background-color:transparent;border-color:#fff}.hero .btn-default{color:#fff;border-color:#fff}.hero .btn-default:focus,.hero .btn-default:hover{color:#0094d4;background-color:#fff;border-color:#fff}.caracteristicas{background-color:rgba(255,255,255,.96);margin-top:-250px;position:relative;padding:80px;border-radius:50px;-webkit-box-shadow:0 8px 32px 0 rgba(0,0,0,.2);box-shadow:0 8px 32px 0 rgba(0,0,0,.2)}.caracteristicas h2{margin-top:0}.caracteristicas img{width:200px;height:200px;margin:0 auto}@media (max-width:768px){.caracteristicas img{width:150px;height:150px}}.caracteristicas h3{font-size:1.2em;font-weight:400;text-align:center;margin-top:0}.caracteristicas .field--name-field-body{font-size:.8em;text-align:center;margin-bottom:30px}@media (max-width:620px){.caracteristicas{padding:50px}}.caracteristicas .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.caracteristicas .row>[class*=col-]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 30px}.aplicaciones{margin-top:50px}@media (min-width:768px){.aplicaciones{margin-bottom:100px}}@media (max-width:768px){.aplicaciones{margin-bottom:50px}}.aplicaciones p{text-align:center;margin-bottom:50px}.aplicaciones .field--name-body ul{margin:0 auto;padding-left:0;width:80%;list-style-type:none}@media (min-width:768px){.aplicaciones .field--name-body ul{-webkit-column-count:2;column-count:2}}@media (max-width:768px){.aplicaciones .field--name-body ul{max-width:300px}}.aplicaciones .field--name-body ul li{display:block;padding-left:1.8em;background-image:url(../images/bullet.svg);background-repeat:no-repeat;background-position:0 50%;margin-bottom:20px}.sumate{color:#fff;font-size:1.2em;text-align:center;background:url(../images/cta-bg.png) no-repeat;background-size:cover;background-position:center center;position:relative}.sumate div,.sumate h2{position:relative;z-index:1}.sumate:before{background:url(../images/pattern.png),#3b76ba;background:url(../images/pattern.png),-webkit-gradient(linear,left bottom,left top,from(#3b76ba),color-stop(130%,#7dd2d9));background:url(../images/pattern.png),-webkit-linear-gradient(bottom,#3b76ba 0,#7dd2d9 130%);background:url(../images/pattern.png),linear-gradient(to top,#3b76ba 0,#7dd2d9 130%);content:' ';display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;opacity:.9}.sumate svg{position:absolute;top:-1px;left:0;width:100%;height:100px}@media (max-width:768px){.sumate svg{height:50px}}@media (min-width:768px){.sumate{padding:100px 0}}@media (max-width:768px){.sumate{padding:50px 0}}.sumate h2{color:#fff;text-transform:uppercase;text-align:center;font-weight:800;padding:0 50px;padding-top:30px}.sumate p{margin:0 auto;margin-bottom:30px;max-width:600px;padding:0 50px}.sumate .field--type-link{display:inline-block}.sumate .btn-primary{color:#0094d4;background-color:#fff;border-color:#fff;border-radius:50px;text-transform:uppercase}.sumate .btn-primary:focus,.sumate .btn-primary:hover{color:#fff;background-color:transparent;border-color:#fff}.sumate .btn-default{color:#fff;border-color:#fff}.sumate .btn-default:focus,.sumate .btn-default:hover{color:#0094d4;background-color:#fff;border-color:#fff}.hash{word-wrap:break-word;word-break:break-all}article .field--name-body{margin-bottom:50px}article .field--name-body .ajustar,article .field--name-body h1,article .field--name-body h2,article .field--name-body h3,article .field--name-body h4,article .field--name-body hr,article .field--name-body p,article .field--name-body table,article .field--name-body ul{margin-left:auto;margin-right:auto;max-width:700px}article .field--name-body .no-ajustar{max-width:100%}article ol,article ul{margin-top:20px}article ol li,article ul li{margin-bottom:20px}article ol li ol,article ol li ul,article ul li ol,article ul li ul{margin-bottom:40px}article img{display:block;max-width:100%;height:auto;margin:30px auto;clear:both;border-radius:4px}article a img{border:1px solid #ccc}article a:focus img,article a:hover img{border:1px solid #2e2f30;-webkit-box-shadow:0 3px 0 0 #ccc;box-shadow:0 3px 0 0 #ccc}article .field--name-field-image img{margin-top:0;margin-bottom:50px;border-bottom:10px solid #0094d4}article .field--name-field-fecha{float:left;padding:10px}article .field--name-field-categoria{float:left;color:#fff;background-color:#0094d4;padding:10px}article .field--name-field-categoria a{color:#fff}form{margin:0 auto;margin-bottom:50px;max-width:700px}form .btn-primary{padding:10px 16px;font-size:18px;line-height:1.3333333}#edit-preview{display:none}main section{margin-top:35px;padding:0 10px}main section section{margin-top:0}@media (max-width:768px){main section{margin-top:0}}main.main-content-inside{margin-top:30px;padding:0 20px}main.main-content-inside h2{position:relative;margin-bottom:50px}main.main-content-inside h2:after{background-color:#755293;content:"";display:block;height:5px;left:0;bottom:-15px;position:absolute;width:50px}main.main-content-inside h3{color:#755293;padding-left:1.5em;background-image:url(../images/bullet.svg);background-repeat:no-repeat;background-position:0}.diagonal-header{height:160px;content:"";background:url(../images/pattern.png),#3b76ba;background:url(../images/pattern.png),-webkit-gradient(linear,left top,left bottom,from(#3b76ba),color-stop(130%,#7dd2d9));background:url(../images/pattern.png),-webkit-linear-gradient(top,#3b76ba 0,#7dd2d9 130%);background:url(../images/pattern.png),linear-gradient(to bottom,#3b76ba 0,#7dd2d9 130%);-webkit-transform:skewY(1.5deg);-ms-transform:skewY(1.5deg);transform:skewY(1.5deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}@media (max-width:768px){.diagonal-header{height:130px}}table[role=presentation] img{margin:0}.tituloTabla{font-weight:700}.view-presentaciones .views-field-field-certificado,.view-presentaciones .views-field-field-ppt{text-align:center}.sumate-bloque{margin-bottom:50px}.sumate-bloque .row .col-md-6{padding:50px;border:1px solid #ccc;margin-top:125px;margin-left:10px;margin-right:10px;border-radius:10px}.sumate-bloque .row .col-md-6:hover{-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,.2);box-shadow:0 3px 5px 0 rgba(0,0,0,.2)}.sumate-bloque .row .col-md-6 img{width:350px;margin:0 auto;margin-top:-225px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sumate-bloque .row .col-md-6 h2{margin-top:0}.sumate-bloque .row .col-md-6 ul{margin-bottom:40px}@media (min-width:992px){.sumate-bloque .row .col-md-6 .btn{width:100%}}@media (max-width:992px){.sumate-bloque .row .col-md-6{margin-top:0;margin-left:50px;padding-left:100px;position:relative}.sumate-bloque .row .col-md-6 img{position:absolute;width:200px;margin:auto;left:-100px;top:-20px}.sumate-bloque .row .col-md-6:not(first-child){margin-top:20px}}@media (min-width:992px){.sumate-bloque .row{display:-webkit-box;display:-ms-flexbox;display:flex}.sumate-bloque .row .col-md-6{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sumate-bloque .row .col-md-6 p,.sumate-bloque .row .col-md-6 ul{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.sumate-bloque .row .col-md-6 .btn{-ms-flex-item-align:end;align-self:flex-end}.sumate-bloque .row .col-md-6 .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.webform-confirmation__message{text-align:center}.webform-confirmation__message p{margin-bottom:10px}.webform-confirmation__message img{width:300px;margin-top:-50px;margin-bottom:-30px}.webform-confirmation__message .btn{margin-top:20px}.webform-svg{background-color:red}#views-bootstrap-miembros-block-1 .row{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}#views-bootstrap-miembros-block-1 div.col{margin-bottom:40px;text-align:center}#views-bootstrap-miembros-block-1 div.col a img{margin:0 auto;border:1px solid #ccc;border-radius:100px;-webkit-box-shadow:0 0 0 0 #ccc;box-shadow:0 0 0 0 #ccc}#views-bootstrap-miembros-block-1 div.col a:focus img,#views-bootstrap-miembros-block-1 div.col a:hover img{border:1px solid #2e2f30;-webkit-box-shadow:0 3px 0 0 #ccc;box-shadow:0 3px 0 0 #ccc}@media (max-width:460px){#views-bootstrap-miembros-block-1 div.col img{max-width:80px}}#views-bootstrap-miembros-block-1 div.col div.views-field-title{padding:10px}.view-faq .panel,.view-glosario .panel{border:0;-webkit-box-shadow:none;box-shadow:none}.view-faq .panel .panel-heading,.view-glosario .panel .panel-heading{padding:0;margin:0;background:0 0}.view-faq .panel .panel-heading .panel-title,.view-glosario .panel .panel-heading .panel-title{font-size:1em;padding:0;margin:0}.view-faq .panel .panel-heading .panel-title a,.view-glosario .panel .panel-heading .panel-title a{display:block;width:100%;padding:10px 15px;border-bottom:1px solid #0094d4;color:#0094d4;position:relative}.view-faq .panel .panel-heading .panel-title a:focus,.view-faq .panel .panel-heading .panel-title a:hover,.view-glosario .panel .panel-heading .panel-title a:focus,.view-glosario .panel .panel-heading .panel-title a:hover{color:#0094d4;border-bottom-color:#0094d4;text-decoration:none}.view-faq .panel .panel-heading .panel-title a .fa-chevron-down,.view-glosario .panel .panel-heading .panel-title a .fa-chevron-down{position:absolute;right:15px;top:15px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .2s ease;transition:all .2s ease}.view-faq .panel .panel-heading .panel-title a.collapsed,.view-glosario .panel .panel-heading .panel-title a.collapsed{color:#333;border-bottom-color:#f5f5f5}.view-faq .panel .panel-heading .panel-title a.collapsed:focus,.view-faq .panel .panel-heading .panel-title a.collapsed:hover,.view-glosario .panel .panel-heading .panel-title a.collapsed:focus,.view-glosario .panel .panel-heading .panel-title a.collapsed:hover{color:#0094d4;border-bottom-color:#0094d4;text-decoration:none}.view-faq .panel .panel-heading .panel-title a.collapsed .fa-chevron-down,.view-glosario .panel .panel-heading .panel-title a.collapsed .fa-chevron-down{position:absolute;right:15px;top:15px;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:all .2s ease;transition:all .2s ease}.view-faq .panel .panel-heading+.panel-collapse>.panel-body,.view-glosario .panel .panel-heading+.panel-collapse>.panel-body{border:1px solid #0094d4;border-top:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.view-eventos .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}.view-eventos .evento{margin-bottom:20px}.view-eventos .evento .contentWrapper{border:1px solid #ccc;border-radius:4px}.view-eventos .evento img{-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.view-eventos .evento img:hover{opacity:.85}.view-eventos .evento h2{font-size:1.1em;margin:10px}.view-eventos .evento h2:after{content:none}.view-eventos .evento .views-field-field-fecha-fin{background:#0094d4;color:#fff;padding:4px;text-align:center}.view-eventos .evento-pasado .evento img{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.85;-webkit-transition:-webkit-filter .5s ease;transition:-webkit-filter .5s ease;transition:filter .5s ease;transition:filter .5s ease,-webkit-filter .5s ease}.view-eventos .evento-pasado .evento img:hover{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.view-eventos .evento-pasado .evento .views-field-field-fecha-fin{background:#2e2f30}.view-eventos .evento-pasado .evento h2 a{color:#2e2f30} \ No newline at end of file +@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,700,700i,800,800i);footer h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}html{font-size:1.125em}body{font-family:Raleway,Arial,sans-serif;font-size:1.125em;font-weight:300;background-color:#fff;line-height:1.45;color:#333;margin-top:0}p{margin-bottom:1.3em}h1,h2,h3,h4{margin:1em 0 .5em;font-weight:700;line-height:1.2}h1{margin-top:0;font-size:2.441em}h2{font-size:1.953em}h3{font-size:1.563em}h4{font-size:1.25em}.breadcrumb,.font_small,small{font-size:.8em}@media (max-width:620px){h2{font-size:1.563em}body,html{font-size:1em}}a.skip-link{padding:20px;margin:0 auto;background-color:#0094d4;text-align:center}.breadcrumb{background:0 0;padding:10px 0;margin-top:20px}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"\00bb"}.fa{vertical-align:middle}.btn-primary{background-color:#0094d4;color:#fff;border-color:#0094d4;border-radius:50px;border-width:2px;font-weight:700;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-primary:active,.btn-primary:active:hover,.btn-primary:focus,.btn-primary:hover{background-color:#fff;color:#0094d4;border-color:#0094d4}.btn-default{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;font-weight:700;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:50px;margin-top:2px}.btn-default:focus,.btn-default:hover{color:#fff;background-color:#0094d4;border-color:#0094d4}.modal-open .navbar-fixed-bottom,.modal-open .navbar-fixed-top{margin-right:15px}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;opacity:.65;border-color:#ccc;background-color:#ccc}.btn.disabled:hover,.btn[disabled]:hover,fieldset[disabled] .btn:hover{color:#fff;border-color:#ccc;background-color:#ccc}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.ekko-lightbox .modal-dialog{-webkit-box-flex:100%!important;-ms-flex:100%!important;flex:100%!important;margin-left:0;margin-right:0;overflow:hidden;-ms-overflow-style:none}}.path-frontpage nav:not(.navbar-fondo) .navbar-header .logo img{-webkit-filter:brightness(500%);filter:brightness(500%)}.navbar-header .logo img{height:100px;width:140px}.navbar-header .logo img:hover{opacity:.9}.navbar-default{background-color:transparent;border-color:transparent;padding-top:30px;-webkit-transition:all .2s ease;transition:all .2s ease}.navbar-default .navbar-nav li>a{color:#0094d4;font-weight:400}@media (min-width:768px){.navbar-default .navbar-nav li>a{color:#fff;padding-bottom:8px;padding-left:4px;padding-right:4px;margin-left:20px;border-bottom:2px solid transparent}}@media (min-width:768px) and (max-width:992px){.navbar-default .navbar-nav li>a{font-size:.8em}}@media (max-width:768px){.navbar-default .navbar-nav li>a:focus,.navbar-default .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-default .navbar-nav li>a:focus,.navbar-default .navbar-nav li>a:hover{color:#fff;border-bottom:2px solid #fff}}.navbar-default .navbar-nav a.is-active,.navbar-default .navbar-nav a.is-active:focus,.navbar-default .navbar-nav a.is-active:hover{color:#fff;background-color:transparent;border-bottom:2px solid #fff}@media (max-width:768px){.navbar-default .navbar-nav a.is-active,.navbar-default .navbar-nav a.is-active:focus,.navbar-default .navbar-nav a.is-active:hover{color:#2e2f30;background-color:transparent;border-bottom:none}}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:transparent;border-bottom:2px solid #fff}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff;background-color:transparent}.navbar-default .navbar-nav li:last-child>a{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:20px;margin-top:2px;-webkit-transition:all .2s ease;transition:all .2s ease}.navbar-default .navbar-nav li:last-child>a:focus,.navbar-default .navbar-nav li:last-child>a:hover{color:#fff;background-color:#0094d4}@media (min-width:768px){.navbar-default .navbar-nav li:last-child>a{color:#fff;background-color:transparent;border-color:#fff}.navbar-default .navbar-nav li:last-child>a:focus,.navbar-default .navbar-nav li:last-child>a:hover{color:#0094d4;background-color:#fff}}.navbar-default .navbar-toggle{border-color:#fff}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#fff}.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar{background-color:#2e2f30}.navbar-default .menu{margin-top:40px}@media (max-width:768px){.navbar-default{padding-top:0}.navbar-default .navbar-collapse{-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,.2);box-shadow:0 5px 5px 0 rgba(0,0,0,.2);background-color:#fff}.navbar-default .menu{margin-top:0}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#0094d4}}@media (min-width:768px){.navbar-default .navbar-nav li ul.dropdown-menu{padding:0;border:none;left:20px;margin-top:16px;border-radius:4px}}.navbar-default .navbar-nav li ul.dropdown-menu li a{border:none;padding:12px 18px;white-space:normal;font-size:1.125em;background-color:#fff;color:#0094d4;margin-left:0}.navbar-default .navbar-nav li ul.dropdown-menu li a:hover{border:none;text-decoration:underline}.navbar-default .navbar-nav li ul.dropdown-menu li a.is-active{color:#2e2f30;text-decoration:underline}@media (max-width:768px){.navbar-default .navbar-nav li ul.dropdown-menu li a{padding-left:50px}}.navbar-content{background:#fff;border-color:#e7e7e7}.navbar-content .navbar-toggle{border-color:#0094d4}.navbar-content .navbar-toggle .icon-bar{background-color:#0094d4}.navbar-content .navbar-toggle:focus,.navbar-content .navbar-toggle:hover{background-color:#0094d4}.navbar-content .navbar-toggle:focus .icon-bar,.navbar-content .navbar-toggle:hover .icon-bar{background-color:#fff}.navbar-content .navbar-nav li>a{color:#0094d4}@media (max-width:768px){.navbar-content .navbar-nav li>a:focus,.navbar-content .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-content .navbar-nav li>a:focus,.navbar-content .navbar-nav li>a:hover{color:#0094d4;border-bottom:2px solid #0094d4}}.navbar-content .navbar-nav a.is-active,.navbar-content .navbar-nav a.is-active:focus,.navbar-content .navbar-nav a.is-active:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}.navbar-content .navbar-nav>.active>a,.navbar-content .navbar-nav>.active>a:focus,.navbar-content .navbar-nav>.active>a:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}@media (max-width:768px){.navbar-content .navbar-nav>.active>a,.navbar-content .navbar-nav>.active>a:focus,.navbar-content .navbar-nav>.active>a:hover{border-bottom:none}}.navbar-content .navbar-nav li:last-child>a{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:20px;margin-top:2px}.navbar-content .navbar-nav li:last-child>a:focus,.navbar-content .navbar-nav li:last-child>a:hover{color:#fff;background-color:#0094d4}.navbar-content .navbar-nav li.active:last-child>a{cursor:default;border-color:#2e2f30;color:#2e2f30}.navbar-content .navbar-nav li.active:last-child>a:focus,.navbar-content .navbar-nav li.active:last-child>a:hover{color:#2e2f30;background-color:#fff;border-color:#2e2f30}.navbar-content .navbar-nav>.open>a,.navbar-content .navbar-nav>.open>a:focus,.navbar-content .navbar-nav>.open>a:hover{color:#0094d4}.navbar-content .navbar-nav li ul.dropdown-menu li:last-child>a:focus,.navbar-content .navbar-nav li ul.dropdown-menu li:last-child>a:hover{background-color:transparent;color:#0094d4}.navbar-content .navbar-nav li ul.dropdown-menu li.active:last-child>a{display:block}.navbar-content .navbar-nav>.open>a,.navbar-content .navbar-nav>.open>a:focus,.navbar-content .navbar-nav>.open>a:hover{color:#0094d4}.navbar-content .navbar-nav li ul.dropdown-menu{border-top:1px solid #0094d4;border-top-left-radius:0;border-top-right-radius:0}@media (min-width:768px){.navbar-content .navbar-nav li ul.dropdown-menu{margin-top:31px}}.navbar-content .navbar-nav li ul.dropdown-menu:before{border:none}.navbar-fondo{background:#fff;border-color:#e7e7e7;padding-top:0}.navbar-fondo .logo img{height:75px!important;margin-top:0}.navbar-fondo .navbar-toggle{border-color:#0094d4}.navbar-fondo .navbar-toggle .icon-bar{background-color:#0094d4}.navbar-fondo .navbar-toggle:focus,.navbar-fondo .navbar-toggle:hover{background-color:#0094d4}.navbar-fondo .navbar-toggle:focus .icon-bar,.navbar-fondo .navbar-toggle:hover .icon-bar{background-color:#fff}@media (min-width:768px){.navbar-fondo .menu{margin-top:20px}}.navbar-fondo .navbar-nav li>a{color:#0094d4}@media (max-width:768px){.navbar-fondo .navbar-nav li>a:focus,.navbar-fondo .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-fondo .navbar-nav li>a:focus,.navbar-fondo .navbar-nav li>a:hover{color:#0094d4;border-bottom:2px solid #0094d4}}.navbar-fondo .navbar-nav a.is-active,.navbar-fondo .navbar-nav a.is-active:focus,.navbar-fondo .navbar-nav a.is-active:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}@media (max-width:768px){.navbar-fondo .navbar-nav a.is-active,.navbar-fondo .navbar-nav a.is-active:focus,.navbar-fondo .navbar-nav a.is-active:hover{border-bottom:none}}.navbar-fondo .navbar-nav>.active>a,.navbar-fondo .navbar-nav>.active>a:focus,.navbar-fondo .navbar-nav>.active>a:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}.navbar-fondo .navbar-nav>.open>a,.navbar-fondo .navbar-nav>.open>a:focus,.navbar-fondo .navbar-nav>.open>a:hover{color:#0094d4;background-color:transparent}.navbar-fondo .navbar-nav li:last-child>a{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:20px;margin-top:2px}.navbar-fondo .navbar-nav li:last-child>a:focus,.navbar-fondo .navbar-nav li:last-child>a:hover{color:#fff;background-color:#0094d4}.navbar-fondo .navbar-nav li:last-child>a .is-active{border-color:#2e2f30}.navbar-fondo .navbar-nav li ul.dropdown-menu{border-top:1px solid #0094d4;border-top-left-radius:0;border-top-right-radius:0}@media (min-width:768px){.navbar-fondo .navbar-nav li ul.dropdown-menu{margin-top:26px}}.navbar-fondo .navbar-nav li ul.dropdown-menu:before{border:none}.navbar-fondo .navbar-nav li ul.dropdown-menu li:last-child>a:focus,.navbar-fondo .navbar-nav li ul.dropdown-menu li:last-child>a:hover{background-color:transparent;color:#0094d4}.navbar-fondo .navbar-nav>.open>a,.navbar-fondo .navbar-nav>.open>a:focus,.navbar-fondo .navbar-nav>.open>a:hover{color:#0094d4}@media (max-width:992px){.navbar-default .navbar-nav li>a{margin-left:10px;font-size:.9em}}footer{color:#fff;background-color:#2e2f30;text-align:center;padding:80px 0 60px 0}footer ul{list-style:none;padding-left:0;margin-bottom:30px}footer ul li{position:relative;display:inline-block;margin:0 10px}footer ul li a{color:#2e2f30;font-size:16px;display:inline-block;background-color:#fff;border-radius:60px;width:50px;height:50px;padding:.55em 0;vertical-align:middle;-webkit-transition:all .2s ease;transition:all .2s ease}footer ul li a:focus,footer ul li a:hover{color:rgba(255,255,255,.8);color:#fff;background-color:#0094d4;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.path-frontpage h2{color:#755293;text-transform:uppercase;text-align:center;font-weight:800}.hero{width:100%;position:relative;color:#fff}.hero .row{margin-top:250px;padding-bottom:380px}@media (max-width:1400px){.hero .row{margin-top:200px;padding-bottom:330px}}@media (max-width:1200px){.hero .row{margin-top:200px;padding-bottom:350px}}@media (max-width:992px){.hero .row{margin-top:200px;padding-bottom:300px}}@media (max-width:768px){.hero .row{margin-top:150px;padding-bottom:300px}}@media (max-width:620px){.hero .row{margin-top:200px;padding-bottom:400px}}@media (max-width:992px){.hero .row>[class*=col-]:first-child{text-align:center}}@media (min-width:992px){.hero .row>[class*=col-]:first-child{padding-right:120px}}.hero h1{text-transform:uppercase}.hero img{margin-top:-60px;opacity:.8}.hero p{font-size:1.2em}.hero .field--name-body{margin-bottom:20px}.hero .field--name-field-link-1,.hero .field--name-field-link-2{display:inline-block}.hero .field--name-field-link-1{margin-right:10px}.hero .hero_bg{position:absolute;z-index:-100;top:-40px;bottom:0;right:0;left:0;width:100%;height:100%;background:url(../images/pattern.png),#3b76ba;background:url(../images/pattern.png),-webkit-gradient(linear,left top,right top,from(#3b76ba),to(#7dd2d9));background:url(../images/pattern.png),-webkit-linear-gradient(left,#3b76ba 0,#7dd2d9 100%);background:url(../images/pattern.png),linear-gradient(to right,#3b76ba 0,#7dd2d9 100%);-webkit-transform:skewY(-10deg);-ms-transform:skewY(-10deg);transform:skewY(-10deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.hero .btn-primary{color:#0094d4;background-color:#fff;border-color:#fff;border-radius:50px}.hero .btn-primary:focus,.hero .btn-primary:hover{color:#fff;background-color:transparent;border-color:#fff}.hero .btn-default{color:#fff;border-color:#fff}.hero .btn-default:focus,.hero .btn-default:hover{color:#0094d4;background-color:#fff;border-color:#fff}.caracteristicas{background-color:rgba(255,255,255,.96);margin-top:-250px;position:relative;padding:80px;border-radius:50px;-webkit-box-shadow:0 8px 32px 0 rgba(0,0,0,.2);box-shadow:0 8px 32px 0 rgba(0,0,0,.2)}.caracteristicas h2{margin-top:0}.caracteristicas img{width:200px;height:200px;margin:0 auto}@media (max-width:768px){.caracteristicas img{width:150px;height:150px}}.caracteristicas h3{font-size:1.2em;font-weight:400;text-align:center;margin-top:0}.caracteristicas .field--name-field-body{font-size:.8em;text-align:center;margin-bottom:30px}@media (max-width:620px){.caracteristicas{padding:50px}}.caracteristicas .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.caracteristicas .row>[class*=col-]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 30px}.aplicaciones{margin-top:50px}@media (min-width:768px){.aplicaciones{margin-bottom:100px}}@media (max-width:768px){.aplicaciones{margin-bottom:50px}}.aplicaciones p{text-align:center;margin-bottom:50px}.aplicaciones .field--name-body ul{margin:0 auto;padding-left:0;width:80%;list-style-type:none}@media (min-width:768px){.aplicaciones .field--name-body ul{-webkit-column-count:2;column-count:2}}@media (max-width:768px){.aplicaciones .field--name-body ul{max-width:300px}}.aplicaciones .field--name-body ul li{display:block;padding-left:1.8em;background-image:url(../images/bullet.svg);background-repeat:no-repeat;background-position:0 50%;margin-bottom:20px}.sumate{color:#fff;font-size:1.2em;text-align:center;background:url(../images/cta-bg.png) no-repeat;background-size:cover;background-position:center center;position:relative}.sumate div,.sumate h2{position:relative;z-index:1}.sumate:before{background:url(../images/pattern.png),#3b76ba;background:url(../images/pattern.png),-webkit-gradient(linear,left bottom,left top,from(#3b76ba),color-stop(130%,#7dd2d9));background:url(../images/pattern.png),-webkit-linear-gradient(bottom,#3b76ba 0,#7dd2d9 130%);background:url(../images/pattern.png),linear-gradient(to top,#3b76ba 0,#7dd2d9 130%);content:' ';display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;opacity:.9}.sumate svg{position:absolute;top:-1px;left:0;width:100%;height:100px}@media (max-width:768px){.sumate svg{height:50px}}@media (min-width:768px){.sumate{padding:100px 0}}@media (max-width:768px){.sumate{padding:50px 0}}.sumate h2{color:#fff;text-transform:uppercase;text-align:center;font-weight:800;padding:0 50px;padding-top:30px}.sumate p{margin:0 auto;margin-bottom:30px;max-width:600px;padding:0 50px}.sumate .field--type-link{display:inline-block}.sumate .btn-primary{color:#0094d4;background-color:#fff;border-color:#fff;border-radius:50px;text-transform:uppercase}.sumate .btn-primary:focus,.sumate .btn-primary:hover{color:#fff;background-color:transparent;border-color:#fff}.sumate .btn-default{color:#fff;border-color:#fff}.sumate .btn-default:focus,.sumate .btn-default:hover{color:#0094d4;background-color:#fff;border-color:#fff}.hash{word-wrap:break-word;word-break:break-all}article .field--name-body{margin-bottom:50px}article .field--name-body .ajustar,article .field--name-body h1,article .field--name-body h2,article .field--name-body h3,article .field--name-body h4,article .field--name-body hr,article .field--name-body p,article .field--name-body table,article .field--name-body ul{margin-left:auto;margin-right:auto;max-width:700px}article .field--name-body .no-ajustar{max-width:100%}article ol,article ul{margin-top:20px}article ol li,article ul li{margin-bottom:20px}article ol li ol,article ol li ul,article ul li ol,article ul li ul{margin-bottom:40px}article img{display:block;max-width:100%;height:auto;margin:30px auto;clear:both;border-radius:4px}article a img{border:1px solid #ccc}article a:focus img,article a:hover img{border:1px solid #2e2f30;-webkit-box-shadow:0 3px 0 0 #ccc;box-shadow:0 3px 0 0 #ccc}article .field--name-field-image img{margin-top:0;margin-bottom:50px;border-bottom:10px solid #0094d4}article .field--name-field-fecha{float:left;padding:10px}article .field--name-field-categoria{float:left;color:#fff;background-color:#0094d4;padding:10px}article .field--name-field-categoria a{color:#fff}form{margin:0 auto;margin-bottom:50px;max-width:700px}form .btn-primary{padding:10px 16px;font-size:18px;line-height:1.3333333}#edit-preview{display:none}main section{margin-top:35px;padding:0 10px}main section section{margin-top:0}@media (max-width:768px){main section{margin-top:0}}main.main-content-inside{margin-top:30px;padding:0 20px}main.main-content-inside h2{position:relative;margin-bottom:50px}main.main-content-inside h2:after{background-color:#755293;content:"";display:block;height:5px;left:0;bottom:-15px;position:absolute;width:50px}main.main-content-inside h3{color:#755293;padding-left:1.5em;background-image:url(../images/bullet.svg);background-repeat:no-repeat;background-position:0}.diagonal-header{height:160px;content:"";background:url(../images/pattern.png),#3b76ba;background:url(../images/pattern.png),-webkit-gradient(linear,left top,left bottom,from(#3b76ba),color-stop(130%,#7dd2d9));background:url(../images/pattern.png),-webkit-linear-gradient(top,#3b76ba 0,#7dd2d9 130%);background:url(../images/pattern.png),linear-gradient(to bottom,#3b76ba 0,#7dd2d9 130%);-webkit-transform:skewY(1.5deg);-ms-transform:skewY(1.5deg);transform:skewY(1.5deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}@media (max-width:768px){.diagonal-header{height:130px}}table[role=presentation] img{margin:0}.tituloTabla{font-weight:700}.view-presentaciones .views-field-field-certificado,.view-presentaciones .views-field-field-ppt{text-align:center}.sumate-bloque{margin-bottom:50px}.sumate-bloque .row .col-md-6{padding:50px;border:1px solid #ccc;margin-top:125px;margin-left:10px;margin-right:10px;border-radius:10px}.sumate-bloque .row .col-md-6:hover{-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,.2);box-shadow:0 3px 5px 0 rgba(0,0,0,.2)}.sumate-bloque .row .col-md-6 img{width:350px;margin:0 auto;margin-top:-225px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sumate-bloque .row .col-md-6 h2{margin-top:0}.sumate-bloque .row .col-md-6 ul{margin-bottom:40px}@media (min-width:992px){.sumate-bloque .row .col-md-6 .btn{width:100%}}@media (max-width:992px){.sumate-bloque .row .col-md-6{margin-top:0;margin-left:50px;padding-left:100px;position:relative}.sumate-bloque .row .col-md-6 img{position:absolute;width:200px;margin:auto;left:-100px;top:-20px}.sumate-bloque .row .col-md-6:not(first-child){margin-top:20px}}@media (min-width:992px){.sumate-bloque .row{display:-webkit-box;display:-ms-flexbox;display:flex}.sumate-bloque .row .col-md-6{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sumate-bloque .row .col-md-6 .btn{-ms-flex-item-align:end;align-self:flex-end}.sumate-bloque .row .col-md-6 .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.webform-confirmation__message{text-align:center}.webform-confirmation__message p{margin-bottom:10px}.webform-confirmation__message img{width:300px;margin-top:-50px;margin-bottom:-30px}.webform-confirmation__message .btn{margin-top:20px}.webform-svg{background-color:red}#views-bootstrap-miembros-block-1 .row{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}#views-bootstrap-miembros-block-1 div.col{margin-bottom:40px;text-align:center}#views-bootstrap-miembros-block-1 div.col a img{margin:0 auto;border:1px solid #ccc;border-radius:100px;-webkit-box-shadow:0 0 0 0 #ccc;box-shadow:0 0 0 0 #ccc}#views-bootstrap-miembros-block-1 div.col a:focus img,#views-bootstrap-miembros-block-1 div.col a:hover img{border:1px solid #2e2f30;-webkit-box-shadow:0 3px 0 0 #ccc;box-shadow:0 3px 0 0 #ccc}@media (max-width:460px){#views-bootstrap-miembros-block-1 div.col img{max-width:80px}}#views-bootstrap-miembros-block-1 div.col div.views-field-title{padding:10px}.view-faq .panel,.view-glosario .panel{border:0;-webkit-box-shadow:none;box-shadow:none}.view-faq .panel .panel-heading,.view-glosario .panel .panel-heading{padding:0;margin:0;background:0 0}.view-faq .panel .panel-heading .panel-title,.view-glosario .panel .panel-heading .panel-title{font-size:1em;padding:0;margin:0}.view-faq .panel .panel-heading .panel-title a,.view-glosario .panel .panel-heading .panel-title a{display:block;width:100%;padding:10px 15px;border-bottom:1px solid #0094d4;color:#0094d4;position:relative}.view-faq .panel .panel-heading .panel-title a:focus,.view-faq .panel .panel-heading .panel-title a:hover,.view-glosario .panel .panel-heading .panel-title a:focus,.view-glosario .panel .panel-heading .panel-title a:hover{color:#0094d4;border-bottom-color:#0094d4;text-decoration:none}.view-faq .panel .panel-heading .panel-title a .fa-chevron-down,.view-glosario .panel .panel-heading .panel-title a .fa-chevron-down{position:absolute;right:15px;top:15px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .2s ease;transition:all .2s ease}.view-faq .panel .panel-heading .panel-title a.collapsed,.view-glosario .panel .panel-heading .panel-title a.collapsed{color:#333;border-bottom-color:#f5f5f5}.view-faq .panel .panel-heading .panel-title a.collapsed:focus,.view-faq .panel .panel-heading .panel-title a.collapsed:hover,.view-glosario .panel .panel-heading .panel-title a.collapsed:focus,.view-glosario .panel .panel-heading .panel-title a.collapsed:hover{color:#0094d4;border-bottom-color:#0094d4;text-decoration:none}.view-faq .panel .panel-heading .panel-title a.collapsed .fa-chevron-down,.view-glosario .panel .panel-heading .panel-title a.collapsed .fa-chevron-down{position:absolute;right:15px;top:15px;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:all .2s ease;transition:all .2s ease}.view-faq .panel .panel-heading+.panel-collapse>.panel-body,.view-glosario .panel .panel-heading+.panel-collapse>.panel-body{border:1px solid #0094d4;border-top:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.view-eventos .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap}.view-eventos .evento{margin-bottom:20px}.view-eventos .evento .contentWrapper{border:1px solid #ccc;border-radius:4px}.view-eventos .evento img{-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.view-eventos .evento img:hover{opacity:.85}.view-eventos .evento h2{font-size:1.1em;margin:10px}.view-eventos .evento h2:after{content:none}.view-eventos .evento .views-field-field-fecha-fin{background:#0094d4;color:#fff;padding:4px;text-align:center}.view-eventos .evento-pasado .evento img{-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.85;-webkit-transition:-webkit-filter .5s ease;transition:-webkit-filter .5s ease;transition:filter .5s ease;transition:filter .5s ease,-webkit-filter .5s ease}.view-eventos .evento-pasado .evento img:hover{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.view-eventos .evento-pasado .evento .views-field-field-fecha-fin{background:#2e2f30}.view-eventos .evento-pasado .evento h2 a{color:#2e2f30}.topnav{position:relative;z-index:1050;padding-top:15px}.topnav .menu{float:right}.topnav ul>li{float:left!important}.topnav ul>li a{font-size:.65em;padding:0;margin-right:10px;color:#fff;text-decoration:underline}.topnav ul>li a:focus,.topnav ul>li a:hover{background:0 0;text-decoration:none}.topnav ul>li a:after{content:'|';margin-left:10px}.topnav ul>li:last-child a{margin-right:0}.topnav ul>li:last-child a:after{content:'';margin-right:0} \ No newline at end of file diff --git a/templates/system/page--front.html.twig b/templates/system/page--front.html.twig index 5ff547c7e4acd87d03664df3c5bb345c133c789f..7b2cbbc77037d2be0745ca166f145edfdb9a1534 100644 --- a/templates/system/page--front.html.twig +++ b/templates/system/page--front.html.twig @@ -58,6 +58,7 @@ #} {% set container = theme.settings.fluid_container ? 'container-fluid' : 'container' %} + {# Navbar #} {% if page.navigation or page.navigation_collapsible %} {% block navbar %} @@ -66,7 +67,7 @@ <div class="container"> {% endif %} <div class="navbar-header"> - {{ page.navigation }} + {{ page.navigation }} {# .btn-navbar is used as the toggle for collapsed navbar content #} {% if page.navigation_collapsible %} <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"> @@ -91,6 +92,19 @@ {% endblock %} {% endif %} +{# topnav #} +{% if page.topnav %} + <div class="topnav"> + <div class="container"> + <div class="row"> + {% block topnav %} + {{ page.topnav }} + {% endblock %} + </div> + </div> + </div> +{% endif %} + {# Hero #} {% if page.hero %} <div id="hero" class="hero"> diff --git a/templates/system/page.html.twig b/templates/system/page.html.twig index 1c386f9c1b9a7e60cd4c9837f178f6af7f81566a..bd0bb086896ab05f973a9b7d0818063b385f6579 100644 --- a/templates/system/page.html.twig +++ b/templates/system/page.html.twig @@ -58,6 +58,7 @@ #} {% set container = theme.settings.fluid_container ? 'container-fluid' : 'container' %} + {# Navbar #} {% if page.navigation or page.navigation_collapsible %} {% block navbar %}