aside,body,caption,details,div,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,label,legend,li,menu,nav,ol,p,p1,p2,preheader,section,span,summary,ul
{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:"Century Gothic";vertical-align:baseline}

ol,ul{list-style:none}

a img{border:none}

#img{box-shadow:0 0 1px 1px #D8D8D8}

aside,details,figcaption,figure,footer,header,hgroup,menu,nav,preheader,section
{display:block}

p{margin-bottom:20px;width:250px;padding-top:0}

#p1{margin:0 0 20px;font-size:14px;text-align:justify;width:950px}

#p2{margin-top:0;margin-bottom:7px;width:600px;height:110px}

#p3{margin-bottom:7px;width:180px;padding-top:60px}

#p4{margin:0 0 0 10px;font-size:14px;text-align:justify;width:98%}

#p6{margin:0;font-size:14px;text-align:justify;width:auto}

.pjustify{text-align:justify}a,p a{text-decoration:none}

a:hover{text-decoration:underline}

h1,h2,h3,h4,h5,h6{font-family:"Century Gothic";font-weight:400;position:relative}

h1{margin-top:5px;font-size:24px;line-height:1.6;color:#000;text-align:left;width:300px;border-bottom:1px dotted #000}

h1 span{line-height:1.7px;color:#000;font-size:14px}

h2{font-size:18px;line-height:1.6;color:#000;text-transform:none;text-align:justify;background-color:transparent;margin-bottom:20px;
border-bottom:1px dotted #000}

h3{font-size:16px;line-height:1.7;color:#000;text-align:justify;width:310px;padding-top:2px;padding-bottom:1px}

h3 span{font-size:12px;color:#000;text-transform:none;height:24px;margin-top:0;text-align:left;display:inline}

h4{font-size:18px;line-height:1.7;color:#000;text-align:left;width:350px;padding-top:8px;margin-bottom:12px}

h4 span{font-weight:700;font-size:15px;font-family:"Century Gothic";background-color:#FC3;padding:8px;margin-left:20px;
-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em}

h6{width:150px;margin-top:0;font-size:20px;line-height:1.6;color:#000;text-align:left;border-bottom:1px dotted #000}

h6 span{line-height:1.7px;color:#000;font-size:14px;text-transform:none;display:block}

#hh1{font-size:24px;line-height:1.6;color:#000;text-align:left;width:900px;margin-bottom:20px;margin-left:15px;border-bottom:1px dotted #000}

#hh2{font-size:14px;color:#000;text-align:left;width:900px;margin-bottom:20px;margin-left:15px}

#container_left,#container_right{position:relative;width:100%}

.group1{float:left;width:980px;position:relative;background:#fff;padding:15px;margin-bottom:0}

.group2{float:none;width:auto;position:relative;background:#fff;padding:15px;margin-bottom:10px;margin-left:30px}

.group3{float:none;width:auto;position:relative;background:#fff;padding:15px;margin-top:-28px}

.group_bannner_left{width:400px;height:200px;position:absolute;top:120px;left:80px;background:0 0}

header{position:relative;float:left;width:100%;height:70px}

.holder_content{position:relative;float:left;width:100%;margin-bottom:8px;background:#fff}

#container{position:relative;height:90px;width:980px;margin:5px 0 15px 170px;padding:5px 5px 20px;text-align:left;background-color:#fff;
overflow:hidden;box-shadow:0 0 3px 4px rgba(0,0,0,.1)}

.container{position:fixed;height:110px;width:90px;margin:60px 0 10px 170px;padding:5px 5px 0;text-align:left;background-color:#fff;
overflow:hidden;box-shadow:0 0 3px 4px rgba(0,0,0,.1)}


#container2{position:relative;height:auto;width:980px;margin:5px 0 15px 170px;padding:5px 5px 10px;text-align:left;background-color:#fff;
overflow:hidden;box-shadow:0 0 3px 4px rgba(0,0,0,.1)}

.container2{position:fixed;height:auto;width:225px;margin:190px 0 15px 170px;padding:8px;text-align:left;background-color:#fff;
overflow:hidden;box-shadow:0 0 3px 4px rgba(0,0,0,.1)}

.container3{position:fixed;height:460px;width:729px;margin:190px 0 15px 420px;padding:0 5px 10px;text-align:left;background-color:#fff;
overflow:scroll;box-shadow:0 0 3px 4px rgba(0,0,0,.1)}

#container3{position:relative;float:left;width:250px;margin:10px 0 10px 15px;height:200px}

#container4{position:relative;float:left;width:250px;margin:10px 0 10px 100px;height:200px}

#container5{position:relative;float:left;width:250px;margin:10px 0 10px 95px;height:200px}

#container6{float:none;height:auto;margin:5px 5px 15px 0;clear:both}

#containervideo{position:relative;width:500px;height:342px;margin:0 auto 20px;box-shadow:0 0 4px 3px rgba(0,0,0,.1)}

.containerequip1{position:relative;float:left;width:auto;height:150px;margin:0 10px 10px 190px;box-shadow:0 0 1px 2px rgba(0,0,0,.1);font-size:16px}

.containerequip2{position:relative;float:left;width:380px;height:170px;margin:0 10px 35px 170px;text-align:justify;font-size:16px}

.container10{position:relative;float:left;width:250px;margin:10px 0 10px 20px;height:auto}

.container11{position:relative;float:left;width:250px;margin:10px 0 10px 100px;height:auto}

.container12{position:relative;float:left;width:250px;margin:10px 0 10px 95px;height:auto}

#logo{position:relative;float:left;top:10px;left:25px}

.clearing{clear:both;display:inline;width:100%;height:0;overflow:hidden}


#table1{border:solid;border-width:1px;border-collapse:collapse;margin-left:20px}

#trhead{background:#a0a0a0;font-size:18px}

#tr1{background:#eee;height:30px;font-size:16px}

#tr2{background:#ccc;height:30px;font-size:16px}

#coluna1,#coluna2,#coluna3{width:310px;border:solid;border-width:1px;border-collapse:collapse}

#servicosRecentes{font-size:16px;position:relative;margin-left:4px;padding:3px;text-align:center;width:100%;margin-top:25px}

.tableContato{width:100%;font-size:14px}

.tableContato tr{height:50px}

.tableContato td{vertical-align:middle}

#divMapa{text-align:right;border-left:.1px dotted Gray;width:48%;float:right;margin-right:20px;margin-top:10px}

#imagequip{margin-bottom:50px;margin-top:30px}

#imagequip1{margin-bottom:50px;margin-top:87px}








/* TRABALHANDO COM TODO O FORMULÁRIO - FUNDO, ESPAÇO ENTRE LINHAS- */
body,html{
	width:100%;
	height:100%;
	background-color:#ffffff;
	overflow-x: hidden
	}
	
	
	
	
	

/* TRABALHANDO COM O TOPO */
#faixa0{
	height:10px;
	top:0;
	position:absolute;
	width:100%;
	background-color:#0069c1;
	width:100%
	}
#faixa1{
	height:130px;
	top:10px;
	position:relative;
	width:100%;
	background-color:#fff
	}
#faixa2{
	height:450px;
	top:646px;
	box-shadow:0px 2px 5px 1px rgba(0,0,0,0.5);
	width:100%	
	}
#faixa3{
	height:40px;
	top:1096px;
	position:absolute;
	background-color:#000000;	
	width:100%
	}
#faixa4{
	height:406px;
	top:730px;
	position:absolute;
	background-color:#0069c1;	
	width:100%
	}
#faixa44{
	height:386px;
	top:640px;
	position:absolute;
	background-color:#fff;	
	width:100%
	}






/* IMAGEM GRANDE DO TOPO */
#portoLogo{
	float:left;
	margin:3% 0 0 3%;
	}
	
	
/* IMAGEM GRANDE DO TOPO */
#ipirangaLogo{
	position:absolute;
	left:45%;
	top:-7%
	}
	
	
/* IMAGEM GRANDE DO TOPO */
#tecfilLogo{
	position:relative;
	left:90%;
	top:-12%
	}
	
#framLogo{
	position:relative;
	left:140%;
	top:-30%
	}

#hengstLogo{
	position:relative;
	left:167%;
	top:-52%
	}
	
#unickLogo{
	position:relative;
	left:215%;
	top:-75%
	}
#reiforLogo{
	position:relative;
	left:258%;
	top:-93%
	}


	
	
	

/* TRABALHANDO COM A FAIXA SUPERIOR E SEUS TEXTOS. ONDE ESTÃO O ENDEREÇO E O CONTATO */
nav{
	position:absolute;
	width:630px;
	left:55%;
	/* ISSO MUDA A ALTURA DO MENU */
	top:65%  
	}

nav ul{
	width:100%
	}

nav ul li{
	float:left;
	/* ISSO MUDA A DISTÂCIA ENTRE OS ITENS DO MENU */
	margin-right:20px;
	line-height:normal
	}

nav ul li a{
	text-align:center;
	font-size:17px;
	font-family:"Century Gothic";
	color:#555555;
	text-transform:none;
	background-color:transparent;
	text-decoration:none
	}

nav ul li a:hover{
	text-decoration:none;
	color:#ff7000;
	background-color:transparent;
	color:#0069c1
	}

nav ul li a.current{
	font-size:17px;
	/* ISSO MUDA A ALTURA DO MENU */
	padding:8px;	
	background-color:transparent;
	color:#0069c1
	}
	
	
	

		
/* RODAPÉ E SEUS TEXTOS */
#linhaSobreRodape{
	top:1136px;
	position:absolute;
	height:3px;
	width:100%;
	background-color:rgb(200,173,5)
	}	
#rodape{
	top:1139px;
	position:absolute;
	height:250px;
	width:100%;
	background-color:rgb(255,213,27	)
	}		
	
#tituloRodape1{
	position:absolute;
	left:4%;
	top:8%;	
	color:rgb(170,143,5);
	font-size:15px;
	font-weight:bold;
	width:13%
	}
#txtRodape1{
	position:absolute;
	left:4%;
	top:16%;	
	color:rgb(170,143,5);
	font-size:11px;
	width:12.1%;
	text-align:justify
	}	
	
#tituloRodape2{
	position:absolute;
	left:23%;
	top:8%;
	color:rgb(170,143,5);
	font-size:15px;
	font-weight:bold
	}
#txtRodape2{
	position:absolute;
	left:23%;
	top:16%;
	color:rgb(170,143,5);
	font-size:11px;
	width:11%;
	text-align:justify
	}	

#tituloRodape3{
	position:absolute;
	left:65%;
	top:8%;
	color:rgb(170,143,5);
	font-size:15px;
	font-weight:bold
	}	
#txtRodape3{
	position:absolute;
	left:65%;
	top:16%;
	color:rgb(170,143,5);
	font-size:11px;
	width:12%;
	text-align:justify
	}
	
#tituloRodape4{
	position:absolute;
	left:82%;
	top:8%;
	color:rgb(170,143,5);
	font-size:15px;
	font-weight:bold
	}	
#txtRodape4{
	position:absolute;
	left:82%;
	top:16%;
	color:rgb(170,143,5);
	font-size:11px;
	width:12%;
	text-align:justify
	}
	
/* IMAGEM GRANDE DO TOPO */
.portoLogo{
	float:left;
	margin:1% 0 0 39%;
	}
		
#quadro1{
	position:absolute;
	left:10%;
	top:15%;
	color:#ffffff;
	font-size:15px;
	width:80%;
	text-align:justify
	}
#quadro2{
	position:absolute;
	left:10%;
	top:15%;
	color:#ffffff;
	font-size:15px;
	width:80%;
	text-align:justify
	}
#quadro3{
	position:absolute;
	left:10%;
	top:15%;
	color:#ffffff;
	font-size:15px;
	width:80%;
	text-align:justify
	}
	
	
#txtFaixa4{
	position:relative;
	left:-5%;
	top:10px;
	color:#006e7f;
	font-size:20px;
	font-weight:bold	
	}








#quadroButton1{
	background:transparent;
	width:30%;
	height:80%;
	position:absolute;
	top:7%;
	left:5%
}
#quadroButton2{
	background:transparent;
	width:30%;
	height:80%;
	position:absolute;
	top:7%;
	left:35%
}
#quadroButton3{
	background:transparent;
	width:30%;
	height:80%;
	position:absolute;
	top:7%;
	left:65%
}




	
.button{
	display:inline-block;zoom:1;
	vertical-align:baseline;
	top:70%;
	position:relative;
	left:30%;
	cursor:pointer;
	text-align:center;
	background-color:#0069c1;
	text-decoration:none;
	font:16px;
	padding:.5em 2em .55em;
	font-weight:bold;
	width:45%;
	color:#fff
	}
.button:hover{
	text-decoration:none;
	color:#fff
	}
.black{
	font-weight:bold;
	color:#fff;
	background-color:#0069c1;
	border:1px solid #fff;
	font-family:"Century Gothic"
	}
.black:hover{
	font-weight:bold;
	border:1px solid #fff;
	background-color:rgb(255,213,27);
	color:fff
	}
.black a{
	color:#fff;
	}
.black a:hover{
	color:#fff;
	text-decoration:none
	}	






	
	




#txtSobreNos{
	position:absolute;
	left:19%;
	top:23%;
	color:#ffffff;
	font-size:17px;
	width:60%;
	text-align:justify
}




	

.faixa4{
	height:500px;
	top:145px;
	position:absolute;
	background-color:#0069c1;	
	width:100%
	}
.faixa444{
	height:600px;
	top:145px;
	position:absolute;
	background-color:#fff;	
	width:100%
	}
	
	
	
.linhaSobreRodape{
	top:662px;
	position:absolute;
	height:3px;
	width:100%;
	background-color:rgb(200,173,5)
	}	
.rodape{
	top:665px;
	position:absolute;
	height:250px;
	width:100%;
	background-color:rgb(255,213,27	)
	}
	
.linhaSobreRodape1{
	top:743px;
	position:absolute;
	height:3px;
	width:100%;
	background-color:rgb(200,173,5)
	}	
.rodape1{
	top:746px;
	position:absolute;
	height:250px;
	width:100%;
	background-color:rgb(255,213,27	)
	}
	
	
	
	
	

	
	
#quadroBtSN1{
	background:transparent;
	width:45%;
	height:10%;
	position:absolute;
	top:8%;
	left:25%
}
#quadroBtSN2{
	background:transparent;
	width:45%;
	height:10%;
	position:absolute;
	top:17%;
	left:25%
}
#quadroBtSN3{
	background:transparent;
	width:45%;
	height:10%;
	position:absolute;
	top:27%;
	left:25%
}
#quadroBtSN4{
	background:transparent;
	width:45%;
	height:10%;
	position:absolute;
	top:37%;
	left:25%
}
#quadroBtSN5{
	background:transparent;
	width:45%;
	height:10%;
	position:absolute;
	top:20%;
	left:25%
}
#quadroBtSN6{
	background:transparent;
	width:45%;
	height:10%;
	position:absolute;
	top:35%;
	left:25%
}
#quadroBtSN7{
	background:transparent;
	width:45%;
	height:10%;
	position:absolute;
	top:46%;
	left:25%
}
#quadroBtSN8{
	background:transparent;
	width:45%;
	height:10%;
	position:absolute;
	top:77%;
	left:25%
}







/* TEXTOS, CAMPOS E BOTÕES DA PÁGINA DE CONTATO */

#contatoNome{
	position:absolute;
	left:6%;
	top:5%;	
	color:#fff;
	font-size:15px;
	font-weight:bold;
	width:13%
	}
#campo1{
	position:absolute;
	left:15%;
	top:5%;	
	color:rgb(170,143,5);
	font-size:15px;
	font-weight:bold;
	width:13%
	}
#contatoEmail{
	position:absolute;
	left:6%;
	top:15%;	
	color:#fff;
	font-size:15px;
	font-weight:bold;
	width:13%
	}
#campo2{
	position:absolute;
	left:15%;
	top:15%;	
	color:rgb(170,143,5);
	font-size:15px;
	font-weight:bold;
	width:13%
	}
#contatoAssunto{
	position:absolute;
	left:6%;
	top:25%;	
	color:#fff;
	font-size:15px;
	font-weight:bold;
	width:13%
	}
#campo3{
	position:absolute;
	left:15%;
	top:25%;	
	color:rgb(170,143,5);
	font-size:15px;
	font-weight:bold;
	width:13%
	}
#contatoMsg{
	position:absolute;
	left:6%;
	top:35%;	
	color:#fff;
	font-size:15px;
	font-weight:bold;
	width:13%
	}
#campo4{
	position:absolute;
	left:15%;
	top:35%;	
	color:rgb(170,143,5);
	font-size:15px;
	font-weight:bold;
	width:13%
	}
#botao1{
	position:absolute;
	left:15%;
	top:90%;	
	color:#0069c1;
	font-size:15px;
	font-weight:bold;
	width:11%
	}
#botao2{
	position:absolute;
	left:28.5%;
	top:90%;	
	color:#0069c1;
	font-size:15px;
	font-weight:bold;
	width:11%
	}
	
	
	
	
#botao1:hover{
	position:absolute;
	left:15%;
	top:90%;	
	color:#0069c1;
	font-size:15.5px;
	font-weight:bold;
	width:11%
	}
#botao2:hover{
	position:absolute;
	left:28.5%;
	top:90%;	
	color:#0069c1;
	font-size:15.5px;
	font-weight:bold;
	width:11%
	}
	
	
	
	
#EntreEmContato{
	position:absolute;
	left:50%;
	top:4%;	
	color:#fff;
	font-size:20px;
	font-weight:bold;
	width:50%
	}	
#Assessor1{
	position:absolute;
	left:50%;
	top:11%;	
	color:rgb(255,213,27);
	font-size:15px;
	font-weight:bold;
	width:50%
	}
#Assessor2{
	position:absolute;
	left:50%;
	top:16%;	
	color:rgb(255,213,27);
	font-size:15px;
	font-weight:bold;
	width:50%
	}
#Assessor3{
	position:absolute;
	left:50%;
	top:21%;	
	color:rgb(255,213,27);
	font-size:15px;
	font-weight:bold;
	width:50%
	}
#VisiteNos{
	position:absolute;
	left:50%;
	top:27%;	
	color:#fff;
	font-size:15px;
	font-weight:bold;
	width:50%
	}
#mapa{
	position:absolute;
	left:50%;
	top:36%;	
	background-color:transparent;
	width:40%;
	height:49%
	}

	
	
	
#botao1default{
	position:absolute;
	left:5%;
	top:70%;
	width:25%
	}

#botao2default{
	position:absolute;
	left:35%;
	top:70%;
	width:25%
	}

#botao3default{
	position:absolute;
	left:65%;
	top:70%;
	width:25%
	}
	
	
	
	
#tituloProdutos{
	position:absolute;
	left:15%;
	top:10%;
	color:#0069c1;
	font-size:20px;
	width:60%;
	text-align:justify
}
#tituloParceiros{
	position:absolute;
	left:18%;
	top:11%;
	color:#0069c1;
	font-size:20px;
	width:60%;
	text-align:justify
}

#grupo1{
	position:absolute;
	width:50%;
	height:10%;
	background-color:#fff;
	top:11%;
	left:27%
}
#grupo2{
	position:absolute;
	width:50%;
	height:10%;
	background-color:#fff;
	top:24%;
	left:27%
}
#grupo3{
	position:absolute;
	width:50%;
	height:10%;
	background-color:#fff;
	top:38%;
	left:27%
}
#grupo4{
	position:absolute;
	width:50%;
	height:10%;
	background-color:#fff;
	top:50%;
	left:27%
}
#grupo5{
	position:absolute;
	width:50%;
	height:10%;
	background-color:#fff;
	top:63%;
	left:27%
}
#grupo6{
	position:absolute;
	width:50%;
	height:10%;
	background-color:#fff;
	top:75%;
	left:27%
}

#grupo7{
	position:absolute;
	width:50%;
	height:10%;
	background-color:#fff;
	top:85%;
	left:27%
}
#img1{
	position:absolute;
	width:15%;
	height:100%;
	top:5%;
	left:5%
}
#img2{
	position:absolute;
	width:15%;
	height:100%;
	top:3%;
	left:28%
}
#img3{
	position:absolute;
	width:15%;
	height:100%;
	top:10%;
	left:52%
}
#img33{
	position:absolute;
	width:15%;
	height:100%;
	top:10%;
	left:57%
}
#img4{
	position:absolute;
	width:15%;
	height:100%;
	top:5%;
	left:80%
}