@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
/* Globais */
/*rgba(124,205,124,1.00) verde do logo 3F Log  rgba(0, 0, 82, 1) azul do logo   #FFFFFF  -> branco */
body {
	background:url(imagens/bg-body.jpg);
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	color:#333;
}

p {
	line-height:26px;	
}

h2 {
	font-size: 35px;
	text-align:center;
	text-transform: uppercase;
	padding-bottom: 18px;
	font-weight: normal;
	background: url(imagens/title-hline2.png) no-repeat center bottom;
	margin-top:40px;
	margin-bottom: 45px;	
}


/* áreas do site */
#container {
	background:#FFF;	
}

header {
		width:960px;
		margin:0 auto;
	
}

	#logo {
		float:left;
		width:300px;
		
	}

	nav {
		float:right;
		width:320px;  /*Altura da linha horizontal do menu */
		margin-top:60px;
		margin-left:0px;
		margin-right:340px;
		text-align:right;
	}
	
	nav ul, nav li {
		margin:0;
		margin-right:0px; /*espacamento entre as opções do menu*/
		margin-left:0px;
		padding: 0px;
    	display:inline;
	}

/*rgba(124,205,124,1.00) verde do logo 3F Log  rgba(0, 0, 82, 1) azul do logo   #FFFFFF  -> branco */
	nav a {
		padding:10px 25px;
		border-bottom:5px solid rgba(124,205,124,1.00);  /* A cor da linha em baixo do menu principal border-bottom:5px solid #137cc4;*/
		text-decoration:none;
		color:rgba(0, 0, 82, 1);  /* #555   rgba(124,205,124,1.00)  --> azul*/
		transition:background 1s;
		border-radius:5px 5px 0 0;
	}
	
	nav a:hover {
		background:rgba(124,205,124,1.00) ;   /*#137cc4;*/
		color:#fff;
		border-radius: 5px 5px 0 0;
		border-bottom:5px solid rgba(124,205,124,1.00);   /* muda a borda inferior quando passa o mouse no menu    border-bottom:5px solid #72A1FF;*/
	}

#container-destaque { /* Camada de baixo das imagens do slider*/
	clear:both;
	background:#fff;   /* Usei branco na camada de baixo da imagem do carrosel ou slider    #0071ab; --> azul original*/
	width:100%;	
}

#destaque {
	width:960px;
	margin:0 auto;	
}

#bg-carreiras {
/*	background:
	radial-gradient(black 15%, transparent 16%) 0 0,
	radial-gradient(black 15%, transparent 16%) 8px 8px,
	radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
	radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
	background-color:#282828;
	background-size:16px 16px;	*/
	background:	url(imagens/fundo-preto-abstrato.jpg) center;
}

#home-carreiras {
	width:960px;
	height:380px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#fff;
}

	#home-carreiras h3 {
		margin-bottom:0;
		text-transform:uppercase;
		font-weight:normal;
	}

#car1, #car2, #car3 {
	margin-top:22px;
	float:left;
	width:225px;
	margin-right:20px;	
}

#car4 {
	margin-top:22px;
	float:right;
	width:225px;
}

#home-aprenda {
	clear:both;	
}

#home-cursos {
	width:960px;
	margin-left:auto;
	margin-right:auto;	
}

	#front-home {
		float:left;
		width:960px;
	}
	
	#front-home p {
		text-align:justify;
		text-indent: 60px;
		margin-left:auto;
		margin-right:auto;	
	}
	
	#front-info {
		float:right;
		width:240px;	
	}

table {
	background-color:rgba(132,132,132,1.00);
	border:1px solid rgba(58,58,58,1.00);
	border-collapse:collapse;
}

tr {
	border:1px solid rgba(58,58,58,1.00);
}

td {
	padding:2px 4px;	
}

caption {
	font-size:14px;
}

	.tabela-escura {
	color:rgba(255,255,255,1.00);
	background-color:rgba(51,51,51,1.00);
	text-align:right;
	padding-right:4px;	
	}

/* áreas do Pagina - Localização */
#localizacao {
	margin-left:180px;
	margin-right:auto;	
}

#contato p {
	text-align:center;
}
	

/* Início Footer */


#bg-footer {
	width:100%;
	background-color:#484848;
	color:#eaeaea;
	height:300px;
	clear:both;	
}


/* formata a div rodape */
footer {
	width:960px;
	margin-left:auto;
	margin-right:auto;	
}

/* formata os links da div rodape */
footer a {
	text-decoration:none;
	color:#eaeaea;
}

/* formata as listas da div rodape */
footer ul {
	list-style:none;
	margin:0;
	padding-left:8px;
}

	/* formata as coluna 1, 2 e 3 da div rodape */
	#ft_col1 {
		background-color: #484848;
		color:#eaeaea;
		width:220px;
		height:300px;
		margin-left:20px;
		margin-right:10px;
		float:left;
	}
	
	/* formata as listas da coluna da div rodape */
	#ft_col1 li {
		padding:5px 0 5px 5px;
		border-bottom:1px solid #fff;
	}
	
	/* formata o h4 para todas as colunas da div rodape */
	#ft_col1 h4, #ft_collast h4 {
		margin:20px 0 20px 20px;
		font-size:160%;
		font-family:'Dosis', sans-serif;
		font-weight:600;
	}
	
		/* formata o parágrafo das colunas 1, 2 e 3 da div rodape */
	#ft_col1 p {
		margin-left:20px;
		line-height:25px;	
	}
	
	/* formata a coluna 4 da div rodape */
	#ft_collast {
		background-color: #484848;
		color:#eaeaea;
		width:210px;
		height:300px;
		float:right;
	}

/*classes */

.borda-redonda {
	border:3px #fff solid;
	padding:20px;
	border-radius:50%;
}

.btn-car {
	padding:5px 20px;
	border:rgba(0, 0, 82, 1) 1px solid;
	border-bottom:rgba(0, 0, 82, 1) 4px solid;   /* controla as bordas inferior dos botoes */
	border-right:rgba(0, 0, 82, 1) 3px solid;
	border-radius:6px;
	background:#fff;
	color:rgba(0, 0, 82, 1);  /*#39f; */
	transition:background 1s, border 0.2s;;
	text-decoration:none;
}

.btn-car:hover {   /* Botoes Realize Agora, Acompanhe, etc*/
	background:rgba(0, 0, 82, 1);   /* rgba(0, 0, 82, 1)  #39f */
	color:#fff;
	border-bottom:rgba(0, 0, 82, 1) 1px solid;
	border-right:rgba(0, 0, 82, 1) 1px solid;	
}

.listra {
	background: repeating-linear-gradient(
	45deg,
	#36F,
	#36F 10px,
	#3AA0FF 10px,
	#3AA0FF 20px);
	padding:8px 20px;
	border:#39F 1px solid;
	border-bottom:#36F 4px solid;
	border-right:#36F 3px solid;
	border-radius:6px;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	transition:background 1s, border 0.2s;
	text-shadow:#001370 4px 4px 4px;
	}

.listra:hover {
	background: repeating-linear-gradient(
	45deg,
	#3AA0FF,
	#3AA0FF 10px,
	#36F 10px,
	#36F 20px);
	color:#fff;
	border-bottom:#36F 1px solid;
	border-right:#36F 1px solid;
	text-shadow:#001370  0;	
	
}

.imagem-borda{
	transition:border 1.5s;
	border: rgba(130,130,130,0.50) 8px solid;
	
}

.imagem-borda:hover {
	border: rgba(19, 124, 196,1) 8px solid;
}

/* Página Carreiras */
#carreiras {
		clear:both;
		width:960px;
		margin:0 auto 20px auto;	
	}

	#carreiras h3 {
		text-align:center;  /*center*/	
	}
	
	#carreiras p {
		text-align:justify;  	
		text-indent: 50px;
	}
	
	#carreiras img {
		border:5px rgba(124,205,124,1.00) solid;   /*rgba(212,212,212,0.7)*/
		outline:#999 1px dashed;   
		transition: border 0.8s, outline 0.8s;
		box-shadow: 0px 0px 8px 2px rgba(100,100,100,.7);
		transform: scale(.8,.8);  /*- faz com que a imagem comece com 80% do tamanho*/
		}
	
	#carreiras img:hover {
		border:5px rgba(0, 0, 82, 1) solid;  /* rgba(29,109,233,1.00) */
		outline: #00038B 1px dashed;
		transform:rotate(15deg);
		transition:0.5s; - /* ao passar o mouse a imagem volta ao tamanho normal em meio segundo*/
	}

.coluna-carreira {
	width:310px;
	float:left;
	margin-right:15px;
	margin-bottom:25px;
	}
	
.coluna-carreira-final {
	float:right;
	width:310px;
	margin-bottom:25px;	
}

/* FIM da Página Carreiras */





/* Página Aprenda */

#parceiros {
		clear:both;
		width:960px;
		margin:0 auto 20px auto;	
	}
	
#parceiros p {
		text-align:justify;  	
		text-indent: 60px;
	}
	
#parceiro p {
		text-align:justify;  	
		text-indent: 60px;
	}
	
#parceiro h3, h4 {
		text-align:center;  	
		}	
	
#multimidia {
		float:left;
		width:700px;
		margin-bottom:25px;
}
	
#multimidia-info {
		float:right;
		width:240px;
		margin-bottom:25px;	
}

figure, figurecaption {
	margin:0;
	padding:0;
}

.btn-verde {
	padding:8px 20px;
	border:#7d9e00 1px solid;
	border-bottom:#7d9e00 4px solid;
	border-right:#7d9e00 3px solid;
	border-radius:6px;
	background:#fff;
	color:#acd50f;
	transition:background 1s, border 0.2s;;
	text-decoration:none;
}

.btn-verde:hover {
	background:#acd50f;
	color:#fff;
	border-bottom:#7d9e00 1px solid;
	border-right:#7d9e00 1px solid;	
}




/* Página Clientes */

#galeria {
		clear:both;
		width:960px;
		margin:0 auto 20px auto;	
	}
	
#galeria img {
	width:225px;
	height:225px;
	margin-right:14px;
	margin-left:70px;
	border-radius:10px;
	/* sombra css3 - desloc. horizontal, desloc. vertical, blur, propagação da sombra */
   box-shadow: 5px 5px 30px -12px #333;
	
	/* filtros css3 - uporte parcial */
	-webkit-filter: grayscale(100%) blur(2px);
	-moz-filter: grayscale(100%) blur(2px);
	filter: grayscale(100%) blur(2px);
	
	/* transição */
	transition:-webkit-filter 0.7s, filter 0.7s;
}

#galeria img:hover {
	-webkit-filter: grayscale(0%) blur(0px);
	-moz-filter: grayscale(0%) blur(0px);
	filter: grayscale(0%) blur(0px);
}

#galeria .sem-margem {
	margin:0;	
}

/* Página Formulário */
/*rgba(124,205,124,1.00) verde do logo 3F Log  rgba(0, 0, 82, 1) azul do logo   #FFFFFF  -> branco */
#contato {
		clear:both;
		width:960px;
		margin:0 auto 20px auto;	
	}


fieldset {
	padding:3px;
	margin:30px 0;
	border:1px double #828282;   /*border:1px double rgba(0, 0, 82, 1);*/
	box-shadow:#828282 1px 1px 2px 1px;  /*rgba(95,95,95,0.2) 1px 1px 2px 1px;*/
	border-radius:5px;
}

legend {
	font-weight:bold;
	padding:5px 8px;
	margin-left:6px;
	background-color:#828282;   /*background-color:#137cc4;*/
	border-radius:5px;
	
	color:#fff;
}

#form-contato input {
	border: solid 1px #828282;  /*#300040*/
	border-radius:5px;
	box-shadow:#828282 1px 1px 2px 1px;   /*box-shadow:rgba(0,0,0,.3) 1px 1px 2px 1px;*/
	height:30px;
}


#form-contato input:focus {
	outline-color: #828282;   /*outline-color: #300040;*/
	outline-style: dotted;
	outline-width: 2px;
}

#form-contato input:invalid {
	/*background-color:rgba(255,0,0,.1);*/
	border:#828282 2px solid;     /*border:#F00 2px solid;*/
	/*background-image:url(images/uncheck.png);
	background-position:right;
	background-repeat:no-repeat;*/
}

#form-contato input:invalid + span:after {
	content:" X";
}

#form-contato input:valid {
	/*background-color:rgba(0,255,0,.1);*/
	border:#828282 2px solid;   /*border:#090 2px solid;*/
	/*background-image:url(images/check.png);
	background-position:right;
	background-repeat:no-repeat;*/
}

#form-contato input:valid + span:after {
	content:" \2713 ";
}

#form-contato input[type=submit], #form-contato input[type=reset] {
	border: 2px solid #828282;   /*border: 2px solid #1200B0;*/
	background-image: -webkit-linear-gradient(#828282, #fff);
	background-image: -moz-linear-gradient(#828282, #fff);
	background-image: -o-linear-gradient(#828282, #fff);
	border-radius: 5px;
	padding:5px;
	font-weight:bold;
	color:white;
}
#form-contato label {
	display: block;
	width: 250px;
	float: left;
	border-bottom: 1px solid #300040;
	font-size: 14px;
	font-weight:bold;
}

/*Pagina Parceiros*/

#bitbiz {
	text-align:center;  /*center*/	
	margin-right:100px;
	margin-left:100px;
}

#flexprojects {
	text-align:center;  /*center*/	
	margin-right:100px;
	margin-left:100px;
}