@charset "utf-8";
/*********** COLORS ***************
color #00acce
/************* GENERAL SETS *********************/
@font-face {
  font-family: 'Script';
  src: url('fonts/the_script.woff2') format('woff2'),
       url('fonts/the_script.woff') format('woff'),
       url('fonts/the_script.ttf')  format('truetype')
}
html {
    	min-height: 100%;
	}
body,#wrapper {
	position: relative;
	margin: 0;
	font-family: "Roboto", sans-serif;
	color:#666;
	font-size: 15px;
	line-height: 24px;
	font-weight: 300;
	background-color: #eaeaea;
	background-color: #eff9fa;
	height: 100%;
}
#wrapper {
	display: none;
}
html, body {
	width: 100%;
	height: 100%;
}
img{
	border:0;
}
ul,li{
	margin: 0;
}
li{
	;
	list-style: none;
	display: inline-block;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Oswald', sans-serif;
	font-weight: 200;
	text-transform: uppercase;
}
a,#operations{
	color:#888;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}
a, svg{
	transition: color 0.3s ease-in-out;
	transition: fill 0.3s ease-in-out;
	color:#00acce;
}
input,textarea{
	border:none;
	font-family: "Roboto", sans-serif;
	color:#777;
	font-size: 15px;
	font-style: italic;
	padding: 13px 5%;
	width:90%;
	border-radius:3px;
}
button,.button{
	cursor:pointer;
	margin-top: 30px;
	color: white;
/* 	border:1px solid #333; */
	border:none;
	padding:8px 13px;
	background:none;
	border:1px solid white;
	border-radius: 3px;
	width:auto;
	text-transform: uppercase;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.button._icon{
	padding:8px 10px;
	text-align: center;
	margin-right:2px;
}
.button._icon i{
	margin: 0;
}
button i.iright,.button i.iright{
	margin-left: 7px;
	margin-right: 0;
}
button.blue,.button.blue{
	border:1px solid #00acce;
	color: #00acce;
}

button.blue_mini,.button.blue_mini{
	border:1px solid #00acce;
	color: #00acce;
	padding:1px 13px;
}
button i, .button i{
	margin-right: 7px;
}
button:hover,.button:hover{
	background-color:#00acce;
	color:white;
	border-color: #00acce;
/* 	background-color: #333; */
	padding-left:28px;
	padding-right:28px;
}

.button._icon:hover{
	padding-left:18px;
	padding-right:18px;
}
.img_gallery{
	position: relative;
	width: 100%;
}
.img_gallery img{
	width:100%;
}
#disclaimer{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image: url(imgs/trans_b80_darker.png);
	background-repeat: repeat;
	z-index: 8000;
	text-align: center;
	padding-top:20%;
}
.button{
	position: relative;
	display: inline-block;
	max-width: 320px;
	margin: 15px auto;
}
.box_list{
	position: relative;
	width:100%;
}
.box_list li{
	position: relative;
	width:30%;
	height:60px;
	margin:1%;
	border-radius: 2px;
	text-align: left;
}
.box_list li.full_li{
	display: block;
	width:100%;
}
.people .box_list li.full_li{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 40px;
	background-color: #00acce;
	background-color: #0d4350;
	border-radius:50%;
	color:white;
	width:80px;
	height:80px;
	font-size: 28px;
	overflow: hidden;

}
.the_letter{
	position: relative;
	top:25px;
	font-size: 28px;
}
.box_list li .user{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width:13%;
	margin-right: 10px;
	opacity: .2;
}
.box_list li a{
}
.box_list li a:hover h5.name,.box_list li a:hover svg{
	color:#00acce;
	fill:#00acce;
	opacity:1;
}
.box_list li a h5.name{
	position: relative;
	display: inline-block;
	vertical-align: top;
	top:30px;
	margin-left: 10px;
	font-size: 15px;
	width:164px;
}
.box_list li a .portrait{
	position:relative;
	width:80px;
	height:80px;
	border-radius:50%;
	overflow: hidden;
/* 	margin: 0 auto 10px; */
	display: inline-block;
}
a.name,#events a{
	 position: relative;
}
a.name:before,#events a:before{
	content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #00acce;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
a.name:hover:before,#events a:hover:before{
	visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
#research_team .box_list li a h5.name{
	max-width: 120px;
	line-height: 18px;
}
#atop{
	position:fixed;
	top:0;
	left:0;
	transform: matrix(1, 0, 0, 1, 0, -1000);
	z-index: 280;
	width:100%;
	height:100%;
	background-image: url(imgs/trans_b80_darker.png);
	background-image: url(imgs/trans_bl90_v3.png);
	background-repeat: repeat;
		-webkit-box-shadow: 0px 0px 8px 2px #000000;
    -moz-box-shadow: 0px 0px 8px 2px #000000;
    box-shadow: 0px 0px 8px 2px #000000;
}
#atop >a{
	position: relative;
	top:10px;
	right:10px;
	float: right;
	z-index: 100;
	color:white;
}
#atop_content{
	position: relative;
	width:60%;
	padding: 10%;
	margin-left: auto;
	margin-right: auto;
	color:white;
	max-width: 500px;
}
#atop_content h3{
	padding-bottom: 10px;
	border-bottom: 1px solid white;
	margin-bottom: 40px;
	font-size: 18px;
}
.form_label{
	display: none;
	min-width: 80px;
	position: absolute;
	z-index:7;
	background-color:  #00acce;
	padding: 3px 10px;
	width:auto;
	color:white;
	opacity:1;
	font-size: 10px;
	text-transform: uppercase;
/* 	border: 1px solid #9b5c23; */
}
.form_label:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #00acce;
	border-width: 7px;
	margin-left: -7px;
}
.the_form,.the_form li{
	position: relative;
	width:100%;
}
.the_block{
	position: relative;
	width:64%;
	margin: 0;
	padding: 85px 18%;
}
.the_block.menu_highlights,.the_block.features{
	border-top:3px solid #00acce;
	border-bottom:3px solid #00acce;
	background-color: black;
	padding:0;
	width:100%;
	overflow: hidden;
	background-color: #0d4350;
}

.the_block.menu_highlights{
	background-image: url(../imgs/bck_menu_highlights.jpg);
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}
.the_block.the_project{
	background-image: url(../imgs/project_bck.svg);
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}


.background{
	position: absolute;
	top:0;
	z-index: 2;
	width:100%;
	opacity: .5;
}
.background img{
	position: relative;
	top:0;
	padding-top:160px;
	width:100%;
}
.the_block.features ul{
	position: relative;
	display: block;
	width:100%;
	z-index: 8;
}
.the_block.features ul li{
	position: relative;
	display: block;
	width:100%;
	height:360px;
	overflow: hidden;
	border-bottom: 2px solid white;
}
.the_block.features ul li a{
	position: absolute;
	display: block;
	vertical-align: middle;
	top:12%;
	z-index: 8;
	color:white;
	font-family: 'Oswald', sans-serif;
	font-weight: 200;
	font-size: 32px;
	text-transform: uppercase;
}
.the_block.features ul li a .svg{
	position: relative;
	top:40px;
	fill:white;
	width:100px;
	transition:width 0.3s ease-in-out;
}



.the_block.features ul li:nth-child(even) a{
	left:120px;
}
.the_block.features ul li:nth-child(odd) a{
	right:120px;
}

.the_block.features ul li:nth-child(even) a .the_feature{
	margin-left: 20px;
}
.the_block.features ul li:nth-child(odd) a .the_feature{
	margin-left: 20px;
}



.the_block.features ul li a:hover .the_feature{
	letter-spacing: 4px;
	font-size: 40px;
}
.the_block.features ul li a:hover .svg{
	width:130px;
}
.the_block.features ul li a .the_feature{

	letter-spacing:0;
	transition: all 0.4s ease-in-out;
}

.
.the_block.features ul li:last-child{
	border-bottom:none;
}

.the_block.home_options,.the_block.home_options ul {
	position: relative;
	width:100%;
	padding: 0;
	margin: 0;
}

.the_block.home_options ul{

}


.the_block.home_options ul li{
	text-align: center;
	font-size: 24px;
	width:33.3%;
	display:inline-block;
	vertical-align: top;
	text-align: center;
}

.the_block.home_options ul li a{
	width:90%;
	display:inline-block;
	vertical-align: top;
	padding: 20px 5% 70px;
	transition: all 0.4s ease-in-out;
	text-align: center;
}

.the_block.home_options ul li a svg{
	position: relative;
	top:20px;
	display: inline-block;
	height:90px;
}

.the_block.home_options ul li a:hover{
	background-color: #00acce;
	color:white;
}


.menu_highlights ul{
	position: relative;
	width:90%;
	text-align: center;
	padding: 85px 5%;
	z-index: 8;
}
.menu_highlights ul{
}
.menu_highlights ul li{
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 0;
	width:22%;
}
.menu_highlights ul li a{
	position: relative;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	transition: all 0.4s ease-in-out;
	color: #00acce;
	font-weight: 400;
	line-height: 18px;
	font-family: 'Oswald', sans-serif;
	font-weight: 200;
}
.menu_highlights ul li a:hover{
		-moz-transform: scale(1.2) rotateY(360deg);
	/* WebKit */
	-webkit-transform: scale(1.2) rotateY(360deg) ;
	/* Opera */
	-o-transform: scale(1.2) rotateY(360deg) ;
	transform: scale(1.2) rotateY(360deg);
}
.menu_highlights ul li img,.menu_highlights ul li svg{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:50%;
	fill: #00acce;
	border-bottom:1px solid #00acce;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
/*
.menu_highlights ul li svg{
	width:100%;
	padding-bottom: 50%;
}
*/
.highlights{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width:50%;
	margin-right: 30px;
}
.the_form li{
	margin-bottom: 18px;
}
.highlights ul li{
	width:100%;
	overflow:hidden;
	height: 0;
	padding-bottom: 60%;
}
.highlights ul ._media{
	position: relative;
	z-index: 20;
}
.highlights ul ._info{
	position: absolute;
	bottom:0px;
	left: 0px;
	z-index: 22;
	padding: 3%;
	background-image:  url(imgs/trans_w80.png);
	background-repeat: repeat;
	background-color: rgba(0,172,206,.3);
	background-color: #b5e5ef;
	border-top:2px solid #00acce;
	width:94%;
}
.highlights ul ._info .news_date{
	display: block;
	font-size: 13px;
	font-family: "Roboto";
	width: 80%;
}

.highlights ul ._info a.news_header{
	width:70%;
	display: inline-block;
}
.highlights ul ._info a.eyecon{
	float:right;
	font-size: 15px;
}
.highlights ul ._info h3{
	font-size: 21px;
	color: #00acce;
}
.highlights ul li img{
	width:100%;
}
.side_feature{
		position: relative;
	display: inline-block;
	vertical-align: top;
	width:43%;
	line-height: 16px;
}
.side_feature .text{
	position: relative;
	width:100%;
}
.side_feature > ul  >li{
	border-bottom: 1px solid #333;
	margin-bottom: 7px;
	display: block;
	padding:13px 0;
}
.side_feature > ul  >li:first-child{
	padding-top:0;
}
.side_feature > ul  >li:last-child{
	border-bottom:none;
}
.side_feature > ul  >li ._info .text{
	font-size: 11px;
	line-height: 15px;
	padding: 0;
}
.side_feature img{
	width:100%;
}
.side_feature > ul  >li h4,.side_feature >ul  >li h5{
	display: inline-block;
	font-family: "Roboto", sans-serif;
	font-size: 13px;
}
.side_feature >ul  >li h3{
	font-size: 21px;
	line-height: 23px;
	margin-bottom: 11px;
	color: #00acce;
	width:80%;
	display:inline-block;
}
.side_feature >ul  >li i{
	float: right;
}
.side_feature >ul  >li h4{
	font-weight:700;
	margin: 0;
	padding: 0;
}
.side_feature >ul  >li h5{
	font-weight:500;
	margin-bottom: 5px;
	margin-left:10px;
}
.the_title{
	position: relative;
	height:30px;
	margin-bottom: 8px;
}
.the_title h3{
	position: relative;
	padding: 6px 7px;
	color: white;
	z-index: 5;
}
#news .the_title h3{
	position: relative;
	top:-3px;
}
.the_title h3 a{
	color:white;
}
.the_title svg{
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
}
#pagina{
	position: relative;
	display: block;
	padding: 0;
	margin:0 auto;
	z-index: 8;
	height: auto;
	min-height: 100%;
	width: 100%;
	padding: 0%;
}
#about{
	position: relative;
	width:100%;
	margin: 0;
	padding: 0;
}
#about > li{
	position: relative;
	padding:45px 0 90px 0;
	width:100%;
	text-align: center;
}
#about > li:nth-child(odd){
	background-color: #f8f8f8
}
.about_media{
	position: relative;
	width: 60%;
	text-align: center;
	margin: 0 auto;
}
.about_media img{
}
.text{
	position: relative;
	display: block;
	line-height: 24px;
	vertical-align: top;
	font-size: 18px;
	width:56%;
	padding:0 2%;
	text-align: left;
	margin: 0 auto;
}

.text ul{
	position: relative;
	width:80%;
	padding: 0 10%;
	margin-bottom: 10px;
}
.text ul li{
	width:90%;
	list-style: disc;
	display: list-item;
	list-style-position: outside;
	margin-bottom: 5px;

}
.text p{
	margin-bottom: 18px;
}
.locations{
	position: relative;
	width:90%;
	display: block;
	margin: 0 auto;
	padding:0 5%;
	margin-top: 80px;
	text-align: center;
}
.location{
	position: relative;
	display: inline-block;
	width:30%;
	vertical-align: top;
	padding
}
a.person{

}
.personnel{
	position: relative;
	width:60%;
	display: block;
	margin: 0 auto;
	padding:0 20%;
	margin-top: 70px;
	margin-bottom: 80px;
}
.personnel > li{
	display: block;
	margin-bottom: 80px;
}
.personnel > li h3,.location h4{
	font-size: 28px;
	color: #00acce;
	margin-bottom: 24px;
}
.personnel > li >ul{
}
.personnel > li >ul >li{
	display: block;
	margin-bottom: 10px;
}
.personnel > li >ul >li .portrait{
	display:inline-block;
	margin-right: 10px;
}
.person_info{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width:400px;
}
.personnel a.person_name,.personnel a.person_email{
	display: block;
}
.personnel a.person_name{
}
.personnel a.person_email{
	color: #00acce;
}
.quote{
	position: relative;
	left:3%;
	max-width:22%;
	display: inline-block;
	line-height: 28px;
	font-family: "Roboto",sans-serif;
	font-style: italic;
	text-align: right;
	color: #A03123;
	vertical-align: top;
}
#menu-sticky-wrapper,#footer_content{
	min-width:300px;
	max-width: 908px;
	width:95%;
}
#menu-sticky-wrapper{
	margin-left: auto;
	margin-right: auto;
}
header,#header{
	position: relative;
	display: block;
	width:100%;
	padding: 36px 0 0 0;
	z-index: 18;
	height:90px;
	vertical-align: top;
	text-align: center;
}
#top{
	position: relative;
	text-align: center;
	width:100%;
	height:500px;
	overflow-y: hidden;
	z-index: 3;
	width:100%;
	background-image: url("../imgs/cnd_wall_v2.jpg");
	background-size: 100% auto;
	background-position: center top;
	background-attachment: fixed;
}
#top img, #wellcome img{
	width:100%;
}
#wellcome_wrapper{
	position: absolute;
	 top: 0; left: 0;
  width: 100%; height: 100%;
}
#wellcome{
	position: relative;
	text-align: center;
	width:100%;
/* 	height:550px; */
	overflow: hidden;
	z-index: 3;
	transition: height 1s ease-in-out;
	height: 0;
	padding-bottom: 0; /* 16:9 */
	transition:all 0.3s ease-in-out;
}
/*
#wellcome.home img{
	 width:120%;
}
*/
#wellcome.home{
	padding-bottom: 52%; /* 16:9 */
}
	#particles-js{
		position: fixed;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		z-index: 10000000;
	}
#wellcome_slogan{
	font-family: 'Script',sans;
	position: relative;
	z-index: 28;
	color:white;
	top:70%;
	font-size: 60px;
	min-height: 100px;
	text-transform: inherit;
/*
	background-image: url('../imgs/slogan_graphic.svg');
    background-repeat: no-repeat;
    background-attachment: contain;
    background-position: center;
    background-size: 50% auto;
*/
}
#wellcome_back {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	filter:sepia(0%);
	z-index: 18;
}
#logotipo{
	position: absolute;
	display: block;
	top:12%;
	left:60px;
	z-index: 20;
	width:23%;
/*
	border:1px solid white;
	padding: 20px 30px;
*/
}
.logo_title{
	opacity: .7;
	padding-top: 10px;
	border-top:1px solid white;
	color: white;
	font-size: 15px;
	line-height: 18px;
	text-align: left;
	font-weight: 500;
}
#logotipo img{
	width:100%;
	transition: max-width 1s ease-in-out;
}
a.mover{
	position:absolute;
	bottom:20px;
	z-index:22;
	display: block;
	max-width:50px;
}
a.mover svg{
	width:100%;
	fill:white;
}
#register{
	position: relative;
	background-color: #f7f1e1;
	padding:80px 15%;
	width:70%;
	margin: 0 auto;
	min-height: 300px;
	display: block;
	text-align: center;
	background-color: white;
}
#about > li > h3,
	#the_news > h3,
	#register > h3{
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 20px auto;
	font-family: 'Oswald', serif;
	font-weight: bold;
	padding: 10px;
/* 	border-top:2px solid #888; */
	border:4px solid #00acce;
	margin-bottom: 20px;
	font-size: 28px;
	color:#00acce;
	letter-spacing: 1px;
}
main{
	position: relative;
	top:0px;
	clear: both;
	display: block;
	width:100%;
	z-index: 18;
	font-family: "Roboto",sans-serif;
	line-height: 28px;
	font-size: 18px;
	min-height: 500px;
}
.project_text p,.project_text br{
	margin-bottom: 15px;
}
#menu{
	position: relative;
	top:0px;
	left:0;
	display: block;
	width: 96%;
	font-size: 13px;
	z-index: 220;
	background-color: #00acce;
	padding:15px 2% 10px 2%;
	line-height: 0;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}
#menu ul{
	position: relative;
	display: inline-block;
	overflow-y: hidden;
	line-height: 24px;
	transition: all 0.5s ease-in-out;
	width:78%;
	margin-top: 5px;
}
.visible{
	display:block;
}
#menu ul.invisible,#sub ul.invisible{
/* 	display: none; */
	max-height:0;
	padding: 0;
}
#operations ul{
	overflow: hidden;
	transition: all 0.5s ease-in-out;
}
.operations_box{
	position: relative;
	height:auto;
	text-align: center;
}
#operations ul.invisible{
	width:0;
}
#menu_nav,#op_nav,#submenu_nav{
	display:none;
	width:90%;
	text-align: center;
	padding: 10px 5%;
	color:white;
	cursor: pointer;
	opacity:.5;
}
#menu_nav:hover,#op_nav:hover,#submenu_nav:hover{
	opacity:1;
}
#menu.fixed{
	position:fixed;
	top:0px;
	left:0;
/* 	background-color: red; */
/*
	-webkit-box-shadow: 0px 0px 8px 2px #000000;
    -moz-box-shadow: 0px 0px 8px 2px #000000;
    box-shadow: 0px 0px 8px 2px #000000;
*/
}
#menu li {
	position: relative;
	margin-right: 15px;
	vertical-align: top;
/* 	width:auto; */
}
#menu li:last-child {
	margin-right: 0;
}
#menu_logo  {
	position: relative;
	margin-top: 0px;
	padding-right: 20px;
	float: left;
	width:30%;
	max-width:120px;
/* 	left:0px; */
	transition: all 0.5s ease-in-out;
}
#menu_logo.slide-left-offset{
	width:0;
	padding-right: 0px;
}
#menu_logo img {
	width:100%;
}
#menu li a{
	display: inline-block;
	position: relative;
	color:white;
/* 	padding: 10px 3%; */
	vertical-align: top;
/* 	width:94%; */
	transition: all 0.3s ease-in-out;
	border-radius: 3px;
	letter-spacing: 0px;
	opacity:.5;
	font-size: 16px;
}
#menu li a:hover,#menu li a.selected{
	opacity:1;
}
#menu > a >img{
	width:100%;
}
ul#menu_items{
	position: relative;
	display: inline-block;
	left:0px;
	height:100%;
/* 	background-color: #181818; */
	overflow: hidden;
	vertical-align: top;
	padding:10px 30px;
	width:130px;
	background-image: url(imgs/trans_b80.png);
	background-repeat: repeat;
}
ul#menu_items li{
	display: block;
	margin: 10px 0;
}
ul#menu_items li a{
	display: block;
}
ul#menu_items li a:hover{
	color:#00acce;
}
ul#menu_items li a:hover{
}
#operations{
	position: fixed;
	right:15px;
	top:15px;
	z-index: 221;
}
#social_media,#ops{
	display:inline-block;
}
#social_media li,#ops li{
	position: relative;
	display: inline-block;
	margin-right: 10px;
}
#social_media li a,#ops li a{
	position: relative;
	display: block;
	text-align: center;
	color #00acce;
/* 	color:white; */
	height:32px;
	width:32px;
	border-radius:50%;
	background-color: white;
	/* Firefox */
	-moz-transition: all 0.5s ease-in-out;;
	/* WebKit */
	-webkit-transition: all 0.5s ease-in-out;;
	/* Opera */
	-o-transition: all 0.5s ease-in-out;;
	/* Standard */
	transition: all 0.5s ease-in-out;
}
#social_media.fixed li a,#ops.fixed li a{
	background:none;
	color:white;
}
#social_media li a i,#ops li a i{
	position: relative;
	top:3px;
	width:100%;
}
#social_media li a:hover,#ops li a:hover{
	/* Firefox */
	-moz-transform: scale(1.2) rotate(360deg);
	/* WebKit */
	-webkit-transform: scale(1.2) rotate(360deg) ;
	/* Opera */
	-o-transform: scale(1.2) rotate(360deg) ;
	transform: scale(1.2) rotate(360deg);
}
#content .the_img img.mini_logo{
	width:30%;
	display: block;
	margin-bottom: 10px;
}
hr.top_pad{
	margin-top: 40px;
	border:0;
	border-top:1px solid #555;
}
.project_galllery{
	margin-top: 70px;
	position: relative;
}
.project_galllery img{
	width:100%;
}
.dark_blue{
}
.mini_logos{
	position: relative;
	width:100%;
	margin: 30px 0;
}
.mini_logos h4{
	margin-bottom: 15px;
}

.mini_logos ul li{
	position: relative;
	width:30%;
	display: inline-block;
	vertical-align: top;
}
.mini_logos ul li img{
	height:50px;
}
.hidden{
	display:none;
}
.mini_text{
	position: relative;
	width:80%;
	padding: 10px 10% 30px;
	font-size: 14px;
	line-height: 19px;
	text-align: justify;
}
#research_menu,#education,#media_menu{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 30px;
	background-color: #0d4350;
	background-image: url('../imgs/research_menu.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-size: 100%;
	background-attachment: fixed;
}

#education{
/* 	background-image: url('../imgs/bck_education.jpg'); */

	background-image: url('../imgs/education.jpg');
}
#education ul{
	padding-bottom:40px;
	border-bottom:1px solid rgba(255,255,255,0.3);
}
#media_menu{
	background-image: url('../imgs/bck_media.jpg');
}
#education,#media_menu{
	margin-top: 50px;
	height:160px;
	overflow: hidden;
}
#education{
	height:320px;

}
.education_intro{
	position: relative;
	margin-top: 30px;
	color:white;
	width:50%;
	padding:10px 25%;
	font-size: 18px;
}


#education li,#media_menu li{
margin:1% 7%;
}

#media_menu.news_menu li{
margin:0;
width:20%;
}
#education li a,#media_menu li a{
	color:white;
	font-size: 21px;
	font-family: 'Oswald', sans-serif;
	font-weight: 200;
	text-transform: uppercase;
	opacity: 1;
}
#media_menu li a{
	opacity:.6;
}
#media_menu li a:hover, #media_menu li a.current{
	opacity:1;
}
#education li a svg,#media_menu li a svg{
	width:68px;
	fill:white;
}

#media_menu li a:hover,#media_menu li a.current{
	opacity:1;
}
#research_menu > li{
	position: relative;
	width:24%;
	display: inline-block;
	vertical-align: top;
	margin: 0 4%;
}
#research_menu > li > a,#research_menu > li > a h3,#research_menu > li a svg .st0{
	color:#00acce;
	fill:#00acce;
}
#research_menu > li > a:hover,#research_menu > li > a:hover h3,#research_menu > li a:hover svg .st0{
	fill:white;
	color:white;
}
#research_menu > li > a > svg{
	width:30%;
}
#research_menu > li h3{
	margin-bottom: 30px;
}
.research_info{
	text-align: left;
	font-size: 15px;
	line-height: 18px;
}
#content .the_img img, #content .the_img svg{
	width:100%;
}
#content .the_img svg .st0{
	fill:#00acce;
}
.research h3{
	font-size: 38px;
	margin-bottom: 18px;
}
.research h4{
	margin-top: 20px;
	font-size: 15px;
	margin-bottom: 20px;
}
.research h3,.research h4,.research h5{
	color:#00acce;
}
#content .groups > h5 {
	color:#8dc6d1;
	color:#00acce;
}
.research h4{
	color:#333;
	line-height: 20px;
}
.research h4 strong{
	color:#00acce;
}
/*
#content ul.the_groups .the_text{
	display:none;
}
*/
#content .groups{
	width:100%;
	padding:0px 0% 0;
/* 	background-color: #cbe3e9; */
	margin-bottom: 0;
	margin-top: 20px;
}
#content .groups > h5{
	margin-bottom:20px;
	font-weight: 600;
}



#content .groups > h5{
	margin-bottom:0px;
	font-weight: 300;
	background-color: white;
	border-top:1px solid #00acce;
	padding-top: 10px;
	padding-bottom: 10px;
}



.hider{
	cursor:pointer;
}
h6.the_teams{
}
#content{
}

.the_full.research{
	text-align: center;
	padding-top: 30px;
	background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%2300acce' fill-opacity='0.1' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#content.research > li {
	border-bottom: none;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0;
	text-align: center;
	width:100%;
	min-height:200px;

}




#content.research > li .the_img{
	display: block;
	margin:15px auto;
}
/*
#content.research > li .the_text{
	width:90%;
}
*/
#content.research > li:nth-child(2n) {
	border-bottom: none;
	background-color: aqua;
	background-color: #0d4350;
	background-color: #a1d7e9;
}
ul.the_groups{
	border-top:1px solid #a1d7e9;
	font-size: 18px;
	 }
ul.the_groups h6{
	font-size: 13px;
}
ul.the_groups > li{
	display: inline-block;
	background-color: white;
	padding: 20px 0 0;
	margin-bottom: 0;
/* 	width:19%; */
	vertical-align: top;
	border-right:1px solid #a1d7e9;
	min-height: 1600px;
	max-height: 1600px;
	overflow: hidden;
}
ul.the_groups > li:last-child{
	border-right:none;
}
.portrait{
	position:relative;
	width:80px;
	height:80px;
	border-radius:50%;
	overflow: hidden;
	margin: 0 auto 10px;
}
.portrait.main{
	width:100px;
	height:100px;
}
.portrait.mini{
	width:75px;
	height:75px;
}
svg{
	fill:#a1d7e9;
}
.portrait img{
	width:100%;
}
ul.the_groups > li .header{
	position:relative;
	display: block;
	width:70%;
	padding: 0 15%;
}
ul.the_groups li .header > h4{
	font-size: 18px;
	line-height: 22px;
	height:43px;
	overflow: hidden;
	font-weight: 400;
}
ul.the_groups li .header > h4.group_active {
	text-decoration: underline;
	cursor:pointer;
}
ul.the_groups li .header > h4.group_active:hover {
	color:#00acce;
}
ul.the_groups li .header >h5{
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 10px;
	height:40px;
}
.teams{
/* 	display: none; */
	margin-top: 0;
	border-top:1px dashed #b6ebf3;
	background: white;
	margin-bottom: 80px;
	min-height: 300px;
	width:100%;
	padding: 0;
	background-color: #efefef;
}
.publications_txt{
	margin:20px 0;
	line-height: 19px;
}
.publications_txt p{
	margin-bottom:20px;
}
.publications_txt img,.publications_txt svg{
	width:18px;
	fill:#00acce;
	margin-left: 5px;
}
.teams h4{
	padding-top:0px;
	margin-bottom: 20px;
}
ul.the_teams{
	padding: 0;
	text-align: center;
	padding-bottom: 40px;
	width:100%;
	display: block;
	vertical-align: top;

/*
	height:300px;
	overflow: hidden;
*/
}
ul.the_teams li{
	display: block;
	vertical-align: top;
	text-align: center;
	width:100%;
	margin:0;
	border-top:1px solid white;
	text-align: left;
}
ul.the_teams li a{
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 21px;
	color: #0d4350;
	display: block;
	width:90%;
	padding:10px 5%;
	background-color: #efefef;
/* 	color: #00acce; */
	transition: padding 0.4s ease-in-out;
	color: #177890;
}
ul.the_teams li a svg{
	height:21px;
	margin-right: 10px;
	fill:#00acce;
	opacity: 1;
}
ul.the_teams li a:hover{
	padding:30px 5%;
	color: #efefef;
	background-color:  #00acce;
}
ul.the_teams li a:hover .team_pi{
	color: #efefef;
	display:inline-block;
	vertical-align: top;
}
ul.the_teams li a .team_pi{
	font-size: 18px;
	font-weight: 200;
	color: #00acce;
	padding-top:15px;
	padding-left: 10px;
	display: inline-block;
}
ul.the_teams li a .team_pi_portrait.mini{
	display:inline-block;
	vertical-align: top;
	width:60px;
	height:60px;
}
ul.the_teams li a .team_pi_portrait,ul.the_teams li a .team_pi{
	margin-top: 10px;
}
.teams h4{
	fill: #0d4350;
}
ul.the_groups .teams h6{
	font-size: 16px;
	color: #00acce;
}
.teams h4 svg{
	fill: #0d4350;
	fill: #00acce;
	width:28px;
}
.teams h6 svg{
	fill: #0d4350;
	fill: #00acce;
	height:28px;
}
ul.the_teams .details{
	display: none;
	text-align: justify;
	width:60%;
	padding: 0 20%;
	margin-bottom: 80px;
}
ul.the_teams .details li{
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}

main.the_resources{

background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2300acce' fill-opacity='0.16'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");


}


ul.resources{
	position: relative;
	text-align: center;
	width:80%;
	padding: 90px 10%;
}
ul.resources li{
	position: relative;
	text-align: center;
	display:inline-block;
	width:23.33%;
	padding: 0px 5% 90px;
	vertical-align: top;
}
ul.resources li a{
	position: relative;
	display:block;
	width:60%;
	font-size: 15px;
	padding: 10px 10%;
	background-color: #efefef;
	border-radius:8px;
	margin: 10px auto;
}
ul.resources li a:hover{
	width:60%;
	padding: 10px 15%;
	background-color: #00acce;
	color:white;
}
.people_box{
	margin-top: 50px;
width:100%;

}
#research_team .people_box .box_list {
   	position: relative;
	width:78%;
	padding:0 8% 0 14%;
}
#research_team .people_box h3{
	display: block;
	text-align: center;
	font-size: 28px;
	color: #00acce;
}
/*----------------------------------------- PLATFORMS -----------*/
#content.platforms > li {
	border-bottom: none;
	padding: 40px 25%;
	text-align: center;
	width:50%;
	min-height:200px;
	margin: 0;
}
#content.platforms > li h3{
	font-size: 28px;
	margin-bottom: 18px;
}
#content.platforms > li h3 a{
	letter-spacing:0;
	transition: letter-spacing 0.5s ease-in-out;
}
#content.platforms > li h3 a:hover{
	letter-spacing: 3px;
}
#content.platforms > li .button {
	padding:5px 32px;
	border-radius:5px;
	font-size: 11px;
	margin-top: 30px;
	background-color:#00acce;
	color:#00acce;
	border:1px solid #00acce;
	font-weight: 700;
	background: none;
}
#content.platforms > li .button:hover {
	background-color:#0d4350;
	background-color:#00acce;
	color:white;
}
#content.platforms > li:nth-child(2n) .button {
	border:1px solid white;
	color:white;
}
#content.platforms > li:nth-child(2n) h3 a{
	color:white;
}

#content.platforms > li:nth-child(2n) {
    background-color: #85bed3;
    color: #fefefe;
}
#content.platforms > li .the_img{
	width:28%;
}
#content.platforms > li .the_text{
	text-align: left;
	margin-top: 30px;
	width:64%;
}
#content.platforms > li:nth-child(2n) h3 {
	color:white;
}
#content.platforms > li .svg .st0 {
	fill:#00acce;
}
#content.platforms > li:nth-child(2n) .svg .st0,#content.platforms > li:nth-child(2n) .svg {
	fill:white;
}


#the_platform{
	position: relative;
	width: 70%;
	padding:10px 15% 180px;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='105' viewBox='0 0 80 105'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='death-star' fill='%2300acce' fill-opacity='0.04'%3E%3Cpath d='M20 10a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V10zm15 35a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zM20 75a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V75zm30-65a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V10zm0 65a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V75zM35 10a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10zM5 45a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zm0-35a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10zm60 35a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zm0-35a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#the_platform h3{
	color:#00acce;
	text-align: center;
	font-size: 28px;
	margin-bottom: 30px;
}
#the_platform svg {
    width: 23%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    fill:#00acce;
    padding-top:40px;
}


#the_platform .platform_info {
    width: 25%;
    margin-right: 1%;
    font-size: 13px;
    line-height: 21px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}
#the_platform .platform_info h4{
	font-size: 13px;
	text-align: right;
}
#the_platform .platform_info > a{
	font-size: 13px;
	text-transform: none;
	margin-bottom: 0;
}
#the_platform .text{
	width: 70%;
	display: inline-block;
	vertical-align: top;
}

#content > li{
	display:block;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 40px;
	padding-top: 40px;
	width:100%;
	border-bottom: 1px solid #ccc;
}
#content.projects > li{
	display:inline-block;
/* 	display:inline-flex; */
	width:25%;
	border:none;
	min-height: auto;
	padding: 4% 4% 0 4%;
	margin: 0;
	height:350px;
	overflow: hidden;
}
#content.projects {
}
#content.projects > li:nth-child(2n){
	background-color: #a1d7e9;
}
#content.projects > li .the_img{
	display: block;
	width:60%;
}
#content.projects > li .the_text{
	width: 100%;
}
#project{
	position: relative;
	width:100%;
}
#project .project_side,#project .project_main{
	position: relative;
	display: inline-block;
	vertical-align: top;
}
#project .project_side{
	width:20%;
	margin-right: 5%;
	font-size: 13px;
	line-height: 15px;
}
#project .project_side img{
	width:100%;
}
#project .project_side img.mini_logo{
	max-width:70%;
	margin-top: 10px;
}
#project .project_main{
	width:70%;
}

#project .project_main ul{
	padding-left: 25px;
	margin: 10px 0;
}
#project .project_main ul li{
	display: list-item;
	list-style:disc;


}
#project .project_main .mini_logos ul li {
    display: list-item;
    list-style:none;
}

/*
#project .project_main ol{
	margin: 10px 0;
	width:90%;
	padding: 0 5%;

}
#project .project_main ol li{
	display: list-item;
	list-style: lower-latin;
	list-style:decimal;
	list-style-position: outside;
	margin-bottom: 5px;
}
*/
ul.Lista_Simples{
	margin: 10px 0;
	width:90%;
	padding: 0 5%;
}
ol.Lista_Numerada{
	margin: 10px 0;
	width:90%;
	padding: 0 5%;
}
ul.Lista_Simples li{
	display: list-item;
	list-style:disc;
	list-style-position: outside;
	margin-bottom: 5px;
}
ol.Lista_Numerada li{
	display: list-item;
	list-style: lower-latin;
	list-style:decimal;
	list-style-position: outside;
	margin-bottom: 5px;
}


p.Texto{
	line-height: 28px;
	font-size: 18px;
	margin-bottom: 5px;
}

p.Destaque{
	font-size: 18px;
	font-style: italic;
	color:#00acce;
	line-height: 22px;
	margin: 15px 0;
	width:80%;
	padding:0 10%;
}
#project ._media{
	position: relative;
	width:100%;
	margin:40px 0;
}
#project .project_main h3,#project .project_main h4,#project .project_side h4{
	color:#00acce;
}
#project .project_side h4{
	font-size: 13px;
	line-height: 18px;
}
#project .project_side h4 strong,#project .project_side h4 strong a,ul.project_teams li a{
	display: block;
	margin-top: 5px;
	color:#333;
	font-weight: 300;
	font-size: 13px;
	font-family: 'Oswald', sans-serif;
}
ul.project_teams li a, a.connect{
	transition: all 0.2s ease-in-out;
}
#project .project_main h3{
	font-size: 38px;
	margin-bottom: 20px;
	line-height: 40px;
}
#project .logo_img {
	width:50%;
	margin-bottom: 30px;
}
.project_title{
	margin-top: 20px;
}
ul.project_teams{
	margin-top:5px;
}
svg.button_icon{
	max-width: 18px;
	max-height: 18px;
	fill:#00acce;

}

a:hover svg.button_icon{

	fill:white;

}
ul.project_teams li{
	padding: 0;
	margin: 0;
}
ul.project_teams li a{
	padding: 0;
	margin: 0;
}
ul.project_teams li a:hover,a.connect:hover, #project .project_side h4 strong a.connect:hover{
	text-decoration: underline;
	color:#00acce;
	padding-left: 3px;
}
#content.courses {
padding-top: 0px;
padding-bottom: 90px;
}
#content.courses > li{
	min-height: inherit;
	height:60px;
	background-color: white;
	color:#282828;
	border:none;
	width:60%;
	margin: 0;
	padding: 8px 20%;
}
#content.courses > li h3{
	font-size: 24px;
	display: inline-block;

}
#content.courses > li a{
	display: inline-block;
	transition: padding 0.2s ease-in-out;
	max-width: 80%;
	padding:0;
}
#content.courses > li a:hover{
	padding-left: 20px;
}


#content.projects > li.full_li_head{
	min-height:30px;
	background-color: #0d4350;
	color:white;
	text-transform: uppercase;
}
#content.projects > li.full_li_head h3{
	position: relative;
	top:35%;
	font-size: 28px;
	color: #a1d7e9;
	padding: 18px 0;
	border-top: 1px solid #a1d7e9;
	border-bottom: 1px solid #a1d7e9;
	text-align: center;
	text-transform: uppercase;

}


#content.courses > li.full_li_head{
	position: relative;
	padding-top: 40px;
	max-height:50px;
	min-height:50px;
	background-color: #00acce;
	color:white;
	padding:20px 10% 40px 10%;
	width:80%;
	text-transform: uppercase;
	margin-bottom: 30px;
	margin-top: 80px;
	background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(255,255,255,.2) 3px, rgba(255,255,255,.2) 6px);
}
#content.courses > li.full_li_head:first-child{
	margin-top: 0px;
}
#content.courses > li.full_li_head svg{
	position: relative;
	top:14px;
	height:48px;
	fill:white;
	margin-right:10px;
}
#content.courses > li:nth-child(2n){
	background:none;
}
#content.courses > li,#content.courses > li:nth-child(2n){
	background:none;
}
#content > li.full_head{
	border-bottom:none;
}
.the_full{
	width:100%;
	padding: 50px 0;
	border-bottom:2px solid #00acce;
}
.the_full{
	width:100%;
	padding:0;
	border-bottom:none;
}

.content{
	display: block;
}
.content > li{
	position: relative;
	margin-bottom: 80px;
	display: block;
}
.content h3{
	color:#00acce;
}
#content .the_img,#content .the_text{
	position: relative;
	display: inline-block;
	vertical-align: top;
}
#content .the_img{
	width:20%;
	margin-right: 5%;
}
#content .the_text{
	width:70%;
}
.the_full #content .the_img{
	width:13%;
	margin-left: 5%;
	margin-right: 5%;
}
.certi{
	position: relative;
  display: block;
  width:10%;
  margin: 0 45%;
}
.certi img{
	width:100%;
}
.the_full #content .the_text{
	width:64%;
}
.the_full.intro{
	width:60%;
	padding:40px 20% 180px;
	text-align: center;
	background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%2300acce' fill-opacity='0.1' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.the_full.intro .the_img{
	width:40%;
	margin: 30px auto;
}
#contact{
	display:none;
	min-height: 100px;
}
#fb img{
	width:100%;
}
.the_wide{
	position:relative;
}
.the_wide.organization{
	background-color: white;
}
.sub_fixed .the_wide{
	position:relative;
	margin-top: 100px;
	padding-top: 80px;
}
.sub_fixed .the_wide.the_outreach{
	position:relative;
	margin-top: 0;
	padding-top: 80px;
}
.sub_fixed .the_wide.outreach{
		padding-top: 0px;
}
.sub_fixed .the_wide.the_board{
		padding-top: 0px;
		background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%2300acce' fill-opacity='0.14'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E");
}
.board{
	position: relative;
	padding:130px 0 320px;
	text-align: center;
}
.board h3{
	margin-bottom: 80px;
}
.board >ul > li{
	position:relative;
	transition: all 0.3s ease-in-out;
	display: inline-block;
	vertical-align: top;
}
.board ul li a{
	position: relative;
	margin-top: 40px;
	display: block;
	font-size: 13px;
	width:180px;
	line-height: 13px;
	padding: 0;
	transition:padding 0.4s ease-in-out;
}
.board ul li a:hover{
/* 	width:230px; */

	padding:0 20px;


}

.board ul li a:hover h3{
	font-size: 16px;
}
.board ul li a:hover h4{
	font-size: 14px;
	line-height: 18px;
	max-width: 90%;

}

.board ul li a h3,.board ul li a h4{
	width:100%;
	transition:all 0.4s ease-in-out;
}
.board ul li a h3{
	color:#00acce;
	margin-bottom: 5px;
	font-size: 13px;

}
.board ul li a h4{
	position: relative;
	font-size: 11px;
	color:#333;
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.board ul li a.the_president{
margin-top: 0px;

}
.board ul li a.the_president .portrait{
	width:120px;
	height:120px;

}
.board .people{
	position: relative;
	padding:0 20%;
	width:60%;
	text-align: left;
}
.the_wide.about{
	background-image: url(../imgs/site_ciimar_fundo_about_03.jpg);
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}

.the_wide.facts{
	background-image: url(../imgs/site_ciimar_fundo_about_03.jpg);
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}

.sub_fixed .the_wide.about {
	padding-top: 20px;
	padding-bottom: 180px;
}

.the_wide.the_projects{
	margin-top: 0;
	padding-top: 0;
}

.the_wide.the_projects h3{
	font-size: 24px;

	text-transform: none;
}
.the_wide.the_projects h3 a{
	color: #0d4350;
}
.the_wide.the_projects h4{
	margin-top: 10px;
	font-size: 14px;
	color:#00acce;
/* 	text-transform: none; */
}
.the_wide.about .text{
	padding-top: 100px;
	padding-bottom: 100px;
}
.the_wide > ul.content{
	position:relative;
}
.the_wide > ul.content > li{
	padding:0px 16% 60px 16%;
	margin: 0 auto;
	border-bottom:1px solid #333;
	min-height: 400px;
}
.the_wide > ul.content > li.the_browser{
	position: relative;
	width:100%;
	padding:0 0 60px 0;
	margin: 0 auto;
	border-bottom:1px solid #333;
	min-height: 800px;
}
.the_wide > ul.content > li.the_browser  h3{
	position: relative;
	top:5px;
	display: inline-block;
	width:10%;
	font-size: 28px;
}
.the_wide > ul.content >li:nth-child(even){
	background-color: #555;
	color:#fefefe;
}
.search_box{

}
.sub_fixed .search_box{
	margin-bottom: 0px;
}
 .search_box,.search_box form,.search_box button ,.search_box input,.search_box .search_element{
	display: inline-block;
	margin: 0;
}
.search_box input[type='text']{
	padding:7px 10px;
	max-width: 40%;
}
.search_box form{
	position: relative;
	max-width: 80%;
	width:60%;
	margin-left: 40px;
}
.search_box button{
	padding:7px 10px;
	margin-left: 10px;
}
.search_box{
	position: relative;
	width:90%;
	padding:30px 5% 20px;
	background-color: #333;
	background-color: #00acce;
	margin-bottom: 0;
/* 	border-bottom:1px solid #333; */
	background-color: #177890;
/*
	background-color:#269;
background-image: linear-gradient(white 2px, transparent 2px),
linear-gradient(90deg, white 2px, transparent 2px),
linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px
*/
background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(255,255,255,.2) 3px, rgba(255,255,255,.2) 6px);
}
.search_box hr{
	border:0;
	border-top:1px solid #888;
	margin: 20px 0 50px 0;
}
h4.results_output{
	text-align: center;
	color:#666;
	font-size: 13px;
	margin-bottom: 40px;
}
h4.results_output .search_results{
	color:#333;
	font-weight: 700;
}
.user svg{
	opacity:.6;
}
select {
	text-transform: uppercase;
	cursor:pointer;
   background:
    linear-gradient(45deg, transparent 60%, #333 60%),
    linear-gradient(135deg, #333 60%, transparent 60%),
    linear-gradient(to right, skyblue, skyblue);
  background-position:
    calc(100% - 21px) calc(1em + 2px),
    calc(100% - 16px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    3.5em 2.5em;
  background-repeat: no-repeat;
  /* styling and reset */
  border: thin solid #333;
  font: 300 11px "Helvetica Neue", Arial, sans-serif;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
/*   padding:5px 5px 5px 15px; */
  background-color: white;
  /* reset */
  border-radius: 5px;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
}
#map_wrapper{
	position: relative;
	display: block;
	width:100%;
	min-height: 400px;
}
#map{
	display: block;
	width:100%;
	height:400px;
	overflow:hidden;
	margin: 0;
	padding: 0;
	z-index: 28;
}
#map_nav{
	position: absolute;
	bottom:20px;
	left:20px;
	z-index: 38;
	width:28%;
}
#map_wrapper button{
	margin-right: 10px;
}

.bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; height:auto; }
.bgheight { height: 100%; width:auto; }
#footer{
   clear: both;
    position: relative;
/*     margin-top: -3em; */
    z-index: 38;
    width:80%;
    font-size: 12px;
    color:#fefefe;
    padding-top: 20px;
    padding: 30px 10%;
	background-color: #e6e7e8;
	background-color: #0d4350;
	text-align: center;
	background-image: url(../imgs/footer_v2.svg);
	background-position: left top;
	background-size: cover;
	background-attachment: fixed;
 }
.footer_column,#footer .contact{
	position: relative;
	display: inline-block;
	vertical-align:top;
	width:30%;
}
.footer_column h3,#footer .contact h3{
	color: #00acce;
	text-align: left;
	font-size: 15px;
	letter-spacing: 2px;
}
.footer_column li{
	display: block;
	margin: 0;
	padding:0;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
}
.footer_column li h4{
	font-size: 18px;
}
.terms_link{
	font-family: 'Oswald', sans-serif;

font-weight: 200;
	text-transform: uppercase;
	color:white;
	font-size: 18px;
}
.footer_column li a{
	text-decoration:none;
	text-transform: none;
	color: #00acce;
	transition:all 1s ease-in-out;
}
.footer_column li a:hover{
	color: white;
	text-decoration:underline;
}
#copyright{
	display: block;
	margin: 80px 30px 30px 30px;
	padding-top: 20px;
	width: 100%;
	text-align: center;
	border-top:1px dashed rgba(255,255,255,0.4);
}
#register{
	position: relative;
	width:84%;
	padding: 8%;
	background-color: #333;
	margin: 0;
	color:white;
	text-align: center;
	background-image: url(../imgs/register.jpg);
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}
#register .output{
	display: inline-block;
	vertical-align: top;
	width:45%;
	padding:0;
	text-align: left;
	margin: 20px 0 0 40px;
}
.description{
	margin: 20px 0;
	font-size: 13px;
}
/*-------------------------------------------------------------------------------------------------------------------------*/
.the_wide.about.facts {
	padding-top: 80px;
}
.facts .cycle-slideshow img{
	width:100%;
}

.video_prev{
	cursor:pointer;
}
.intrinsic-container {
  position: relative;
  height: 10;
  overflow: hidden;
  z-index: 888888;
  padding-bottom: 56.25%;
}
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 88;
}
.intrinsic-container img {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 188;
}
#the_news{
	position: relative;
	margin-top: 0px;
	width:100%;
	text-align: center;
/* 	background-color: #f5f5f5; */
	padding:0;
}
#the_news > ul{
	position: relative;
	width:82%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#the_news > ul > li{
	width:27%;
	display: inline-block;
	vertical-align: top;
	padding:4% 0 0;
	margin-bottom: 50px;
/*
	background-image: url(imgs/trans_b80.png);
	background-repeat: repeat;
*/
	margin: 0 3% 3% 3%;
}
#the_news > ul > li > a h3 {
	font-size: 21px;
	margin:0;
	color:#00acce;
	min-height:30px;
	margin-bottom: 10px;
}
#the_news h4{
	font-family: "Oswald",serif;
	font-size: 13px;
/* 	font-style: italic; */
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: 300;
/* 	border-bottom: 1px solid #333; */
}
#the_news .news_media,.about_media{
	position: relative;
	width:100%;
	margin-bottom: 10px;
}

#the_news .news_media.events{
	position: relative;
	display: block;
	height:200px;
	width:100%;
	overflow: hidden;
}




#the_news .news_media img,.about_media img{
	width:100%;
}
#the_news .news_media iframe, .about_media iframe{
	width:100%;
}
#the_news .news_gallery{
	width:100%;
	overflow: hidden;
	height: 100%;
}
#the_news .news_text{
	font-size: 14px;
	text-align: justify;
	line-height: 18px;
}
#the_news .button{
	font-size: 11px;
}
#the_news .button i{
	margin:0;
}
#resources{
	position: relative;
	width: 100%;
	text-align: center;
	 margin: 0 auto;
}
.item_resources{
	border:1px dotted #333;
	padding: 3%;
	display: inline-block;
	width:17%;
	min-height:180px;
	vertical-align: top;
	margin-right: 1%;
	margin-bottom: 1%;
}
.item_resources h3{
	font-size: 28px;
	color: #A03123;
	line-height: 30px;
	margin-bottom: 10px;
}
.item_resources div{
	font-style: italic;
	font-size: 13px;
	margin: 20px 0;
}
.item_resources a{
	font-size: 11px;
	text-decoration: underline;
}
#models{
	position: relative;
	width:100%;
}
#models li{
	position: relative;
	width:20%;
	background-image: url(imgs/trans_b80.png);
	background-repeat: repeat;
	margin:0px 5px 7px 0;
	padding:20px;
	font-size: 13px;
}
#models li h3{
text-transform: uppercase;
}
.model_gallery{
	width:100%;
}
.model_gallery img{
	width:80%;
}
#models li a{
	display: block;
	margin-top: 10px;
	color:#EE8027;
}
/* pager */
.the-pager {
    text-align: center; width: 100%; z-index: 800; position: relative; top: 10px; overflow: hidden;
}
.the-pager span {
    font-family: arial; font-size: 50px; width: 16px; height: 16px;
    display: inline-block; color: #333; cursor: pointer;
}
.the-pager span.cycle-pager-active { color: #A03123;}
.the-pager > * { cursor: pointer;}
.register_radio{
	margin-bottom: 15px;
}
.register_radio li{
	display: inline-block;
	font-size: 13px;
	margin-right: 10px;
}
.register_radio li input{
	width:auto;
}
#sub{
	position: relative;
	background-color: #0d4350;
	background-color: #93c7d1;
	background-color: #0d4350;
	background-color: #00acce;
	background-color: #177890;
	width:90%;
	padding: 10px 5% 0 5%;
	margin-left: auto;
	margin:auto;
	z-index: 128;
	overflow-y: hidden;
}

#sub ul{
		position: relative;
	display: inline-block;
	overflow-y: hidden;
	line-height: 24px;
	transition: all 0.5s ease-in-out;

}
#sub li{
	margin-right: 20px;
	padding-right: 10px;
	font-size: 15px;
	text-transform: uppercase;
	border-right:1px solid #0d4350;
	font-family: 'Oswald', sans-serif;
}
#sub li:last-child{
	border-right:none
}
#sub li a{
	color:#00acce;
	color: #0d4350;
	color:white;
	opacity: .6;
	transition: all 0.5s ease-in-out;
}
.anchor{
	position: relative;
	top:-150px;
}
#sub li a:hover,#sub li a.current{
	color:white;
	opacity: 1;
}
main.fixed{
	padding-top:60px;
	padding-bottom: 0px;
}
main.the_education.fixed{
	padding-top:0;
	padding-bottom: 0px;
}
main.sub_fixed{
	margin-top: 100px;
	padding-top:0px;
	padding-bottom: 0px;
	margin-bottom: 0;
}
main.the_outreach.sub_fixed{
	margin-top: 0;
}
#sub.fixed,#top.fixed,#sub_media.fixed{
	position:fixed;
	top:60px;
	left:0;
/* 	background-color: red; */
	-webkit-box-shadow: 0px 0px 8px 2px #000000;
    -moz-box-shadow: 0px 0px 8px 2px #000000;
    box-shadow: 0px 0px 8px 2px #000000;
}

.the_outreach #intro{
		background-image: url(../imgs/science_and_society.jpg);
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;

}

#intro{
	position: relative;
	display: block;
	width:60%;
	padding: 90px 20%;
	color:#efefef;
	background-color: #0d4350;
	margin: 0;
}
#intro > h2{

	font-size: 28px;
	color:#00acce;
	text-align: center;
	margin-bottom: 25px;
}
.intro_gallery{
	position: relative;
	width:100%;
	height:200px;
	overflow: hidden;
	margin-bottom: 30px;
}
.intro_gallery img{
	width:100%;
}
#loader{
	position: absolute;
	text-align: center;
	top:0;
	left:0;
	margin: 0;
	width:60%;
	height:100%;
	padding:0 20%;
	background-color: #ededed;
	z-index: 288;
	overflow: hidden;
}
#loader i{
	position: relative;
	top:49%;
	font-size: 40px;
}
.project_info,.people{
	position: relative;
	width:90%;
	padding: 0 3% 60px 7%;
}
.project_text,.project_gallery{
	position: relative;
	width:100%;
}
.project_gallery img{
	position: relative;
	width:100%;
}
.people{
}
.the_profile{
	position: relative;
	width:76%;
	padding: 80px 12%;
}
.profile_pic{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width:200px;
	height:200px;
	background-color: #545454;
	margin-right: 40px;
	overflow: hidden;
}
.profile_pic img{
	height:100%;
}
.profile_pic svg{
	opacity:.2;
}
.profile_info{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 60%;
	font-size: 15px;
}
.profile_info a{

	margin-right: 7px;
}
.profile_info .button {
	margin-right: 10px;
	font-size: 12px;
	padding-top:0;
	padding-bottom:0;

}
.profile_bio{
	position: relative;
	display: block;
	vertical-align: top;
	width: 100%;
	margin-top: 25px;
	font-size: 15px;
}
.profile_info li{
	display: block;
}
.profile_info h4{
	font-size: 20px;
	border-bottom: 1px solid #888;
	padding-bottom: 10px;
	margin-bottom: 21px;
	color:#00acce;
}
.profile_info h5{
	font-size: 13px;
	display: inline-block;
	color:#00acce;
	margin-right: 10px;
	width:100px;
}
a.reset_results{
}
a.reset_results:hover{
	color:#00acce;
}
a.people_back.button{
	border-radius:50%;
	padding: 10px 13px;
}

a.people_back,a.project_back{
	position: relative;
	left:-20px;
	font-size: 28px;
	color:#00acce;
}
.the_text ol{
	margin:10px 0 10px 10px;
}
.the_text ol li{
	margin-bottom: 5px;
}
.fit{
	width:100%;
}
.books{
	position: relative;
	width:100%;
	padding: 0;
	background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%2300acce' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}
.section_highlights{
	position: relative;
	width:80%;
	padding: 29px 10%;
	background-color: #00acce;
	color:white;
	height:280px;
	overflow: hidden;
}
.the_block.main_highlights{
	width:80%;
	padding: 45px 10% 105px;
/*
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%2300acce' fill-opacity='0.12' fill-rule='evenodd'/%3E%3C/svg%3E");
*/


background:
radial-gradient(circle farthest-side at 0% 50%,#ffffff 23.5%,rgba(240,166,17,0) 0)21px 30px,
radial-gradient(circle farthest-side at 0% 50%,#d6f2f7 24%,rgba(240,166,17,0) 0)19px 30px,
linear-gradient(#ffffff 14%,rgba(240,166,17,0) 0, rgba(240,166,17,0) 85%,#ffffff 0)0 0,
linear-gradient(150deg,#ffffff 24%,#d6f2f7 0,#d6f2f7 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#d6f2f7 0, #d6f2f7 76%,#ffffff 0)0 0,
linear-gradient(30deg,#ffffff 24%,#d6f2f7 0,#d6f2f7 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#d6f2f7 0,#d6f2f7 76%,#ffffff 0)0 0,
linear-gradient(90deg,#d6f2f7 2%,#ffffff 0,#ffffff 98%,#d6f2f7 0%)0 0 #ffffff;
background-size:40px 60px;
/*
#9ed5e0
#c6eef6

#d6f2f7
*/
}
.the_block.innovation{
	background-image: url(../imgs/innovation_bck3.png);
	background-position: left top;
	background-size: cover;
	background-attachment: fixed;
	width: 56%;
	padding: 85px 22%;
}
.the_block.innovation .content > h3{
text-align: center;
font-size: 24px;
margin-bottom: 5px;
}
.section_highlights.publications{
	background-image: url(../imgs/publications_highlights.jpg);
	background-position: left top;
	background-size: cover;
	background-attachment: fixed;
}
.section_highlights >ul >li{

	height:auto;
}
.section_highlights.jobs{
	background-image: url(../imgs/bck_jobs.jpg);
	background-position: left top;
	background-size: cover;
	background-attachment: fixed;
	margin-bottom: 30px;
}

.terms li{
	margin-bottom: 40px;

}

.section_highlights > h2{
	position: absolute;
	float:left;
	display: inline-block;
	width: 160px;
	color:rgba(255,255,255,.7);
}
.section_highlights ul  > li {
	width:90%;
	padding: 59px 5% 29px;
}

.section_highlights.publications ul  > li {

	padding: 59px 5% 0;
}

.section_highlights.high_projects ul  > li {
	min-height: 180px;
}
.section_highlights .jobs > ul{
	position: relative;
    width: 70%;
    padding: 29px 15%;
}
.section_highlights ul.jobs {
	position: relative;
    width: 70%;
    padding: 29px 15%;
}
.section_highlights ul.jobs > li {
	position: relative;
    width: 70%;
    padding: 29px 15%;
}
.cycle-pager{

	font-size: 48px;
	cursor:pointer;
	color:#00acce;
	text-align: center;

}
.cycle-pager span{
	opacity: .4;
	font-size: 68px;
}

span.cycle-pager-active {
	opacity: 1;
}





.jobs .cycle-pager{


	color:white;

}
.jobs span.cycle-pager-active {
	color:#00acce;
	color:white;
}

.section_highlights ul  > li h3 a{
	color:white;
	font-weight: 300;
	font-size: 28px;
}
.section_highlights ul  > li h3{
	font-weight: 600;
	width:100%;
	display: inline-block;
	vertical-align: top;
}
.section_highlights ul  > li h2.job_title{
	font-size: 21px;
}
.section_highlights ul  > li h5{
	font-size: 13px;
	line-height: 18px;
}
.section_highlights ul  > li h3 .highlight_title{
	display: inline-block;
	width: 60%;
	margin-left: 18px;
}
.section_highlights ul > li h3 a img{
	background-color: white;
	display: inline-block;
}
.section_highlights ul  > li h4{
	font-size: 14px;
	font-style: italic;
}
.section_highlights ul  > li h4 strong{
	color:#00acce;
}
.section_highlights ul  > li h4 span{
		font-style: normal;
}
.section_highlights ul  > li h5{
	text-transform: none;
}
.section_highlights ul  > li a svg{
	width:30px;
	fill:white;
}
.section_highlights ul  > li .project_img{

	display: inline-block;
	width:30%;
	vertical-align: top;
	margin-right: 13px;
}
.section_highlights ul  > li .project_img img{
	position: relative;
	width:100%;
}

.section_highlights.high_projects{
	background-image: url(../imgs/projects_highlights.png);
	background-position: left top;
	background-size: cover;
	background-attachment: fixed;
}
.section_highlights.high_projects img{
	width:180px;
}
.books ul.publications_list {
	position: relative;
	width:90%;
	padding:0 5% 140px;
}
.books ul.publications_list  > li{
	position: relative;
	width:23.33%;
	padding:20px 5%;
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	line-height: 18px;
	margin: 0;
}
.books ul.publications_list  > li a{
	margin-top: 7px;
	position: relative;
	display: block;
	width:20px;
}
.books ul.publications_list  > li a svg{
	width:100%;
	fill:#00acce;
}
.books ul.publications_list  > li.full{
	width:90%;
	display: block;
	font-size: 24px;
/* 	background-color:#00acce; */
	color:#00acce;
}
.books ul.publications_list > li h3{
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
}
#the_searcher{
	position: relative;
	width:50%;
	padding: 30px 25%;
}
#the_searcher input, #the_searcher button{
	display: inline-block;
	vertical-align: top;
	padding:15px;
}
#the_searcher input{
	width:60%;
}
#the_searcher button{
	margin: 0;
	margin-left: 10px;
}
#top_return{
	position: fixed;
	background-color: rgba(255,255,255,.7);
	bottom:20px;
	right:20px;
	z-index:1000;
	padding:20px;
	display:none;
	border-radius:50%;
	color:#00acce;
	border:1px solid #00acce;
}
#top_return:hover{
	background-color: rgba(0,172,206,1);
	color:white;
}
#top_return.revealed{
	display:block;
}
#research_team{
	position: relative;
	width:100%;
	text-align: center;
	padding:80px 0;
	background-image: url(../imgs/mesh_01.svg);
/*
	background-repeat: no-repeat;
	background-size: cover;
	background-size: 300%;
	background-position: fixed;
*/
	background-position: left top;
	background-size: cover;
	background-attachment: fixed;
}

#research_team .button.blue {
	padding-top:5px;
	padding-bottom: 5px;
    font-size: 15px;
}
#research_team > h2{
	font-size: 28px;
	color:#00acce;
	margin-bottom: 28px;
}
#research_team > h2 svg{
	width:6%;
	fill:#0d4350;
	fill:#00acce;
	opacity: .7;
	margin-bottom: 30px;
}
#research_team h3{
	font-size: 16px;
	color:#282828;
	margin-bottom: 20px;
	line-height: 20px;

}
/*
.research h4{
	color:#333;
	line-height: 20px;
}
.research h4 strong{
	color:#00acce;
}
*/


#research_team .text h3{
	display: block;
	text-align: center;
	font-size: 28px;
	color:#00acce;
	margin-top: 60px;
	margin-bottom: 80px;
}
#research_team .text .button{
	margin: 20px auto;
}
#research_team .publications_txt{
	font-size: 13px;
	margin-bottom: 80px;
}
#research_team .box_list{
	margin-bottom: 50px,
}
#research_team .team_projects{
	position: relative;
	display: block;
	width:100%;
	margin-bottom: 100px;
}
#research_team .team_projects{

}
#research_team .team_projects li{
	position: relative;
	width:30%;
	margin: 0;
	margin-right: 2px;
	display: inline-block;
	list-style: none;
}
#research_team .team_projects li a{
	position: relative;
	display: block;
	width:80%;
	padding:18px 10%;
	font-size: 15px;
	background-color: white;
	color:#00acce;
	min-height:180px;
	overflow: hidden;
	font-family: 'Oswald', sans-serif;
}
#research_team .team_projects li:nth-child(even) a{
	background-color: #a1d7e9;
	color:#00acce;
}
#research_team .team_projects li a:hover{
	background-color: #00acce;
	color:white;
}
#research_team .back{
	position: absolute;
	top:10px;
	left:10px;
	font-size: 13px;
	font-weight: 800;
}
.group_investigator{
	font-size: 13px;
	color:#888;
	line-height: 15px;
}
.the_wide.jobs{
	margin-top: 0;
	padding-top: 0;
}
.job_archive{
	position: relative;
	width:70%;
	padding:10px 15%;
}
.job_archive > h3{
	text-align: center;
	font-size: 28px;
}
.job_archive ul li{
	vertical-align: top;
	margin-bottom: 20px;
	width:40%;
	padding:15px 5%;
}
.job_archive ul li h2{
	color:#00acce;
}

.job_archive ul li h3{
	font-size: 13px;
	margin-bottom: 0px;
	padding-bottom: 0;
}

.job_archive ul li h4{
	font-size: 13px;
}
.job_archive ul li h4:last-child{
	margin-bottom: 13px;
}
.job_archive ul li .button,.section_highlights ul  > li .button{
	margin-right: 5px;
	font-size: 11px;
	font-family: "Oswald";
	padding: 2px 11px;

}

.the_wide.partnerships{
	position: relative;
	display: block;
	width:60%;
	padding: 120px 20% 30px;
}
.the_wide.team,.the_wide.contacts, #maintnance{
	position: relative;
	display: block;
	width:100%;
	padding: 0 0 30px;
}
#maintnance{
	min-height: 70vh;
	padding: 15vh 10%;
	width:80%;
	text-align: center;
}
#maintnance h3{

}
.partnerships_list{
	position: relative;
	margin-top: 80px;
}
.the_wide.team, #maintnance{
/*
	background-image: url(../imgs/people_bck.jpg);
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
*/
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%2300acce' fill-opacity='0.07' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.partnerships_list li{
	position: relative;
	display: block;
	width:100%;
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 80px;
}
.partnerships_list li h3{
	color:#00acce;
	font-size: 18px;
	margin-bottom: 5px;
}
.partnerships_list li img{
	width:30%;
	display: inline-block;
	vertical-align: top;
}
.partner_info{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	margin-left: 40px;
}
.partner_info a{
	margin-top: 15px;
	font-size: 13px;
	color:#00acce;
	display: block;
}
.support{
	position:relative;
	width:100%;
	margin:40px 0;
}
.support li{
	position:relative;
	display:inline-block;
	vertical-align: top;
	margin-right:20px;
}
.support li img{
	height:50px;
}
#the_archive{
	padding-top:20px;
	font-size: 11px;
}
#the_archive >h3{
	text-align: center;
	color:#00acce;
	font-size: 28px;
}
#the_archive .button{
	padding-top: 1px;
	padding-bottom: 1px;
}
#the_archive ul{
	position:relative;
	width:80%;
	padding: 0 10% 90px;

/*
	  -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
*/
}
#the_events{
	width:60%;
	padding:80px 20%;
}
#the_events li{
	width:40%;
	padding: 5%;
	display: inline-block;
	vertical-align: top;
}
#the_events li h3 {
	margin-bottom: 0px;
}
#the_events li h3 a{
	font-size: 21px;
	color:#00acce;
}
#the_events li h4{
	font-size: 15px;
	margin-bottom: 18px;
}
#the_events li img,#events_display img{
	width:100%;
}
#events_display{
	position: relative;
	width:60%;
	padding: 90px 20% 80px;
}
#news_display{
	position: relative;
	width:60%;
	padding: 80px 20% 80px;
}
#news_display a.button,#events_display a.button{
	position: relative;
	float: right;
	top:-20px;
	border:50%;
	border-radius:50%;
	padding: 8px 13px;
}
#news_display h4{

}
#news_display h3,#events_display h3{
	font-size: 28px;
	color:#00acce;
	margin-bottom: 20px;
}
#news_display .news_media,#events_display .news_media{
	width:100%;
	margin-bottom: 20px;
}
#news_display .news_media img{
	width:50%;
}
#the_archive li.full_li{
	display: block;
	margin: 40px 0 18px 0;
	border-top:1px solid #aeaeae;
	border-bottom:1px solid #aeaeae;
	padding: 10px 0;
	font-size: 24px;
	width:100%;
	text-align: center;
}
#the_archive li{
	position: relative;
	width: 32%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 30px;

}
#the_archive li > a {
	position: relative;
	display: block;
	width:80%;
	padding: 0 5%;

}
#the_archive li >h4{

	font-family: "Roboto", sans-serif;
	font-size: 13px;
	font-weight: 400;
}
#the_archive li > a >h3{
	font-size: 18px;
	color:#00acce;

}
#cinema_container{
	position: relative;
	margin-top: 180px;
	width:70%;
	padding:0 15%;
}
main.cinema{
	margin:0;
	padding-top:40px;
	background-color: #177890;
	background-color: #0d4350;
		background-image: url(../imgs/bck_cinema.jpg);
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}
#cinema{
	position: relative;
	margin-top: 180px;
	width:80%;
	margin: 140px auto 0;
	padding-bottom: 80px;
}
#playlist{
	position: relative;
	margin-top: 180px;
	width:100%;
}
#playlist{
	position: relative;
	margin: 80px auto;
	width:100%;
	padding: 0;
}
#playlist li{
	position: relative;
	width:25%;
	display: inline-block;
	margin:0;
	max-width: 25%;
	vertical-align: top;
}
#playlist li a{
	position: relative;
	display: block;
	width:90%;
	padding: 20px 5%;
	background-color: #fefefe;
}
#playlist li a:hover{
	color:#fefefe;
	background-color: #00acce;
}
#playlist li img{
	position: relative;
	width:100%;
}
#playlist li h4{
	height:56px;
	line-height: 21px;
}
#events{
	position:relative;
/*
	width:60%;
	padding:80px 20%;
*/
		width:100%;
	padding:20px 0;
}
#events > ul > li{
	margin-bottom: 40px;
}
#events > ul > li h3{
	color:#00acce;
	margin-bottom: 7px;
	font-size: 24px;
}
#events > ul > li h4{
	font-size: 18px;
	margin-bottom: 13px;
}
#events a{
	color:#00acce;
}
#main_office{

}


.pdf_file{

	float: left;
}
.fb_share{

	float: right;
}
.the_ops{
	clear: both;
	margin-top: 30px;
	padding-top: 20px;
	border-top:1px solid #ddd;
	display: block;
	position: relative;
	margin-bottom: 90px;
}
.the_concluded{
	position: relative;
	width:60%;
	padding: 40px 20%;
}
.the_concluded > h3{

	margin-bottom: 30px;
}
.the_concluded >ul > li{
	display: block;
	margin-bottom: 20px;
	font-family: 'Oswald', sans-serif;
	font-weight: 200;
}
.the_concluded >ul > li a{
  color:#333;
}


.the_concluded >ul > li a .acro{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 21px;
		color:#00acce;
}
/*-------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1080px) {
	#op_nav{
		display: block;
		width:100%;
		padding:0 5%;
		margin-bottom: 23px;
	}
	#menu_nav,#submenu_nav{
		display: block;
		width:20%;
		margin-left: auto;
		margin-right: auto;
	}
	#sub ul {
	display: block;
		overflow: hidden;
	}

	#menu li:first-child {
		margin-top: 20px;
	}
	#menu li {
		display: block;
		width:100%;
		text-align: center;
		margin: 0;
/* 		border-bottom: 1px solid white; */
		margin-bottom: 3px;
	}
	#menu li:last-child {
		border-bottom:none;
		padding-bottom: 0px;
	}
	#menu ul{
		width:100%;
	}
	#menu li a{
		background-color: #333;
		opacity: .5;
		padding: 8px 20px;
		display:block;
	}
	#menu li a:hover{
		opacity: 1;
	}
	element {
}
	.box_list li {
    	width: 45%;
	}
	#content.projects > li {

   	 	width: 92%;

   }
   .books ul.publications_list > li {

    position: relative;
    width: 90%;
    padding: 20px 5%;
    }
    .the_block.innovation,#content.courses > li,#intro,.the_wide.partnerships{

   	 width: 80%;
   	 padding: 45px 10%;

   }
   #intro,.the_wide.partnerships{
	  padding-top: 80px;
	 }
#the_archive li,#playlist li {
	width:100%;
	max-width:100%;
	margin-bottom: 10px;
	 }


	#content.platforms > li .the_img {
display: block;
margin: 0;
    width: 78%;

}
#content.platforms > li .the_text {
	margin: 0;
	width:100%;
}
.partnerships_list li img {
	width:100%;
}
	 .partner_info {

    display: block;
    width:100%;
    margin: 0;
    margin-top: 20px;
    }

}
/*-------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 980px) {
	#logotipo{
		display: block;
		position: relative;
		text-align: center;
		width:30%;
	}
	#operations{
		right:0;
	}
	.operations_box{
		width:68px;
	}
	#social_media li a i,#ops li a i{
		top:5px;
	}
	#social_media li a,#ops li a{
		width:38px;
		height:38px;
		-webkit-box-shadow: 0px 0px 8px 2px #00acce;
		-moz-box-shadow: 0px 0px 8px 2px #00acce;
		box-shadow: 0px 0px 8px 2px #00acce;
	}
	#op_nav{
		display: block;
		width:100%;
		padding:0 5%;
		margin-bottom: 23px;
	}
	#operations ul li{
		display: block;
		width:100%;
	}
	#operations ul{
		display: block;
		margin: 0;
	}
	#social_media li ,#ops li {
		padding:20px 15px;
		background-image:  url(imgs/trans_w80.png);
		background-repeat: repeat;
		margin-bottom: 0;
	}
	#social_media.fixed li a,#ops.fixed li a{
		background:none;
		color:#00acce;
	}
	#sub{
		position: relative;
		width:96%;
		padding: 10px 2%;
	}
	#sub li{
		position: relative;
		width:100%;
		border:0;
		text-align: center;
		display: block;
		margin-bottom: 3px;
	}
	#sub li a{
		position: relative;
		display: block;
		width:90%;
		padding: 5px 5%;
		background-color: rgba(255,255,255,0.5)
	}
	ul.the_groups > li {
		min-height: auto;
		max-height: auto;
	}
	.research h3 {
    font-size: 28px;
}
#research_team .team_projects {
	padding: 0;
}
#research_team .team_projects li {
	width:100%;
	padding:0 0 20px;
	margin: 0;
}
.box_list li {
    width: 100%;
}

.sub_fixed .search_box {

    padding-top:  60px;
}
.search_box{
	text-align: center;
}
.search_box form {
	width:100%;
	max-width: 100%;
margin: 0;
text-align: center;
}
.search_box input[type="text"] {
    padding: 7px 5%;
    max-width: 90%;
    display: block;
    margin-bottom: 15px;
}
.search_box button {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

	.search_element select{
   margin-bottom: 10px;
}
#the_platform {
	width:80%;
	padding: 10px 10% 80px;

}
#the_platform .platform_info {

    width: 100%;
    margin: 0;
    display: block;
    text-align: center;

}
#the_platform .platform_info h4{
	text-align: center;
}

#the_platform .text {

    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    margin-top: 20px;

   }


  #project .project_side {

	  display: block;
	  width:100%;
	  margin: 0;
	  margin-bottom: 40px;
	 }


	 .certi{
	 	position: relative;
	   display: block;
	   width:30%;
	   margin: 0 35%;
	 }


	.the_block.home_options ul li{
			display: block;
	width:100%;



	}
	.the_block.home_options ul li a{
		 text-align: left;
		 font-size: 18px;
	 }

	 .the_concluded{
	position: relative;
	width:80%;
	padding: 40px 10%;
}

}
/*-------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 780px) {
	.the_block{
	position: relative;
	width:84%;
	margin: 0;
	padding: 85px 8%;
	}
	#logotipo{
		top:0%;
		left:30px;
		width:45%;
	}
	#wellcome_slogan{
		top:50%;
		font-size: 13px;
	}
	.logo_title{
		font-size: 15px;
		line-height: 16px;
		display:none;
	}
	.highlights,.side_feature{
		display: 	block;
		width:100%;
		margin-right: 0;
	}
	.highlights{
		margin-bottom: 50px;
		height:auto;
		padding-bottom: 56%;
	}
	#events{
		width:100%;
		padding: 10px 0;
	}
	.menu_highlights ul li{
		position: relative;
		display: inline-block;
		text-align: center;
		margin: 5% 5%;
		margin-bottom: 40px;
		width:65%;
	}
	#pagina{
		padding-top: 120px;
	}
	ul#menu_items li {
		font-size: 28px;
	}
	#atop_content{
		width:70%;
		padding: 10%;
	}
	.background img{
		width:200em;
	}
	.the_block.features ul li a{
		top:10%;
	}
	.the_block.features ul li a .svg{
		display:block;
		margin-bottom: 25px;
	}
	#the_news > ul > li{
		width:90%;
		margin-right: 0;
		border: none;
	}
	#wellcome_wrapper{
			height:400px;
	}
	#wellcome img{
		width:180%;
	}
	#wellcome{
		padding-bottom: 70%;
	}
	#wellcome.home{
		padding-bottom: 90%;
	}
	#wellcome_bck {
		position: absolute;
		left:0;
		top:0;
		width: 100%;
	}
	.footer_column,#footer .contact{
		display: block;
		width:69%;
		margin-bottom: 40px;
	}
	#copyright{
		width:100%;
		margin: 0;
	}
	.footer_column li{
		line-height:19px;
		font-size: 13px;
	}
	#register .output{
		display: block;
		width:100%;
		padding:0;
		margin:0;
	}
	.text{
		line-height: 18px;
		font-size: 14px;
		width:76%;
		padding:0 10%;
		text-align: justify;
	}
	.text p{
		margin-bottom: 18px;
	}
	li.the_browser .search_element,li.the_browser form{
		display:inline-block;
	}

	#education{
		 height:auto;
		 background: none;
		 background-color: #0d4350;
background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23ffffff' fill-opacity='0.13' fill-rule='evenodd'/%3E%3C/svg%3E");
	 }


}
