* {
	margin:0;
	padding:0;
}

html, body {
	overflow-x: hidden; 	
}

p, h1, h2, h5 {
	font-family:'Raleway';
}

h5 {
	font-size:2.3em;	
}

#wrapper {
	width:100%;
	height:100%;
}

#superior_header {
	width:100%;
	height:40px;
	float:left;
	background:#3777bc;
}

#header_options {
	width:600px;
	height:30px;
	float:right;
	margin-right:100px;	
	padding-top:10px;
}

.button_language {
	width:20px;
	height:20px;
	border:1px solid #FFF;
	border-radius:5px;
	background:#3777bc;
	color:#FFF;
	cursor:pointer;
	font-size:0.3em;
}

.button_language:hover {
	background:#09F;	
}

#header_options ul li {
	list-style-type:none;
	font-family:'Raleway';
	display:block;
	float:left;
	width:230px;
	color:#FFF;
	font-size:0.9em;	
}

#header_options ul li a {
	text-decoration:none;
	color:#FFF;
	font-family:'Raleway';	
}

#header_options ul li a:hover {
	text-decoration:underline;
}

ul li ul {
  padding: 0;
  position: absolute;
  width:330px;
  -webkit-box-shadow: none;
  text-align:center;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}

ul li ul li { 
  background:#FFF; 
  display:block;
}

ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

#logo_header {
	width:100%;
	height:100px;
	float:left;
}

#wrapper_logo {
	width:900px;
	height:100px;
	margin:auto;
}

#menu {
	width:100%;
	height:50px;
	float:left;
	border-top:1px solid #CCC;
	padding-top:20px;
	z-index:99;
}

#menu_options {
	width:750px;
	height:70px;
	margin:auto;
}

#menu_options ul li {
	width:150px;
	height:30px;
	color:#3777bc;
	text-align:center;
	font-family:'Raleway';
	font-weight:700;
	list-style-type:none;
	float:left;
}

#menu_options a {
	color: #3777bc;
	text-decoration: none;	
}

#menu_options a:hover {
	color: #0f3491;
	text-decoration: none;
}

#slider {
	width:100%;
	height:800px;
	float:left;
}

#bullets {
	width:100%;
	height:450px;
	float:left;	
	margin-top:130px;
}

#bullets_wrapper {
	width:1160px;
	height:300px;
	margin:auto;	
}

.bullets_info {
	width:316px;
	height:300px;
	float:left;
	padding-left:35px;
	padding-right:35px;
}

.bullets_info p {
	font-size:0.9em;	
}

.bullets_info p, h2 {
	text-align:center;
	color:#000;
}

#footer {
	width:100%;
	height:400px;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
	float:left;
	background:#3777bc;	
}

.footer_class h3 {
	color:#FFF;	
	text-align:left;
	font-family:'Raleway';
	font-weight:700;
	font-size:1.3em;
}

.footer_class p {
	color:#FFF;
}

#footer_wrapper {
	width:1160px;
	height:400px;
	margin:auto;
}

#footer_infos {
	width:300px;
	height:400px;
	float:left;
	padding-left:50px;
	padding-right:50px;	
}

#footer_infos p {
	font-size:0.9em;
}

#footer_contato {
	width:660px;
	height:400px;
	float:left;
	padding-left:50px;
	padding-right:50px;	
}

.forminfos {
	width:230px;
	height:50px;
	border:2px solid #4c93e0;
	color:#FFF;
	font-family:'Raleway';
	background:#3777bc;
	font-size:0.7em;
	padding-left:20px;
}

.formmensagem {
	width:505px;
	height:150px;
	border:2px solid #4c93e0;
	color:#FFF;
	font-family:'Raleway';
	background:#3777bc;
	font-size:0.7em;
	padding-left:20px;
	margin-top:20px;
	float:left;
}

.formbotao {
	width:150px;
	height:50px;
	background:#3bcaff;
	float:left;
	color:#FFF;
	margin-top:20px;
	border:0;
	font-weight:700;
}

.formbotao:hover {
	background:#2c5e94;
	cursor:pointer;	
}

#copyright {
	width:100%;
	height:40px;
	float:left;
	background:#2c5e94;	
}

#copyright_options {
	color:#FFF;
	font-size:0.8em;
	width:450px;
	height:30px;
	float:right;
	margin-right:100px;	
	padding-top:10px;
}

#header_contato {
	background:url(../img/header_contato.png) fixed;
	background-size:cover;
	background-position:bottom;	
}

#header_servicos {
	background:url(../img/header_servicos.png) fixed;
	background-size:cover;
}

#header_institucional {
	background:url(../img/header_institucional.png) fixed;
	background-size:cover;
}

#header_portfolio {
	background:url(../img/header_portfolio.png) fixed;
	background-size:cover;
}

#info_contato {
	width:100%;
	height:300px;
	float:left;	
	margin-top:100px;
	margin-bottom:100px;
}

#info_institucional {
	width:100%;
	height:450px;
	float:left;	
	padding-top:100px;
	padding-bottom:50px;
}

#info_portfolio {
	width:100%;
	height:500px;
	float:left;	
	padding-top:100px;
	padding-bottom:50px;
}

#info_fotos {
	width:100%;
	height:800px;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
}

#wrapper_fotos {
	width:1160px;
	height:800px;
	margin:auto;	
}

.fotos_sede {
	width:183px;
	height:500px;
	background:#909;
	float:left;
	margin-top:100px;
	margin-left:10px;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

#wrapper_contato {
	width:600px;
	height:300px;
	margin:auto;
	text-align:center;	
}

#wrapper_institucional {
	width:1160px;
	height:600px;
	margin:auto;	
}

#wrapper_portfolio {
	width:1100px;
	height:450px;
	margin:auto;
	text-align:center;	
}

#info_equipe {
	width:100%;
	height:1300px;
	float:left;
	background:#f7f7f7;
	padding-top:50px;
	padding-bottom:50px;
}

#wrapper_equipe {
	width:1160px;
	height:1300px;
	margin:auto;	
}

.equipe {
	width:1160px;
	height:400px;
	float:left;
	margin-top:10px;
}

.wrapper_portfolio_jobs {
	width:100%;
	height:500px;
	float:left;	
}

#teclog_papelaria {
	width:50%;
	height:500px;
	float:left;
	background:url(../img/teclog_papelaria.png) center;
	transition: all 0.5s ease;
}

#teclog_papelaria_en {
	width:50%;
	height:500px;
	float:left;
	background:url(../img/teclog_papelaria.png) center;
	transition: all 0.5s ease;
}

#teclog_logo {
	width:50%;
	height:500px;
	background:url(../img/teclog_logo.png) center;
	float:left;
	transition: all 0.5s ease;
}

#teclog_logo_en {
	width:50%;
	height:500px;
	background:url(../img/teclog_logo.png) center;
	float:left;
	transition: all 0.5s ease;
}

#teclog_site {
	width:50%;
	height:500px;
	background:url(../img/teclog_site.png) center;
	float:left;
	transition: all 0.5s ease;
}

#teclog_site_en {
	width:50%;
	height:500px;
	background:url(../img/teclog_site.png) center;
	float:left;
	transition: all 0.5s ease;
}

#teclog_uniforme {
	width:50%;
	height:500px;
	background:url(../img/teclog_uniforme.png) center;
	float:left;
	transition: all 0.5s ease-in-out;
}

#teclog_uniforme_en {
	width:50%;
	height:500px;
	background:url(../img/teclog_uniforme.png) center;
	float:left;
	transition: all 0.5s ease-in-out;
}

#teclog_papelaria:hover {
	background:url(../img/teclog_papelaria_hover.png) center;	
}

#teclog_papelaria_en:hover {
	background:url(../img/en/teclog_papelaria_hover_en.png) center;	
}

#teclog_logo:hover {
	background:url(../img/teclog_logo_hover.png) center;	
}

#teclog_logo_en:hover {
	background:url(../img/en/teclog_logo_hover_en.png) center;	
}

#teclog_site:hover {
	background:url(../img/teclog_site_hover.png) center;		
}

#teclog_site_en:hover {
	background:url(../img/en/teclog_site_hover_en.png) center;		
}

#teclog_uniforme:hover {
	background:url(../img/teclog_uniforme_hover.png) center;		
}

#teclog_uniforme_en:hover {
	background:url(../img/en/teclog_uniforme_hover_en.png) center;		
}

#info_servicos {
	width:100%;
	height:1300px;
	float:left;	
}

#expertise_wrapper {
	width:100%;
	height:500px;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
}

#expertise {
	width:1100px;
	height:300px;
	padding-top:50px;
	padding-bottom:100px;
	margin:auto;	
}

#expertise h2 {
	text-align:left;
}

#expertise_features_wrapper {
	width:100%;
	height:550px;
	float:left;
}

#expertise_features {
	width:1110px;
	height:550px;
	margin:auto;
}

#quadro1 {
	background:url(../img/01_sistemas.png);	
}

#quadro2 {
	background:url(../img/02_consultoria.png);	
}

#quadro3 {
	background:url(../img/03_treinamento.png)	
}

#quadro4 {
	background:url(../img/04_suporteonline.png);	
}

#quadro5 {
	background:url(../img/05_webdesign.png);	
}

#quadro6 {
	background:url(../img/06_branding.png);	
}

#quadro7 {
	background:url(../img/07_uxui.png);	
}

#quadro8 {
	background:url(../img/08_producaoconteudo.png);	
}

#texto1 {
	background:url(../img/0102_sistemas.png);
	opacity:0;	
	width:275px;
	height:275px;
}

#texto2 {
	background:url(../img/0202_consultoria.png);
	opacity:0;	
	width:275px;
	height:275px;
}

#texto3 {
	background:url(../img/0302_treinamento.png);
	opacity:0;	
	width:275px;
	height:275px;
}

#texto4 {
	background:url(../img/0402_suporteonline.png);
	opacity:0;	
	width:275px;
	height:275px;
}

#texto5 {
	background:url(../img/0502_webdesign.png);
	opacity:0;	
	width:275px;
	height:275px;
}

#texto6 {
	background:url(../img/0602_branding.png);
	opacity:0;	
	width:275px;
	height:275px;
}

#texto7 {
	background:url(../img/0702_uxui.png);
	opacity:0;	
	width:275px;
	height:275px;
}

#texto8 {
	background:url(../img/0802_producaoconteudo.png);
	opacity:0;	
	width:275px;
	height:275px;
}

.quadros {
	width:275px;
	height:275px;
	border:1px solid #eaeaea;
	float:left;
}

.quadros:hover #texto1{
	opacity:1;
}

.quadros:hover #texto2{
	opacity:1;
}

.quadros:hover #texto3{
	opacity:1;
}

.quadros:hover #texto4{
	opacity:1;
}

.quadros:hover #texto5{
	opacity:1;
}

.quadros:hover #texto6{
	opacity:1;
}

.quadros:hover #texto7{
	opacity:1;
}

.quadros:hover #texto8{
	opacity:1;
}

.headers {
	width:100%;
	height:150px;
	padding-top:75px;
	padding-bottom:75px;
	float:left;	
}

.header_titles {
	width:500px;
	height:150px;
	margin:auto;
	text-align:center;
}

.header_titles h4 {
	font-family:'Raleway';
	font-weight:700;
	font-size:3em;
	color:#FFF;	
}

.header_titles p {
	color:#FFF;
}

#wrapper_clientes {
	width:100%;
	height:800px;
	background:url(../img/clientes_bg.png);
	background-position:center;
	padding-top:200px;	
}

#wrapper_form {
	width:800px;
	height:550px;
	margin:auto;	
}

#greeting {
	width:800px;
	height:100px;
	float:left;
	text-align:center;
	padding-top:20px;	
}

#form {
	width:100%;;
	height:100%;
	float:left;
	color:#FFF;
	font-family:'Raleway';
}

#form_wrapper {
	width:500px;
	height:400px;
	margin:auto;
	padding-top:50px;
}

#form_wrapper a {
	text-align:center;	
	color:#FFF;
	text-decoration:none;
}

#form_wrapper a:hover {
	color:#ffba00;
}

.formclientes {
	width:480px;
	height:60px;
	float:left;
	background:rgba(255, 255, 255, 0.3);
	border-radius:5px;
	border-style:none;
	margin-bottom:20px;
	padding-left:20px;
	color:#FFF;
	font-size:1.2em;
	font-weight:400;
	font-family:'Raleway';
	border:1px solid rgba(0,0,0, 0.5);
}

.formclientes_login {
	width:500px;
	height:50px;
	float:left;
	background:#ffba00;
	cursor:pointer;
	border-radius:5px;
	border-style:none;
	margin-bottom:20px;
	padding-left:20px;
	color:#FFF;
	font-size:1.2em;
	font-weight:400;
	font-family:'Raleway';
}

.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(../images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333;margin-bottom:1000px;}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(../images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}

.fotos_sede li {
	list-style-type:none;
	cursor:pointer;	
}

#info_sge {
	width:100%;
	height:1144px;
	float:left;	
}

#sge_wrapper {
	width:100%;
	height:400px;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
}

#sge {
	width:1100px;
	height:200px;
	padding-top:50px;
	padding-bottom:100px;
	margin:auto;	
}

#sge_info_wrapper {
	width:100%;
	height:544px;
	float:left;	
}

#sge_macbook {
	width:1100px;
	height:544px;
	margin:auto;	
}