body
{
	font-family: 'Lato', sans-serif;
	background-color:#fff;
	overflow-x: hidden;
}
p
{
	text-indent:15px;
}
a
{
	outline:none;
	text-decoration:none;
	cursor:pointer;
	
}
::selection {
color: #141313;
background-color: #d6dbe0;
}
::-moz-selection {
color: #141313;
background: #d6dbe0;
}
.centro
{
	position:relative;
	float:left;
	margin-left:-480px;
	left:50%;
	width:960px;
	top:0px;	
}
.clear
{
	position:relative;
	float:left;
	width:100%;
	height:1px;
}
.base
{
	position:relative;
	float:left;
	width:100%;
}
#topo
{
	height:27px;
	background-color:#201e1e;
	color:#e0e0e0;
	vertical-align:baseline;
	text-align:right;
	padding-top:10px;
}
#topo br
{
	display:none
}
#topo2
{
	height:10px;
	background-color:#0bc9d0;
}
#menuBox
{
	padding-top:13px;
	padding-bottom:15px;
}
#linha1
{
	position:absolute;
	right:0px;
	top:57px;
	width:50%;
	height:1px;
	background-color:#0bc9d0;
}
#linha2
{
	position:absolute;
	right:0px;
	top:67px;
	width:40%;
	height:1px;
	background-color:#0bc9d0;
}
#menu
{
	position:relative;
	float:right;
}
#menu a
{
	position:relative;
	float:left;
	padding:10px;
	color:#201e1e;
	font-size:14px;
	font-weight:bold
}
#menu a:hover
{
	text-decoration:underline;
	border-radius:5px;
}
#banner
{
	position:relative;
	float:left;
	width:100%
}
#fundoServInd
{
	background-color:#1e292b;
	padding-top:20px;
	padding-bottom:20px;
}
.h1Tit
{
	position:relative;
	float:left;
	color:#0bc9d0;
	font-size:28px
}
.h2Tit
{
	position:relative;
	float:left;
	color:#ffffff;
	font-size:18px;
	margin-top:4px;
	margin-left:8px;
}
.LinkSerIn
{
	position:relative;
	float:right;
	font-weight:bold;
	color:#0bc9d0;
	font-size:18px
}
.boxSerInd
{
	position:relative;
	float:left;
	width:30%;
	height:222px;
	border-radius:3px;
	background-color:#e9e9e9;
	margin-top:20px;
	margin-bottom:20px;
	overflow:hidden;
}
.boxSerInd p
{
	position:relative;
	float:left;
	width:90%;
	height:auto;
	margin-top:20px;
	color:#1e292b;
	text-align:justify;
	margin-right:5%;
	margin-left:5%;
	font-size:15px;
	line-height:16px;
}
.boxInl
{
-moz-transform: scale(1) rotate(45deg);
-webkit-transform: scale(1) rotate(45deg);
-o-transform: scale(1) rotate(45deg);
-ms-transform: scale(1) rotate(45deg);
transform: scale(1) rotate(45deg);
position:absolute;
left:-140px;
top:-140px;
background-color:#0bc9d0;
width:200px;
height:200px
}
.h3BonInl
{
	position:relative;
	float:left;
	width:90%;
	margin-right:5%;
	margin-left:5%;
	margin-top:30px;
	font-size:22px;
	font-weight:bolder;
	color:#0bc9d0;
	text-align:center;
	border-bottom:solid 1px #0bc9d0;
	padding-bottom:20px;
}
.boxSerIndMeio
{
	margin-left:5%;
	margin-right:5%;
}
#rodape
{
	padding-top:25px;
	padding-bottom:15px;
	background-color:#141d1e;
	position:relative;
	float:left;
	width:100%
}
#rod1
{
	position:relative;
	float:left;
	width:25%
}
#rod1 a
{
	position:relative;
	float:left;
	width:100%;
	font-size:14px;
	color:#fff;
	margin-bottom:10px
}
#rod1 a:hover
{
	text-decoration:underline
}
#rod2
{
	position:relative;
	float:left;
	width:50%
}
#rod3
{
	position:relative;
	float:left;
	width:25%;
	text-align:right
}
.rodRel
{
	position:relative;
	float:left;
	width:90%;
	margin-bottom:20px;
	color:#fff;
	font-size:15px;
	line-height:19px;
}
.rodRelimg
{
	position:relative;
	float:left;
	margin-top:5px;
	width:40px
}
#rod4
{
	position:relative;
	float:left;
	width:100%;
	text-align:right;
	color:#0dc1c8;
	font-size:14px
}
#TxtIndexBox
{
background: #eeeeee;
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 50%, #eeeeee 100%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 50%,#eeeeee 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 50%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );
position:relative;
float:left;
width:100%;
}
#txtIndex
{
	position:relative;
	float:left;
	width:34%;
	padding-top:30px;
	padding-bottom:30px;
}
#txtIndex h3
{
	position:relative;
	float:left;
	width:100%;
	font-size:22px;
	color:#0dc1c8;
	margin-bottom:10px;
}
#txtIndex p
{
	position:relative;
	float:left;
	width:100%;
	font-size:16px;
	color:#333;
	margin-bottom:20px;
	line-height:20px;
	text-align:justify
}
#txtIndex a
{
	position:relative;
	float:right;
	font-size:15px;
	font-weight:900;
	color:#333;
	margin-bottom:10px;
}
#txtIndex a:hover
{
	text-decoration:underline
}
#proIndex
{
	position:relative;
	float:left;
	width:61%;
	padding-top:30px;
	padding-bottom:30px;
	margin-left:5%;
}
#proIndex h3
{
	position:relative;
	float:left;
	width:100%;
	font-size:22px;
	color:#1e292b;
	margin-bottom:10px;
}
.indexProjRel
{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:29px;
	margin-top:20px;
}
.indexProjRel img
{
	position:relative;
	float:left;
	width:30%;
	margin-bottom:10px;
}
.indexProjRel h4
{
	position:relative;
	float:left;
	width:65%;
	margin-left:5%;
	font-size:16px;
	color:#0dc1c8;
	margin-bottom:10px;
}
.indexProjRel p
{
	position:relative;
	float:left;
	width:65%;
	margin-left:5%;
	font-size:14px;
	text-align:justify;
	line-height:18px;
	color:#72797a;
}
#proIndex a
{
	position:relative;
	float:right;
	font-size:15px;
	font-weight:900;
	color:#333;
	margin-bottom:10px;
}
#proIndex a:hover
{
	text-decoration:underline
}
#tituloPag
{
	position:relative;
	float:left;
	width:100%;
	height:122px;
	background-color:#1e292b;
	background-image:url(../imagens/backtpl.png);
	background-position:right;
	background-repeat:no-repeat;
	overflow:hidden;
}
#tipPagTxt
{
	position:absolute;
	left:0px;
	top:0px;
	width:50%;
	height:122px;
	background-color:#1e292b;
}
#tipPagIncli
{
-moz-transform: scale(1) rotate(45deg);
-webkit-transform: scale(1) rotate(45deg);
-o-transform: scale(1) rotate(45deg);
-ms-transform: scale(1) rotate(45deg);
transform: scale(1) rotate(45deg);
position:absolute;
right:-90px;
top:-176px;
background-color:#1e292b;
width:300px;
height:300px
}
#h1titTpl
{
	position:relative;
	float:left;
	margin-top:40px;
	font-size:26px;
	color:#fff;
}
.baseTpl
{
background: #eeeeee;
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 50%, #eeeeee 100%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 50%,#eeeeee 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 50%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );
position:relative;
float:left;
width:100%;
padding-top:60px;
padding-bottom:60px;
}
#FormBox
{
	position:relative;
	float:left;
	width:60%;
}
#FormBox p
{
	position:relative;
	float:left;
	width:100%;
	color:#424a4b;
	font-size:16px;
	margin-bottom:25px;
}
.inp
{
	position:relative;
	float:left;
	height:65px;
	width:96%;
	padding-left:2%;
	padding-right:2%;
	font-size:16px;
	color:#fff;
	background-color:#141d1e;
	border:none;
	margin-bottom:19px;
-webkit-box-shadow: 6px 7px 21px -3px rgba(125,120,125,1);
-moz-box-shadow: 6px 7px 21px -3px rgba(125,120,125,1);
box-shadow: 6px 7px 21px -3px rgba(125,120,125,1);
font-family: 'Lato', sans-serif;
}
#EnviarFmCont
{
	position:relative;
	float:right;
	width:100px;
	padding-top:8px;
	padding-bottom:8px;
	color:#fff;
	font-size:16px;
	background-color:#141d1e;
	color:#fff;
	text-align:center;
}
#EnviarFmCont:hover
{
	text-decoration:underline
}
#msgCont
{
	overflow:auto;
	height:180px;
	padding-top:10px;
	font-family: 'Lato', sans-serif;
}
#mapa
{
	position:relative;
	float:left;
	width:35%;
	margin-left:5%;
}
#mapa h2
{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:39px;
	font-size:18px;
	color:#1e292b;
	font-weight:900
}
#mapaBox
{
	position:relative;
	float:left;
	width:100%;
	height:450px
}
#institEsq
{
	position:relative;
	float:left;
	width:60%;
	margin-right:5%
}
#institEsqDir
{
	position:relative;
	float:left;
	width:35%;
}
#institEsqDir img
{
	width:100%;
	margin-bottom:15px;
	border:solid 2px #141d1e
}
#institEsq p 
{
	position:relative;
	float:left;
	width:100%;
	font-size:15px;
	color:#141d1e;
	line-height:20px;
	margin-bottom:15px;
	text-align:justify
}
.ClientesReL
{
	position:relative;
	float:left;
	width:18%;
	margin-left:1%;
	margin-right:1%;
	border-radius:8px;
	overflow:hidden;
	height:120px;
	margin-bottom:16px;
	 background-position: center center; 
	background-size:contain;
-webkit-box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.51);
-moz-box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.51);
box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.51);
background-repeat:no-repeat;
background-color:#fff;
background-size:80%;
}
#portBox
{
	position:relative;
	float:left;
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
	margin-left:5%;
}
#portBox h3
{
	position:relative;
	float:left;
	width:100%;
	font-size:22px;
	color:#1e292b;
	margin-bottom:10px;
}
.portrel
{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:29px;
	margin-top:20px;
}
.portrelimg
{
	position:relative;
	float:left;
	width:30%;
	margin-bottom:10px;
}
.portrelimg img
{
	width:100%
}
.portrel h4
{
	position:relative;
	float:left;
	width:65%;
	margin-left:5%;
	font-size:16px;
	color:#0dc1c8;
	margin-bottom:10px;
}
.portrel p
{
	position:relative;
	float:left;
	width:65%;
	margin-left:5%;
	font-size:14px;
	text-align:justify;
	line-height:18px;
	color:#72797a;
}
.portMiniBox
{
	position:relative;
	float:left;
	width:65%;
	margin-left:5%;
	margin-top:25px
}
.portrelimgMini
{
	position:relative;
	float:left;
	width:15%;
	margin-bottom:10px;
	margin-right:5%;
}
.portrelimgMini img
{
	width:100%;
	height:70px
}






@media only screen and (max-width : 980px) 
{
.centro
{
	position:relative;
	float:left;
	margin-left:0px;
	left:1%;
	width:98%;
	top:0px;	
}
}



@media only screen and (max-width : 910px) 
{
#rod1
{
	position:relative;
	float:left;
	width:50%
}
#rod2
{
	position:relative;
	float:left;
	width:50%;
}
#rod3
{
	display:none;
}
#linha1, #linha2
{
	display:none
}
#logo
{
	position:relative;
	float:left;
	width:100%;
	text-align:center;
}
#menu
{
	position:relative;
	float:left;
	width:100%;
	margin-top:20px
}
#menu a
{
	position:relative;
	float:left;
	padding:1%;
	color:#201e1e;
	font-size:80%;
	font-weight:bold;
	width:14%;
	text-align:center
}
}





@media only screen and (max-width : 680px) 
{
.portrelimg
{
	position:relative;
	float:left;
	width:40%;
	margin-bottom:10px;
}
.portrel h4
{
	position:relative;
	float:left;
	width:55%;
	margin-left:5%;
	font-size:16px;
	color:#0dc1c8;
	margin-bottom:10px;
}
.portrel p
{
	position:relative;
	float:left;
	width:55%;
	margin-left:5%;
	font-size:14px;
	text-align:justify;
	line-height:18px;
	color:#72797a;
}
.portMiniBox
{
	position:relative;
	float:left;
	width:100%;
	margin-left:0%;
	margin-top:25px
}
.portrelimgMini
{
	position:relative;
	float:left;
	width:15%;
	margin-bottom:10px;
	margin-right:5%;
}
.ClientesReL
{
	position:relative;
	float:left;
	width:30%;
	margin-left:1%;
	margin-right:1%;
	border-radius:8px;
	overflow:hidden;
	height:120px;
	margin-bottom:16px;
	 background-position: center center; 
	background-size:contain;
-webkit-box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.51);
-moz-box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.51);
box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.51);
background-repeat:no-repeat;
}
#FormBox
{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:20px;
}
#mapa
{
	position:relative;
	float:left;
	width:100%;
	margin-left:0%;
}
#tituloPag
{
	background-image:none;

}
.boxSerInd p
{
	position:relative;
	float:left;
	width:90%;
	height:auto;
	margin-top:20px;
	color:#1e292b;
	text-align:justify;
	margin-right:5%;
	margin-left:5%;
	font-size:14px;
	line-height:14px;
}
.boxInl
{
-moz-transform: scale(1) rotate(45deg);
-webkit-transform: scale(1) rotate(45deg);
-o-transform: scale(1) rotate(45deg);
-ms-transform: scale(1) rotate(45deg);
transform: scale(1) rotate(45deg);
position:absolute;
left:-160px;
top:-160px;
background-color:#0bc9d0;
width:200px;
height:200px
}
.h3BonInl
{
	position:relative;
	float:left;
	width:90%;
	margin-right:5%;
	margin-left:5%;
	margin-top:30px;
	font-size:20px;
	font-weight:bolder;
	color:#0bc9d0;
	text-align:center;
	border-bottom:solid 1px #0bc9d0;
	padding-bottom:20px;
}
#txtIndex
{
	position:relative;
	float:left;
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
}
#proIndex
{
	position:relative;
	float:left;
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
	margin-left:0%;
}
#banner
{
	display:none
}
#menu a
{
	position:relative;
	float:left;
	padding:1%;
	color:#201e1e;
	font-size:90%;
	font-weight:bold;
	width:30%;
	text-align:center;
	margin-bottom:10px;
}
}






@media only screen and (max-width : 500px) 
{
.boxSerInd
{
	position:relative;
	float:left;
	width:80%;
	height:222px;
	border-radius:3px;
	background-color:#e9e9e9;
	margin-top:20px;
	margin-bottom:20px;
	overflow:hidden;
	margin-left:10%;
	margin-right:10%;
}
.boxSerInd p
{
	position:relative;
	float:left;
	width:90%;
	height:auto;
	margin-top:20px;
	color:#1e292b;
	text-align:justify;
	margin-right:5%;
	margin-left:5%;
	font-size:14px;
	line-height:16px;
}
.boxInl
{
-moz-transform: scale(1) rotate(45deg);
-webkit-transform: scale(1) rotate(45deg);
-o-transform: scale(1) rotate(45deg);
-ms-transform: scale(1) rotate(45deg);
transform: scale(1) rotate(45deg);
position:absolute;
left:-140px;
top:-140px;
background-color:#0bc9d0;
width:200px;
height:200px
}
.h3BonInl
{
	position:relative;
	float:left;
	width:90%;
	margin-right:5%;
	margin-left:5%;
	margin-top:30px;
	font-size:30px;
	font-weight:bolder;
	color:#0bc9d0;
	text-align:center;
	border-bottom:solid 1px #0bc9d0;
	padding-bottom:20px;
}
.boxSerIndMeio
{
	margin-left:10%;
	margin-right:10%;
}
#rod1
{
	position:relative;
	float:left;
	width:80%;
	margin-right:10%;
	margin-left:10%;
	margin-bottom:15px;
}
#rod2
{
	display:none
}
#topo
{
	text-align:center;
	height:auto;
	padding-bottom:10px
}
#topo span
{
	display:none;
}
#topo br
{
	display:inline
}
.ClientesReL
{
	position:relative;
	float:left;
	width:40%;
	margin-left:5%;
	margin-right:5%;
	border-radius:8px;
	overflow:hidden;
	height:120px;
	margin-bottom:16px;
	 background-position: center center; 
	background-size:contain;
-webkit-box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.51);
-moz-box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.51);
box-shadow: -1px 2px 10px 0px rgba(0,0,0,0.51);
background-repeat:no-repeat;
}
}




@media only screen and (max-width : 410px) 
{
.portrelimg
{
	position:relative;
	float:left;
	width:60%;
	margin-left:20%;
	margin-right:20%;
	margin-bottom:10px;
}
.portrel h4
{
	position:relative;
	float:left;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	font-size:16px;
	color:#0dc1c8;
	margin-bottom:10px;
}
.portrel p
{
	position:relative;
	float:left;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	font-size:14px;
	text-align:justify;
	line-height:18px;
	color:#72797a;
}
.portMiniBox
{
	position:relative;
	float:left;
	width:100%;
	margin-left:0%;
	margin-top:25px
}
.portrelimgMini
{
	position:relative;
	float:left;
	width:15%;
	margin-bottom:10px;
	margin-right:5%;
}


#menu a
{
	position:relative;
	float:left;
	padding:1%;
	color:#201e1e;
	font-size:14px;
	font-weight:bold;
	width:98%;
	text-align:center;
	margin-bottom:10px;
}
}