/** Folha de estilos principal do site. */

@import url('yui/reset.css');
@import url('yui/fonts.css');
@import url('yui/base.css');

@import url('util.css');
@import url('uhtml.css');

/*-----------------------------------------------------------------------------*/

html,
body {
    height: 100%;
    background: url("../images/bg-light.png") no-repeat scroll 50% 0 #E7E7E7;
    color: #382C27;
    font: 12px/20px Arial,Helvetica,sans-serif;
    min-width: 320px;
    position: relative;
}

/*-----------------------------------------------------------------------------*/

section {
    position: relative;
    z-index: 1;
}

header {
    padding-bottom: 39px;
    position: relative;
    z-index: 99;
    height: 123px;
}

.topo{
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 960px;
}

.overlay {
    background-color:black;
    top:0;
    bottom:0;
    left:0;
    right:0;
    opacity:0.5;
    position:absolute;
    width:100%;
    display:none;
    height:100%;
    z-index:200;
}

.entenda-erp {
    position:absolute;
    top:10%;
    margin-left:50%;
    left:-450px;
    z-index:201;
    background-color:white;
    border-radius:5px;
}

.bg {
    background: url("../images/bg-content.png") repeat scroll 0 0 transparent;
    padding: 0;
    width: 100%;
}

.link{
    text-decoration:none;
    color:#4655A6;
}

.link:hover{
    text-decoration:underline;
}

.textos{
    right:1%;
    position:inherit;
    top:100px;
    text-align:justify;
    width:260px;
    z-index:202;
    border:4px solid #00AEEF;
    border-radius:10px;
    padding:5px;
    font-family: Calibri, Tahoma, Verdana;
    display:none;
    background-color:#EFEFEF;
}

.main-slider {
    height: 380px;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 11px;
    width: 961px;
}

.bg-slider {
    background: url("../images/bg-slider.png") no-repeat scroll 50% 50% transparent;
    height: 284px;
    width: 961px;
}

.container_24 {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 960px;
}

.box-img {
    background: none repeat scroll 0 0 #FFFFFF;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.box-img img {
    height: auto;
    max-width: 100%;
}


.padtop {
    padding-top: 26px;
}

.wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.container_24 .grid_8 {
    width: 310px;
}

h4 {
    font-size: 20px;
    padding-bottom: 15px;
}

h1, h2, h3, h4, h5, h6 {
    color: #382C27;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    line-height: 1.2em;
}

.contacts {
    font-style: normal;
}

.contacts p:first-child {
    padding-bottom: 25px;
    text-transform: uppercase;
}

.icons {
    overflow: hidden;
    position: relative;
    margin:0;
}

.icons li {
    float: left;
    margin-right: 3px;
}

.box-img {
    background: none repeat scroll 0 0 #FFFFFF;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.map {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    margin: 4px 0 6px;
}

.map iframe {
    height: 312px;
    width: 390px;
    border:0;
}

.pad {
    padding: 17px 0 12px;
}

.padtop2 {
    padding-top: 49px;
}

.padtop3 {
    padding-top: 38px;
}

.padtop22 {
    padding-top: 43px;
}

.padtop33 {
    padding-top: 34px;
}

.padbot {
    padding-bottom: 23px;
}

.padbot2 {
    padding-bottom: 25px;
}

.button {
    background: linear-gradient(#172876, #172876) repeat scroll 0 0 transparent;
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    display: inline-block;
    font: italic 16px/24px Arial,Helvetica,sans-serif;
    padding: 13px 13px 12px;
    text-decoration:none;
}

.button:hover{
    text-decoration:none;
    background:#212020;
    -pie-background: linear-gradient(#212020, #212020);
}


.button1 {
    color: #1D1D1D;
    display: inline-block;
    font: italic 15px/18px Arial,Helvetica,sans-serif;
    transition: all 0.5s ease 0s;
    text-decoration:none; 
}

.button1:hover{ 
    text-decoration:none; 
    color:#03d1da;
}


.text2 {
    color: #7C7977;
    font: 16px/20px Arial,Helvetica,sans-serif;
    padding-bottom: 17px;
}

#back-top {
    bottom: 56px;
    right: 2%;
    position: fixed;
    z-index: 9999;
}

#back-top span {
    background: url("../images/up-arrow.png") no-repeat scroll left 0 transparent;
    display: block;
    height: 20px;
    margin-bottom: 7px;
    width: 35px;
}

.menu{
    float: right;
    margin:0;
    list-style:none;
}

.menu li.current,
.menu li:hover,
.menu li.sfHover {
    background: #172876;
}

.menu li {
    background: url("../images/bg-png.png") repeat scroll 0 0 transparent;
    border-radius: 0 0 5px 5px;
    float: left;
    font: italic 15px/20px Arial,Helvetica,sans-serif;
    margin-left: 1px;
    text-align:center;
    position: relative;
}

.menu li a {
    color: #382C27;
    display: block;
    max-width:94px;
    padding: 31px 7px 0px;
    position: relative;
    text-decoration: none;
}

.menu li.current a,
.menu li a:hover,
.menu li.sfHover a {
    color: #FFFFFF;
    text-decoration: none;
}

.menu li a span.arrow {
    background: url("../images/menu-arrow.png") no-repeat scroll 0 0 transparent;
    bottom: 17%;
    display: block;
    height: 4px;
    position: absolute;
    right: 2px;
    width: 7px;
}

#flags {
    position: absolute;
    right: 2px;
    top: 132px;
}

#splash {
    position: absolute;
    width: 1000px;
    height: 134px;
    top: 154px;
}

.menu ul {
    background: url("../images/submenu.jpg") repeat-x scroll 0 0 #1D1D1D;
    border-radius: 5px 5px 5px 5px;
    display: none;
    padding: 30px 0 25px;
    position: absolute;
    top: 78px;
    width: 180px;
    z-index: 99;
}


.menu li li {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    padding: 0 10px 10px;
	float: none;
}

.menu li li:hover,
.menu li li.sfHover,
.menu li li.current{
    color: #FFFFFF;
    background:none;
}

.menu li li a,
.menu li.sfHover li a,
.menu li.current li a{
    background:none;
    color:#fff;
    max-width:200px;
    padding:0; 
    font: italic 14px/18px Arial,Helvetica,sans-serif;
    text-align:left;
}

.menu li li a:hover,
.menu li li.sfHover a,
.menu li li.current a{
    color:#00afbe;
}

#left {
    position: absolute;
    width: 200px;
    height: auto;
    top: 28px;
    border-radius: 0 0 1em 0;
}

#left h1{
    font: normal 10px Arial,Helvetica,sans-serif;
    color:#82B3B5;
    text-align:left;
    padding-right: 5px;
    border-bottom:1px solid #D7E8E8;
    padding:0;
    margin-bottom:10px;
}

/*estilo para banners da lateral ESQUERDA*/
#anuncios {
    background: white;
    position: absolute;
    width: 200px;
    height: auto;
    border-radius: 0 0 1em 0;
    text-align:center;
}
/*FIM  do estilo para banners da lateral DIREITA*/

#right {
    background: #F3F3F3;
    position: absolute;
    width: 255px;
    height: auto;
    top: 28px;
    right:0;
    text-align:center;
}

#right h1{
    font: normal 10px Arial,Helvetica,sans-serif;
    color:#82B3B5;
    text-align:right;
    padding-right: 5px;
}

#logo-footer a {
    background: transparent url('../images/logo2.png') no-repeat 0 0;
    position: absolute;
    overflow: hidden;
    width: 220px;
    height: 66px;
    top: 10px;
    left: 6%;
}

#logo a {
    background: transparent url('../images/logo.jpg') no-repeat 0 0;
    display: block;
    height: 60px;
    width: 295px;
}

.topo .grid_24 {
    width: 950px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
    display: inline;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.container_24 .grid_16 {
    width: 625px;
}

#frmLogin {
    background: #E4E4E4;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    right:0px;
    top: 90px;
}

#frmLogin input {
    width: 110px;
    padding:4px;
    color:#888888;
    vertical-align:bottom;
}

#frmLogin .btnLogin {
    width: 50px;
    padding: 0;
    color: #888888;
}

#frmLogin a {
    color:#172876;
    text-decoration:underline;
}

#frmLogin a:hover {
    text-decoration:none;
}

#frmSearch {
    background: #FFF;
    position: absolute;
    float:left;
    text-decoration: none;
    width: 300px;
    height: 30px;
    top: 90px;
    z-index: 2;
    right: 334px;
    border:1px solid #CECECE;
    border-radius:0.3em;
}

.container_24 .grid_8 {
    width: 310px;
}

.container_24 .grid_24 {
    width: 950px;
}

#frmSearch input {
    background:transparent;
    font: normal 15px Arial,Helvetica,sans-serif;
    position: absolute;
    width: 260px;
    padding:0;
    box-shadow:none;
    color: #BBBBBB;
    height: 30px;
    top: 0px;
    left: 3px;
    border:0;
}

.bt-search {
    position: absolute;
    display: block;
    width: 64px;
    height: 30px;
    right: -2px;
}

#frmSearchFooter {
    position: absolute;
    text-decoration: none;
    width: 285px;
    top: 18px;
    right:5%;
}

#frmSearchFooter input {
    font: normal 13px Arial,Helvetica,sans-serif;
    width: 190px;
    color: #7E7E7E;
    height: 21px;
}

.bt-search-footer {
    position: absolute;
}

.selected-menu{
    border-bottom:solid 1px #575947;
}

footer {
    margin: 0 auto;
    max-width: 950px;
    padding: 34px 0 20px;
    text-align: center;
}

footer a {
    color: #7C7876;
    margin: 1px;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

.list4 li a {
    color: #7C7876;
    text-decoration: underline;
}

.list4 li a:hover {
    text-decoration: none;
}

h1 {
    font-size: 18px;
    color:#22578A;

    padding: 15px 0 15px 0;
    margin: 0;
}

p {
    font: 12px/20px Arial,Helvetica,sans-serif;
    color: #382C27;
    padding-bottom: 20px;
    margin:0;
}

p, img {
    border: 0;
}

.desc-title {
    font:normal 40px Arial,Helvetica,sans-serif;
    color:#589BA3;
    left: 15px;
    opacity: 0.5;
    filter:alpha(opacity=50);
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 170px;
    z-index: 100;
}

.desc-title-normal {
    color: #386367;
    font-family: Arial;
    font-size: 30px;
    left: 77px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 200px;
    z-index: 101;
    opacity: 0.8;
    filter:alpha(opacity=80);
}

.data{
    font:bold 11px Arial,Helvetica,sans-serif;
    color:gray;
    padding:5px;
    position:relative;
    float:left;
}

.titulo{
    font: 20px Calibri, Arial,Helvetica,sans-serif;
    font-stretch: expanded;
    font-weight: 600;
    color:#215383;
    padding-bottom:6px;
    text-align:left!important;
}

.titulonot{
    font: 13px Calibri, Arial,Helvetica,sans-serif;
    font-weight: bold;
    color:#727272;
    padding-bottom:4px;
    text-align:left!important;
}

.texto{
    font: 14px Calibri, Arial,Helvetica,sans-serif;
    color:gray;
    text-align:left!important;
    text-shadow: 1px 1px 0 #EBEBEB;
}

.txt{
    font: 13px Calibri, Arial,Helvetica,sans-serif;
    font-stretch: normal;
    font-weight: 500;
    color:#727272;
    text-align:left!important;
    text-shadow: 1px 1px 0 #EBEBEB;
}

.leiamais a{
    font: 12px Calibri, Arial,Helvetica,sans-serif;
    font-weight: bold;
    color:#365C89;
    position:absolute;
    padding-top:3px;
    text-decoration:none;
}

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

.link a{
    font: 12px Calibri, Arial,Helvetica,sans-serif;
    color:red;
    position:absolute;
    margin-top:5px;
    text-decoration:none;
}

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

#noticias{
    background:#e8e7e7 url('../images/bg_bottom_noticias.jpg') no-repeat right bottom;
    position:relative;
    height:160px;
    width:1000px;
    margin-bottom:40px;
    top:35px;
}

.titulon{
    background: transparent url('../images/bg_tit_noticias.jpg') no-repeat 0 0;
    position:relative;
    width:374px;
    height:28px;
    font: bold 16px Arial, Helvetica, sans-serif;
    left:-304px;
    text-align:left;
    color:white;
    top:-33px;
    padding: 5px 0 0 15px;
}

.uhtml h1 {
    font-size: 18px;
    color: #382C27;
    font-weight: bold;
    padding: 0px 10px 4px 0;
    margin: 15px 0 15px 0;
    border-bottom:1px gradient #FFCC00;
}

.more uhtml h2{
    background: #efefef;
    font-size:12px;
    color:black;
    border: 1px solid #ccc;
}

.uhtml h2 {
    font-size: 14px;
    color: #3D6176;
    font-weight: normal;
    padding: 10px 5px 0 0;
    margin: 0 0 10px 0;
}

.uhtml a {
    color: #336699;
    text-decoration: none;
}

.uhtml a:hover {
    color: #336699;
    text-decoration: underline;
}

/*-----------------------------------------------------------------------------*/

#institucional table{
    background: transparent;
    font: 11px  Arial, Helvetica, sans-serif;
    color: #666;
    position: relative;
    margin: 0;
    top: 0;
    align: center;
}

#institucional ul{
    position: relative;
    float: left;
    height: auto;
    list-style: none;
    margin: 5px 0 5px 0;
}

#institucional ul li{
    list-style: none;
}

#institucional ul li a{
    width: auto;
    font: normal 13px Calibri, Arial, Helvetica, sans-serif;
    color: #666;
    padding-left:5px;
    list-style: none;
    text-decoration: none;
}

#institucional ul li a:hover,
#institucional ul li a.selected{
    color: #000;
}

#institucional{
    position: relative;
    float: left;
    padding-left: 20px;
    width: 17%;
    height: auto;
    text-align: left;
    margin: 10px 0 10px 0;
}

#institucional .titulomn{
    background: transparent;
    width: auto;
    height: 24px;
    font: bold 18px Calibri, Arial, Helvetica, sans-serif;
    color: #22578A;
    padding-left: 4px;
    line-height: 25px;
}

#busca-footer {
    background:#E8E7E7;
    position:relative;
    float:left;
    width: 100%;
    height:60px;
    margin: 10px 0 0 0;
}

#busca-footer #spanbusca {
    position:absolute;
    top:4px;
    left:-120px;
    color:#929292;
    font-size:14px;
    font-weight:bold;
}

#mninstit {
    background:#F2F2F2;
    position:relative;
    float:left;
    width: 95%;
    margin: 0 0 10px 0;
    border-bottom:3px solid #255E95;
    padding-left:5%
}