@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
	background: -webkit-linear-gradient(left, #fff , #eee); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #fff , #eee); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #fff , #eee); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #fff, #f0ffff); /* Standard syntax (must be last) */
}

nav {
	text-align: center;
	display: none;
	padding: 20px;
}
nav a {
	display: inline-block;
	padding: .5rem;
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
nav a:hover, nav a:focus {
	color: #fff;
	background: #000;
}
nav a:not(:last-child) {
	border-right: 1px solid black;
}

article {
	width:40%;
	z-index:1;
	position: relative;
	display: block;
	margin-right: auto;
	margin-left: 30%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 100%;
	color: #333333;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #D5D029;
	padding-left: 10px;
	padding-bottom: 100px;
}

@media screen and (max-width: 480px) {
	article {
	width: 200px;
	margin-left: 25%;
	margin-right: auto;
	}
	img#logo, img#cofinanciamento {
	width:100%;
	}
}

.Data {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: lighter;
	display: block;
	padding-bottom: 1.5em;
}
article h1 {
	font-family: Tahoma, Geneva, sans-serif;
	color: rgba(148,193,31,1);
	font-size: 2.5em;
	font-weight: lighter;
	line-height: 1em;
	padding: 0em;
	margin-top: 0.5em;
	margin-right: 0px;
	margin-bottom: 0.8em;
	margin-left: 0px;
	display: block;
}
article h2 {
	color: #94C11F;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	padding-top: 2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
article h3 {
	color: #94C11F;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: lighter;
	margin: 0px;
	padding: 0px;
	font-size: 1.6em;
}
.Sub1 {
	color: #12A19A;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .9em;
	padding: 0px;
	display: block;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
article a {
	text-decoration: none;
	color: #333333;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #D5D029;
	display: inline-block;
	-webkit-transition: background-color .5s; /* Safari */
	transition: background-color .5s;
}
article a:hover {
	background-color: #E4E179;
	-webkit-transition: background-color 0s; /* Safari */
	transition: background-color 0s
}
article ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin: 0px;
}
article ul li {
	list-style-type: none;
	background-image: url(img/li_seta.png);
	background-repeat: no-repeat;
	margin-left: -20px;
	padding-left: 25px;
	background-position: 0px 0px;
	display: block;
	margin-bottom: 20px;
	width: 80%;
	color: #12A19A;
	padding-top: 5px;
}
@media screen and (max-width: 480px) {
article ul li {
	margin-left: -20px;
	padding-left: 25px;
	width: 98%;
}	
}

nav-big, nav-small {
	position: absolute;
	height: 100%;
	width: 30%;
	left: 0px;
	top: 0px;
	border-right-width: 15px;
	border-right-style: solid;
	border-right-color: #D5D029;
	z-index: 5;
}
nav-small {
	display: none;
	width: 25%;
}
@media screen and (max-width: 480px) {
nav-small {
	display: block;
}
nav-big {
	display: none;
}

}
nav-big a, nav-small a {
	text-align: right;
	display: block;
	text-decoration: none;
	color: #000000;
	height: 12.6%;
	clip: rect(10px,10px,10px,auto);
	-webkit-transition: background-color 1s; /* Safari */
	transition: background-color 1s;
}
nav-big a:hover, nav-small a:hover {
	background-color: rgba(148,193,31,1);
	-webkit-transition: background-color .2s; /* Safari */
    transition: background-color .2s;
}

/* BOTÕES BIG */

#b_start-big {
	background-image: url(img/b_lancamento_big.png);
	background-position: right center;
	background-repeat: no-repeat;
}
a:hover#b_start-big{
	background-color: #DADADA;
}
#b_work-big {
	background-image: url(img/b_work_big.png);
	background-repeat: no-repeat;
	background-position: right center;
}
a:hover#b_work-big{
	background-color: rgba(148,193,31,1);
}
#b_bolsa-big {
	background-image: url(img/b_bolsa_big.png);
	background-repeat: no-repeat;
	background-position: right center;
}
a:hover#b_bolsa-big{
	background-color: rgba(18,161,154,1);
}
#b_nucleo-big {
	background-image: url(img/b_nucleo_big.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 18%;
}
a:hover#b_nucleo-big{
	background-color: rgba(213,208,41,1);
}
#b_reforco-big {
	background-image: url(img/b_reforco_big.png);
	background-repeat: no-repeat;
	background-position: right center;
}
a:hover#b_reforco-big{
	background-color: rgba(154,210,210,1);
}
#b_midia-big {
	background-image: url(img/b_midia_big.png);
	background-repeat: no-repeat;
	background-position: right center;
}
a:hover#b_midia-big{
	background-color: rgba(233,78,27,1);
}
#b_facebook {
	background-image: url(img/b_facebook.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 6%;
}
a:hover#b_facebook{
	background-color: rgba(62,82,148,1);
}
#b_monte-ace {
	background-image: url(img/b_monte-ace.png);
	background-repeat: no-repeat;
	background-position: right center;
}
a:hover#b_monte-ace, a:hover#b_monte-ace-small{
	background-color: rgba(205,206,0,1);
}

/* BOTÕES SMALL */

@media screen and (max-width: 480px) {
#b_start-big {
	background-image: url(img/b_lancamento_s.png);
	background-position: right center;
	background-repeat: no-repeat;
}
a:hover#b_start-big{
	background-color: #DADADA;
}
#b_work-big {
	background-image: url(img/b_work_s.png);
	background-repeat: no-repeat;
	background-position: right center;
}
a:hover#b_work-big{
	background-color: rgba(148,193,31,1);
}
#b_bolsa-big {
	background-image: url(img/b_bolsa_s.png);
	background-repeat: no-repeat;
	background-position: right center;
}
a:hover#b_bolsa-big{
	background-color: rgba(18,161,154,1);
}
#b_nucleo-big {
	background-image: url(img/b_nucleo_s.png);
	background-repeat: no-repeat;
	background-position: right center;
}
a:hover#b_nucleo-big{
	background-color: rgba(213,208,41,1);
}
#b_reforco-big {
	background-image: url(img/b_reforco_s.png);
	background-repeat: no-repeat;
	background-position: right center;
}
a:hover#b_reforco-big{
	background-color: rgba(154,210,210,1);
}
#b_midia-big {
	background-image: url(img/b_midia_s.png);
	background-repeat: no-repeat;
	background-position: right center;
}
a:hover#b_midia-big{
	background-color: rgba(233,78,27,1);
}
#b_monte-ace-small {
	background-image: url(img/b_monte-ace_s.png);
	background-repeat: no-repeat;
	background-position: right center;
}
}

/* END BOTÕES */

footer {
	width: 100%;
	height: 100px;
	position: relative;
	background-image: url(img/footer_bkg.png);
	background-repeat: repeat;
	left: 0px;
	bottom: 0px;
	z-index: 0;
}
#grass1 {
	position:absolute;
	width:100%;
	height:100%;
	z-index:0;
	background-image: url(img/footer_bkg.png);
	bottom: 0px;
}
#grass2 {
	position:absolute;
	width:100%;
	height:20%;
	z-index:2;
	top: -20%;
	background-image: url(img/footer_bkg_50.png);
	background-repeat: repeat;
}
.Parceiro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.Parceiro a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-decoration: none;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.Parceiro a:hover {
	background-color: rgba(213,208,41, .3);
	/* [disabled]background-image: url(img/footer_bkg_50.png); */
}

.Vermelho {
	color: #E94E1B;
}
.Cinzento {
	color: #999999;
}
.Azul {
	color: #12A19A;
}
.AzulClaro {
	color: #9AD2D2;
}
.Vermelho {
	color: #E94E1B;
}
.Verde {
	color: #94C11F;
}
.VerdeClaro {
	color: #D5D029;
}

#LINKS {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#LINKS li a {
	padding-right: 5px;
	color: #FFFFFF;
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 1.2em;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #D5D029;

}
#LINKS li a:hover {
	background-color: #12A19A;
}
#LINKS li {
	background-image: url(img/li_seta-folha.png);
	list-style-type: none;
	background-position: left center;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 20px;
}
#LINKS li iframe, #LINKS li video {
	padding: 10px;
	background-color: #D5D029;
}
#LINKS li img {
	padding: 10px;
	background-color: #D5D029;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#LINKS li img:hover {
	padding: 10px;
	background-color: #12A19A;
}
.h2-SubTit {
	font-size: 0.8em;
	color: #12A19A;
}
.Article-Bolsa {
	width: 50%;
	max-width:450px;
}
.Article-Bolsa img {
	width: 100%;
	max-height: 150px;
}
.B_Bolsa {
	display: block;
	margin-left: -10px;
	margin-top: 20px;
	margin-bottom: 10px;
}
a.B_Bolsa {
	border-bottom-style: none;
}
a.B_Bolsa:hover {
	background-color: rgba(255,255,255,0);

}
#Tit_Jovens {
	background-image: url(img/tit_jovens.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 220px;
	width: 257px;
	position: relative;
}
#Tit_Explora {
	background-image: url(img/tit_exploracao.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 220px;
	width: 257px;
	position: relative;
}
#Tit_Cadeias {
	background-image: url(img/tit_cadeias.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 220px;
	width: 257px;
	position: relative;
}
#Tit_Transforma {
	background-image: url(img/tit_transforma.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 220px;
	width: 257px;
	position: relative;
}
#Tit_Promocao {
	background-image: url(img/tit_promocao.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 220px;
	width: 257px;
	position: relative;
}
#B_Jovens {
	background-image: url(img/b_jovens.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 150px;
	width: 175px;
	position: relative;
}
#B_Jovens:hover {
	background-image: url(img/b_jovens.png);
	background-position: -175px 0px;
}
#B_Explora {
	background-image: url(img/b_explora.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 150px;
	width: 175px;
	position: relative;
}
#B_Explora:hover {
	background-image: url(img/b_explora.png);
	background-position: -175px 0px;
}
#B_Transforma {
	background-image: url(img/b_transforma.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 150px;
	width: 175px;
	position: relative;
}
#B_Transforma:hover {
	background-image: url(img/b_transforma.png);
	background-position: -175px 0px;
}
#B_Cadeias {
	background-image: url(img/b_cadeia.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 150px;
	width: 175px;
	position: relative;
}
#B_Cadeias:hover {
	background-image: url(img/b_cadeia.png);
	background-position: -175px 0px;
}
#B_Promocao {
	background-image: url(img/b_qualidade.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 150px;
	width: 175px;
	position: relative;
}
#B_Promocao:hover {
	background-image: url(img/b_qualidade.png);
	background-position: -175px 0px;
}
#Txt_Jovens, #Txt_Explora, #Txt_Transforma, #Txt_Cadeias, #Txt_Promocao {
	position: relative;
	/* [disabled]display: none; */
}
p {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.Caso_Nome {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.5em;
	color: #12A19A;
	font-weight: lighter;
}
.Caso_CAE {
	font-size: .8em;
	display: block;
	margin-top: 5px;
}
#FixTop {
	background-image: url(img/fix_bolsa.png);
	background-repeat: no-repeat;
	background-position: right top;
	position: fixed;
	top: 20px;
	right: 0px;
	height: 80px;
	width: 80px;
	z-index: 5;
}
