* {
margin:0;
padding:0;
}

@font-face {
  font-family: 'Open Sans';
  font-weight:300;
  src: 	url('fonts/OpenSans-Regular.ttf') format('ttf'),
		url('/fonts/OpenSans-Light.ttf') format('ttf');
}

@font-face {
  font-family: 'Open Sans';
  font-weight:300;
  src:	url('/fonts/OpenSans-Light.eot') format('eot'),
		url('/fonts/OpenSans-Semibold.eot') format('eot'),
		url('fonts/OpenSans-Regular.eot') format('eot');
}

#white_content{
	display: none;
    position: fixed;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    z-index:9999999;
    overflow: auto;
	text-align:center;
	vertical-align:center;
}

#video{
	position:fixed;
	top:5%;
	left: 5%; /*calc(50% - 272px);*/
}

.fechar_video{
	position:fixed;
	bottom:2%;
	right: 5%;
	height:25px;
	width:76px;
	overflow:hidden;
}

body
{
    font-family:'Open Sans', Arial, Verdana, Sans-serif;
	font-weight:300;
    font-size:18px;
    text-align:center;
    color:#333;
    margin:auto;
	background-color:#fff;
	padding:0;
}

h1{
	text-align:center;
	margin:auto;
}

hr{
	width:980px;
	height:1px;
	border:0;
	background-color:#d6d6d6;
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
}

p{
	margin-top:25px;
	margin-bottom:25px;
	text-align: justify;
}

a{
	color:#0088cc;
	text-decoration:none;
	outline:none;
}

a img
{
	outline:none; 
	border:none;
}

a:hover{
	color:#004b93;
	text-decoration:underline;
}

.titulos{
	font-family: 'Open Sans';
	font-weight:300;
	font-size:60px;
	color:#000;
}

.titulos_branco{
	font-family: 'Open Sans';
	font-weight:300;
	font-size:60px;
	color:#fff;
}

.linha_titulo{
	width:80px;
	background-color:#0089e1;
	border:0;
	height:1px;
}


/*-- Posições das seções para menu-------------------------------------------------------------------*/

#inicio{position:absolute; top:0;}
#porque{position:absolute; top:535px;}
#solucoes{position:absolute; top:1003px;}
#diferencial{position:absolute; top:1792px;}
#equipamentos{position:absolute; top:2550px;}

/*-- Posições das seções para menu-------------------------------------------------------------------*/

/*-- Início Menu azul no topo da página--------------------------------------------------------------*/

.topo{
	background-color:#000;
	width:100%;
	height:74px;
	box-shadow: 0px 2px 5px #03C;
	text-align:center;
	z-index:99999;
	font-weight:400;
	position:fixed;
	box-shadow: 0px 3px 10px #666;
   -webkit-box-shadow: 0px 3px 10px #666;
   -moz-box-shadow: 0px 3px 10px #666;
   z-index:999999999;
}

.menu_topo{
	max-width:1000px;
	height:74px;
	margin:auto;
	padding:0;
	text-align:right;
	position:relative;
	z-index:999999;
	outline:none;
	background-color:#000;
}

.logo_topo{
	position:absolute;
	top:0px;
	left:0;
	z-index:999999;
}

.menu_topo a{
	color:#fff;
	font-size:18px;
	text-decoration:none;
	margin-left:20px;
	outline:none;
}

.botoes_menu{
	padding-top:24px;
}

.menu_topo a:hover{
	color:#0089e1;
	font-size:18px;
	text-decoration:none;
	margin-left:20px;
}

/*-- Fim Menu azul no topo da página-------------------------------------------------------------------------*/


/*-- Início Mostrar e Esconder menu mobile-------------------------------------------------------------------------*/
@media (max-width:801px) {
	.menu_mobile{
		height:70px;
		overflow:hidden;
	}

	.botoes_menu_mobile{
		height:70;
		overflow:hidden;
	}
	
	.botoes_menu_mobile a:hover{
		color:#0089e1;
	}
	
	.botoes_menu{
		display:none;
	}
	
	.titulos{
	font-family: 'Open Sans';
	font-weight:300;
	font-size:40px;
	}
	
	.titulos_branco{
	font-family: 'Open Sans';
	font-weight:300;
	font-size:40px;
	color:#fff;
	}
	

}


@media (min-width:800px) {
	.menu_mobile
	{
		height:0;
		overflow:hidden;
	}

	.botoes_menu_mobile
	{
		height:0;
		overflow:hidden;
	}
	
}
/*-- fim Mostrar e Esconder menu mobile-------------------------------------------------------------------------*/

#btn_menu_show{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE 6-9 */
}

.botoes_menu_mobile{
	top:-2300px;
	position:fixed;
    width:100%;
    height:2000px;
    margin:0;
    padding-top:0;
    text-align:center;
    position:relative;
	background-color:#fff;
	z-index:9999;
}

.botao_menu_mobile{
	padding-top:20px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	font-weight:300;
	font-size:1.3rem;
	height:40px;
}

.espaco{
	height:70px;
	width:100%;
	color:#fff;
}

/*-- Início Quem somos ----------------------------------------------------------------------------------------------*/

.quem_somos_geral{
	width:100%;
	height:auto;
	text-align:center;
	padding-top:80px;
	padding-bottom:120px;
}

.quem_somos{
	width:100%;
	max-width:880px;
	height:auto;
	margin:auto;
	font-size:16px;
	padding-left:15px;
	padding-right:15px;
	font-family: 'Open Sans';
	font-weight:400;
}

.quem_somos p{
	padding-left:15px;
	padding-right:15px;
}


/*-- Fim Quem somos ----------------------------------------------------------------------------------------------*/


/*-- Início Portfolio ----------------------------------------------------------------------------------------------*/

#portfolio{
	background-color:#000;
	padding-top:50px;
	padding-bottom:50px;
}


/*-- Fim Portfolio ----------------------------------------------------------------------------------------------*/


/*-- inicio Servicos ----------------------------------------------------------------------------------------*/

.servicos_geral{
	width:100%;
	background-color:#ccc;
	height:auto;
	text-align:center;
	padding-top:50px;
}

.servicos_conteudo{
	width:100%;
	max-width:1000px;
	margin:auto;
}

.servico{
	width:250px;
	float:left;
	text-align:center;
	font-size:14px;
	padding-left:20px;
	padding-right:20px;
	height:340px;
	border-left:1px solid #f2f2f2;
	border-right:1px solid #f2f2f2;
	margin-bottom:100px;
	background-color:#fff;
	padding-top:20px;
}

.servico img:hover
{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE 6-9 */
	cursor:pointer;
}

.servico h3{
	font-family:'Open Sans', Arial, Verdana;
	font-weight:300;
	color:#0088cc;
	font-size:20px;
	margin-bottom:16px;
}


/*-- Fim Servicos -------------------------------------------------------------------------------------------*/


/*-- Início Clientes ----------------------------------------------------------------------------------------*/

@media (min-width:800px) {
	.clientes{
		width:100%;
		padding-bottom:150px;
		padding-top:100px;
		background-color:#fff;
	}

	.logos_clientes{
		width:1000px; 
		margin:auto;
	}

	.logo_cliente{
		float:left;
		margin:15px;
		width:170px;
	}


	.logo_cliente img{
		width:170px;
		filter: grayscale(100%);
	}

	.logo_cliente img:hover{
		width:170px;
		filter: grayscale(00%);
	}
}
@media (max-width:801px) {
	.clientes{
		width:100%;
		padding-bottom:150px;
		padding-top:100px;
		background-color:#fff;
	}

	.logos_clientes{
		width:100%;
		margin:auto;
	}

	.logo_cliente{
		float:left;
		margin:15px;
		width:40%;
	}
	
	.logo_cliente img{
	width:100%;
	filter: grayscale(0%);
	}
	
	.servico{
	width:50%;
	float:left;
	text-align:center;
	font-size:14px;
	padding-left:20px;
	padding-right:20px;
	height:380px;
	border-left:1px solid #f2f2f2;
	border-right:1px solid #f2f2f2;
	margin-bottom:30px;
	background-color:#fff;
	padding-top:20px;
	}

	.servico img:hover
	{
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray; /* IE 6-9 */
		cursor:pointer;
	}

	.servico h3{
		font-family:'Open Sans', Arial, Verdana;
		font-weight:300;
		color:#0088cc;
		font-size:20px;
		margin-bottom:16px;
	}
	
}

.servicos_geral{
	width:100%;
	background-color:#ccc;
	height:auto;
	text-align:center;
	padding-top:50px;
}



		
/*-- Fim Clientes --------------------------------------------------------------------------------------*/


/*-- Início do rodapé----------------------------------------------------------------------------------------*/

.rodape_geral{
	width:100%;
	background-color:#1c1c1f;
	height:435px;
	border-top:10px solid #36363a;
	color:#ccc;
}

.rodape{
	width:100%;
	height:320px;
	text-align:center;
	margin:auto;
	padding-top:20px;
}

.rodape p{
	font-size:18px;
}

.rodape a{
	color:#ccc;
}

.news{
	width:100%;
	background-color:#000;
	height:78px;
	vertical-align:middle;
	padding-top:10px;
}

.news input{
	width:75%;
	max-width:500px;
	height:30px;
	border:none;
	color:#666;
	padding-left:5px;
}

.news input.botao{
	width:60px;
	height:30px;
	background-color:#0088cc;
	border:none;
	text-align:center;
	color:#000;
}

.news input.botao:hover{
	background-color:#0073ac;
	color:#fff;
}

/*-- Fim do rodapé----------------------------------------------------------------------------------------*/