article:after,div:after, ol:after, form:after, ul:after, dl:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}

body{
	font-family: 'Roboto', sans-serif;
}

p{
	font-size:16px;
}

#topo{
	width:100%;
	min-height:700px;
	float:left;
}

#topo p{
	color: #1D354B !important;
}


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

#topob{
	width:100%;
	height:450px;
	float:left;
	background: url('../imagens/bg2.gif') center;background-repeat:no-repeat;
}

#empresa{
width:100%;

	background:#1D354B url('../imagens/bg3.gif') top center;background-repeat:no-repeat;float:left;
}


#tipos{
	width:100%;
	background:#F2F2F2 url('../imagens/bg5.gif') top center;background-repeat:no-repeat;float:left;
}


#logo{

	width:900px;
	margin-top:60px;
	margin-left:auto;
	margin-right:auto;

}



#menu{
	width:990px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	height:36px;
}


#bt1 a,#bt2 a,#bt3 a,#bt4 a, #bt5 a{
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	 /* ...and now for the proper property */
	transition:.3s;
}

#bt1 a:hover,#bt2 a:hover,#bt3 a:hover,#bt4 a:hover,#bt5 a:hover{
	color:#FFF;
}

#intro{
	width:990px;
	margin-top:120px;
	margin-left:auto;
	margin-right:auto;
	height:36px;
}

#intrologo{
	width:200px;
	float:right;
	text-align:left;
}


#introtexto{
	width:520px;
	float:right;
}

#introtexto p{
	color:#1d354b;
	font-size:21px;
	line-height:27px;
	text-align:justify;
}

#empresaint, #tiposint{
	width:900px;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
}

#tiposint{
	padding-bottom:80px;
}

#empresaint h2{
	font-size:40px;
	color:#FFF;
	font-weight:300;
	margin-bottom:30px;
}


#tiposint h2{
	font-size:40px;
	color:#1d354b;
	font-weight:300;
	margin-bottom:30px;
}


#empresaint h3, #tiposint h3{
	font-size:30px;
	color:#FFF;
	font-weight:300;
	margin-bottom:10px;
}


#empresaint p{
	color:#FFF;
	width:700px;
	text-align:justify;
	font-size:18px;
	font-weight:300;
	margin-bottom:13px;
}


#tiposint p{
	color:#1d354b;
	width:700px;
	text-align:justify;
	font-size:18px;
	font-weight:300;
	margin-bottom:20px;
}



.divemp{
	width:820px;
	float:left;
	margin-top:30px;
}

.divemp p{
	width:100% !important;
}

.divempa{
	width:170px;
	float:left;

}

.divempb{
	width:650px;
	float:left;

}

.sep{
	margin-bottom:70px;
}

.menu{
	height:36px;
	background:url('../imagens/seta.gif') bottom right;background-repeat:no-repeat;float:right;margin-left:30px;
}

.menu a{
	text-decoration:none;
	color:#1D354B;
	font-size:20px;
	margin-right:20px;
	line-height:36px;
}

#solucoes{
	width:100%;
	background:#FFF url('../imagens/bg4.gif') top center;background-repeat:no-repeat;float:left;
}


#solucoesint{
	width:900px;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;

}

#solucoesint h2{
	font-size:40px;
	color:#1d354b;
	font-weight:300;
	margin-bottom:30px;
	width:100%;
	float:right;
	text-align:right;
}

#solucoesint h3{
	font-size:30px;
	color:#1d354b;
	font-weight:300;
	margin-bottom:10px;
}


#solucoesint p{
	color:#1d354b;
	width:81%;
	text-align:justify;
	font-size:18px;
	font-weight:300;
	margin-bottom:20px;	float:right;
}











#cases{
	width:100%;
	background:#1e364b url('../imagens/bg6.gif') top center;background-repeat:no-repeat;float:left;
}


#casesint{
	width:900px;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
margin-bottom: 70px;
}

#casesint h2{
	font-size:40px;
	color:#FFF;
	font-weight:300;
	margin-bottom:30px;
	width:100%;
	float:right;
	text-align:right;
}

#casesint h3{
	font-size:30px;
	color:#1d354b;
	font-weight:300;
	margin-bottom:10px;
}


#casesint p{
	color:#FFF;
	width:81%;
	text-align:justify;
	font-size:18px;
	font-weight:300;
	margin-bottom:20px;	float:right;
}

.ctncase{
		width:23%;
		float:left;
		height: 180px;
		margin-left: 2%;
		margin-bottom: 20px;
		text-align: center;
}

.ctncasep{
		font-size: 20px !important;
		width: 100% !important;
		text-align: center !important;
		margin-bottom: 10px !important;
}










.sol{
	width:177px;
	height:127px;
	padding-top:17px;

	float:right;
	margin-left:7px;
	margin-top:30px;text-align:center;
margin-bottom:70px;
	cursor:pointer;
/*	background-image:url('../imagens/fundomenu.png'); */
background-color: #1D354B;
border-radius: 12px 12px 0px 12px;
}

.btoct1,.btoct2,.btoct3,.btoct4,.btoct5,.btoct6{
	cursor:pointer;

}


.sol:hover{

	background-color: #F3762F;
	border-radius: 12px 12px 0px 12px;
	-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
 /* ...and now for the proper property */
transition:.3s;
}

.sol p{
	text-align:center !important;float:none !important;width:100% !important; margin-top:5px;
	font-weight:400 !important;
		-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	 /* ...and now for the proper property */
	transition:.3s;
		color:#FFF !important;
		margin-top:35px;
}

.mgr{
	margin-left:100px;
}


.mgneg{
	margin-bottom:-6px;
}


.octagon {
	width: 885px;
	background: #EEE;
	float:right;
	margin-bottom:100px;
	border-radius: 12px 12px 0px 12px;
	padding-top:40px;
	padding-bottom:40px;
}

#a{
	margin-left:5%;
	width:54%;
	float:left;
}

#b{
	margin-left:5%;
	width:29%;
	float:left;
	padding-top:32px;
}

#b img{
	margin-top:35px;
}

#c{
	margin-left:0%;
	width:3%;
	float:left;
}

#a h4{
	font-size:25px;
	color:#1d354b;
	font-weight:300;
	margin-bottom:15px;
	width:100%;
	float:left;
}

#a h3{
margin-bottom:30px;
}

#a p{
	width:100%;
	float:left;
	font-size:16px;
}

.ft{
	width:22%;
	height:130px;
	float:left;margin-bottom:20px;
}

.desc h4{
	font-size:25px;
	color:#1d354b;
	font-weight:300;
	margin-bottom:0px;
	width:100%;
	float:left;
}

.desc li{
	color:#1d354b;
}

.desc{
	width:78%;
		height:130px;
	float:left;margin-bottom:20px;
}




#contato{
	width:100%;
	background:#FFF url('../imagens/bg7.gif') top center;background-repeat:no-repeat;float:left;
}


#contatoint{
	width:900px;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;

}

#contatoint h2{
	font-size:40px;
	color:#1d354b;
	font-weight:300;
	margin-bottom:30px;
	width:100%;
	float:right;
	text-align:left;
}

#contatoint h3{
	font-size:30px;
	color:#1d354b;
	font-weight:300;
	margin-bottom:10px;
}

#contatoint p{
	color:#1d354b;
	width:81%;
	text-align:justify;
	font-size:18px;
	font-weight:300;
	margin-bottom:20px;	float:right;
}


#contatoa{
	float:left;
	width:500px;
	margin-bottom:120px;
	margin-right: 70px;
}

#contatob{
	float:left;
	width:330px;
	height:350px;
	margin-top:63px;
	margin-bottom:120px;
}

#contatoa label{
	color:#1d354b;
	width:100%;
	display:block;
	margin-top:13px;
}

#nome,#mail,#telefone{
	width:99%;
	background-color:#DDD;
	border:1px solid #DDD;
	height:30px;
	color:#1d354b;
	border-radius: 6px 6px 0px 6px;
}

#msge{
	width:99%;
	height:120px !important;
	background-color:#DDD;
	border:1px solid #DDD;
	height:30px;
	color:#1d354b;
	border-radius: 6px 6px 0px 6px;
}

#enviar{
	width:99%;
	height:60px;
	border:0px solid #FFF;
	color:#1d354b;
	background-color:#F9A11B;
	font-size:20px;
	margin-top:40px;
	border-radius: 7px 7px 0px 7px;
}

#contatob p{
	float:left;
	margin-bottom:30px;
}


label.error {
	color: #1d354b !important;
	margin-top:0px !important;
}

input.error {
	border: 2px solid #1d354b !important;
}

textarea.error {
	border: 2px solid #1d354b !important;
}


#status2{
	color:#1d354b;
	font-size:1em;
	font-weight:bold;
	margin-top:20px;
}




.amarelo{
	color:#1d354b;
	font-size: 20px;
	font-weight: bold;
}

.grande{
	font-size:30px;
}


#toTop {
	width:2.4em;
	height:2.2em;
        background:#FCFCFC;
        text-align:center;
        padding:0.6em;
        position:fixed;
       bottom:0em;
        right:5.5em;
        cursor:pointer;
        display:none;

    box-shadow: 2px 2px 7px #666;
}

#toTop p{
	 color:#1d354b;
        font-weight:bold;
        font-size:0.95em;
	line-height:2em;
	margin-top:0.5em;
	font-family: 'Roboto', sans-serif;
}


#menusupmobile{
position: fixed;
width:100%;
height:40px;
background-color:#FFF;
	top: 0;
	z-index: 99;
display: none;
}
.logosupmobile{
  margin-left:10px;margin-right:0px !important;
	width: 80px;
	margin-top:4px;
}
#menum2, #borc{
	float:right;
	margin-top:5px;
	margin-right: 15px;
	cursor: pointer;
}
#logosupp{
	cursor:pointer;
}
#ctn-mmm2{
		width:100%;border-top:15px solid #DDD;border-bottom:15px solid #DDD; display:none;
		margin-bottom: 40px;
		float:left;
}
#ctn-mmm2 p{
		width:100%;
		font-size: 20px;
		text-align: center;
		color:#333;
}

.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}

		#lb1, #lb2, #lb3, #lb4, #lb5, #lb6, #lb7, #lb8, #lb9, #lb10, #lb11, #lb12, #lb13, #lb14, #lb15, #lb16 { width:100%; height: 28px; background-color: #DDD; cursor:pointer; padding-top:7px;}
		#lb1:hover, #lb2:hover, #lb3:hover, #lb4:hover, #lb5:hover, #lb6:hover, #lb7:hover, #lb8:hover , #lb9:hover, #lb10:hover , #lb11:hover, #lb12:hover , #lb13:hover, #lb14:hover, #lb15:hover, #lb16:hover { background-color: #CCC; }
		#lb17 { width:100%; height: 28px; background-color: #CCC; cursor:pointer; padding-top:7px;}
		#lb17:hover{ background-color: #BBB; }

		#lb1 p,	#lb4 p,	#lb5 p,	#lb7 p,	#lb2 p{
				color:#004179;
		}



@media screen and (max-width:1000px){


	#topoa{
		width:100%;
		height:250px;
		float:left;
		padding-top:10px;
		padding-bottom: 10px;
	}

  #menusupmobile{
    display:block;
  }

		#logo{

			width:100%;
			margin-top:90px;
			margin-left:auto;
			margin-right:auto;
			text-align: center;
		}

#menu{
	display:none;
}

#intro{
	width:100%;

}

#intrologo{
	width:100%;
	float:right;
	text-align:right;
	text-align: center;
}

#introtexto{
	width:90%;
	float:left;
	padding: 5%;
}

#empresa{
	margin-top:-40px;
}

#empresaint, #tiposint{
	width:100%;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
}
#empresaint{
	margin-bottom:90px;
}

#empresaint p{
	color:#FFF;
	width:90%;
	margin:5%;
	text-align:justify;
	font-size:18px;
	font-weight:300;
	margin-bottom:13px;
}


#tiposint p{
	color:#1d354b;
	width:90%;
	margin:5%;
	text-align:justify;
	font-size:18px;
	font-weight:300;
	margin-bottom:20px;
}



.divemp{
	width:100%;
	float:left;
	margin-top:30px;
	margin-bottom:30px;
}
.divempb h3{
	margin-top:10px;
}

.divemp p{
	width:100% !important;
}

.divempa{
	width:90%;
	margin-left:5%;
	float:left;
text-align: center;

}

.divempb{
	width:90%;
	margin-left:5%;
	float:left;
text-align: center;
}
.divempb p{
	width:100%;
	margin:0% !important;
	padding: 0px !important;
}
#empresaint{
	text-align: center;
}

#solucoesint{
		width: 100%;
		text-align: center;
		margin-bottom:60px;
}

#solucoesint h2{
	width:100%;
	text-align:center;
}

#solucoesint h3{
	font-size:30px;
	color:#1d354b;
	font-weight:300;
	margin-bottom:10px;
}


#solucoesint p{
	color:#1d354b;
	width:90%;
	margin:5%;
	text-align:justify;
	font-size:18px;
	font-weight:300;
	margin-bottom:20px;	float:right;

}
.pp2{
	width: 100% !important;
	margin:0px !important;
	margin-top:35px !important;
}


.sol{

	float:left;
margin-bottom:-20px !important;

}

#a{
		width:100%;
		margin-top: 40px;
		margin:0px;
		padding-top: 60px;
		padding-bottom:60px;
}

#b{
	display:none;
}
#c{
	display:none;
}

.octagon {
	width: 100%;
	background: #F9A11B;
	float:right;
	margin-bottom:100px;
	margin-top:80px;
}

.bb1{
	display:none;
}

.ft{
		display:none;
}
.desc{
	width: 90%;
	margin: 5%;
	height: auto !important;
	margin-bottom: 0px;
}
#tiposint h2{
	margin-left:5% !important;
}

#casesint{
	width: 100%;
}

#casesint h2{
	text-align: center;
}

.ctncase{
		width: 100%;
		margin: 0px;
		margin-bottom: 10px;
}

.mgr{
	width: 90%  !important;
	margin: 5% !important;
	padding: 0px !important;
}

#contatoint{
		width: 100%;
}
#contatoint h2{
		text-align: center;
}
#contatoint h3{
		text-align: center;
}
#contatoa{
	width: 90%;
	margin: 5%;
}

#nome, #mail, #telefone,#msge{
	width: 100%;
}

#enviar{
	background-position: center;
}
#contatob{
	width: 90%;
	margin:5%;
}



}

@media screen and (max-width:600px){

	#introtexto p{
			margin-top:-100px;
			font-size: 16px !important;
	}

}