/* CSS Document */

/* ========= Geral ========= */
body{
    background: url(layout/bgmiolo.jpg);
    font-size: 13px;
    text-align: center;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
}



/* ========= Box ========= */
/* Topo */
#topo{
    background: transparent url(layout/bgtopo.jpg) repeat-x center top;
    zheight: 522px;
    overflow: hidden;
    padding: 0 0 0 0;
}

.boxinterno{
    width: 980px;
    margin: 0 auto;
    text-align: left;
	position: relative;
}

#balaovagas{
	top:0;
	right:0;
	position:absolute;
	margin: 25px 25px 0 0;
	opacity: 0.9;
}
#balaovagas:hover{
	opacity: 1;
}

#logo{
    background: url(layout/logoaprimorar.jpg) no-repeat left top;
    width: 358px;
    height: 101px;
    text-indent: -999999px;
    float: left;
    margin: 0 0 0 3px;
}
#logo a{
    width: 358px;
    height: 101px;
    display: block;
}

#boxtelefonerede{
    background: url(layout/bgtelefonerede.jpg) no-repeat left top;
    width: 238px;
    height: 87px;
    float: right;
}

#destaquehome{
    zbackground: url(layout/bgdestaquehome.jpg) no-repeat left top;
    height: 257px;
    padding: 0 10px;
	overflow:hidden;
}

.fundotitulo{
    width:950px;
    padding:5px;
    background-color:#FFF;
    zzzopacity:0.85;
    zzzfilter:alpha(opacity=85);
    margin-top:257px;
	height:30px;
}

.noticiastitulo{
    position: absolute;
    margin: 260px 5px 100px 120px;
	*margin: 260px 0 0 -940px;
	*padding-right: 350px; 
    display: block;
    z-index:999;
}

#noticiashome{
    position: absolute;
    margin: 10px 0 0 590px;
    display: block;
    z-index:999;
}
.noticias{
    zbackground-color: #EBFDFD;
    zbackground-color: #C7E2EC;
    background-color: #D8EBF6;
    border: solid 2px #E4E8E7;
    height: 58px;
    width: 350px;
    padding: 7px;
    margin-bottom: 7px;
    opacity:0.3;
    filter:alpha(opacity=30);
}

.activeSlide .noticias {
    opacity:1;
    filter:alpha(opacity=100);
}

.noticias p{
    overflow: hidden;
    height: 60px;
}

#destaqueinterna{
    zbackground: url(layout/bgdestaquehome.jpg) no-repeat left top;
    height: 170px;
    padding: 0 10px;
}

/* Menu */
#barramenu{
    zbackground: url(layout/bgmenu.jpg) no-repeat left top;
    height: 82px;
}
#menu{
    float: left;
    margin: 25px 0 0 26px;
}
#menu li{
    float: left;
    display: block;
    text-indent: -99999px;
}
#menu li a{
    display: block;
    line-height: 42px;
    height: 42px;
}
#linkpaginaprincipal{
    background: url(layout/bgpaginaprincipal.png) no-repeat center top;
    width: 152px;
}
#linkpaginaprincipal:hover{
    background: url(layout/bgpaginaprincipal2.png) no-repeat center top;
}
#linka_empresa{
    background: url(layout/bgaempresa.png) no-repeat center top;
    width: 107px;
}
#linka_empresa:hover{
    background: url(layout/bgaempresa2.png) no-repeat center top;
}
#linkparcerias{
    background: url(layout/bgparcerias.png) no-repeat center top;
    width: 104px;
}
#linkparcerias:hover{
    background: url(layout/bgparcerias2.png) no-repeat center top;
}
#linkprodutos_e_servicos{
    background: url(layout/bgprodutos.png) no-repeat center top;
    width: 192px;
}
#linkprodutos_e_servicos:hover{
    background: url(layout/bgprodutos2.png) no-repeat center top;
}
#linksuporte{
    background: url(layout/bgsuporte.png) no-repeat center top;
    width: 90px;
}
#linksuporte:hover{
    background: url(layout/bgsuporte2.png) no-repeat center top;
}
#linkportfolio{
    background: url(layout/bgportfolio.png) no-repeat center top;
    width: 95px;
}
#linkportfolio:hover{
    background: url(layout/bgportfolio2.png) no-repeat center top;
}
#linkcontato{
    background: url(layout/bgcontato.png) no-repeat center top;
    width: 102px;
}
#linkcontato:hover{
    background: url(layout/bgcontato2.png) no-repeat center top;
}

.submenu{
    margin: 15px 0 0 0;
}
.submenu li{
    margin: 0 0 6px 0;
    padding: 0 8px 6px;
    font-size: 14px;
    border-bottom: 2px dotted #ccc;
}
.submenu li a{
    color: #333;
    text-decoration: none;
}

#pesquisa{
    float: right;
    margin: 25px 20px 0 0;
	width: 258px;
}
#pesquisa label{
    background: url(layout/bglabelpesquisa.png) no-repeat center top;
    float: left;
    display: block;
    height: 42px;
    width: 67px;
    text-indent: -99999px;
}
#pesquisa input{
    background: url(layout/bginputpesquisa.png) no-repeat center top;
    float: left;
    display: block;
    height: 21px;
    padding: 11px 0 10px 5px;
    width: 186px;
    border: none;
    font-size: 12px;
}

/* Miolo */
#miolo{
    border-top: 1px solid #fff;
}
#sombramiolo{
    background: url(layout/sombramiolo.png) repeat-y center top;
    width: 980px;
    margin: 0 auto;
    text-align: left;
}
#conteudomiolo{
    padding: 0 10px;
}

#colunaauxiliar{
    width: 220px;
    float: left;
}
#colunaconteudo{
    width: 690px;
    float: left;
    margin: 0 0 0 15px;
}

#colunaconteudo p{
    line-height: 17px;
    margin: 10px 0 0 0;
    font-size: 14px;
    color: #2B2B2B;
    margin: 20px 0 0 0;
}

#colunaconteudo ul{
    margin: 5px 0 10px 20px;
}

#colunaconteudo ul li{
	background: url(layout/marcador.jpg) no-repeat left top;
	padding: 0 0 0 20px;
    font-size: 14px;
    color: #2B2B2B;
    line-height: 17px;
}

#colunaconteudo a:hover p{
    color: #215c94;
}


.boxfora{
    border: 1px solid #dbdbdb;
}
.boxsimples{
    border: 1px solid #fff;
}
.boxsimplesinterno1{
    background: #fff url(layout/bgboxsimplesinterno1.jpg) repeat-x left top;
}
.boxsimplesinterno2{
    background: url(layout/bgboxsimplesinterno2.jpg) repeat-x left bottom;
}

.rodapeblog{
    background: url(layout/bgboxsimplesinterno2.jpg) repeat-x left bottom;
    padding: 5px;
    border: 2px dotted rgb(204, 204, 204);
    float: right;
}

.rodapeblog span{
    font-size: 12px;
    margin: 0 0 10px 0;
    color: #2B2B2B;
}

.rodapeblog a{
    text-decoration: none;
    font: italic 14px "Trebuchet MS", Arial, Helvetica, sans-serif;;
    color: #215C94;
}

.rodapeblog a:hover{
    text-decoration: underline;
}

/* Principal */
#principal{
    background: url(layout/bgprincipal.jpg) repeat-y left top;
}
#principalinterno{
    background: url(layout/bgprincipaltopo.jpg) no-repeat left top;
    padding: 17px;
}

/* Home */
#barraboxhome{
	background: #dedede;
	border-bottom: 1px solid #fff;
	zheight: 400px;
}
#barraboxhome .cont {
	background: #dedede url("layout/bgboxhome1.jpg") no-repeat scroll left top;
	float:left;
	zheight:400px;
	overflow:hidden;
	padding:0 5px;
	width:310px;
}
#barraboxhome h3{
	padding: 0 22px;
	margin: 0 0 8px 0;
}
#barraboxhome h4{
	text-align: center;
	font-size: 20px;
}
#barraboxhome p{
    zheight: 83px;
	padding: 0 6px;
	font-size: 12px;
    overflow: hidden;
	text-align: center;
	line-height: 18px;
}
#barraboxhome ul{
	margin: 5px 0 15px 10px;
}
#barraboxhome li{
	background: url("layout/tick.png") no-repeat left center;
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
	font-size: 15px;
	ztext-align: center;
	line-height: 20px;
	display: block;
	color: #333;
}
#barraboxhome .mais1{
	padding: 0;
	margin: 10px 6px 10px 110px;
}




/* Blog home */
#blog{
    width: 380px;
    float: left;
}
#blog h4{
    margin: 15px 0 15px 0;
}
#blog p{
}
#blog .boxsimplesinterno2{
    zheight: 290px;
}

.listaconteudo li{
	display: block;
	margin: 0 0 15px 0;
	border-bottom: 2px dotted #c9c9c9;
	padding: 0 0 15px 0;
}
.listaconteudo img{
	float: left; 
	margin: 0 5px 0 0;
	border: 2px solid #f1f1f1;
}
.listaconteudo h3{
	font-size: 15px;
	color: #333;
	margin: 0 0 5px 0;
}
.listaconteudo p{
	color: #666666;
	font-size: 12px;
	margin: 0 0 5px 0;
	display: block;
	min-height: 88px;
}
.listaconteudo .data{
	display: block;
	font-size: 11px;
	color: #666;
	ztext-align: right;
}
.listaconteudo a{
	display: block;
}
.listaconteudo a:hover h3,.listaconteudo a:hover img{
	color: #5C862F;
	border-color: #5C862F;
}



/* Empresa */
#empresa{
    width: 924px;
}
#empresa h4{
    margin: 15px 0 15px 0;
}
#empresa p{
    line-height: 18px;
    font-size: 14px;
    color: #2B2B2B;
    zmargin: 20px 0 0 0;
}
#empresa .boxsimplesinterno2{
    zheight: 110px;
}
#arvore{
    background: url(layout/arvore.png) no-repeat left top;
    width: 143px;
    height: 150px;
    position: absolute;
    margin: 9px 0 0 800px;
}




#depoimentos{
    width: 300px;
    float: left;
    margin: 0 0 0 9px;
}
#depoimentos img{
    zborder: 2px solid #dbdbdb;
}
#depoimentos .texto{
    display: block;
    float: left;
    width: 160px;
    margin: 7px 0 0 10px;
}
#depoimentos .texto p{
    color: #666;
    zfont-weight: bolder;
    line-height: 14px;
}
#twitter{
    width: 220px;
    float: right;
}
#twitter h3{
    zbackground: url(layout/bgtittwitter.jpg) no-repeat left top;
    zwidth: 154px;
    zheight: 51px;
    ztext-indent: -99999px;
}
#twitter p{
    display: block;
    margin: 0 0 10px;
	padding: 0 0 10px;
    line-height: 13px;
    text-align: left;
    color: #666;
    zheight: 55px;
    overflow: hidden;
	font-weight: normal;
	font-size: 11px;
	border-bottom: 1px solid #f1f1f1;
}
#twitter a{
    zdisplay: block;
    margin: 5px 0 0;
    zfloat: left;
    text-decoration: none;
    zfont-weight: bolder;
    color: #215c94;
}

#newsletter{
    zwidth: 220px;
    zfloat: right;
}

#newsletter p{
    margin: 0 0 10px 0;
    line-height: 14px;
    color: #606060;
    zmin-height: 49px;
}
#newsletter .inputtexto{
    background: #e5e5e5;
    border: 1px solid #c8c8c8;
    color: #606060;
    font-size: 12px;
    height: 19px;
    margin: 0 0 8px 0;
    padding: 2px 3px;
    width: 140px;
}

.inputsubmit{
    background: #fff;
    font-weight: bolder;
    border: none;
    color: #606060;
    padding: 0;
}

.errocampo span{
        line-height: 18px;
        position: absolute;
        margin: 1px 0 0 100px;
	background: #969696;
	display: block;
	float: left;
	zcolor: #4A4A4A;
        color: #fff;
	padding: 0 8px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    max-width: 100px;
    min-width: 80px;

    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
    box-shadow: 1px 1px 2px rgba(0,0,0,.5);
}

#divisaohome{
    display: block;
    float: right;
    width: 213px;
    border: none;
    border-bottom: 3px dotted #c9c9c9;
    margin: 10px 7px 10px 0;
}

.comentarios{
	background: url(layout/comentarios.png) no-repeat;
	height:25px;
	width:25px;
	font-size:12px;
	position: absolute;
	padding: 5px 8px;
	margin: -8px 0 0 5px;
}

#colunaconteudo ul.listacomentarios{
	list-style-image: none;
	margin-left: 20px;
}

#colunaconteudo ul.listacomentarios li{
	background: url(layout/quote.png) no-repeat top left;
	padding: 5px 0 0 12px;
}

/* Rodapé */
#rodape{
    background: transparent url(layout/bgrodape.jpg) repeat-x left 108px;
    height: 388px;
    overflow: hidden;
}
#rodapeinterno{
    width: 980px;
    margin: 0 auto;
    background: url(layout/bgrodape2.png) no-repeat left top;
    height: 425px;
    overflow: hidden;
    text-align: left;
}
#rodapeconteudo{
    text-align: left;
    padding: 0 10px;
}

#rodape ul{
    display: block;
    float: left;
    padding: 0 15px 0 0;
    margin: 0 0 0 50px;
    border-right: 1px solid #ddd;
    height: 160px;
    width: 170px;
}
#rodape ul li{
    display: block;
}
#rodape ul li h4 a{
    color: #7ca74c;
    font-size: 14px;
    margin: 0 0 5px 0;
    display: block;
    text-decoration: none;
}
#rodape ul li > a{
    display: block;
    text-decoration: none;
    font-size: 12px;
    color: #565656;
    line-height: 17px;
}
#rodape ul li a:hover{
    zcolor: #215c94;
    text-shadow: 1px 1px 0 #B6B6B6;
}

#inovadora{
    width: 300px;
    float: left;
    height: 125px;
    margin: 0 0 0 40px;
}
#inovadora h3{
    margin: 0 0 5px 0;
}
#inovadora p{
    text-align: justify;
    color: #606060;
    line-height: 14px;
}
#logos{
    margin: 20px 0 0 30px;
    display: block;

}

#rodapeassinatura{
    background: url(layout/bgassinatura.png) no-repeat center top;
}
#assinatura{
    float: left;
    margin: 25px 0 0 25px;
}
#assinatura p{
    line-height: 20px;
    color: #666;
}
#rodapeassinatura p strong{
    font-size: 16px;
}
#logoassinatura{
    float: right;
    zwidth: 260px;
    text-align: right;
    margin: 40px 32px 0 0;
}
#logoassinatura img{
    float: right;
    display: block;
    margin: 0 0 15px 20px;
}

/* Tipografia */
.titulo1{
    color: #215c94;
    text-transform: uppercase;
    line-height: 38px;
    font-weight: bolder;
    font-size: 16px;
    margin: 0 0 18px 0;
}

.titulo2{
	background: transparent url(layout/bgtitulo2.jpg) no-repeat left top;
	ztext-transform: uppercase;
	line-height: 41px;
	font-weight: bolder;
	font-size: 22px;
	padding: 0 0 0 28px;
}

.titulo3{
    font-size: 20px;
    color: #333;
}

.titulo4{
    color: #333;
    ztext-transform: uppercase;
    zfont-weight: bolder;
    font-size: 22px;
    text-shadow: 1px 1px 0 #CCCCCC;
}

h1{
    font-size: 18px;
    color: #5c862f;
    font-weight: bolder;
    line-height: 24px;
    margin-top: 10px;
}

#colunaconteudo #texto h2{
    font-size: 16px;
    color: #5c862f;
    font-weight: bolder;
    line-height: 24px;
    margin-top: 10px;
}

#colunaconteudo #texto h3{
    font-size: 14px;
    color: #5c862f;
    font-weight: bolder;
    line-height: 24px;
    margin-top: 10px;
}

.color1{
    color: #215c94;
}
.color2{
    color: #5c862f;
}
.color3{
    color: #666;
}

.subtitulo1{
    color: #606060;
    line-height: 38px;
    font-weight: bolder;
    font-size: 15px;
}

.resumo1{
    color: #333333;
    font-size: 12px;
    text-align: justify;
    line-height: 14px;
    min-height: 40px;
}

.texto p, p.texto{
    font-size: 14px;
    margin: 0 0 10px 0;
    color: #2B2B2B;
}

a:hover{
    color: #215c94;
}

.texto p a, .texto ul li a{
    color:#215c94;
}

.texto p a:hover, .texto ul li a:hover{
    text-decoration: underline;
    text-shadow: none;
}

.texto h2{
    margin: 25px 0 0 0;
    font-size: 16px;
    color: #5c862f;
}
.portfolio{
	float:left;
	width:190px;
	margin: 10px 15px 20px 10px;
}
.portfolio a{
	color:#215C94;
}
.portfolio a:hover{
	color: #333;
}
.portfolio strong{
	font-size: 14px;
}
#colunaconteudo .portfolio p{
	margin-top: 5px;
}
.portfolio img{
	margin-left: 0;
}

/* Imagens */
img{
    display: block;
    float: left;
}

.texto img {
	display:inline;
	float:none;
}

.img1{
    border: 2px solid #c4c4c4;
}

.imgright{
    float: right;
    margin: 0 0 10px 10px;
    border: 2px solid #c4c4c4;
}

.imgleft{
    float: left;
    margin: 0 10px 10px 10px;
    border: 2px solid #c4c4c4;
}


/* Botőes */
#telefone{
    background: url(layout/bgtelefone.jpg) no-repeat left top;
    width: 182px;
    height: 43px;
    text-indent: -999999px;
    float: left;
    margin: 0 0 10px 17px;
}
#btnemail{
    background: url(layout/bgbtnemail.jpg) no-repeat left top;
    width: 25px;
    height: 25px;
    text-indent: -999999px;
    float: left;
    margin: 0 0 0 93px;
}
#btnlinkedin{
    background: url(layout/bgbtnlinkedin.jpg) no-repeat left top;
    width: 25px;
    height: 25px;
    text-indent: -999999px;
    float: left;
}
#btnmessenger{
    background: url(layout/bgbtnmessenger.jpg) no-repeat left top;
    width: 25px;
    height: 25px;
    text-indent: -999999px;
    float: left;
}
#btntwitter{
    background: url(layout/bgbtntwitter.jpg) no-repeat left top;
    width: 25px;
    height: 25px;
    text-indent: -999999px;
    float: left;
}

.mais1{
    display: block;
    background: url(layout/bgbtnclassico.jpg) no-repeat left top;
    width: 90px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    color: #333;
    margin: 15px 0 0 0;
}
.mais2{
    display: block;
    background: url(layout/bgbtn2.png) no-repeat left top;
    width: 55px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    text-decoration: none;
    color: #215c94;
    margin: 15px 0 0 0;
    font-size: 14px;
    font-weight: bolder;
}

/* Formulários */

#refreshcontato span{
    margin: 6px 0;
    line-height: 14px;
    color: #606060;
    min-height: 49px;
}

#refreshcontato p, input, select, textarea{
    font-size: 14px;
    margin: 0 0 10px 0;
    color: #666;
}

#refreshcontato label{
    font-size: 14px;
    margin: 0 0 10px 0;
    color: #2B2B2B;
    float: left;
    padding: 0 15px 0 0;
    width: 150px;
    text-align: right;
    line-height: 16px;
}

#refreshcontato1 label{
    font-size: 14px;
    margin: 0 0 10px 0;
    color: #2B2B2B;
    float: left;
    padding: 0 15px 0 0;
    width: 80px;
    text-align: right;
    line-height: 16px;
}

#refreshcadastro label{
	font-size: 14px;
    margin: 0 0 10px 0;
    color: #2B2B2B;
    float: left;
    padding: 0 15px 0 0;
    width: 140px;
    text-align: right;
    line-height: 16px;
}

#refreshcontato .formcomentario label{
	width:100px;
	font-size:12px;
}

#refreshcontato .formcomentario .inputtext{
	width:180px;
	float:left;
	margin-right:10px;
	border: 1px solid #ccc;
}

fieldset{
	border:solid 1px #DBDBDB;
	padding:10px;
}

legend{
	padding:5px;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.7px;
}


.satisfacao{
	width:310px;
	padding:5px 0 0 115px;
	float:left;
	
}


.na-satisfacao{
	width:15px;
	float:left;
	margin:5px 0px 0px 71px;
}

.textareasatisfacao{
	width:350px; 
	height:150px;
	margin-left:50px;
}

/* ========= Default ========= */
.clear{
    clear: both;
}

.left{
    float: left;
}

.interno10{
    padding: 10px;
}
.interno15{
    padding: 15px;
}

a{
    text-decoration: none;
}

a:hover h4{
    color: #215c94;
}

#inovadora a:hover h3{
    color: #215c94;
}

.hide{
   display:none;
}

.suporte{
    border: 1px solid #215c94;
    padding: 0 10px;
}

.suporte:hover{
    zbackground-color: #215c94;
}

.suporte h1{
    height: 34px;
}

.suporte h1:hover{
     color: #ffffff;
}

cite{
    color: #666666;
}

/*classe para a tabela de planos*/
table.planos_table {
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;
    background:	#f3f3f3;
    font-size: 11px;
    border: 1px solid #6CA017;
    color: #333;
}
table.planos_table thead th {
    padding: 2px;
    margin: 0px;
    height: 22px;
    background:	url(layout/bg_input_submit_news.jpg) left bottom repeat-x;
    color: #FFFFFF;
    text-align: left;
}
table.planos_table tbody td {
    padding: 2px;
    margin: 0px;
    background:	#E7F5CD;
}
table.planos_table tbody td.destaque {
    padding: 2px;
    margin: 0px;
    color: #6CA017;
    font-weight: bold;
    background:	#C8E990;
}
table.planos_table tfoot td {
    padding: 2px;
    margin: 0px;
    color: #990000;
    font-weight: bold;
    background:	#FFF;
}
table.planos_table tfoot td a,
table.planos_table tfoot td a:visited,
table.planos_table tfoot td a:hover {
    color:	#990000;
    font-weight: bold;
    background: #FFF;
    text-decoration: none;
}

/* google translate*/
#google_translate_element .goog-te-combo{
	font-size: 11px;
}

#google_translate_element > div{
	font-size:8px;
}