/*------------reset and default-------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
ul, li {
	list-style: none;
}
select, input, textarea {
	outline: none;
}
body {
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0;
	font-family: 'Roboto Condensed', sans-serif;
	background-color: #FFF;
}
img {
	border: none;
}
a {
	text-decoration: none;
	color: #8A9339;
}
/*-----------------generic------------------------*/
a.subir {
	background: url(../images/icone-subir.png) no-repeat;
	background-position: 0px 0px;
	width: 60px;
	height: 60px;
	position: fixed;
	text-indent: -9999px;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	padding: 0px;
	bottom: 15px;
	right: 15px;
	display: none;
}
a.subir:hover {
	background-position: 0px -60px;
}
.botao {
	position: relative;
	float: left;
	color: #FFF;
	padding: 15px;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 20px;
	font-family: 'Calibri', sans-serif;
	border:none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	background: -moz-linear-gradient(top, #FFCC00, #F9A519) repeat-X;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFCC00), to(#F9A519)) repeat-X;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFCC00, endColorstr=#F9A519)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFCC00, endColorstr=#F9A519);
}
.botao:active {
	background: -moz-linear-gradient(top, #F9A519, #FFCC00) repeat-X;
	background: -webkit-gradient(linear, left top, left bottom, from(#F9A519), to(#FFCC00)) repeat-X;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9A519, endColorstr=#FFCC00)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9A519, endColorstr=#FFCC00);
}
.icone {
	width: 30px;
	height: 30px;
	position: relative;
	float: left;
	margin-right: 5px;
	text-indent: -9999px;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	background: url(../images/icones.png) no-repeat;
	background-position: 2px -240px;
}
.tudo {
	width: 980px;
	position: relative;
	margin: 0px auto;
}
.tudo .meio{
	width: 930px;
	height: 480px;
	position: relative;
	margin: 0px auto;
	padding: 0px 25px;
	display: table;
}
.btNav{
	width: 28px;
	height: 54px;
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(../images/icones.png);
	text-indent: -9999px;
	display: block;
	margin-top: 200px;
}
.btNav.prev{
	left: -28px;	
}
.btNav.next{
	background-position: -28px 0px;
	float: right;
	right: -28px;
}
/*-------------layout-----------------*/
#cabecalho {
	width: 930px;
	height: 130px;
	position: relative;
	margin: 0px auto;
	padding: 0px 25px;
}
#cabecalho .logo {
	width: 273px;
	height: 104px;
	position: relative;
	float: left;
	text-indent: -9999px;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(../images/logo.png);
	margin-top: 15px;
}
#cabecalho .info {
	width: 300px;
	position: relative;
	float: right;
	color: #5FB1CD;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin-top: 20px;
}
#cabecalho .info .ampliando {
	text-align: right;
	display: block;
}
#cabecalho .info .agende {
	font-size: 16px;
	display: block;
	text-align: right;
}
#cabecalho .info .telefone {
	position: relative;
	float: right;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}
#cabecalho .info .telefone .icone.fone {
	background-position: 2px -268px;
}
#cabecalho .info .telefone .ddd {
	font-size: 16px;
}
#menu {
	width: 100%;
	height: 45px;
	position: relative;
	float: left;
	line-height: 45px;
	background-color: #5FB1CE;
	background-position: top center;
	background-repeat: repeat-x;
	background-image: url(../images/sombra-menu.png);
}
#menu .navi {
	width: 980px;
	margin: 0 auto;
}
#menu .navi .item {
	display: block;
	float: left;
	position: relative;
}
#menu .navi .item .link {
	color: #FFF;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 10px 29px;
	margin-right: 28px;
}
#menu .navi .item .link.first {

}
#menu .navi .item .link.last {
	margin-right: 0px;
}
#menu .navi .item .link:hover, #menu .navi .item .link.active{
	background-color: #346D80;
}
#principal {
	width: 100%;
	position: relative;
	float: left;
	background-color: #EEE;
	padding-bottom: 140px;
}
.interna{
	background-color: #FFF !important;
}
#principal .pathway{
	border-top: 1px solid #D2E8EE;
	border-bottom: 1px solid #D2E8EE;
	height: 70px;
	margin-bottom: 30px;
}
#principal .pathway span, .subtitulo{
	display: table;
	width: 930px;
	color: #61B2CE;
	margin: 0 auto;
	font-size: 35px;
	line-height: 70px;
	font-weight: 300;
	text-transform: uppercase;
}
#principal .tudo .esquerda{
	width: 590px;
	float: left;
	position: relative;
	margin-left: 25px;
}
#principal .tudo .subtitulo, .newstitulo{
	display: table;
	width: 100%;
	color: #61B2CE;
	margin: 0 auto 20px;
	font-size: 25px;
	line-height: 27px;
	font-weight: 300;
	text-transform: uppercase;
}
#principal .tudo .subtitulo.buttom{
	cursor: pointer;
}
#principal .tudo .esquerda .formStart{
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 30px;
}
#principal .tudo .esquerda .campo{
	width: 100%;
}
#principal .tudo .esquerda .campo.half{
	width: 45%;
	position: relative;
	float: left;
	margin-right: 7%;
}
#principal .tudo .esquerda .campo.half.nomargin{
	margin-right: 0;
}
#principal .tudo .esquerda .campo label{
	display: block;
	font-size: 20px;
	font-weight: 300;
}
#principal .tudo .esquerda .campo input[type="text"], #principal .tudo .esquerda .campo textarea, #principal .tudo .esquerda .campo select{
	width: 95%;
	height: 30px;
	background: #FFF;
	border: 1px solid #CCC;
	margin: 10px 0;
	padding-left: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	resize: none;
}
#principal .tudo .esquerda .campo select{
	width: 99.5%;
	height: 34px;
}
#principal .tudo .esquerda .campo textarea{
	height: 110px;
}
#principal .tudo .esquerda .campo input[type="submit"]{
	font-size: 20px;
	font-weight: 400;
	color: #FFF;
	padding: 15px 85px;
	background: #346D80;
	border-radius: 3px;
	border: none;
	text-transform: uppercase;
	-webkit-box-shadow: 3px 4px 0px 0px rgba(217, 217, 217, 1);
	-moz-box-shadow: 3px 4px 0px 0px rgba(217, 217, 217, 1);
	box-shadow: 3px 4px 0px 0px rgba(217, 217, 217, 1);
	cursor: pointer;
}
#principal .tudo .conteudo, .newstext{
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	width: 520px;
	display: block;
	margin-bottom: 50px;
}
.newstext{
	margin-bottom: 0;
	text-align: justify;
}
.newstext p{
	margin-bottom: 15px;
}
#principal .tudo .esquerda .conteudo p{
	margin-bottom: 30px;
}
#principal .tudo .meio .conteudo{
	width: 100%;
}
#principal .tudo .meio .box{
	width: 284px;
	height: 205px;
	position: relative;
	float: left;
	margin: 10px 13px 160px 13px;
}
#principal .tudo .meio .box img{
	margin: 0 auto;
	display: block;
}
#principal .tudo .meio .box .depoimento{
	position: relative;
	float: left;
	margin-bottom: 10px;
	font-weight: 100;
}
#principal .tudo .meio .box .nomedepoimento{
	font-size: 18px;
	font-weight: 400;
	color: #346D80;
}
#principal .tudo .meio .box .nomedepoimento.up{
	text-transform: uppercase;
}
#principal .tudo .groupbox.ocultar{
	display: none;
}
.btn{
	width: 30px;
	height: 30px;
	position: relative;
	float: left;
	margin-top: -1px;
	margin-right: 25px;
	text-indent: -9999px;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
	background-position: 0px 0px;
	background: url(../images/mais.png) no-repeat;
	cursor: pointer;
}
.btn.ocultar{
	background: url(../images/menos.png) no-repeat;
}
	
#principal .tudo .esquerda hr{
	border: 1px dashed #E7F5FA;
	margin: 15px 0;
}
#principal .tudo .boxservicos{
	display: table;
	margin-bottom: 30px;
}
#principal .tudo .boxservicos .tituloservicos{
	font-size: 20px;
	font-weight: 400;
	color: #336C7F;
}
#principal .tudo .boxservicos .imgservicos{
	display: table;
	float: left;
	position: relative;
	margin-top: 10px;
}
#principal .tudo .boxservicos .descservicos{
	width: 500px;
	margin-left: 20px;
	float: right;
	position: relative;
	font-size: 18px;
	font-weight: 300;
	line-height: 35px;
	text-align: justify;
}
#principal .tudo .direita{
	width: 300px;
	float: right;
	position: relative;
	margin-right: 25px;	
}
#principal .tudo .direita .endereco{
	font-size: 18px;
	font-weight: 500;
	color: #346D80;	
}
#principal .tudo .direita .abertura{
	color: #336C7F;
	font-size: 22px;
	font-weight: 400;
	width: 250px;
}
#sobre {
	width: 100%;
	height: 160px;
	position: relative;
	font-size: 20px;
	font-weight: 300;
	background-color: #454646;
	color: #FFF;
	margin-bottom: 60px;
	display: table;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.32);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.32);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.32);
}
#sobre .tudo{
	width: 930px
}
#sobre .aspa {
	position: relative;
	float: left;
	font-size: 96px;
	margin-right: 10px;
}
#sobre .sobre {
	width: 890px;
	position: relative;
	float: left;
	margin-top: 30px;
}
.tudo .titulo {
	width: 100%;
	position: relative;
	float: left;
	color: #338CA9;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 5px;
}
.tudo .principaisBox {
	width: 580px;
	position: relative;
	float: left;
	margin-left: 26px;
}
.tudo .principaisBox #servicos {
	width: 580px;
	height: 125px;
	position: relative;
	float: left;
	background-color:#5FB1CE;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}
.tudo .principaisBox #servicos .servico {
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
	margin-top: 27px;
	font-size: 26px;
	color: #FFF;
}
.tudo .principaisBox #servicos .flecha {
	width: 30px;
	height: 125px;
	position: absolute;
	line-height: 125px;
	color: #FFF;
	font-size: 55px;
	text-align: center;
	z-index: 1;
}
.tudo .principaisBox #servicos .flecha.anterior {
	left: 0px;
}
.tudo .principaisBox #servicos .flecha.proximo {
	right: 0px;
}
#rodape {
	width: 980px;
	position: relative;
	float: left;
	padding: 20px 0px;
	margin: 10px auto;
	border-top: 1px dotted #939598;
	border-bottom: 1px dotted #939598;
}
#rodape .logo {
	width: 288px;
	height: 43px;
	position: relative;
	float: left;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url(../images/logo-rodape.png);
	margin-top: 10px;
}
#rodape .info {
	width: 682px;
	position: relative;
	float: left;
	font-family: Arial;
	font-size: 14px;
	color: #454646;
}
#rodape .info .item {
	height: 30px;
	position: relative;
	float: left;
	line-height: 30px;
	margin-right: 15px;
	color: #454646;
}
#rodape .info .item:hover .icone.fone {
	background-position: 2px -270px;
}
#rodape .info .item .icone.contato {
	background-position: 2px -178px;
}
#rodape .info .item:hover .icone.contato {
	background-position: 2px -208px;
}
#rodape .info .item .icone.face {
	background-position: -28px -179px;
}
#rodape .info .item:hover .icone.face {
	background-position: -28px -208px;
}
#rodape .info .item .icone.end {
	background-position: -27px -240px;
}
#rodape .info .item:hover .icone.end {
	background-position: -27px -270px;
}
#cop {
	width: 980px;
	position: relative;
	float: left;
	margin-bottom: 20px;
}
#cop .inventa {
	width: 76px;
	height: 12px;
	position: relative;
	float: right;
	margin-right: 20px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url(../images/inventadesign.png);
}
#banner{
	width: 920px;
	height: 400px;
	position: relative;
	float: left;
	margin-top: 20px;
	left: 30px;
}
#banner .imgbanner{
	width: 920px;
	height: 400px;
	position: absolute;
	top: 0px;
	display: none;
}
#banner .imgbanner.current{
	display: block;
}
.btNav.bn{
	width: 28px;
	height: 54px;
	margin-top: 160px;
	display: block;
	position: absolute;
}
.btNav.prev.bn{
	background-position: -5px -61px;
	left: -28px;	
}
.btNav.next.bn{
	background-position: -35px -61px;
	right: -31px;
}
.btNav.prev.bn:hover{
	background-position: -5px -118px;
}
.btNav.next.bn:hover{
	background-position: -35px -118px;
}
#banner .bulletNavigation{
	position: relative;
	padding: 0;
	margin: 0 auto;
	top: 415px;
	display: table;
}
#banner .bulletNavigation li {
	padding:0;
	list-style:none;
	width:20px;
	height:20px;
	float:left;
	margin: 0 2px 0 0;
}
#banner .bulletNavigation li a {
	width:20px;
	height:20px;
	color:#454646;
	text-align:center;
	line-height:20px;
	font-family: Arial;
	font-size: 70px;
	display: table;
}
#banner .bulletNavigation li a:hover, #banner .bulletNavigation li.active a {
	color:#5FB1CE;
}
#partners{
	width: 320px;
	position: relative;
	float: left;
	margin-bottom: 25px;
	margin-left: 33px;
}
#partners .partnerContainer{
	border: 1px solid #EEE;
	border-radius: 10px;
	position: relative;
	float: left;
	height: 125px;
	width: 100%;
}
#partners .partnerContainer:hover .btNav.pt{
	display: block;
}
.slider.partner{
	width: 173px;
	height: auto;
	margin: 18px 74px;
	position: absolute;
	display: none;
	float: left;
	text-align: center;
}
.slider.partner.current{
	display: block;
}
.btNav.pt{
	width: 15px;
	height: 28px;
	margin-top: 45px;
	display: none;
}
.btNav.prev.pt{
	left: 20px;	
}
.btNav.next.pt{
	background-position: -18px -2px;
	right: 20px;
}
.btNav.prev.pt:hover{
	background-position: 0px -29px;	
}
.btNav.next.pt:hover{
	background-position: -18px -31px;
}
.bulletNavigation.partner{
	display: none;
}
#miniBanner{
	width: 580px;
	height: 125px;
	position: relative;
	float: left;
	background-color:#5FB1CE;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}
#miniBanner .slider.miniBanner{
	width: 100%;
	height: auto;
	position: absolute;
	float: left;
	display: none;
	margin: 30px 0px 0px 0px;
	font-size: 28px;
	text-align: center;
	font-weight: 300;
	left: 0;
	top: 0;
	color: #FFF;
}
#miniBanner:hover .btNav.mb{
	display: block;
}
#miniBanner .slider.miniBanner.current{
	display: block;
}
.btNav.mb{
	width: 15px;
	height: 28px;
	background-image: url(../images/icones.png);
	margin-top: 45px;
	display: none;
}
.btNav.prev.mb{
	background-position: -33px 0px;
	left: 20px;	
}
.btNav.next.mb{
	background-position: -49px 0px;
	right: 20px;
}
.btNav.prev.mb:hover{
	background-position: 0px -31px;	
}
.btNav.next.mb:hover{
	background-position: -17px -31px;
}
.bulletNavigation.mb{
	display: none;
}
.newsheader{ 
	display: table;
	float: left;
	position: relative;
	width: 100%;
}
.newsdata, .newscategoria{
	display: table;
	float: left;
	position: relative;
	background: #E7F5FA;
	padding: 0px 15px;
	color: #000;
	margin-right: 50px;
	margin-bottom: 20px;
}
.newssocial{
	margin-bottom: 10px;
}
.newscateg{
	display: table;
	float: left;
	position: relative;
	padding: 20px;
	border-bottom: 1px solid #D2E8EE;
	width: 260px;
	font-size: 20px;
	color: #000;
}
.newscateg:hover,.newscateg.active{
	background-color: #346D80;
	color: #FFF;
}
.newsbuttom{
	font-size: 18px;
	font-weight: 400;
	color: #FFF;
	padding: 5px 35px;
	background: #346D80;
	border-radius: 3px;
	border: none;
	text-transform: uppercase;
	-webkit-box-shadow: 3px 4px 0px 0px rgba(217, 217, 217, 1);
	-moz-box-shadow: 3px 4px 0px 0px rgba(217, 217, 217, 1);
	box-shadow: 3px 4px 0px 0px rgba(217, 217, 217, 1);
}
.paginacao{
	text-align: center;
	margin-top: 15px;
}
.pg{
	color: #61B2CE;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 16px;
}
.pg:hover{
	color: #346D80;
}
.pgoff{
	color: #AAA;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 16px;
}
.pgoffn{
	background: #346D80;
	padding: 1px 8px 1px 8px;
	color: #FFF;
	font-size: 16px;
}