@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=latin-ext');* {margin:0;padding:0;box-sizing:border-box;}ul,ol {list-style:none}select {line-height:32px !important;}html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }body {margin: 0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}audio,canvas,progress,video {display: inline-block; vertical-align: baseline; }audio:not([controls]) {display: none;height: 0;}[hidden],template {display: none;}a {background-color: transparent;}a:active,a:hover {outline: 0;}abbr[title] {border-bottom: 1px dotted;}b,strong {font-weight: bold;}dfn {font-style: italic;}h1 {font-size: 2em;margin: 0.67em 0;}mark {background: #ff0;color: #000;}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}img {border: 0;}svg:not(:root) {overflow: hidden;}figure {margin: 1em 40px;}hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}pre {overflow: auto;}code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}button,input,optgroup,select,textarea {color: inherit; font: inherit; margin: 0; }button {overflow: visible;}button,select {text-transform: none;}button,html input[type="button"], input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer; }button[disabled],html input[disabled] {cursor: default;}button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}input {line-height: normal;}input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0; }input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0; padding: 0; }textarea {overflow: auto;}optgroup {font-weight: bold;}table {border-collapse: collapse;border-spacing: 0;}td,th {padding: 0;}.cf:before, .cf:after {content:"";display:table}.cf:after {clear:both}.cf {zoom:1;width:100%}body,html {margin:0px;font-family: 'Roboto', sans-serif;font-weight: 400; }body,html {overflow-x:hidden; overflow-y:auto;background-color:#000; }strong, b, .bold {font-weight: 700;}.semibold {font-weight:500;}i, em {font-style:oblique;}h1,h2,h3,h4,h5,h6 {}.pull-right {float:right;}.pull-left{float:left;}.text-center {text-align:center;}.text-right {text-align:right;}.text-left {text-align:left;}.centrat {display:block;margin-left:auto !important; margin-right:auto !important;}.inline {display:inline;}.inline-block {display:inline-block;}.block {display:block;}.nowrap {white-space:nowrap;}.nomargin {margin:0 !important;}.small, small {font-size:.8em;}.big, big {font-size:1.4em;vertical-align:middle;}.text-clar {color:#999;}.text-fosc {color:#666;}.fons-fosc {background-color:#666;}.fons-clar {background-color:#999;}.noselect {-webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none; }a {color:#bbb;text-decoration:none;}a:hover {color:#eee;}.imgfront {position:relative;width:100%;z-index:1;filter:grayscale(65%) ;transition:filter .5s;}.blur {-webkit-filter: blur(5px); filter: blur(5px);transition: filter 1s; }.noblur {-webkit-filter: blur(0px); filter: blur(0);transition: filter 1s;}.centerhw {display:inline-block;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%)} input,textarea {width:100%;margin-top:1em;padding:.8em .6em;display:block;border-radius:2px; border:1px #eee solid;outline:none;background:#f8f8ff;color:#323232;}textarea {resize:none;height:6em;}button {border:none;width:auto;padding: .8em 1.5em; font-weight:bold;background: $gris;color:#fff;margin-top:0em;outline:none; cursor:pointer;transition:background-color .3s, color .3s; }button:hover {color:#323232;background: $verd;transition:background-color .3s, color .3s; }::-webkit-input-placeholder { color: #aaa;}::-moz-placeholder { color: #bbb;opacity:1;}:-ms-input-placeholder { color: #bbb;}:-moz-placeholder { color: #bbb;}:placeholder {color: #aaa;}.itemGal>a {position:relative;display:block;width:100%;height:100%;box-shadow:none;}.itemGal img {width:100%;height:auto;display:block;}#dret, #esq {opacity:.15;transition: opacity .3s;}#dret:hover, #esq:hover {opacity:.75;transition: opacity .3s;}@media only screen and (min-width: 0px) {.titPag {position:static;padding-bottom:0;}.titPag>h2 {font-size:inherit;font-weight:500;}h1 {font-size:20px;padding:.5em .5em .5em .5em;}.subtit {margin-top:-6px;}.titPag {margin-top:.5em;}.itemGal {width:50%;}.galeria h3 {font-size: 1em;}}@media only screen and (min-width: 365px) {h1 {font-size:20px;}}@media only screen and (min-width: 440px) {.galeria h3 {font-size: 1.35em;}}@media only screen and (min-width: 700px) {}@media only screen and (min-width: 980px) { .itemGal {width:33.3333333%;}}@media only screen and (min-width: 1024px) {h1 {font-size:25px;}.itemGal>a {position:relative;display:block;width:100%;height:100%;box-shadow:none;transition: filter .3s, box-shadow .3s, transform .3s;}.itemGal img {width:100%;height:auto;display:block;}.itemGal {filter:blur(0) brightness(100%);box-shadow:none;transform: escale(0,0);transition: filter .3s, box-shadow .3s, transform .3s;z-index:1;}.itemGal:hover >a {box-shadow:0 0 25px #000; transform: rotate(0deg) !important;transition: transform .3s, box-shadow .3s;}.itemGal:hover {z-index:2;transform: scale(1.2, 1.2);transition: transform .3s, box-shadow .3s;}.itemGal.galeria:hover {z-index:2;transform: scale(1.1, 1.1);transition: transform .3s, box-shadow .3s;}.enfosquir {filter:blur(2px) brightness(60%);transition: filter .3s, transform .3s, box-shadow .3s;}.galeria h3 {font-size: 1.5em;}}@media only screen and (min-width: 1500px) { .galeria h3 {font-size: 2em;}}@media only screen and (min-width: 1920px) { .itemGal {width:25%;}}@media only screen and (min-width: 2500px) { .itemGal {width:20%;}}@media screen and (orientation:portrait) { #proj1, #proj2 {background-size:cover;}}@media screen and (orientation:landscape) {#proj1, #proj2 {background-size:contain;}}