/* 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;
}

#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;
}
#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{
    list-style-image: url(layout/marcador.jpg);
    margin: 5px 0 10px 40px;
}

#colunaconteudo ul li{
    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;
}



/* 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{
	border-bottom: 1px solid #fff;
	height: 310px;
}
#barraboxhome > div {
background:url("layout/bgboxhome1.jpg") no-repeat scroll left top transparent;
float:left;
height:310px;
overflow:hidden;
padding:0 22px;
width:196px;
}

#barraboxhome > div p{
    height: 83px;
    overflow: hidden;
}


#sustentabilidade{
    width: 380px;
    float: left;
}
#sustentabilidade h4{
    margin: 15px 0 15px 0;
}
#sustentabilidade p{
    line-height: 18px;
    font-size: 14px;
    color: #2B2B2B;
    zmargin: 20px 0 0 0;
}
#sustentabilidade .boxsimplesinterno2{
    height: 290px;
}
#arvore{
    background: url(layout/arvore.png) no-repeat left top;
    width: 143px;
    height: 232px;
    position: absolute;
    margin: 116px 0 0 223px;
}

#depoimentos{
    width: 300px;
    float: left;
    margin: 0 0 0 10px;
}
#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{
    background: url(layout/bgtittwitter.jpg) no-repeat left top;
    width: 154px;
    height: 51px;
    text-indent: -99999px;
}
#twitter p{
    display: block;
    margin: 3px 15px;
    line-height: 13px;
    text-align: justify;
    float: left;
    color: #666;
    height: 40px;
    overflow: hidden;
	font-weight: normal;
	font-size: 11px;
}
#twitter a{
    zdisplay: block;
    margin: 5px 15px 15px 0;
    zfloat: left;
    text-decoration: none;
    zfont-weight: bolder;
    color: #215c94;
}

#newsletter{
    width: 220px;
    float: right;
}

#newsletter p{
    margin: 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: 220px;
    border: none;
    border-bottom: 3px dotted #c9c9c9;
    margin: 10px 0;
}

/* 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: 400px;
    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: 15px 0 0 10px;
    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;
}

ul li a:hover{
    zcolor: #215c94;
    text-shadow: 1px 1px 0 #B6B6B6;
}


.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;
}

/* Imagens */
img{
    display: block;
    float: left;
}
.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;
}

/* ========= 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;
}