@charset "utf-8";
/*********** COLORS ***************
color #18a0ad
/************* GENERAL SETS *********************/
html {
	position: relative;
	margin: 0;
    height: 100%;
    background: #00A0AE;
/*     background: #ef5a28; */
/*     background: #d0ecee; */
	background-repeat: repeat;
	background-attachment: fixed;
}
body {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: "Exo", sans-serif;
	font-family: "Roboto Slab", serif;
	font-family: "Roboto", sans-serif;
	color:#333;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
/* 	background-color: #eaeaea; */
	display: block;
/*
	background-color: #e6faf7;
	background-color: #18a0ad;
*/
	color: #e2fcfc;
	color: #ddd872;
	color: #333;
	width: 100%;
	height: 100%;
/* 	background-image: url(../imgs/bck_trash01.png),url(../imgs/noise_01.png); */
	background-image:url(../imgs/noise_01.png);
	background-image:url(../imgs/bck_trash06.png);
	background-repeat: repeat;
}
body,main{
/* 	background-image: url(../imgs/noise_01.png); */
}
html { height: 100%; }
img{
	border:0;
}
ul,li{
	margin: 0
}
ul{
}
li{
	;
	list-style: none;
	display: inline-block;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
}
a,#operations{
	color:black;
	text-decoration: none;
}
/*
input,textarea{
	border:none;
	font-family: "Roboto", sans-serif;
	color:#777;
	font-size: 11px;
	font-style: italic;
	padding: 8px;
}
*/
input[type="text"], input[type="email"],input[type="password"], textarea {
    border: 1px solid #999;
    color: #999;
    display: block;
    font-style: italic;
    margin-bottom: 20px;
    padding: 4%;
    width: 92%;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    border-radius: 3px;
    border:0;
}
button{
	cursor:pointer;
	margin-top: 10px;
	color: #333;
	border:1px solid #333;
	padding:13px 18px;
	background-color: #dedede;
	border-radius: 3px;
	min-width:80px;
	max-width: 300px;
	border:none;
	font-size: 13px;
	font-weight: 300;
	text-transform: uppercase;
}
button:hover{
	color:white;
	background-color: #18a0ad;
   	transition: background-color .25s ease-in-out;
   -moz-transition: background-color .25s ease-in-out;
   -webkit-transition: background-color .25s ease-in-out;
}
#promo{
	position:relative;
	display: block;
	width:100%;
	text-align: center;
	height:100%;
}
#promo img{
	position: relative;
	top:300px;
	width: 40%;
	z-index: 1000;
	margin-left: auto;
	margin-right: auto;
	z-index: 98;
}
#promo h3{
	position: absolute;
	top:530px;
	color: white;
	left:48%;
	z-index: 78;
	font-size: 18px;
	cursor: pointer;
}
#promo h3 a{
	color:white;
}
#playground{
	position: absolute;
	top:0;
	width: 100%;
	height:100%;
/* 	background-color: red; */
	z-index:8888;
	overflow: hidden;
	pointer-events:none;
	display: block;
}
#playground > img{
	position: absolute;
	width:20%;
	cursor:pointer;
	opacity: .8;
	z-index: 888;
	pointer-events:all;
	-webkit-filter: drop-shadow( 5px -5px 1px #999  );
    filter: drop-shadow( 0px -2px 2px #999 );
}
#close_playground{
	position: relative;
	display: inline-block;
	top:0px;
	left:50%;
	width:30px;
	cursor:pointer;
	pointer-events:all;
}
header,#header{
	position: relative;
 	width:100%;
	padding:0;
	min-height:40px;
	background-color:#84e1f0;
	background-color: white;
	z-index: 28;
	margin: 0;
	background-repeat: repeat;
	background-position: center top;
	-moz-box-shadow:    0px 2px 6px 3px #333;
	-webkit-box-shadow: 0px 2px 6px 3px #333;
	box-shadow:         0px 2px 6px 3px #333;
	border:none;
	overflow: hidden;
}
#logo{
	position: relative;
	top:5px;
	width:20%;
 	display: inline-block;
 	text-align: center;
 	margin-bottom: 0px;
	margin-left: 40px;
	margin-right: 20px;
	height:100%;
}
#logo img{
	min-width:150px;
	max-width: 260px;
	width:100%;
}
#pagina{
	position: relative;
	display: block;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 18;
	height: auto;
	min-height: 100%;
	padding-bottom: 12em;
	padding-top: 0px;
	width:100%;
	background: transparent;
}
#header.main-nav-scrolled {
  position: fixed;
  width: 100%;
  top: 0;
}
#pagina.main-nav-scrolled {
	margin-top: 60px;
}
#footer_content,.content_wrapper,main{
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.content_wrapper,#menu-sticky-wrapper,#footer_content{
	display: block;
	min-width:300px;
	max-width: 900px;
	width:95%;
}
.content_wrapper{
	padding-top:50px;
}
.article_gallery{
	width:100%;
}
.article_gallery img{
	width:100%;
}
.content_box{
	display: block;
	min-width:300px;
	max-width: 900px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	min-height: 600px;
	padding: 0;
	font-size: 17px;
	font-weight: 300;
	background-color: white;
	width:100%;
}
#menu-sticky-wrapper{
	margin-left: auto;
	margin-right: auto;
}
#menu_quizz{
	position: relative;
	top:0px;
	width: 100%;
	z-index: 20;
}
#menu{
	position: relative;
	display: inline-block;
	vertical-align: top;
	top:0px;
	width:64%;
	margin: 0;
	padding: 0;
/* 	height:100%; */
}
#menu > ul, #menu_quizz > ul{
	position: relative;
	min-width:300px;
	max-width: 984px;
	width:100%;
	top:0px;
	text-align: center;
	padding: 0px;
	background-color: red;
	background: transparent;
}
#menu > ul{
	position: relative;
	width:100%;
	text-align: left;
	margin: 0;
	padding: 0;
/*
	min-height: 50px;
	max-height: 50px;
*/
/* 	max-height: 100px; */
	display: block;
	width: 100%;
}
#menu > ul > li {
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	margin: 0;
	padding: 0;
	float: left;
/* 	width:auto; */
	min-width: 86px;
	text-align: center;
}
#menu li:last-child {
	border:none;
}
#menu li:last-child{
	margin-right: 0px;
}
#menu >ul > li >a{
	color:#84e1f0;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0px;
	color: #333;
	padding: 18px 3%;
	min-height:100%;
	border:none;
	border-right:1px solid #dedede;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	width: 93%;
	float: left;
}
#menu li:first-child a{
	border-left:1px solid #dedede;
}
#menu a:hover,#menu a.selected{
	color: #18a0ad;
	background-color: #f5f5f5;
}
#sub_menu{
	position: relative;
	padding: 0px 0px 0 0;
	display: inline-block;
	vertical-align: top;
	margin-top: 0px;
	z-index: 38;
	left:0;
	top:0px;
	width: 100%;
	background-color: #18a0ad;
	background-color: #18a0ad;
	background-color: #f5f5f5;
	border-top:1px solid #ddd;
	background-color: white;
/* 	background-color: #444; */
/* 	box-shadow: 0px 0px 13px #333; */
}
#sub_menu ul{
	position: relative;
	text-align: left;
	text-align: center;
}
#sub_menu li{
	position: relative;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#84e1f0;
    display: inline-block;
}
#sub_menu > ul > li > a{
	display:inline-block;
	line-height:1em;
/* 	margin-top:-0.5em; */
	font-size: 12px;
	text-align:left;
	text-transform: uppercase;
	padding: 13px 13px 10px 13px;
	color: #333;
	opacity: .8;
	border-right: 1px solid white;
}
#sub_menu li a:hover,#sub_menu li a.selected{
	color: #e85543;
/* 	color:white; */
	color: #333;
	background-color: #999;
	background-color: white;
	background-color: #18a0ad;
	background-color: #f5f5f5;
	color: #18a0ad;
}
#menu_quizz > ul > li{
	color:#84e1f0;
	width: 200px;
	height:200px;
    border-radius: 50%;
    overflow:hidden;
    background-color: aqua;
}
#menu_quizz > ul > li > a{
	display:block;
	float:left;
	width:100%;
	padding-top:48%;
    padding-bottom:50%;
	line-height:1em;
	margin-top:-0.5em;
	font-size: 18px;
	text-align:center;
	text-transform: uppercase;
	color: white;
	background-color:#e85543;
	background-color:#444;
}
#conteudo{
	border-top:2px solid black;
	margin-top: 20px;
	padding-top: 20px;
	position: relative;
/* 	/font-family: "Georgia",serif; */
}
#welcome{
	position: fixed;
	display: block;
	top:0;
	left: 0;
	text-align: center;
	width:100%;
	height:100%;
	z-index: 1;
	overflow: hidden;
}
.the_parallax {
	position: relative;
	background-repeat:no-repeat;
	background-size: 130%;
	opacity:.5;
}
.parallax-window,.the_parallax {
	width: 100%;
    min-height: 800px;
/*
	 min-width:300px;
	max-width: 900px;
	width:100%;
	margin: 0 auto;
*/
/*     background: transparent; */
}
.article{
	position: relative;
	width:100%;
}
.article_gallery{
	display: block;
	position: relative;
	min-height: 360px;
/* 	background-color: #006469; */
	max-height: 360px;
	overflow: hidden;
	 min-width:300px;
	max-width: 900px;
	margin: 0 auto;
	width:100%;
	background-color: black;
}
.brand_display{
	position: relative;
	width: 100%;
}
.brand_display li{
	position: relative;
	width: 28%;
}
.brand_display li img{
	width: 100%;
}
.text{
	position: relative;
	max-width:90%;
	display: inline-block;
	line-height: 28px;
	vertical-align: top;
	padding: 60px;
}
.text > ul{
	margin:30px 0;
}
.text > ul > li{
	margin-bottom: 15px;
	display: list-item;
	list-style: disc outside none;
	padding:0 60px 0 10px;
	font-size: 16px;
	line-height: 22px;
	margin-left: 20px;
}
.text a{
	color:#18a0ad;
	text-decoration: underline;
}
.text_operations{
	display: block;
	margin-top: 10px;
	border-top:1px solid #ccc;
	padding: 10px 0;
}
.text_operations a{
	margin-right: 40px;
}
.quote{
	position: absolute;
	top:130px;
	left:28%;
	max-width:42%;
	display: inline-block;
	line-height: 38px;
	font-family: "Georgia",serif;
	font-family: 'Reenie Beanie', cursive;
/* 	font-family: 'Clicker Script', cursive; */
	font-style: italic;
	text-align: left;
	color: #18a0ad;
	font-size: 36px;
	vertical-align: top;
	color:#D7F8FF;
}
.quote h3{
	font-size:38px;
	font-style: normal;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; height:auto; }
.bgheight { height: 100%; width:auto; }
#social_media{
	position: absolute;
	z-index: 10;
	margin-left: 20px;
}
#social_media, #operations{
	top:10px;
}
#social_media i, #operations i{
	color: #18a0ad;
}
#operations{
	position: absolute;
	right:0;
	z-index: 11;
	margin-right: 10px;
}
#social_media li{
	margin-right: 10px;
}
#operations li{
	position: relative;
	cursor: pointer;
	margin-left: 10px;
}
#footer{
   clear: both;
    position: relative;
    height: 18em;
/*     margin-top: -3em; */
    z-index: 22;
    width:100%;
    font-size: 10px;
    color:#888;
    padding-top: 10px;
 	background-color: white
 }
 #team{
 	display: inline-block;
 }
  #team {
  float: right;
  }
 #team li{
	display: inline-block;
	width:180px;
	margin-right: 20px;
	vertical-align: top;
 }
 #team li img{
	 width:70%;
 }
#footer_content h3{
	font-weight: 500;
	font-size: 11px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
/*-------------------------------------------------------------------------------------------------------------------------*/
main{
	position: relative;
	top:0px;
	left:0px;
/* 	clear: both; */
	display: inline-block;
	width:100%;
	z-index: 18;
/* 	font-family: "Georgia",serif; */
	line-height: 21px;
	font-size: 15px;
	padding:0 0 0 0;
/*
	background-color: #e6faf7;
	background-color: #18a0ad;
*/
}
#main_page{
	position: relative;
	top:30px;
/* 	clear: both; */
	display: inline-block;
	width:100%;
	z-index: 18;
/* 	font-family: "Georgia",serif; */
	line-height: 21px;
	font-size: 18px;
}
main{
	margin-top: 0px;
}
.video_prev{
	cursor:pointer;
}
#pop{
	position: fixed;
	top:70px;
	right:0px;
	min-width:250px;
	max-width: 350px;
	width:95%;
	min-height:280px;
	color:#181818;
	background-color: #adadad;
	z-index: 28;
	box-shadow: 0px 5px 8px #333;
	border:1px solid #333;
}
#pop.register{
	right: 70px;
}
#pop.contact{
	right: 30px;
}
.close_pop{
	cursor:pointer;
	position: absolute;
	top:5px;
	right:5px;
	width:18px;
	opacity:.5;
}
.close_pop:hover{
	opacity:1;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
#pop input[type="email"],#pop input[type="text"],#pop textarea{
	width:90%;
	margin-bottom: 8px;
}
#pop h2,#the_subscriber{
	padding:5% 8%;
}
#pop h2{
	font-family: "Georgia",serif;
	margin-bottom: 10px;
	padding-bottom: 0;
}
#the_subscriber,#the_contact,#the_register{
	padding: 0%;
}
.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;
}
.signupframe{
	font-size: 11px;
	padding-top: 10px;
	margin-top: 30px;
}
.signupframe input{
	margin-left: 10px;
}
#the_galleries h4{
/* 	font-family: "Georgia",Serif; */
	margin-top: 40px;
	margin-bottom: 10px;
	text-align: center;
}
#sirs{
	text-align: center;
}
#sirs li h3{
	font-weight: 600;
	font-size: 18px;
	text-align: left;
}
#sirs .sir_portrait{
	width:100%;
	height:210px;
	background-color: black;
	margin-bottom: 30px;
	overflow:hidden;
	-webkit-border-radius: 70%/70%;
	-moz-border-radius: 70%/70%;
    border-radius: 70%/70%;
    text-align: center;
    border: 1px dashed #333;
    box-shadow: 0px 0px 8px #888888;
}
#sirs .sir_portrait img{
	height:100%;
}
#sirs li{
	width:18%;
	display: inline-block;
	margin-right: 1%;
	margin-bottom: 1%;
	vertical-align: top;
	padding:20px;
	border:1px dotted #333;
}
.sir_text{
	display: block;
	margin-top: 20px;
	text-align: left;
/* 	font-family: "Georgia", serif; */
	color:#333;
}
#the_galleries{
	position: relative;
}
#the_galleries li{
	width:100%;
	display: inline-block;
	vertical-align: top;
}
.gallery{
	width:94%;
	display: inline-block;
	padding: 3%;
	border: 1px dotted #333;
	display: block;
	height:200%;
	overflow: hidden;
	text-align: center;
}
.gallery img{
	width: 94%;
	padding: 3%;
}
#the_videos{
	text-align: center;
	margin-top: 40px;
}
#the_videos li{
	width:42%;
	min-height:100px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding:2% 3% 3% 3%;
	border:1px dotted #333;
}
#the_videos li h3{
	margin-bottom: 10px;
}
#participants{
	position: relative;
	width:100%;
	text-align: center;
}
#participants li{
	width:27%;
	padding:2%;
	min-height:110px;
	border: 1px dotted #333;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
#participants >li .the_title{
	position: relative;
	/*
top:10px;
	left:10px;
*/
	display: inline-block;
	width:60%;
	vertical-align: top;
	line-height: 14px;
}
.the_title h3{
	margin-bottom: 5px;
}
.the_title h4{
	font-size: 12px;
/* 	font-family: "Georgia", serif; */
	font-style: italic;
}
#participants >li .the_portrait{
	position: relative;
	display: inline-block;
	/*
top:10px;
	left:10px;
*/
	width:80px;
	height:100px;
	overflow: hidden;
	z-index: 30;
	-webkit-border-radius: 70%/70%;
	-moz-border-radius: 70%/70%;
    border-radius: 70%/70%;
	text-align: center;
	background-color: #ccc;
	vertical-align: top;
	margin-right: 20px;
	 border: 1px dashed #999;
    box-shadow: 0px 0px 8px #888888;
}
#participants >li .the_portrait img{
	height:110%;
}
.the_width{
	display:block;
	width:100%;
}
.text_participants{
	display: none;
	margin-top: 60px;
	color: #333;
	line-height: 28px;
}
#the_news{
	position: relative;
	margin-top: 40px;
	width:100%;
	text-align: center;
}
#the_news > ul{
	width:100%;
	text-align: center;
}
#the_news > ul > li{
/* 	width:24%; */
	display: inline-block;
/* 	display: flex; */
	vertical-align: top;
/* 	border-left:1px dotted #333; */
	padding-right: 5%;
	padding-left: 5%;
	margin-bottom: 50px;
	background-color: white;
	text-align: left;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 4%;
	padding: 4%;
	width:25%;
}
#the_news > ul > li:first-child{
	margin-right: 0px;
}
#the_news > ul > li:last-child{
	margin-left: 0px;
}
#the_news > h3{
	color: #A03123;
	color: #18a0ad;
/* 	color: white; */
/*
	font-family: "Georgia",serif;
	border-top:2px solid #333;
	border-bottom: 2px solid #333;
*/
	padding: 10px 0px;
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 300;
}
#the_news ul li h3{
	color: #18a0ad;
	border: none;
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 15px;
}
#the_news h4{
	font-family: "Georgia",serif;
	font-size: 13px;
	font-style: italic;
	margin-bottom: 0;
	padding-bottom: 0;
/* 	border-bottom: 1px solid #333; */
}
.news_media{
	position: relative;
	width:100%;
	margin-bottom: 10px;
}
.news_media img{
	width:100%;
}
.news_media iframe{
	width:100%;
}
#the_news .news_gallery{
	width:100%;
	overflow: hidden;
	height: 100%;
}
#the_news .news_text{
	font-size: 17px;
	text-align: justify;
	line-height: 24px;
	color:#333;
	font-weight: 300;
}
#the_news .news_link{
	display: block;
	margin-top: 25px;
	border-top:1px dotted #333;
	font-style: italic;
	text-decoration: underline;
	font-size: 15px;
	color: #18a0ad;
	padding: 10px 0;
	text-align: left;
}
#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: #18a0ad;
	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;
}
/* 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: #18a0ad;}
.the-pager > * { cursor: pointer;}
.the_show{
	display: inline-block;
	width:100%;
}
.the_show img{
	width:100%;
}
#nav{
	position: relative;
	top:10px;
	display: none;
	width:40px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	color: grey;
	z-index: 10;
}
#content{
/*
	background-color: white;
	background-color: #e6faf7;
*/
}
.superShadow {
/*
  text-shadow:     0 1px 0 hsl(174,5%,80%),
                     0 2px 0 hsl(174,5%,75%),
                     0 3px 0 hsl(174,5%,70%);
                     0 4px 0 hsl(174,5%,66%),
                     0 5px 0 hsl(174,5%,64%),
                     0 6px 0 hsl(174,5%,62%),
                     0 7px 0 hsl(174,5%,61%),
                     0 8px 0 hsl(174,5%,60%);
                     0 0 5px rgba(0,0,0,.05),
                    0 1px 3px rgba(0,0,0,.2),
                    0 3px 5px rgba(0,0,0,.2),
                   0 5px 10px rgba(0,0,0,.2),
                  0 10px 10px rgba(0,0,0,.2),
                  0 20px 20px rgba(0,0,0,.3);
*/
}
.model_items{
	padding: 0px 60px 60px 60px;
}
.media_model{
	padding-top:40px;
}
.model_items > ul{
}
.model_items > ul > li{
	display: block;
	margin-bottom: 50px;
}
.model_items > ul > li.videos{
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 10px;
	vertical-align: top;
	max-width: 164px;
	cursor: pointer;
	padding:10px;
	background-color: #efefef;
	min-height: 180px;
}
.model_items > ul > li.videos.selected,.model_items > ul > li.videos:hover,.model_items > ul > li.fotos.selected,.model_items > ul > li.fotos:hover{
	background-color: #18a0ad;
}
.model_items > ul > li.videos img{
	width:100%;
}
.model_items > ul > li.videos iframe{
	max-width: 150px;
}
.model_items > ul > li.videos h3,.model_items > ul > li.fotos  h3{
	font-size: 12px;
	font-weight: 400;
	line-height: 17px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.model_items > ul > li.videos.selected h3,.model_items > ul > li.videos:hover h3,.model_items > ul > li.fotos.selected h3,.model_items > ul > li.fotos:hover h3{
	color:white;
}
.model_items > ul > li.fotos{
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 10px;
	width:100%;
	max-width: 164px;
	vertical-align: top;
	cursor: pointer;
	padding: 10px;
	background-color: #efefef;
}
.model_items > ul > li.fotos > h3{
}
.model_items > ul > li >h3{
	font-size: 22px;
	clear: both;
	margin-bottom: 15px;
	color:#18a0ad;
	text-transform: uppercase;
}
.model_items > ul > li.list{
}
.model_items > ul > li .model_text {
line-height: 28px;
}
.model_items > ul.ul_pollution {
	display: inline-block;
	width:28%;
	vertical-align: top;
}
.content_navigator{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width:70%;
	line-height: 24px;
/* 	background-color: #dedede; */
}
.content_navigator h3{
	font-weight: 400;
	margin-bottom: 30px;
	color: #BE1621;
	font-size: 18px;
}
.content_navigator h4{
	font-weight: 400;
	margin-bottom: 10px;
	color: #BE1621;
	font-size: 18px;
	color: black;
}
.content_text{
	margin-bottom: 40px;
}
.origins,.risks,.solutions{
	font-size: 15px;
}
.risks,.solutions{
	display:none
}
.content_menu{
	position: absolute;
	top:0;
	right:0;
}
.content_menu li{
	margin-right: 10px;
}
.content_menu li a{
	text-transform: uppercase;
	font-weight: 400;
	font-size: 13px;
}
.content_menu li a.selected,.content_menu li a:hover{
	color: #be1621;
}
.content_img,.content_img img{
	width:100%;
}
.content_img{
	margin-bottom: 10px;
}
.model_items > ul > li.pollution {
	display: inline-block;
	width:100%;
	vertical-align: top;
	margin-bottom:5px;
}
.model_items > ul > li.pollution h3{
	color: #333;
	font-weight: 400;
	cursor: pointer;
	font-size: 13px;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.model_items > ul > li.pollution h3 i{
	font-size: 18px;
	position: relative;
	top:-3px;
	color:#333;
}
.model_items > ul > li.pollution h3.selected,.model_items > ul > li.pollution h3:hover{
	color: #BE1621;
}
.model_items > ul > li.pollution h3.selected i,.model_items > ul > li.pollution h3:hover i{
	color:#BE1621;
}
.model_items > ul.protocolos{
	text-align: center;
}
.model_items > ul > li.protocolos{
	background-color: #dedede;
	max-width: 30%;
	padding: 20px;
	min-width:100px;
	max-width:100px;
	min-height:100px;
	max-height:100px;
	display: inline-block;
	vertical-align: top;
	border-radius:50%;
	text-align: center;
	position: relative;
	margin-right: 20px;
}
.model_items > ul > li.protocolos h3{
	padding-top: 18%;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.model_file{
}
.model_gallery{
	position: relative;
}
.model_gallery > ul{
}
.model_gallery > ul > li{
}
.model_gallery > ul > li img{
	width:100%;
}
.model_topic{
	max-width:80%;
	display: none;
	vertical-align: top;
	min-height: 200px;
	margin-right: 30px;
	float: left;
}
.model_topic:last-child{
	margin-right: 0px;
}
.model_topic h4{
	color: #18a0ad;
	margin-bottom: 10px;
	padding: 5px;
	border-bottom:1px solid #dedede;
}
#playstation{
	display: block;
	min-width:300px;
	max-width: 800px;
	position: relative;
	width:75%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 100px;
	background-color: black;
	min-height: 500px;
/* 	height: 500px; */
/* 	max-height: 600px; */
	padding: 0%;
	text-align: center;
	overflow: hidden;
}
#quizz_box{
	position:relative;
	width:80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding-top: 140px;
	color:white;
	min-height: 300px;
	display: block;
}
#quizz_box h3{
	font-size: 38px;
	color: white;
}
.play_background{
	position: absolute;
	top:0;
	left:0;
	z-index:8;
	opacity: 1;
	width:100%;
}
#quizz_interface{
	position: relative;
	z-index: 28;
	min-height: 300px;
}
#playstation button{
	font-size: 18px;
	color: white;
	background-color: #18a0ad;
	text-transform: uppercase;
	width: auto;
	height:auto;
	position: relative;
	padding: 10px;
	z-index: 18;
	margin: 0 5px;
}
#playstation button.quizz{
/* 	top:3%; */
	position: absolute;
	bottom:0px;
}
#quizz_question{
	background-color: white;
	width:90%;
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding:5%;
	min-height: 70%;
}
#quizz_question h2{
	font-size: 28px;
	margin-bottom: 30px;
	font-style: italic;
	color:#18a0ad;
}
#question_index{
	position: absolute;
	top:0;
	right:0;
	padding:10px;
	background-color: #dedede;
}
#level_index{
	position: absolute;
	top:0;
	left:0;
	padding:10px;
/* 	background-color: #dedede; */
}
#answers{
	text-align: center;
	width:100%;
/* 	background-color: red; */
}
#answers li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width:95%;
	min-height:50px;
	margin:0px 10px 5px 10px;
	background-color: #dedede;
	cursor: pointer;
	border-radius: 5px;
	border:6px solid white;
	border-radius: 10px;
}
#answers li:hover{
	background-color: #18a0ad;
	color: white;
}
.answer_box{
	position: relative;
	top: 0%;
	transform: translateY(0%);
	width: 90%;
	padding: 5%;
}
#answers li.correct{
	border-color: green;
}
#answers li.wrong{
	border-color: red;
}
#answers li.correct,#answers li.wrong{
	transition: background-color .25s ease-in-out;
   -moz-transition: background-color .25s ease-in-out;
   -webkit-transition: background-color .25s ease-in-out;
 }
 .mouse_active{
	 pointer-events: all;
 }
 .mouse_inactive{
	 pointer-events: none;
 }
 #copyright{
	 width:200px;
	 display: inline-block;
 }
#overall_result{
	background-color: #dedede;
	padding:20px;
	color:#18a0ad;
	border-radius: 8px;
}
#alert_box{
	position:absolute;
	min-width: 80px;
	top:20px;
	width: 100%;
	min-height: 80px;
	padding: 38px;
	z-index: 888888;
    border:none;
    box-shadow: 0 0 15px #666;
    display: block;
    background-color: #fdfaf4;
    border:1px solid #666;
    background-color: #fefefe;
/* 	border-radius: 3px; */
/* 	box-shadow: 1px 1px 12px 7px #ededed; */
}
#bt_contest{
	margin-bottom: 10px;
}
.bt_close{
	position: absolute;
	top:10px;
	right:10px;
	width:20px;
	cursor: pointer;
	opacity:.4;
}
.bt_close:hover{
	opacity:1;
}
.bt_close img{
	width:100%;
}
.small_box{
	max-width: 300px;
}
.wide_box{
	max-width: 520px;
}
.wider_box{
	max-width: 620px;
}
#alert_box h2{
	color:#30B3CB;
/* 	border-bottom:1px solid #B65534; */
/* 	text-transform: uppercase; */
	font-style: normal;
	margin-bottom: 10px;
}
#alert_box h3{
	color:#30B3CB;
	text-transform: uppercase;
	font-size: 18px;
}
#alert_box input{
/* 	margin-bottom: 10px; */
}
.the_icon{
	width:100%;
	max-width: 18px;
	margin-right: 8px;
}
.gallery_display{
	position: relative;
	display: block;
	width:100%;
	min-height: 300px;
	margin-bottom: 40px;
}
.gallery_display h3{
	margin-top: 10px;
	font-size: 18px;
	font-weight: 400;
	color:#30B3CB;
}
#gallery_navigator{
	position: absolute;
	top:220px;
	width:100%;
	z-index: 100000;
}
#gallery_navigator #g_prev,#gallery_navigator #g_next{
	position: absolute;
}
#gallery_navigator #g_prev i,#gallery_navigator #g_next i{
	color:#dedede;font-size: 48px;
}
#gallery_navigator #g_prev{
	left:10px;
}
#gallery_navigator #g_next{
	right:10px;
}
.gallery_thumb img{
	width: 100%;
}
/* pager */
.cycle-pager, .this_pager {
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom:3px; overflow: hidden;
}
.cycle-pager span,.this_pager span {
    font-family: arial; font-size: 50px; width: 16px; height: 16px;
    display: inline-block; color: #ddd; cursor: pointer;margin:0 2px;
}
.cycle-pager span.cycle-pager-active,.cycle-pager span:hover,.this_pager span.this_pager-active,.this_pager span:hover { color: #18a0ad;}
.cycle-pager > *,.this_pager > *{ cursor: pointer;}
#audio_feedback{
	position: fixed;
	top:0;
	display: none;
}
.grid-sizer{
	width:20%;
}
.gutter-sizer{
	width:1px;
}
#content_news{
	position:relative;
	padding:40px 60px;
}
#content_news li{
	position:relative;
	display: block;
	margin-bottom: 40px;
}
#content_news li .news_media{
	position:relative;
	display: inline-block;
	max-width: 40%;
	vertical-align: top;
	margin-right: 20px;
}
#content_news li .news_box{
	position:relative;
	display: inline-block;
	vertical-align: top;
	max-width: 55%;
}
.news_box h4{
	font-size: 14px;
	margin-bottom: 20px;
}
.news_box h3{
	font-size: 18px;
	color: #18a0ad;
	margin-bottom: 5px;
	font-weight: 300;
}
#the_contest{
}
#the_contest > h2,#contest_files h3{
	text-transform: uppercase;
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 18px;
}
#contest_files h3{
	font-size: 13px;
	margin-bottom: 0px;
}
#contest_files .contest_file_total h3{
	font-size: 13px;
	margin-left: 10px;
	display: inline-block;
	max-width: 50%;
	margin-right: 10px;
}
.contest_file_total{
	margin-bottom: 20px;
	border-bottom:1px solid #dedede;
}
#contest_files h4{
	margin: 0;
	padding: 0;
}
#contest_files_info{
	position: relative;
	margin: 15px 0 15px;
}
#contest_files_info li{
	margin-right: 0px;
	padding-right: 10px;
	width:42%;
	max-width: 42%;
	vertical-align: top;
	line-height: 16px;
}
#contest_files_info li:last-child{
	border-left: 1px solid #dedede;
	padding-left: 10px;
}
#contest_user{
	display: inline-block;
	vertical-align: top;
	max-width: 45%;
	min-width: 45%;
	margin-right: 40px;
}
#contest_user input[type="text"],#contest_user input[type="email"],#contest_user textarea{
	width:90%;
	padding:5%;
	border:1px solid #eaeaea;
}
#contest_files{
	display: inline-block;
	vertical-align: top;
	max-width: 48%;
	font-size: 12px;
}
#contest_files select{
	margin-bottom: 10px;
}
#contest_validate{
	max-width: 100%;
}
#contest_validate h3{
	line-height: 18px;
	font-size: 16px;
	margin-bottom: 8px;
}
#contest_validate{
	background-color: #ededed;
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 3px;
}
.contest_files {
	line-height: 18px;
	background-image: url(lines_grey_v1.png);
	background-repeat: repeat;
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 3px;
}
#contest_answer{
	margin: 10px 0;
}
#contest_answer label{
	margin-right: 8px;
	margin-left: 3px;
	font-size: 16px;
}
.contest_options{
}
#contest_validate a{
	font-size: 11px;
	text-decoration: underline;
	font-style: inherit;
	font-weight: 400;
	float: right;
}
#answer_output{
	float: left;
	max-width: 300px;
	font-size: 13px;
	font-style: italic;
}
#answer_output.wrong{
	color:red;
}
#answer_output.right{
	color:green;
}
.the_loader{
	position: relative;
	width:100%;
}
#progress_bar{
	position: relative;
	width:100%;
	color:black;
	min-height: 10px;
}
.temporary{
	text-align: center;
	max-width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding: 90px 0;
}
.article_slideshow{
	position: relative;
	width:100%;
}
.article_slideshow img{
	position: relative;
	width:100%;
}
.gallery_navigator{
	position: relative;
	width:100%;
	text-align: center;
/* 	z-index: 900; */
	font-size: 15px;
	display: block;
	padding: 5px 0;
/* 	top:-20px; */
}
.gallery_navigator a{
	margin: 0 5px;
	position: relative;
	color:#18a0ad;
}
.gallery_navigator a.g_prev{
/* 	left:-20px; */
}
.gallery_navigator a.g_next{
/* 	right:-20px; */
}
@media screen and (max-width: 1300px) {
	#menu{
		border-top:1px solid #ddd;
		width:100%;
		text-align: center;
	}
	#menu > ul {
		 text-align: center;
		 width:100%;
/*
		 max-height: 55px;
		 min-height: 55px;
*/
		margin-left: auto;
		margin-right: auto;
		max-height: 60px;
		 border-top:0;
	}
	#menu > ul > li {
		display:inline-block;
		padding: 0;
		text-align: center;
		float: none;
		border-bottom:1px solid #ccc;
    }
    #menu > ul > li:last-child {
		border-bottom:1px solid #ccc;
    }
/*
    #menu li:first-child a {
    	border:0
	}
*/
    #menu > ul > li a{
/*     	border:none; */
    }
     #header {
	     text-align: center;
	   }
    #logo {
    	margin-left: auto;
		margin-right: auto;
		padding: 20px 0;
    }
}
@media screen and (max-width: 880px) {
	#logo {
		top: 12%;
	}
	#logo img{
		width: 60%;
	}
	#nav{
		display: block;
	}
	#menu {
		position: relative;
	}
	#menu > ul > li {
     margin-bottom: 0px;
     padding: 0px 0;
/*      border: 1px dotted #ccc; */
/*      min-height: 0px; */
     margin: 0;
	 width:24%;
   }
    #menu > ul > li a{
	    vertical-align: top;
	}
    #menu > ul {
     margin-bottom: 0px;
     padding: 0;
     display: none;
     border-top:1px solid #ccc;
     max-height: 260px;
   }
    #sub_menu {
		border-top:0;
	}
    #sub_menu ul{
		width:100%;
	}
   #sub_menu li{
	width:100%;
	}
	 #sub_menu >ul >li >a{
	 border:0;
	 width:100%;
	 text-align:center;
	 padding: 22px 0 18px;
	}
   #sirs li{
	width:90%;
	margin-bottom: 20px;
	}
	#participants >li{
		width: 40%;
	}
	#the_news > ul > li{
		width:40%;
	}
	.item_resources{
		width:39%;
	}
	#quizz_question h2 {
		margin-top: 30px;
		font-size: 18px;
		margin-bottom: 30px;
	}
	#question_index{
		padding:3px 5px;
		font-size: 11px;
	}
	#pop{
		position: fixed;
		top:45px;
		right:0px;
		padding:5%;
		min-width:90%;
	}
	#pop.register,#pop.contact{
		right:0;
	}
	#pagina{
		padding-top: 00px;
	}
	#gallery_navigator {
   	 top: 150px;
	}
	#content_news li .news_box{
	max-width: 95%;
}
}
@media screen and (max-width: 480px) {
	#logo{
		width:auto;
		padding:7% 0 7%;
	}
     #menu > ul > li {
	  	display:inline-flex;
     	max-width:49%;
     	width:49%;
     	padding: 0;
     	text-align: center;
     	margin: 0;
     }
      #menu > ul > li > a{
	  	padding: 10px 3%;
     }
	 #sirs li{
	 width:90%;
	 margin-bottom: 20px;
	}
	#participants >li{
		width: 80%;
	}
	#the_news > ul > li{
		width:80%;
		margin-right: 0;
		border: none;
		padding: 9%;
	}
	#footer{
		height:28em;
	}
	#team{
		margin-top: 20px;
		float: none;
		border-top:1px solid #dadada;
		width:100%;
		padding-top: 10px;
	}
	#team li{
		padding-bottom: 20px;
	}
	#team li img{
		width:50%;
	}
	.item_resources{
		width:90%;
	}
	#answers li{
		margin:0;
	}
	#pop{
		position: fixed;
		top:90px;
		right:0px;
		padding:5%;
		min-width:90%;
	}
	#pop.register,#pop.contact{
		right:0;
	}
	#team li {
    	margin-right: 0px;
    	width: 160px;
}
.model_items {
    padding: 40px 10px 60px;
}
.model_items > ul > li.videos h3, .model_items > ul > li.fotos h3 {
/*     display: none; */
}
.model_items > ul > li.videos,.model_items > ul > li.fotos {
	max-width:125px;
	max-height:165px;
	min-height: 165px;
}
.model_items > ul > li.videos:nth-child(even),.model_items > ul > li.fotos:nth-child(even) {
	margin-right: 0;
}
.gallery_display{
	min-height: 200px;
}
#gallery_navigator {
    top: 80px;
}
}
#the_show{
	width:100%;
	overflow: hidden;
}
#the_intro_show{
	width:100%;
	overflow: hidden;
	max-height: 340px;
}
.tp_img{
	width:100%;
}
.tp_img img{
	width:100%;
}
i.mright{
	margin-right: 5px;
}