/* 1. REGRA BODY ------------------------------------------------------------------------------------ */

/*
Viewport: 1366px x 768px
Site: 1280px x 720px

1920px = ???
1280px = 93.7% | 280px = 43.6% (Padrão para este site)
970px = 75.0%

Base fim do browser:
Estão posicionadas em 6 pontos:

html, body{ height: 100%; }
#all{ tudo }
*html #all{ tudo }
.CCentralizador{ padding-bottom: 30px; }
#base{ position:absolute; bottom: 0; }
*/

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

}
@font-face {
    font-family: 'estrangelo_edessaregular';
    src: url('fontes/estrangelo_edessa/estre-webfont.eot');
    src: url('fontes/estrangelo_edessa/estre-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontes/estrangelo_edessa/estre-webfont.woff') format('woff'),
         url('fontes/estrangelo_edessa/estre-webfont.ttf') format('truetype'),
         url('fontes/estrangelo_edessa/estre-webfont.svg#estrangelo_edessaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
	margin: 0 auto;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background:#257F00;
	height: 100%;
	font-size:16px;
}

/* TOPO */
div.topo-0{
	width:100%;
	height:223px;
	background:url('imagens/part-topo-site.png') repeat-x;
	text-align:left;
	
	/*esquema de topo fixo parte 1/2*/
	position:fixed;
	z-index:999;
	top:0;
}
div.topo-0-1{
	margin:0 auto;
	width:970px; 
	height:210px;
	/*border:#000 1px dotted;*/
}
div.topo-0-1-1-logomarca{
	margin:7px 0 0 13px;
	width:363px;
	height:184px;
	/*border:#000 1px dotted;*/
	background:url('imagens/logo-biosfera-site.png') no-repeat;
	float:left
}
div.emailAcesso{
	width:43px; 
	min-height:43px; 
	float:left; 
	margin:3px 0 0 500px; 
	background:url("imagens/email-ico.png") no-repeat; 
	text-align:left;
}
ul.topo-0-1-2-menu{
	font-family: 'digital-serialbold';
	font-size:22px;
	margin:43px 0 0 0;
	/*border:#000 1px dotted;*/
	list-style:none;
	float:right
}
li.topo-0-1-2-1-menu{
	margin-right:23px;
	float:left;
}
a.apresentacao, .servicos, .acoes, .contato{
	color:#3C5609;
	text-decoration:none;
}

/*SEÇÃO 00----------------------------------------------------------------------------------------------------------------*/
div.secao-0{
	width:100%;
	min-width:970px;
	background:#004C94 url('imagens/part-secao-site-0.png') repeat-x;
	
	/*multiplos bg*/
	background:url('imagens/mato.png') bottom repeat-x, url('imagens/part-secao-site-0.png') repeat-x #004C94;
	
		
	/*esquema de topo fixo parte 2/2
	posição abaixo do topo*/
	position:relative;
	top:223px; /*a 223px abaixo do topo*/
	z-index:998;
}
div.secao-0-1{
	margin:0 auto;
	width:970px;
	min-height:599px; 
	/*border:#000 1px dotted;*/
}

div.box-texto{
	/*border:#000 1px dotted;*/
	width:590px;
	min-height:506px;
	color:#FFF;
	padding:13px 22px 0 22px;
	text-align:justify;
	float:left;
	
}
div.box{
	/*border:#000 1px dotted;*/
	text-align:center;
	background:url('imagens/part-secao-site-arvore-1.png') no-repeat;
	width:311px;
	height:506px;
	float:right;
}
div.box2{
	/*border:#000 1px dotted;*/
	text-align:center;
	background:url('imagens/part-secao-site-arvore-1.2.png') no-repeat;
	width:311px;
	height:506px;
	float:right;
}
div.CInfoTree{
	width:230px; 
	height:230px; 
	float:left; 
	/*border:#333 1px dotted;*/ 
	margin:33px 0 0 39px;
}
div.img-patrocinio{
	/*border:#333 1px dotted;*/
	width:228px;
	height:147px;

}
/*SEÇÃO 01----------------------------------------------------------------------------------------------------------------*/
div.secao-1{
	/*border-bottom:#139432 1px solid;*/
	width:100%;
	min-width:970px;
	background:#257F00 url('imagens/part-secao-site-1.png') repeat-x;
	
	/*multiplos bg*/
	background:url('imagens/mato.png') bottom repeat-x, url('imagens/part-secao-site-0.png') repeat-x #004C94;
	
	/*esquema de topo fixo parte 2/2
	posição abaixo do topo*/
	position:relative;
	top:223px; /*a 223px abaixo do topo*/
}
div.secao-1-1{
	margin:0 auto;
	width:970px;
	min-height:599px; 
	/*border:#000 1px dotted;*/
}

/*SEÇÃO 02----------------------------------------------------------------------------------------------------------------*/
.CImg0{
	width:100%; 
	min-height:150px;
	margin-bottom:73px; 
	/*border:#FC0 1px dotted;*/ 
	float:left;
}
.CImg1{
	width:210px; 
	height:140px; 
	border:#000 1px solid; 
	margin:13px 0 13px 22px; 
	float:left;
}

.mensagem{
	width:600px; 
	height:170px;
	text-align:center; 
	margin:86px 0 0 0; 
	border:#000 1px solid; 
	background:#F4800B; 
	position:absolute;
}

/*PADRÕES----------------------------------------------------------------------------------------------------------------*/
h1{
	background:url('imagens/folha.png') 0 13px no-repeat;
	font-size:32px;
	margin: 0 0 0 22px;
	padding:43px 0 13px 47px;
	color:#FFF;
	clear:both;
}

h2{
	font-family: 'digital-serialbold';
	color:#225E19;
	font-size:30px;
	margin:0;
}
h3{
	width:100%;
	padding:0 0 0 22px;
	color:#D3EAF5;
}


ul, li.listagem{
	color:#FFF;
	list-style-image:url('imagens/gota.png');
}

p{
	width:590px;
	padding:0 0 0 22px;
	color:#FFF;
	margin:0 0 0 0;
}

div.colunas-2{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count:2;
}

ol li{
	list-style:none;
	float:left;
}

div.form{
	width:590px;
	min-height:420px;
	/*border:#F63 1px dotted;*/
	float:left
}
label{
	display:block;
	color:#A6FC00;
}
input{
	/*font-family:'estrangelo_edessaregular';*/
	width:167px;
	height: 35px;
	margin:0 13px 13px 0;
	font-size:18px;
	background:#EAF9CA;
	border:none;
}
.only{
	width:530px;
}
textarea{
	/*font-family:'estrangelo_edessaregular';*/
	height:130px;
	font-size:18px;
	background:#EAF9CA;
	border:none;
	margin:0 0 13px 0;
}
button{
	min-width:123px;
	height:48px;
	font-size:18px;
	background:#2D3B66;
	color:#A6FC00;
	border:none;
	padding:13px 23px;
}