﻿/* TAGS */
BODY					{ background-image: url('../img/bg.gif'); color: #FFF; font-family: "HelveticaNeue-Light", Arial, Sans-Serif; font-size: 12px }
STRONG					{ font-weight: bolder; text-transform: uppercase }
P						{ line-height: 1.5em }
A						{ color: #FFF }

/* CLASSES GENÉRICAS */
.left					{ float: left }
.right					{ float: right }
.clear					{ clear: both }
.center					{ position: relative; width: 946px; margin: 0px auto; padding-left: 25px }
.logo					{ position: relative; float: left; margin-top: 40px; z-index: 11 }

#container				{ position: relative; background-image: url('../img/bg-faixa.gif'); background-position: center 78px; background-repeat: no-repeat}

#menu					{ position: relative; padding-top: 83px; z-index: 10 }
#menu LI				{ display: inline; margin: 0 15px }
#menu A					{ color: #2F2F31; font-size: 14px; letter-spacing: -0.1em; text-decoration: none }
#menu A:hover			{ color: #FB2482 }

#evento H1				{ font-size: 48px; line-height: 1.5em; text-align: right; font-weight: normal }
#evento .texto			{ width: 457px; float: left; text-align: justify }
#evento .texto P		{ line-height: 1.5em; margin-bottom: 2em }
#evento .imagem			{ float: left; margin-left: 20px; width: 469px; height: 346px; background: url('../img/img-evento.png') no-repeat bottom right }
#evento .selo			{ margin-top: 110px }

#footer					{ margin-top: 38px; padding-bottom: 140px; background-color: #CC015D }
#footer H3				{ color: #FFD61A; font-size: 14px; font-weight: bold; line-height: 2.5em }
#footer .copyright		{ padding-top: 25px; color: #FFBAD7; font-size: 11px; font-weight: bold }

.amarelo				{ font-size: 13px; padding: 0 4px; color: #000; background-color: #FFFC1D }
.ciano					{ font-size: 13px; padding: 0 4px; color: #000; background-color: #00C8CF }
.roxo					{ font-size: 13px; padding: 0 4px; color: #FFFC00; background-color: #CB015D }

#home					{ padding-top: 678px }
#ilustra .selo			{ position: relative; height: 442px; margin-top: 78px; margin-left: -9px; float: left }
#ilustra .destaque		{ position: relative; z-index: 3; width: 540px; margin-left: 72px; float: left }
#ilustra .destaque H2	{ display: inline; font-size: 14px; padding: 0 4px; padding: 3px 10px; color: #FFFC00; background-color: #00C8CF; text-transform: uppercase; line-height: 3em }
#ilustra #player		{ position: relative; display: block; width: 390px; height: 331px; margin-left: 74px; z-index: 12 }
#ilustra				{ position: absolute; z-index: 2; width: 100%; height: 716px; background: url('../img/bg-ilustra.png') no-repeat top; top: 0 }

#depoimentos			{ padding-bottom: 40px }
#depoimentos H1			{ font-size: 48px; line-height: 1.5em; font-weight: normal }
#depoimentos LI			{ display: inline }
#depoimentos LI A		{ padding: 1px 5px; color: #000; font-weight: bold; background-color: #FFFC1D; text-decoration: none }
#depoimentos LI A.selected,	
#depoimentos LI A:hover	{ background-color: #00FFD8; cursor: pointer }
#depoimentos .texto		{ position: relative; width: 330px; float: left; margin-left: 30px; margin-top: 10px }
#depoimentos .texto P	{ line-height: 1.5em; margin-bottom: 1em }
#depoimentos #player	{ position: relative; float: left; display: block; width: 390px; height: 331px; margin-top: 30px }

#habitat H1				{ font-size: 48px; line-height: 1.5em; font-weight: normal }
#habitat .foto			{ position: relative; width: 458px; float: left; text-align: right; margin-left: 51px }
#habitat .texto			{ position: relative; width: 330px; float: left; margin-left: 56px; margin-top: 69px }
#habitat .texto SPAN	{ color: #FFF; background-color: #000; line-height: 1.5em; text-transform: uppercase; font-size: 13px; font-weight: bold; padding: 1px 5px }
#habitat .texto STRONG	{ color: #FFFC1D }
#habitat .logo-habitat	{ margin-top: 50px }


#anterior 				{ padding-bottom: 50px }
#anterior H1			{ font-size: 48px; line-height: 1.5em; font-weight: normal }
#anterior H2			{ font-size: 18px; line-height: 1.3em; letter-spacing: -0.05em; color: #4C0277 }
#anterior H3			{ font-size: 14px; line-height: 2em; letter-spacing: -0.05em; color: #FFF600; margin-top: 100px }
#anterior H4			{ font-size: 14px; line-height: 1.3em; letter-spacing: -0.05em }
#anterior .destaque		{ position: relative; width: 458px; float: left; text-align: right }
#anterior .imagem		{ position: relative; width: 378px; height: 294px; float: right; background-image: url('../img/bg-anterior.png') }
#anterior .texto		{ position: relative; width: 437px; float: left; margin-left: 51px; margin-top: 69px }
#anterior .galeria LI	{ display: inline }

/* Custom Icons */
.addthis_toolbox .custom_images A				{ width: 16px; height: 16px; margin: 0; padding: 0 }
.addthis_toolbox .custom_images A IMG			{ opacity: 1.0 }
.addthis_toolbox .custom_images A:hover IMG		{ opacity: 0.75 }
