@font-face {
    font-family: 'FuturaStdBold';
    src: url('../fonts/futurastd-bold-webfont.eot');
    src: url('../fonts/futurastd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futurastd-bold-webfont.woff') format('woff'),
         url('../fonts/futurastd-bold-webfont.ttf') format('truetype'),
         url('../fonts/futurastd-bold-webfont.svg#FuturaStdBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueLTStdRegular';
    src: url('helveticaneueltstd-roman-webfont.eot');
    src: url('helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-roman-webfont.woff') format('woff'),
         url('helveticaneueltstd-roman-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-roman-webfont.svg#HelveticaNeueLTStdRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none;}
[hidden] {display:none;}

html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
html, button, input, select, textarea {font-family:'Helvetica Neue', 'HelveticaNeueLTStdRegular', sans-serif; color:#404040;}
body {margin:0; padding:60px 0; font-size:13px; letter-spacing:1px; word-spacing:1px; line-height:1.4;}

a {color:#404040; text-decoration:none;}
a:visited {color:#404040;}
a:hover {color:#404040; text-decoration:underline;}
a:focus {outline:thin dotted;}
a:hover, a:active {outline:0;}
abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:bold;}
blockquote {margin:1em 40px;}
dfn {font-style:italic;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
ins {background:#ff9; color:#404040; text-decoration:none;}
mark {background:#ff0; color:#404040; font-style:italic; font-weight:bold;}
pre, code, kbd, samp {font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em;}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word;}

q {quotes:none;}
q:before, q:after {content:""; content:none;}
small {font-size:85%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}

ul, ol {margin:1em 0; padding:0 0 0 40px;}
dd {margin:0 0 0 40px;}
nav ul, nav ol {list-style:none; list-style-image:none; margin:0; padding:0;}

img {border:0; -ms-interpolation-mode:bicubic; vertical-align:middle;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}

form {margin:0;}
fieldset {border:0; margin:0; padding:0;}

label {cursor:pointer;}
legend {border:0; *margin-left:-7px; padding:0; white-space:normal;}
button, input, select, textarea {font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;}
button, input {line-height:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer; -webkit-appearance:button; *overflow:visible;}
button[disabled], input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0; *width:13px; *height:13px;}
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-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top; resize:vertical;}
input:valid, textarea:valid { }
input:invalid, textarea:invalid {background-color:#f0dddd;}

table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

.chromeframe {margin:0.2em 0; background:#ccc; color:#404040; padding:0.2em 0;}

header {width:calc(100% - 60px); padding:20px 30px 10px; background:white; position:fixed; top:0; z-index:1000;}
header nav {width: 100%!important; height:30px; position:relative;}
header nav ul {display: flex; width: 100%!important; justify-content: space-between;}
header nav ul li {margin:0 0 0 0; font-size:16px; text-decoration:none; position: relative;}
header nav ul li:nth-child(1) a {margin-top:-2px; font-family:'Futura LT Bold', 'FuturaStdBold', sans-serif; font-size:20px; font-weight:bold; color:#404040; text-transform:lowercase;}
header nav ul li a {font-size:16px; text-decoration:none; position:relative; z-index:1000;}
header nav ul li a:hover {text-decoration:underline;}
header nav ul li ul {display:none;}
header nav ul li:hover ul {display:block; width:102px; height:68px; margin:0; padding:20px 0 0 52px; position:absolute; top:0; left:0; float:none;}
header nav ul li ul li {display:block; width:300px; margin: 0; position:static; clear:both; float:none;}
header nav ul li ul li a {margin-top:0!important; background:white; font-family:'Helvetica Neue', 'HelveticaNeueLTStdRegular', sans-serif!important; font-size:13px!important; font-weight:normal!important; color:#404040!important; text-transform:none!important;}

#main {padding:0 30px;}

.portfolio {width:1160px; margin:40px 0 0;}
.portfolio article {margin:0 0 20px; overflow:hidden;}
.portfolio article figure.slideshow {width:600px; height:400px; margin-right: 30px; float:left;}
.portfolio article .left {width:600px; height:400px; margin-right: 30px; float:left;}
.portfolio article .left figure.slideshow {float: none;}
.portfolio article figure.gallery_big img {max-width: 80%; margin-top: 20px;}
.portfolio article figure.slideshow a img { width:600px; margin:0; float:none;}
.portfolio article figure.slideshow a {display:none;}
.portfolio article figure.slideshow a:first-child {display:block;}
.portfolio article figure.slideshow_big img {width:auto; margin:0; float:none;}
.portfolio article .info {display: none; width:155px; height:227px; margin:0 20px; padding-top:20px; position:relative; float:left;}
.portfolio article .info h2 {font-size:13px; font-weight:normal; margin:0;}
.portfolio article .info nav {position:absolute; bottom:10px;}
.portfolio article .info nav ul li a {color:#404040;}
.portfolio article .text h1 {font-size:13px; font-weight:bold; margin:0;}
.portfolio article .text {width:400px; color:#404040; float:left;}
.portfolio article .text p:first-child {margin-top:0;}
.portfolio article .text .readmore {font-size:11px; color:#404040;}
.portfolio article aside {width:155px; margin:0; padding-top:20px;}
.portfolio article aside h1 {font-size:11px; margin:0 0 10px;}
.portfolio article aside p {margin:0;}
.portfolio article aside p a {text-decoration:none!important;}
.portfolio article aside p a * {text-decoration:none!important;}
.portfolio article aside p a:hover {text-decoration:underline!important;}

.portfolio-categories {display: flex; margin-top: 20px; justify-content: space-between;}

.portfolio-wrapper {display: flex; width: auto; margin: 30px -10px 0; flex-flow: row wrap;}
.project {width: calc(33.33% - 20px); margin: 0 10px 30px;}
.project .main-img {width: 100%; padding-bottom: 60%; background-position: center; background-size: cover;}
.project:hover .main-img {opacity: 0.7;}
.project h2 {margin: 10px 0 0; font-size: 13px; font-weight: bold;}


.projectimg {margin:40px 0 0;}
.projectimg img {width:100%; max-width:1100px;}

.sobre article {width:500px; padding:40px 0; color:#404040; overflow: hidden;}
.sobre article h1 {font-size:13px; font-weight:bold; color:#404040; margin:0 0 10px;}
.sobre article h2 {font-size:13px; font-weight:normal; color:#404040; margin:0;}
.sobre article p:first-child {margin-top:0;}
.sobre .box {width: 277px; margin-right: 30px; float: left;}
.sobre .box:last-child {margin-right: 0;}


.contactos {margin:40px 0; color:#404040; overflow:hidden;}
.contactos h1 {font-size:13px; font-weight:bold; color:#404040;}
.contactos a {color:#404040;}

.home ul {padding:40px 0; list-style:none;}
.home ul li {margin:0 30px 30px 0; float:left;}
.tooltip {display:none;}
.postit {width:200px; background-color:#FDFFC3; -webkit-box-shadow:3px 3px 7px rgba(0, 0, 0, 0.25); -moz-box-shadow:3px 3px 7px rgba(0, 0, 0, 0.25); -o-box-shadow:3px 3px 7px rgba(0, 0, 0, 0.25); box-shadow:3px 3px 7px rgba(0, 0, 0, 0.25); padding:18px 25px 25px;}
.postit_text h1 {margin-top:0; font-size:12px; text-align:center; text-transform:uppercase; font-weight:normal; font-family:'Courier New', Courier; line-height:14px;}
.postit_text p {font-family:'Courier New', Courier; font-size:12px; line-height:14px; border-bottom:1px solid #696969; border-top:1px solid #696969; color:#696969; padding:10px 0; margin-bottom:0;}

#tooltip {width:300px; position:absolute; z-index:3000; background-color:#FFF; padding:20px; opacity:0.85;}
#tooltip h1 {font-size:13px; font-weight:bold; color:#404040; margin:0 0 10px;}
#tooltip p {margin:0; color:#404040;}

footer {width:100%; background:white; position:fixed; bottom:0; left:0; z-index:1000;}
footer span {margin:20px 30px; font-size:16px;}


.embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; visibility: visible!important;}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: visible!important;}

.slider-checkbox input:checked + .label:before, .slider-checkbox .label:before {content: '';}


@media only screen and (min-width:35em) {
  

}

.ir {display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0;}
.ir br {display:none;}
.hidden {display:none !important; visibility:hidden;}
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}

@media print {
  * {background:transparent !important; color:#404040 !important; box-shadow:none !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important;} 
  a, a:visited {text-decoration:underline;}
  a[href]:after {content:" (" attr(href) ")";}
  abbr[title]:after {content:" (" attr(title) ")";}
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:"";} 
  pre, blockquote {border:1px solid #999; page-break-inside:avoid;}
  thead {display:table-header-group;} 
  tr, img {page-break-inside:avoid;}
  img {max-width:100% !important;}
  @page {margin:0.5cm;}
  p, h2, h3 {orphans:3; widows:3;}
  h2, h3 {page-break-after:avoid;}
}