@charset "utf-8";
/* CSS Document */

*{
	box-sizing:border-box;
}
body {
	background-color:#21A9A7;
	font-family: 'Muli', sans-serif; 
	font-weight: 400;
	font-size:14px;
}

strong {
	font-weight: 800;
}

/*SECÇÕES ----------------------------*/	
#conteudo {
	margin:0 auto;	
	width:902px;
	/*height:2500px;*/
	/*padding:0 20px 0 20px; */
}
#inicio {	
	height: 404px; 
	background-color:#FFF;
	position:relative;
	width:902px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
#artico {
	height:740px;
	background-color:#fff;
	position:relative;
		/*border-width: 1px; border-style:solid;*/
}
#clima {
	height:770px;
	background-color:#fff;
	position:relative;
		/*border-width: 1px; border-style:solid;*/
}
#especies {
	height:1300px;
	background-color:#21a9a7;
	position:relative;
		/*border-width: 1px; border-style:solid;*/
}
#animais {
	height:430px; /*341px*/
	width:900px;
	background-color:#005055;
	position:relative;	
	margin-top: 115px;
	z-index: 8;
		/*border-width: 1px; border-style:solid;*/
}
#solucao {
	height:370px;
	background-color:#fff;
	position:relative;
		/*border-width: 1px; border-style:solid;*/
}
#contacto {
	height:450px;
	background-color:#CEE7E3;
	position:relative;
		/*border-width: 1px; border-style:solid;*/
}
#imagem {
	height:150px;
	position:relative;
		/*border-width: 1px; border-style:solid;*/
}

/* MENU ----------------------------*/
.fixo{
	position:fixed;
	top:235px;
	left:50%;
	margin-left: -530px; /*-515px*/
	z-index: 15;
	width: 60px;
}
.botao_menu {
	border-radius: 50%;
	width: 20px;
	height: 20px; 	
	background-color:#f6e5c9;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	
	transition: background-color .4s ease-in-out;
   -moz-transition: background-color .4s ease-in-out;
   -webkit-transition: background-color .4s ease-in-out;
}
.menu_tooltip {
	position:relative;
	right: -39px; /*-25px*/
	display: inline;
	opacity: 0.0;
/*	z-index:20; */

/*	pointer-events: none;*/
	
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.botao_menu:hover .menu_tooltip {
	opacity: 1.0;
}

#icons{
	position:absolute;
}
#img_icon1{
	position:fixed;
	top:200px;
	right:0px;
	z-index:15;
}
#img_icon2{
	position:fixed;
	top:245px;
	right:0px;
	z-index:15;
}

/*1 ONG ----------------------------*/
/*#fundo1 {
	background:
		url(../images/imagens/13_05.png) no-repeat 37px -72px,
		url(../images/imagens/13_04.png) no-repeat 0 30px,
		url(../images/imagens/13_03.png) no-repeat 96px 83px,
		url(../images/imagens/13_02.png) no-repeat 230px 70px,
		url(../images/imagens/13_01.png) no-repeat 284px 101px,
		url(../images/imagens/13_00.png) no-repeat 0 0;
 	height: 100%;
	width: 100%;
} IMAGEM INICIO ESTÀTICA*/

#img_inicio {
	overflow: hidden;
}

#txong {
	position:absolute;
	width:320px;
	top:322px; /*342px*/
	right:90px;
	color:#005055;
}

/*--2 ARTICO e CLIMA ----------------------------*/
#titulo {
	width: 300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px; /*86px*/
}
#tituloartico {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size:83px; /*74px*/
	color:#131416;
	
	text-align:center;
	padding-top:80px; /*81px*/
}
#img_titulo {
	background:
		url(../images/imagens/10_01.png) no-repeat 0 0px;
 	height: 43px;
	width: 250px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
}
#txartico {
	/*position:absolute;*/
	/*top:49px;
	left:278px;*/
	width:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px; /*50px*/
	
	color:#131416;
}
#tituloclima {
	font-family: 'Oswald', sans-serif; 
	font-weight: 400;
	font-size:25px;
	color:#faa91c;
	
	width:250px;
	margin-top: 15px; 
	margin-left: 81px;
}
#txclima {
	color:#131416;
	
	width:270px; /*252px*/
	/*position:absolute;
	top:530px; *//*634px;*/
	/*left:81px; */
	/*position: relative;
	left: 81px;
	top: 20px;*/
	margin-top:20px;
	margin-left:81px;
}
#img_info1{
	position:absolute;
	right:75px;
	top:285px;/*240px;*/
}

#img_urso{
	position:absolute;
	/*bottom:225px;*/
	left:75px;
}
#img_camada {
	position:absolute;
	top:-89px; /*-125*/
	left:0;
	z-index: 5;
}

/*--3 ESPECIES ----------------------------*/
#img_ondas1{
	position:absolute;
	/*top: -100px;*/
	/*top: -100px;*/
	z-index: 6;
	/*position: relative;
	top: -25px;
	width:902px;
	height:83px;
	left:0;
	*/
}

#img_baleia{
	position:absolute;
	/*top:30px; */
	right:75px;/*100px*/
	
	z-index: 8;
}
#tituloespecies {
	font-family: 'Oswald', sans-serif; 
	font-weight: 400;
	font-size:25px;
	color:#FFF;
	text-align:center;
	
	width: 240px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	position:relative;
	z-index:10;
}
#txespecies1 {
	position: relative;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	z-index: 8;
}

/*** BOTOES ANIMAIS ***/
/** Usando código encontrado no site http://www.impressivewebs.com/center-multiple-divs/ **/
#botoes_animais {
	position:relative;
	top: -50px;
	
	width: 650px; /*600px*/
	margin-left:auto;
	margin-right:auto;
	
	text-align: center;
	letter-spacing: 40px; /*35px*/
	
	white-space: nowrap; /*keeps the last element from potentially dropping to the next line */
	overflow: hidden; /* prevents the box from stretching in IE6 */
}
.botao_animal {
	display: inline-block;
	vertical-align: middle;
	
	width:82px;
	height:82px;
	
	background-image: url(../images/imagens/13_11.png);
  	background-repeat: no-repeat;
}
#botao_urso {
	background-position: 0px 0px;
}
#botao_morsa {
	background-position: -148px 0px;	
}
#botao_baleia {
	background-position: -296px 0px;
}
#botao_foca {
	background-position: -444px 0px;	
}
#botao_raposa {
	background-position: -592px 0px;	
}

/*** CONTEUDO ANIMAIS ***/
#infogani {
	position:relative;
	width:300px;
	float: left;
	left: 115px; /*100px*/
}
#txanimais {
	color: #FFF;	
	position:relative;
	width:300px;
	float: right;
	right: 115px;
}
#txinfogani {
	font-family: 'Oswald', sans-serif; 
	font-weight: 400;
	font-size:18px;
	color:#FFF;
	line-height:150%;
}
#img_infogani{
	width:190px;
	height:119;
	margin-top:10px;
}
#txanimais_titulo{
	font-family: 'Oswald', sans-serif; 
	font-weight: 400;
	font-size:18px;
	/*font-weight:bold;*/
	margin-bottom: 10px;
}
#txanimais_conteudo{
	width:290px; /*300px*/
	margin-top:20px;
}

#info1 {
	color:#FFF;
	font-size:12px;
	text-align:center;
	
	width:350px;
	margin-left:auto;
	margin-right:auto;
	margin-top:278px;
}
#info1 a {
	color:#FFF;
	text-decoration:none;
}

#divtxespecies23 {
	display: block;
}
#txespecies2 {
	width:330px; /*326px*/
	float:left;
	margin-left:80px;
	margin-top:2px;
}
#txespecies3 {
	width:330px;
	float:right;
	margin-right:80px;
	margin-top:2px;
}

#img_ondas2{
	/*display: block;*/
	position: relative;
	/*position:absolute;
	bottom:225px;*/
	top: -25px;
	width:902px;
	height:83px;
	left:0;
	z-index: 9;
}

#img_info4 {
	position:absolute;
	right:75px;
	bottom:180px;
}

#img_morsa {
	position:absolute;
	left:75px; /*80px*/
	bottom:40px;
	
	/*overflow: hidden;*/
}

/*--4 SOLUÇÃO ----------------------------*/
#img_gelo{
	/*position: absolute;
	bottom: 0px;
	left: 50%;*/ /*-62px**/
	position:absolute;
	width:900px;
	/*left:-510px;*/
	bottom: -1px;
	/*margin-left:auto;
	margin-right:auto;*/
		/*border-width: 1px; border-style:solid;*/
}

#titulosolucao {
	font-family: 'Oswald', sans-serif; 
	font-weight: 400;
	font-size:25px;
	color:#faa91c;
	text-align:center;
	
	width: 240px;
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
}	
#txsolucao {
	font-family: 'Oswald', sans-serif; 
	font-weight: 400;
	color:#131416; /*#005055;*/
	font-size:30px;
	text-align:center;
	line-height:120%;
	
	width:750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;	
}
#info2 {
	color:#131416; /*#005055;*/
	font-size:12px;
	text-align:center;
	
	width:400px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}
#info2 a {
	color:#131416;
	text-decoration:none;
}

/*--5 FORMULARIO ----------------------------*/
#tituloformulario {
	font-family: 'Oswald', sans-serif; 
	font-weight: 400;
	font-size:50px;
	color:#faa91c;
	text-align:center;
	
	width: 400px;
	margin-left:auto;
	margin-right:auto;
	padding-top:60px; /*50px*/
}
#txformulario1 {
	font-family: 'Oswald', sans-serif; 
	font-weight: 400;
	color:#005055;
	font-size:30px;
	text-align:center;
	
	width: 750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
#txformulario2 {
	position: relative;
	/*font-size: 18px; */
	width: 250px;
	/*margin-left: 85px;*/
	/*margin-top:40px;*/
	color:#005055;
	float:left;
	top:40px; /*30px*/
	left: 85px;
	/*margin-letf:auto;*/
	/*margin-top:50px; */
}

.formulario {
	font-family: 'Muli', sans-serif; 
	font-weight: 400px;
		
	position:relative;
	width: 368px; /*320px;*/
	top:40px; /*40px;*/
	right:70px; /*60px;*/
	/*margin:20px auto;*/
	/*padding:10px;*/
	overflow:auto;
	float:right;
	/*margin-letf:auto; */
	/*margin-top:50px; */
		/*border-width: 1px; border-style:solid; border-color:#F00;*/
}
.title{
	float:left;
	width:100px;
	text-align:left;
	padding-right:1px;
}
input, textarea{
	font-family: 'Muli', sans-serif; 
	font-weight: 400px;
	font-size:12px;
	color:#005055;
	
	background-color:#FFF;
	/*border-radius:5px;*/
	border:2px solid #034f54;
	width: 350px; /*300px*/
	padding:2px;
	display:block;
	margin-bottom:7px;
}
textarea{
	height:73px;
	resize:none;
}	
/*input:focus, input:hover, textarea:focus, textarea:hover {
	outline:none;
	background-color:#FFF;
	border:1px solid #b1e1e4;
}*/
#button {
	font-family: 'Oswald', sans-serif; 
	font-weight: 400;
	color:#1E2323;
	border-bottom: 2px solid #005055;
	background-color: #FAA91C;
	float:left;
	width:60px;
}
button:hover {
	color:#333333;
	border:1px solid #a4a4a4;
	border-top:2px solid #b2b2b2;
	background-color:#a0dbc4;
}

#info3 {
	color:#005055;
	font-size:12px;
	text-align:center;
	
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:170px;
}
#info3 a {
	color:#005055;
	text-decoration:none;
}

.foracaixa {
	width:900px;
	margin-left:auto;
	margin-right:auto;
		/*border-width: 1px; border-style:solid; border-color:#F00;*/
}	

/*--Linhas ----------------------------*/

#img_linha1 {
	position:absolute;
	top:352px; /*372px*/
	left:205px;
}
#img_linha2 {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
}
#img_linha3 {
	display: block;
	margin-left:205px;
	margin-top:10px;
}
#img_linha4 {
	position:relative;
	display: block;
	margin-left:195px;
	margin-top:10px;	
	z-index: 10; 
	
}
#img_linha5 {
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:-80px;
	z-index: 10;
}

#img_linha6 {
	position: relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;	
	z-index: 10;
		/*border-width: 1px; border-style:solid; */
}
#img_linha7 {
	position: relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	z-index: 10;
	
}
#img_linha8 {
	position: relative;
	display:block;
	top: 100px;
	/*position:absolute;
	top:372px;
	left:205px;*/
		/*border-width: 1px; border-style:solid;*/
}

/*--FOOTER ----------------------------*/	
#footer{
	position: relative;
	color:#fff;
	text-align:center;
	background:#034F54;
	width:100%;
	height:68px;
	padding:20px;
}
small{
	font-family: 'Muli', sans-serif; 
	font-weight: bold;
	font-size:12px;
}
#img_logo{
	position: absolute;
	/*float:right; */
	right: 50px;
	top: 20px; /*100px;*/
}

/*----------------------------*/

/*Para verificar: 
border-width: 1px; border-style:solid;
*/

/*Cores:
Azul 1 - #005055
Azul 2 - #21a9a7
Azul 3 - #cee7e3
Laranja - #faa91c
Claro - #f6e5c9
Escuro - #131416
*/