/*=================================================== DEFINIÇÕES GERAIS ===================================================*/

@charset "utf-8";

@font-face {
    font-family:'HelveticaLT-Condensed';
    src: url('../fontes/helveticaltcondensedmedium_0.eot');
    src: url('../fontes/helveticaltcondensedmedium_0.eot?#iefix') format('embedded-opentype'),
         url('../fontes/helveticaltcondensedmedium_0.woff') format('woff'),
         url('../fontes/helveticaltcondensedmedium_0.ttf') format('truetype'),
         url('../fontes/helveticaltcondensedmedium_0.svg#helveticaltcondensedmedium_0') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{ margin:0; padding:0; color:#597998; font-family:Tahoma, sans-serif; font-size:12px; text-decoration:none; outline:none; list-style:none; border:none; }

.left{ float:left; }

.right{ float:right; }

.clear{ clear:both; }

.noMargin{ margin:0 !important; padding-bottom:0 !important; border:none !important; background:none !important; }

.noMarginPadding{ margin:0 !important; padding:0 !important; border:none !important; }

body, html{ width:100%; min-height:100%; }
table,table tr td{border:1px solid #999!important}


/*=================================================== ESTILO TOPO ===================================================*/

#idiomas{ width:972px; margin:20px auto 0 auto; }

#idiomas ul{ position: absolute; width:74px; height:30px; margin:20px 0 0 910px; background:url(../imagens/bg-idiomas.png) no-repeat; }

#idiomas ul li{ margin:7px 0 0 12px; }

#idiomas ul li a{ display:block; width:20px; height:15px; text-indent:-15000px; }

#btPortugues{ background:url(../imagens/bt-idioma.png) no-repeat left top; }

.btPortuguesAtivo{ background:url(../imagens/bt-idioma.png) no-repeat right top !important; }

#btIngles{ background:url(../imagens/bt-idioma.png) no-repeat left bottom; }

.btInglesAtivo{ background:url(../imagens/bt-idioma.png) no-repeat right bottom !important; }

#topo{ width:100%; }

#logo{ margin-bottom:20px; }

#logo a{ display:block; width:589px; height:95px; margin:auto; text-indent:-15000px; background:url(../imagens/logo.png) no-repeat; }

.logoEn{background:url(../imagens/logo_en.png) no-repeat!important;}

#menu{ width:972px; height:52px; margin:auto; background:url(../imagens/bg-menu-superior.png) no-repeat; }

#menu ul{ height:48px; }

#menu ul li{ margin-right:38px; }

.liIngles{ margin-right:20px!important; }

#menu ul li a{ display:block; color:#0e3254; font-family:'HelveticaLT-Condensed'; font-size:20px; line-height:52px; text-transform:uppercase; }

#menu ul li a:hover{ color:#0a7717; }

#menu ul li.home{ margin:15px 40px 0 0; }

#menu ul li.home a{ width:17px; height:16px; text-indent:-15000px; background:url(../imagens/bt-home.png) no-repeat center top; }

#menu ul li.home a:hover{ background:url(../imagens/bt-home.png) no-repeat center bottom; transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; }

.subComunicacao:hover .submenuTopo{position: absolute; z-index: 3; display: block !important; width: 154px; height: 61px !important; background: url(../imagens/bg-submenu.png) no-repeat;}

.submenuTopo{display: none; margin-left: -12px;}

.submenuTopo li{margin-right: 0 !important;}

.submenuTopo li a{display: block; height: 31px; line-height: 33px !important; color: #597998 !important; font-family: Tahoma, sans-serif !important; font-size: 14px !important; text-indent: 12px !important; text-transform: none !important;}

.submenuTopo li a:hover{color: #fff !important;}

.submenuTopo li:first-child a:hover{border-top-left-radius: 4px; border-top-right-radius: 4px; background: #0A7717;}

.submenuTopo li:last-child a:hover{border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background: #0A7717;}



/*=================================================== ESTILO CONTEUDO ===================================================*/

/*#slideshow{ width:100%; height:420px; margin:auto; background:url(../imagens/bg-banner.jpg) no-repeat center bottom; }*/
#slideshow{ width:100%; height:420px; margin:auto;}

#molde-banner{ position:absolute; z-index:2; width:972px; height:140px; margin-top:367px; margin-left:1px\9; background:url(molde-banner.png) no-repeat; }
/*#molde-banner{ position:absolute; z-index:2; width:972px; height:140px; margin-top:367px; margin-left:1px\9; }*/

#conteudo{ width:972px; margin:0 auto 20px auto; }



/*=================================================== ESTILO RODAPÉ ===================================================*/

#rodape{ width:100%; background: url(../imagens/bg-rodape.png) no-repeat center top #eaeef2; }

#rodape .center{ width:972px; height:130px; margin:50px auto 0 auto; padding-top: 25px; }

#rodape .center .divisoria{ width:14px; height:120px; margin:0 32px; background:url(../imagens/divisoria-rodape.png) no-repeat; }

#logoUfpe a{ display:block; width:163px; height:85px; background:url(../imagens/logo-ufpe.png) no-repeat; }

#endereco{ width:600px; margin-top:14px; }

#endereco p{ color:#0e3254; font-family:'HelveticaLT-Condensed'; font-size:14px; }

#endereco p strong, #endereco p strong a{ color:#0e3254; font-family:'HelveticaLT-Condensed'; font-size:14px; }

#endereco p strong a:hover{ text-decoration:underline; }

#dadosContato{margin-top: 5px;}

#dadosContato p{height: 23px; line-height: 23px;}

#telefone{ padding-left:28px; background:url(../imagens/ico-telefone.png) no-repeat left center; }

#email{ margin-left:20px; padding-left:30px; background:url(../imagens/ico-email.png) no-repeat left center; }

#logo4D{margin-top: 15px;}

#logo4D a{ display:block; width:25px; height:25px; text-indent:-15000px; background:url(../imagens/logo-4d.png) no-repeat center top; }

#logo4D a:hover{ background:url(../imagens/logo-4d.png) no-repeat center bottom; }



/* Loading Ajax - Start */
#loadAjax {background:url("../imagens/fundo.png")repeat 0 0 fixed; display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:100}
#loadIcon {background-color:#fff; border-radius:10px; height:60px; left:50%; margin:-75px 0 0 -50px; -moz-border-radius:10px; padding:20px; position:absolute; text-align:center; top:50%; -webkit-border-radius:10px; width:110px}
/* Loading Ajax - End */