/* CSS Document */
/*tipos*/


/*RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
/*recursos*/
.inline-list {
  margin: 0 auto 0.94444rem auto;
  margin-left: -1.22222rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.22222rem;
    display: block; }
    .inline-list > li > * {
      display: block; }

.clippingpage {
  background: #fff;
/*  width: 250px;*/
/*
    width:30%;
    margin-right:3%;
*/
/*  height: 550px!important;*/
/*  margin: 50px;*/
 /* Optional Gradient */
  background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
  background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.clippingpage img{
    max-width: 225px;
}
.clippinglist{
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
        flex-direction: row;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.clippinglist li{
	-webkit-box-flex: 0;-ms-flex: 0 1 50%;flex: 0 1 50%;
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
        justify-content: space-between;
}


@media all and (min-width:768px){
	.clippinglist li{
		-webkit-box-flex: 0;-ms-flex: 0 1 33.3%;flex: 0 1 33.3%;
	}
}
.clippinglist strong{
    display:block;margin-top:2em;
    color:rgba(0,0,0,.5);
}
.clippinglist strong em{
color:black;
}
.foldl,
.clippinglist .clippingpage.web {
  position: relative;
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
  box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
  background-color: white;
}
.clippinglist .clippingpage.web {
	background-image: none;
	text-align: center;
}
.clippinglist .clippingpage.web:hover {
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
  box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
}
.foldl img,
.clippinglist .clippingpage.web img {
	margin: 0 auto;
}

.foldl:before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 0px;
  height: 0px;
  border-bottom: 70px solid #eee;
  border-left: 70px solid #fff; /*Set to background color, not transparent!*/
  -webkit-box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
  -moz-box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
  box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
}

/**/
.flex-video {
  position: relative;
  padding-top: 1.38889rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 0.88889rem;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 56.34%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.doscolumnas {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
ul.creditos li{
    margin-bottom:.3em;
margin-bottom: 0.3rem;
}

div.credits.cols-2,
div.credits.cols-3{
	column-gap:20px;
}
div.credits.cols-2{
	column-count:2;
	column-gap:20px;
}
div.credits.cols-3{
	column-count:3;
	
}
ul.clipping li img{
-webkit-box-shadow: 2px 2px 1px 1px #CCC;
box-shadow: 2px 2px 1px 1px #CCC;
}

.magellan-container {
    border-bottom:1px solid black;
        margin-bottom:2em;
}
.magellan-container .sub-nav{
max-width:741px;

    padding-bottom:1em;

}
.magellan-container .sub-nav dd a{
/*    padding-left:0;*/
}
.aiguablava ul.breadcrumbs{ margin-bottom:0;}
/*PORTRAIT*/
figure.portrait{
position:relative;
}
figure figcaption{
	    font-size: 12px;
    line-height: 1.4em;
    color: #333;
    margin-bottom: 2em;
    margin-top: .5em;

}
.portrait figcaption{
    position:absolute;
    bottom:1em; right:1em;
    background:rgba(256,256,256,.4);
    padding:.5em;
    font-size:.9em;line-height:1em;color:#333;

}
ol.wavepoints{
list-style-type: decimal-leading-zero;
    list-style-position: outside;
}



/* Tabs ---------------------- */
.tabs { list-style: none; border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; }
.tabs.contained { margin-bottom: 0; margin-left: 0; }
.tabs dt, .tabs li.section-title { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; font-weight: normal; width: auto; text-transform: uppercase; }
.tabs dt:first-child, .tabs li.section-title:first-child { padding: 0; padding-right: 9px; }
.tabs dd, .tabs li { display: block; float: left; padding: 0; margin: 0; }
.tabs dd a, .tabs li a { color: #6f6f6f; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0px 23.8px; }
.tabs dd a:focus, .tabs li a:focus { font-weight: bold; color: #2ba6cb; }
.tabs dd.active, .tabs li.active { border-top: 3px solid #2ba6cb; margin-top: -3px; }
.tabs dd.active a, .tabs li.active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-weight: bold; }
.tabs dd:first-child, .tabs li:first-child { margin-left: 0; }
.tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; }
.tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li { float: none; height: auto; }
.tabs.vertical dd, .tabs.vertical li { border-left: 3px solid #cccccc; }
.tabs.vertical dd a, .tabs.vertical li a { background: #f2f2f2; border: none; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.tabs.vertical dd.active, .tabs.vertical li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; }
.tabs.vertical dd.active a, .tabs.vertical li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
.tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active { margin: 0; }
.tabs.pill { border-bottom: none; margin-bottom: 10px; }
.tabs.pill dd, .tabs.pill li { margin-right: 10px; }
.tabs.pill dd:last-child, .tabs.pill li:last-child { margin-right: 0; }
.tabs.pill dd a, .tabs.pill li a { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; background: #e6e6e6; height: 26px; line-height: 26px; color: #666; }
.tabs.pill dd.active, .tabs.pill li.active { border: none; margin-top: 0; }
.tabs.pill dd.active a, .tabs.pill li.active a { background-color: #2ba6cb; border: none; color: #fff; }
.tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0; }
.tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li { margin-right: 0; }
.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a { padding: 0 17px; text-align: center; overflow: hidden; }
.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li { width: 50%; }
.tabs.three-up dt, .tabs.three-up dd, .tabs.three-up li { width: 33.33%; }
.tabs.four-up dt, .tabs.four-up dd, .tabs.four-up li { width: 25%; }
.tabs.five-up dt, .tabs.five-up dd, .tabs.five-up li { width: 20%; }
ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; }
ul.tabs-content > li { display: none; }
ul.tabs-content > li.active { display: block; }
ul.tabs-content.contained { padding: 0; }
ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; }
ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }
.no-js ul.tabs-content > li { display: block; }


.orbit-container .orbit-slides-container > * .orbit-caption {
background:white; color:black; opacity:1;-moz-opacity: 1;
    border-bottom:1px dotted grey;
}

.orbit-bullets li {
    border:1px solid #333333!important;
    background:transparent!important;
}
.orbit-bullets li.active { background:black!important;}
#goup{
	position:fixed;
	bottom:3em;right:3em;
	border:1px solid black;

}
.orbit-container .orbit-slides-container > li{
	height: 120vw;
	background: rgba(0,0,0,.5);
	
}
@media all and (min-width:768px){
	.orbit-container .orbit-slides-container > li{
		height: 600px;
	}
}
.orbit-container .orbit-slides-container > li img{
	max-height: 100%;
	width: auto;
	top:50%;
	left: 50%;
	position: relative;
	-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
	
	
}
#goup a{ padding: 1em;display:block;}

body {
	line-height: 1;
}
ul li em{font-weight:bold;}
ul.sombreado li img{
-webkit-box-shadow: 3px 3px 3px 0px #666;
box-shadow: 3px 3px 3px 0px #666;
    margin-bottom:1em;
}
.hidden{
display:none;
}
header[role="main-header"]{
	padding-left:.7rem;
	font-size:2rem;
    position: fixed;
    z-index: 1;
    background: white;
    width: 100%;
    padding: 10px 0;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,.1);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,.1);
	top: 0;
	left: 0;
}
header[role="main-header"] h1,
header[role="main-header"] .h1{
	margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .1em;
    padding: 10px;
    
}
header[role="main-header"] .container{
	width: 100%;
	margin: 0 auto;
}
.rightarea{
	padding-bottom:4rem;
}
ol, ul, .textarea ul.clearing-thumbs{
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* styles for ruiz-geli.com */

body{
font-family:Arial,sans-serif;
color:black;
font-size:75%; /*12px*/


}
body:not(.rg2019),
body.rg2019 main{
	padding-top:3em;
}
body.rg2019{
	padding-top:0;
}
body.rg2019 main{
	margin-top: 60px;
}
h1, h2, h3, h4,dt{
font-weight:bold;
margin-bottom: 1em;
}
dt{ margin-top:1.3em;}
h3#enric-ruiz-geli{
margin:1em 0 0.5em;
}
h4{
font-weight:normal;text-transform:uppercase;
}
.pressrelease h4,  .pressrelease .panel.callout h4{
font-size:1.3em; line-height:1.3em;
    margin-bottom:2em;
    margin-top:1em;
}
.pressrelease h5{
text-decoration:none; font-weight:bold;

}
.pressrelease h5, .pressrelease .panel.callout h5{
    line-height:1.3em;
}
h5{
text-decoration:underline;
}
.textarea strong{ font-weight:bold;}
ul, li, p,dd{
line-height:1.1rem;
}

ul,p{
margin-top:.4em;
    margin-bottom:1em;
}
p.pie-de-foto, caption.pie-de-foto{ font-size:.8em; color:grey;margin-top:1em;line-height:1.2em;}
li{
margin-bottom:.5rem;
}
ul.nobullets, .textarea ul.nobullets{ list-style-type:none;}
.textarea ul{
/*list-style-type:disc;*/
list-style-position:inside;
    margin-bottom:1.2em;
}

.textarea ul li{
/*padding-left:1em;*/
}
.textarea ul.bullets li:before,
ul.bullets li:before{
    content:"· ";
}
.textarea ul.no-bullet{
list-style-type:none;
list-style-position:outside;
}
ul.creditos img,
ul.creditos strong{ display:block; font-weight:bold;}
ul.creditos >li{ padding-bottom:1em; margin-bottom:1em;}
 ul.creditos li ul{margin:0;padding:0;}

ul.creditos li{
	padding-left: 1em;
}
ul.creditos li li{
	padding-left: .5em;
}
ul.creditos li li li{
	padding-left: .25em;
}
::selection,li::selection,p::selection,h1::selection,h2::selection,h3::selection{
	background-color: black;
	color:white;
}

.projectcredits ul>li>strong{
font-weight:bold;
}
.projectcredits ul>li>ul>li>strong{
font-weight:normal;
}

.creditszone h6{
font-weight:bold;
    margin-top:1em;
    margin-bottom:.4em;
}
h5{margin-bottom:1.2em;}
.creditszone h5{
margin-bottom:1em;
}
.creditszone > ul{
	column-count: 2;
}
.creditszone ul > li{
margin:0;padding:0;
}
.creditszone ul li ul{ margin:0;}

.creditszone li strong{
font-weight:normal;
    text-transform: uppercase;
    display:block;
    margin-top:1em;
}

.creditszone > ul > li > strong{
-webkit-column-break-after: avoid;-moz-column-break-after: avoid;break-after: avoid;
}
.creditszone ul ul,
.creditszone > ul > li{
	
-webkit-column-break-inside:avoid;
-moz-column-break-inside:avoid;
-o-column-break-inside:avoid;
-ms-column-break-inside:avoid;
column-break-inside:avoid;
}
.textarea ul.no-bullet i{ margin-right:5px;}
.textarea ul.no-bullet a{ color:black;}
#enric-ruiz-geli{ font-weight:bold; }
a{ color:black;}
.textarea a, .breadcrumbs a{
color:#000099;
}
.textarea a:hover{
text-decoration:underline;
}
nav[role="main-navigation"]{

}
nav h4{ margin:2em 0 .5em; font-weight:bold;}
#main-menu{
padding-top: 1rem;
}

nav[role="main-navigation"] ul{
display:block;
margin:0 0 1em 0;
}
nav[role="main-navigation"] ul ul{
display:block;
margin:0 0 0 1em;
}

nav[role="main-navigation"] ul li{
margin:0;padding:0;
}

nav[role="main-navigation"] ul li{
margin-bottom:0.05667rem; /*2px*/

}
nav[role="main-navigation"] ul li:before{
content:"";

}
nav[role="main-navigation"] a{
padding: 0.08667rem 0 0.08667rem 0 ; /*2px*/
display:block;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

nav[role="main-navigation"] a:hover, nav[role="main-navigation"] .active{
background-color:black;
color:white;
font-weight:bold;
padding-left:.5em;
}

footer[role="main-footer"], footer[role="content-footer"]{
margin-top:2rem;
padding-top:1rem;
}
footer[role="main-footer"]{
	border-top:1px solid black;
}
footer[role="main-footer"] nav{
	text-transform: uppercase;
	font-weight: bold;
}
/*FOOTER */
ul.lista-logos{

}

ul.lista-logos li a{
    display:block;
    min-height:85px;
padding-top:65px;
    background-position: center top;
    background-repeat:no-repeat;
/*
    -webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

filter: grayscale(100%);
*/
}
ul.lista-logos li a span{
border-top:1px dashed black;
    padding-top:1em; margin-top:1em;
    display:block;
}

li.logo-elbulli a{
background-image: url(img/logos/elBulliFoundation.gif);
    width:147px;
}
li.logo-FOET a{
background-image: url(img/logos/FOET.gif);
    width:280px;
}
li.logo-IAAC a{
background-image: url(img/logos/IAAC.gif);
    width:98px;
}
li.logo-autodesk a{
background-image: url(img/logos/Autodesk.gif);
    width:120px;
}
li.logo-tecnalia a{
    background-image: url(img/logos/tecnalia2.gif);
    width:212px;
}
a.logo-moma{
background:url(img/logos/moma.gif) -7px 0 no-repeat;
    display:block;
    padding-top:65px;
}

.linesbelow {
	padding-bottom: 0.4167rem; /*5px*/
	margin-bottom: 2rem; /*5px*/
	border-bottom:1px solid black;
}
.linesabove, .linesabovegeneva {
	padding-bottom: 0.08333rem; /*1px;*/
	margin: 0.08333rem; /*1px;*/
	border-top:1px solid #999999;
}
.linesabovegeneva {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.083rem; /*13px*/
}
#home-nav{ padding: 2em 0 3em;}

#home-nav .tabs.pill dd.active a{
background-color:black; }

#home-nav .tabs.pill dd a{ border-radius:0; font-size:1em;}

.home .small-block-grid-1.medium-block-grid-2 li{
padding:1em; border-right:1px solid #CDCDCD;margin-bottom:2em;
}
/*
.blackbackgroundlittle {
	background-color: #CCCCCC;
}
.alignedup {
	top: inherit;
	right: inherit;
	clip: rect(auto,auto,auto,auto);
}
.erg-boldbig {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	background-color: #000000;
	color: #FFFFFF;
}
.ergwhite {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
}
.elbulli-boldCopy {
	font-family: Arial;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
}
.elbulli-boldazul {
	font-family: Arial;
	font-size: 22px;
	font-weight: bold;
	color: #00C;
}
*/
/*ORBIT*/
.orbit-container .orbit-slides-container > * .orbit-caption {

    padding: 0.225rem 0.475rem;
    font-size: 0.675rem;
}
.orbit-caption,figcaption{
	 padding: 0.225rem 0.475rem;
}
.orbit-container .orbit-slides-container img {
    padding-bottom: 2em;
}
/*SECTIONS*/
section.competition, section.news{
padding: 1rem 0 0 0;
border-bottom:1px dotted grey;
border-top:1px dotted grey;
}
section.cooperation{
padding: 1rem 0 0 0;
border-bottom:1px dotted grey;
}
section.cooperation .columns{
padding: 0;
}
.videos{
padding-bottom:2rem;margin-bottom:1rem;display:block;
}
.news .new{ margin-bottom:2em; padding-bottom:1em; }

#lista-newsletters .has-tip{
cursor:pointer;
    color:#009;font-weight:normal;
}
.tooltip{
/*
background:white;
    border:1px solid black;
*/
    padding:0;
}
.tooltip > .nub {

}
.breadcrumbs{
background-color: transparent;
border:none
}

#cartell-loader {
    overflow: hidden;
    position: relative;
}
/* pool */

ul.pool-logos li{ padding-left: 160px; background-image:url(media/03-cloud9pool/logos.gif); background-repeat: no-repeat; display:block; height:80px; float:left; width:32%;margin-right:1%;margin-bottom:3em; outline:1px solid grey;padding:1em; position:relative; }
ul.labs-logos li{ background-image:url(css/logos/labs-logos2.gif);height:120px; }
ul.pool-logos li span{ display:none;}
span.claro{ color:grey;}
ul.pool-logos li:hover span{ width:100%;display:block; position:absolute;bottom:0;background:rgba(256,256,256,.8); padding-bottom:.5em;}
ul.pool-logos li:hover span span{ position:static;}

li.bafgc{ background-position: center 5px; }
li.bec{ background-position: center -70px; }
li.bures{ background-position: center -155px; }
li.diorama{ background-position: center -240px; }
li.cumella{ background-position: center -315px; }
.cometal{ background-position: center -395px; }
.cometal{ background-position: center -395px; }
.cricursa{ background-position: center -480px; }
.futura{ background-position: center -560px; }
.iguzzini{ background-position: center -645px; }
.lastra{ background-position: center -725px; }
.lunatus{ background-position: center -810px; }
.meefog{ background-position: center -893px; }
.stua{ background-position: center -970px; }
.pavindus{ background-position: center -1055px; }
.tecmolde{ background-position: 40px -1130px; }
.foiltec{ background-position: center -1220px; }
.pool-logos .tecnalia{ background-position: center -1365px; }
.acciona{ background-position: center -1445px; }
.monvaga{background-position: center -1566px;}
.soler{ background-position: center -1686px;}
.hp{ background-position: center -1806px;}


li.royaldanish{ background-position: center 0; }
li.angewandte{ background-position: center -120px; }
li.ie{ background-position: center -240px; }
li.mit{ background-position: center -360px; }
.labs-logos li.tecnalia{ background-position: center -480px; }
.artcenter{ background-position: center -600px; }
.bfi{ background-position: center -720px; }
.elbulli{ background-position: center -840px; }
.ku{ background-position: center -970px; }
.aa{ background-position: center -1090px; }
.rmit{ background-position: center -1210px; }
.aalto{ background-position: center -1330px; }
.fablab{background-position: center -1450px;}

/*ARCHITECTURE OF PARTICLES*/

	ol.tesis{
list-style-type:decimal;padding-left:12px;
}
ol.tesis ol{
list-style-type:lower-alpha;
margin-top:.5em;
}
ol.tesis ol li{
margin-bottom:0;
}

.figures figure{margin-bottom:2em;}
.figures figure img{ margin-bottom:0;}
.videoth a{
padding:1em;
    background:#333333;

}
.videoth, .imgth{
    margin-bottom:1em;
}
.videoth a img{ margin:0 auto;display:block;}
.videoth{ display:block; position:relative;}
.videoth a{  position: relative; display:block; }
.videoth a .btplay{
position: absolute; top:0;left:0; z-index:100;padding:1em;
width:100%;height:100%; background:url(css/images/video-play.png) center center no-repeat; }
.videoth p{

}
.videoth.yt {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoth.yt iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#pressroom-list li caption{ display:block;}

/**/
.lhp_giv_marker .label, .mapcategory .label span {

				color:#f0f0f0;

				padding:.5em 1em;
				border-radius:.3em;
			}
			.lhp_giv_popup .content {

				color:#d8d8d8;

				background:#000;
				border:solid 1px #282828;
				width:230px;
				padding:.5em 2em .5em .5em;
				margin:10px;
				border-radius:8px;
			}

.labelnature{ background:green;}
.labeltechnology{ background:orange;}
.labelenergy{ background:blue;}
.labelmobility{background:purple;}

.lhp_giv_popup .content ul{ margin-top:1em;}
.lhp_giv_popup .content ul, .lhp_giv_popup .content li{ padding:0;list-style-position: inside;}

#proyecto-ejecutivo ol{
list-style-type: decimal; margin-bottom:1em;
}
#proyecto-ejecutivo ol img, #proyecto-ejecutivo ol iframe, #proyecto-ejecutivo #videoth{ margin-top:1em;}

.topeh584  img{}
.textarea .contact-webs{ color:grey;font-size:1em;list-style-type:none;}

.contact-webs  li{margin:0;padding:0;}

.officecity{
	margin-top: 3em;
	margin-bottom: 2em;
}
.officecity h3{
	margin-bottom: 1em;
}
.flex-video.flex-map {
    padding-bottom: 30%;
}



/*MEDIA QUERIES*/
@media only screen and (min-width: 40em) {
	body:not(.rg2019) header[role="main-header"]{
		display:none;
	}
	header[role="main-header"] .container{
		max-width: 85vw;
	}
	.rg2019 main{
		position: relative;
	    z-index: 2;
	    background: white;
	    margin-bottom: 60px;
	}
	.rg2019 header[role="main-header"]{
		z-index: 3;

	}
	.home.rg2019 footer[role="main-footer"]{
		position: fixed;
	}
	.rg2019 footer[role="main-footer"]{
		width: 100%;
		bottom: 0;
		left: 0;
		z-index: 1;
		background-color: white;
	}
		.rg2019 main > .row > .large-3{
			padding-bottom: 120px;
		}
	
	
}
.rg2019 main > .row > .large-3{
transition:  all 1s ease-out;
}

@media all and (max-width: 767px){
	.rg2019 article.large-9{
		width: 100%;
	}
	.rg2019 main > .row > .large-3{
		position: fixed;
		width: auto;
		height: 100vh;
		overflow-y: scroll;
		left: 0;
		top: 0;
		padding-top:70px;
		background-color: white;
		transform: translateX(-100%);
		transition: all .6s ease-out;
	}
	body.menu-is-active.rg2019 main > .row > .large-3{
		transform: translateX(0);
	}
}

.orbit-container{
	margin: 15px 0;
}

/*
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
 font:inherit;
 display:inline-block;
 overflow:visible;
 margin:0;
 padding:10px 0 0;
 cursor:pointer;
 transition-timing-function:linear;
 transition-duration:.15s;
 transition-property:opacity,filter;
 text-transform:none;
 color:inherit;
 border:0;
 background-color:transparent
}
.hamburger.is-active:hover,
.hamburger:hover {
 opacity:.7
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
 background-color:black;
}
.hamburger-box {
 position:relative;
 display:inline-block;
 width:40px;
 height:24px
}
.hamburger-inner {
 top:50%;
 display:block;
 margin-top:-2px
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
 position:absolute;
 width:40px;
/*  height:4px; */
height: 2px;
 transition-timing-function:ease;
 transition-duration:.15s;
 transition-property:transform;
/*  border-radius:4px; */
 background-color:black
}
.hamburger-inner:after,
.hamburger-inner:before {
 display:block;
 content:""
}
.hamburger-inner:before {
 top:-7px
/* top:-5px; */
}
.hamburger-inner:after {
/* 	bottom: -5px; */
 bottom:-7px
}

.hamburger--squeeze .hamburger-inner {
 transition-timing-function:cubic-bezier(.55,.055,.675,.19);
 transition-duration:75ms
}
.hamburger--squeeze .hamburger-inner:before {
 transition:top 75ms ease .12s,opacity 75ms ease
}
.hamburger--squeeze .hamburger-inner:after {
 transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)
}
.hamburger--squeeze.is-active .hamburger-inner {
 transition-delay:.12s;
 transition-timing-function:cubic-bezier(.215,.61,.355,1);
 transform:rotate(45deg)
}
.hamburger--squeeze.is-active .hamburger-inner:before {
 top:0;
 transition:top 75ms ease,opacity 75ms ease .12s;
 opacity:0
}
.hamburger--squeeze.is-active .hamburger-inner:after {
 bottom:0;
 transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
 transform:rotate(-90deg)
}
.hamburger-label {
 font-weight:600;
 display:inline-block;
 margin-left:5px;
 vertical-align:middle;
 text-transform:uppercase
}
.hamburger-label-hidden {
 display:none
}
@media all and (min-width:1200px){
.lg-hidden{
	display: none;	
}
}
span.p,
em.p{
	display: block;
	margin-bottom: 1em;
}
em.p,
em.em{
	font-weight: normal;
	font-style: italic;
	
}