@charset "utf-8";
/* CSS Document */
/*
    ********************************************************************
    Formatao de elementos em geral
    ********************************************************************
*/
* {
    font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, Verdana;
    margin:0;
    padding:0;
}
body { margin:0px;
background-color:#FFFFFF;
background:url(../img/bk3.gif); }
a { color:#000; }
img { border:none; }
p {
    font-size:80%;
    color:#3a3d40;
    margin:5px 0;
}


/*
    ********************************************************************
    INICIO FORMULÁRIOS
    ********************************************************************
*/
fieldset 
    {
    border:none;
    display:block;
    float:left;
    width:auto;
    }
form 
    {
    vertical-align:middle
    }
    
input 
    {
    border:1px solid #999999;
    padding:2px;
    vertical-align:middle;
    background:#FFFFFF;
    }
    input:hover,input:focus
        {
        border:1px solid #c5161d;
        background:#fff4f0
        }

input.button
{
border:none;
padding:0;
background:#ffffff;
font-family:"trebuchet MS";
font-size:16px;
font-weight:bold;
color:#333333;
}
textarea 
    {
    border:1px solid #999999; 
    padding:2px;
    vertical-align:middle;
    }
textarea:hover,textarea:focus
        {
        border:1px solid #c5161d;
        background:#fff4f0
        }
    
select 
    {
    border:1px solid #999999;
    margin-left:2px;
    padding:2px;
    vertical-align:middle; 
    }
    select:hover
        {
        border:1px solid #c5161d;
        background:#fff4f0
        }
.border, .border:hover
    {
    border:none; 
    background:none;
    }





/*
    ********************************************************************
    Principal
    ********************************************************************
*/
div#principal {
    width:960px;
    margin:0px auto;
    padding:0px;
    background-color:#FFF;
    border: 0px;
    font-family:"trebuchet MS";
}

/*
    ********************************************************************
    Cabecalho
    ********************************************************************
*/

div#cabec {
margin:0 0 0 10px;
padding:0px;

}

div#cabecVerm {
width:940px;
margin:0;
padding:0;
height:156px;
background:url(../img/bgCabec.gif) no-repeat top left;
font-family:"trebuchet MS";
font-size:12px;}

div#logo {
float:left; 
width:500px; 
height:118px;
margin:0;
padding:0;
}

div#logo a {
    display:block;
    width:500px;
    height:118px;
    line-height:0px;
    text-decoration:none;
    text-indent:0px;
    font-size:80%;
    color:#333;
    margin:0;
    padding:0;
}

div#linkstop,div#linguagem,div#busca { margin-right:25px;}

div#linkstop{ 
margin-top:0px; 
margin-bottom:0px; 
margin-right:250px; 
float:right; 
width:400px; 
text-align:right;
}
div#linkstop ul {
list-style-type:none; 
margin:0px; 
padding:0px; 
width:400px;
text-align:right;
}
div#linkstop ul li {
margin:0 0 0 8px;
padding:0;
display:block;
float:right;
color:#FFFFFF;
}
div#linkstop ul li a { color:#FFFFFF; text-decoration:none;}
div#linkstop ul li a:hover {text-decoration:underline;}

div#linguagem{margin-bottom:0px; float:right; width:300px; text-align:right; color:#FFFFFF;}
div#linguagem div{ float:left;}
div#linguagem div img{ margin: 2px 0;}
div#linguagem p { width:215px; text-align:right; margin:0 0 0 0; padding:0; color:#FFFFFF; font-family:"trebuchet MS"; font-size:12px;}

div#busca{ float:left; width:400px; text-align:right;margin:0 100px; padding:0;}
div#busca form{ margin:0; padding:0;}
div#busca input#campobusca{ height:14px; font-size:11px; width:154px; border:0px none;}
div#busca select#tipobusca{ height:18px; font-size:11px; border:0px none;}

div#cabecMenu {
float:left;
width:940px;
margin:0 0 20px 0;
padding:0px;
height:33px;
background:url(../img/bgCabecMenu.jpg) repeat-x left;
font-family:"trebuchet MS";
font-size:16px;
text-decoration:none;
color:#FFFFFF;}

div.cabecMenuFunInicio{ 
margin:0;
padding:0;
width:15px; 
height:33px;
float:left;
background:url(../img/bgCabecMenu_inicio.jpg) no-repeat bottom left;
}
div.cabecMenuFunMeio{
margin:0;
padding:0;
width:910px; 
height:33px;
float:left;
}
div.cabecMenuFunFim{ 
margin:0;
padding:0;
width:15px; 
height:33px;
float:left;
background: url(../img/bgCabecMenu_fim.jpg) no-repeat bottom right;
}
div#cabecMenu ul { 
list-style-type:none;  
margin:0; 
padding:0;
width:910px;
}
div#cabecMenu ul li {
display:inline;
float:left;
padding:0;
margin:0;
height:33px;
text-align:center;
font-family:"trebuchet MS";
font-size:14px;
text-decoration:none;
color:#FFFFFF;
}
div#cabecMenu ul li.pag {width:136px;}
div#cabecMenu ul li.not {width:100px;}
div#cabecMenu ul li.eve {width:100px;}
div#cabecMenu ul li.gal {width:158px;}
div#cabecMenu ul li.vid {width:150px;}
div#cabecMenu ul li.cont {width:100px;}
div#cabecMenu ul li.col {width:155px;}

div#cabecMenu ul li a {
display:block;
padding:0;
margin:0;
width:100%;
height:33px;
text-align:center;
line-height:33px;
font-family:"trebuchet MS";
font-size:14px;
text-decoration:none;
color:#FFFFFF;
}
div#cabecMenu ul li a:hover {
background:url(../img/bgCabecMenu_hover.jpg) repeat-x left;
}
div#cabecMenu ul li a.ativo {
background:url(../img/bgCabecMenu_hover.jpg) repeat-x left;
}


/*
    ********************************************************************
    Menus + Contedo prinicipal + Newsletter etc.
    ********************************************************************
*/
div#corpo {
    width:940px;
    margin:0 10px;
    background-color:#fff;
}

/*
    --------------------------------------------------------------------
    Clear (evita quebra de layout)
    --------------------------------------------------------------------
*/
div.clearConteudo {
    width:930px;
    height:0;
    overflow:hidden;
    clear:both;
    margin:0;
    padding:0;
}
div.clearConteudo hr { display:none; }



div.clearConteudo2 {
    width:610px;
    height:0;
    overflow:hidden;
    clear:both;
    margin:0;
    padding:0;
}
div.clearConteudo2 hr { display:none; }



/*
    ********************************************************************
    Box: Menus, Newsletter, Mais vendidos, etc.
    ********************************************************************
*/
/* rea que abrange os menus */
div#areaMenu {
    display:inline;
    float:left;
    width:201px;
    margin-right:0px;
    background-color:#FFFFFF;
}

/* Box (menus, newsletters, mais vendidos, etc.) */
div.box {
    margin-bottom:25px;
    background:url(../img/box.jpg) no-repeat bottom;

}
div.boxCabec {
background:url(../img/boxCabec.jpg) no-repeat top;
padding:8px 0px 0px 8px;
}

div.boxForm {
  font-size:80%;
  padding:0px 20px 0px 16px;
}


/* Ttulo (nome) do box */
div.box h2 {
    width:198px;
    height:35px;
    line-height:24px;
    text-indent:4px;
    font-size:80%;
    color:#333;
    padding:0px;
    margin:0px;
}

/* Links do menu */
div.box ul { list-style-type:none; margin:0px; padding:0px 0px 0px 16px;}

div.box ul li {
display:block;
    position:relative;
    border-top:0px dotted #d2d3d3;
    width:166px;
    height:22px;
    margin:0;
    padding:0;
}
div.box ul li.submenu {
    background:url(../img/seta_submenu.gif) no-repeat right;
}
div.box ul li.firstItem {border-top:none;}
div.box ul li.firstItemsubmenu {
    border-top:none;
    background:url(../img/seta_submenu.gif) no-repeat right;
}

div.box ul li a {
    display:block;
    width:166px;
    height:22px;
    line-height:22px;
    text-decoration:none;
    text-indent:12px;
    font-size:80%;
    color:#333;
    margin:0;
    padding:0;
}

div.box ul li a:hover { text-decoration:none; background:#DA251C; color:#FFFFFF; }
div.box ul li a.ativo { text-decoration:none; background:#DA251C; color:#FFFFFF; }
div.box ul li.submenu a:hover,div.box ul li.firstItemsubmenu a:hover { text-decoration:none; background:url(../img/seta_submenu_hover.gif) no-repeat right #DA251C; color:#FFFFFF; }



div.box div.relatorioMenuEsq {list-style-type:none; margin:0px; padding:0px 20px 0px 16px;}
div.box div.relatorioMenuEsq a {font-family:"trebuchet MS"; font-size:12px; text-decoration:none;line-height:14px;}
div.box div.relatorioMenuEsq a img { margin-right:7px;}
div.box div.relatorioMenuEsq a:hover {text-decoration:underline;}

/*
    --------------------------------------------------------------------
    Botőes em Idiomas
    --------------------------------------------------------------------
*/


input#Cadastrar{ background:url(../img/btCadastrar.gif) no-repeat left top; width:64px; height:18px; border:0px none; margin-left:5px;}
input#Register{ background:url(../img/btRegister.gif) no-repeat left top; width:64px; height:18px; border:0px none; margin-left:5px;}
input#Registro{ background:url(../img/btRegistro.gif) no-repeat left top; width:64px; height:18px; border:0px none; margin-left:5px;}


input#Procurar{ background:url(../img/btProcurar.gif) no-repeat left top; width:57px; height:18px; border:0px none; margin-left:5px;}
input#Search{ background:url(../img/btSearch.gif) no-repeat left top; width:57px; height:18px; border:0px none; margin-left:5px;}
input#Buscar{ background:url(../img/btBuscar.gif) no-repeat left top; width:57px; height:18px; border:0px none; margin-left:5px;}


input#Entrar{ background:url(../img/btEntrar.gif) no-repeat left top; width:64px; height:18px; border:0px none; margin-left:5px;}
input#Enter{ background:url(../img/btEnter.gif) no-repeat left top; width:64px; height:18px; border:0px none; margin-left:5px;}
input#Entrar{ background:url(../img/btEntrar.gif) no-repeat left top; width:64px; height:18px; border:0px none; margin-left:5px;}


input#Enviar{ background:url(../img/btEnviar.gif) no-repeat left top; width:64px; height:18px; border:0px none; margin-left:5px;}
input#Send{ background:url(../img/btSend.gif) no-repeat left top; width:64px; height:18px; border:0px none; margin-left:5px;}
input#Enviar{ background:url(../img/btEnviar.gif) no-repeat left top; width:64px; height:18px; border:0px none; margin-left:5px;}


input#Criesuaconta{ background:url(../img/btCriesuaconta.gif) no-repeat left top; width:120px; height:18px; border:0px none; margin-left:5px;}
input#Createyouraccount{ background:url(../img/btCreateyouraccount.gif) no-repeat left top; width:120px; height:18px; border:0px none; margin-left:5px;}
input#Creatucuenta{ background:url(../img/btCreatucuenta.gif) no-repeat left top; width:120px; height:18px; border:0px none; margin-left:5px;}


div#centralInternas input#GerarBoleto{ background:url(../img/btGerarBoleto.gif) no-repeat left top; width:74px; height:18px; border:0px none; margin-left:5px;}
div#centralInternas input#SerVoluntario{ background:url(../img/btSerVoluntario.gif) no-repeat left top; width:120px; height:18px; border:0px none; margin-left:5px;}



/*
    --------------------------------------------------------------------
    Sub-menus
    --------------------------------------------------------------------
*/
div.box ul li ul {
    position:absolute;
    top:0;
    left:165px;
    display:none;
    background-color:#DA251C;
    list-style-type:none;
    width:195px;
    padding:0;
    margin:0;
}
/* IE6 */
div.box ul li ul { _left:165px; }

div.box ul li ul li {
    background:#DA251C;
    border-top:0px dotted #5d6062;
    width:195px;
    height:22px;
    margin:0;
    padding:0;
}
div.box ul li ul li a {
    display:block;
    width:195px;
    height:22px;
    text-decoration:none;
    font-size:80%;
    color:#fff;
    margin:0;
    padding:0;
}
div.box ul li ul li a:hover { text-decoration:none;background-color:#5d6062; }
div.box ul li.submenu ul li a:hover,div.box ul li.firstItemsubmenu ul li a:hover { text-decoration:none;background:url(../img/seta_submenu_hover2.gif) no-repeat right #5d6062; }

div.box ul li ul li:hover,
div.box ul li ul li.hover { background-color:#5d6062; }

div.box ul li ul li.firstItem { border:none; }

/* Exibe o sub-menu */
div.box ul li:hover ul,
div.box ul li.hover ul { display:block; }




/*
    --------------------------------------------------------------------
    Home
    --------------------------------------------------------------------
*/
div#conteudoHome {
    display:inline;
    float:right;
    width:710px;
    background-color:#FFFFFF;
}


/*
    --------------------------------------------------------------------
    Banner Home
    --------------------------------------------------------------------
*/
div#bannerHome {
float:left;
width:710px;
height:220px;
margin-bottom:20px;
}


/*
    --------------------------------------------------------------------
    Central Home
    --------------------------------------------------------------------
*/
div#centralHome {
float:left;
width:490px;
}


/*
    --------------------------------------------------------------------
    Noticias, projetos, veja tambem Home
    --------------------------------------------------------------------
*/

/* Box (menus, newsletters, mais vendidos, etc.) */
div.box3 {
    margin-bottom:25px;
    background:url(../img/box3.jpg) no-repeat bottom;
    width:490px;
    height:200px;
}

div.box3 a { text-decoration:none; }
div.box3 a:hover {text-decoration:underline;}

div.box3 table img {border:1px #cccccc solid; padding:0; margin:0;}
div.box3 table img:hover {border:1px #DA251C solid;}

div.box3Cabec {
background:url(../img/boxCabec3.jpg) no-repeat top;
padding:8px 0px 0px 8px;
}

/* Ttulo (nome) do box */
div.box3 h2 {
    width:188px;
    height:35px;
    line-height:24px;
    text-indent:4px;
    font-size:80%;
    color:#333;
    padding:0px;
    margin:0px;
}


div#imagemNoticia {
	width: 220px; 
	height: 220px; 
	float: left; 
	margin-right: 8px;
	margin-button: 8px;
	border: 1px;
}

div#noticiasHome {
float:left;
width:480px;
margin-bottom:20px;
font-size:12px;
padding: 5px 25px 5px 25px;
}

div.barra img {
border: 0px solid;
}

span.dataLista{
font-size:90%;
color:#A3A3A3;
}

div.imgLista{
float: left;
margin-right: 8px;
}
/*
    --------------------------------------------------------------------
    Projetos Home
    --------------------------------------------------------------------
*/
div#projetosHome {
float:left;
width:480px;
margin-bottom:20px;
font-size:12px;
padding: 5px 25px 5px 25px;
}

/*
    --------------------------------------------------------------------
    Veja tambem Home
    --------------------------------------------------------------------
*/
div#vejatambemHome {
float:left;
width:480px;
margin-bottom:20px;
font-size:12px;
padding: 5px 25px 5px 25px;
}

/*
    --------------------------------------------------------------------
    Menu direito Home
    --------------------------------------------------------------------
*/
div#menudirHome {
float:right;
width:190px;

}

/*
    --------------------------------------------------------------------
    Parceiros, publicidade Home
    --------------------------------------------------------------------
*/

/* Box (menus, newsletters, mais vendidos, etc.) */
div.box2 {
    margin-bottom:25px;
    background:url(../img/box2.jpg) no-repeat bottom;
}
div.box2Cabec {
background:url(../img/boxCabec2.jpg) no-repeat top;
padding:8px 0px 0px 8px;
}

/* Ttulo (nome) do box */
div.box2 h2 {
    width:188px;
    height:35px;
    line-height:24px;
    text-indent:4px;
    font-size:80%;
    color:#333;
    padding:0px;
    margin:0px;
}


div.box2 ul {
margin:0 0 0 23px;
padding:0;
font-size:10px;
color:#999999;
width:150px;
}
div.box2 ul li {
    margin:0 0 10px 0;
    display:block;
    position:relative;
    padding:0;
}
div.box2 ul li img {border:1px #cccccc solid; padding:0; margin:0; width:140px;}
div.box2 ul li img:hover {border:1px #DA251C solid;}




/*
    --------------------------------------------------------------------
    Paginas internas
    --------------------------------------------------------------------
*/

div#conteudoInternas {
    margin:0 0 15px 0;
    padding:0;
    display:inline;
    float:right;
    width:710px;
    background-color:#FFFFFF;
}

div#noticiaeventointeracao {
    margin:0 0 0px 0;
    padding:0;
    display:inline;
    float:right;
    background-color:#FFFFFF;
}

div#galeriasfotovideointeracao {
    margin:0 0 0px 0;
    padding:0;
    display:inline;
    float: right;
    background-color:#FFFFFF;
}

/* Box 4 ( migalhas, voltar) */
div.box4 {
    margin-bottom:0;
    background:url(../img/box4.jpg) repeat top;
    padding:0;
    font-size:12px;
}
div.box4 a { text-decoration:none; }
div.box4 a:hover {text-decoration:underline;}


div.box4 img {float: left; border:1px #cccccc solid; padding:0; margin:3px;}
div.box4 img:hover {border:1px #DA251C solid;}

div.box4 h1 {
    height:35px;
    line-height:24px;
    text-indent:4px;
    font-size:80%;
    color:#333;
    padding:0px;
    margin:0px;
}

div.box4Cabec {
background:url(../img/boxCabec4.jpg) no-repeat top;
padding:8px 0px 0px 8px;
height:30px;
margin-bottom:15px;
}
div#centralInternas {
margin:0 35px 0px 35px;
padding:0;
width:640px;
}

div#centralInternas img#limpa{border:0px;}

div#galerias img {float: left; border:1px #cccccc solid; padding:0; margin:0.5px;}
div#galerias img:hover {border:1px #DA251C solid;}

div#centralInternasmigalhas {
float:left;
width:620px; 
margin:0 0 0 5px;
}
div#centralInternasvoltar {
float:left;
width:60px;
text-align:right;
margin:0 5px 0 0;
}

div#centralInternasmigalhas, div#centralInternasvoltar, div#centralInternasTopo {
font-family:"trebuchet MS"; font-size:12px; text-decoration:none; color:#999999;}
div#centralInternasmigalhas a, div#centralInternasvoltar a, div#centralInternasTopo a {
font-family:"trebuchet MS"; font-size:12px; text-decoration:underline; color:#999999;}

div#centralInternas h1 {
font-family:"trebuchet MS"; font-size:20px; text-decoration:none; color:#333333; margin-bottom:15px;}
div#centralInternas p {
font-family:"trebuchet MS"; font-size:12px; text-decoration:none; color:#333333; margin-bottom:15px;}
div#centralInternas p a {
font-family:"trebuchet MS"; font-size:12px; text-decoration:underline; color:#DA251C;}

div#centralInternasTopo {
float:left;
background:url(../img/box4b.jpg) no-repeat bottom;
margin:0;
padding:0;
width:710px;
height:35px;
text-align:right;
line-height:35px;
}
div#centralInternasTopo2 {
margin:0 20px 0px 20px;
padding:0;
width:670px;}

div.fundoPaginacao {
background-color: #F0F0F0;
}

/*
    --------------------------------------------------------------------
    Rodapé
    --------------------------------------------------------------------
*/
div#rodape {
    width:930px;
    padding:15px;
    height:90px;
    background:url(../img/bgRodape.jpg) no-repeat top #FFFFFF;
    text-align:center;
}

/*
    --------------------------------------------------------------------
    Menu Rodap
    --------------------------------------------------------------------
*/
div#rodape ul {
    width:700px;
    margin:0 auto;
    list-style-type:none;
}
div#rodape ul li {
    margin:0px 5px;
    display:inline;
    text-align:center;
}
div#rodape ul li a {
    height:26px;
    line-height:26px;
    font-size:80%;
    color:#333;
    text-decoration:none;
}
div#rodape ul li a:hover {
    text-decoration:underline;
}
div#rodape p { text-align:center;}


/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6    Deixe isto ao final de tudo do seu CSS pois o Webkit nĂŁo interpreta nada mais abaixo do expression*/
* html * { color: expression( (function(who){ if(!who.MXPC){ who.MXPC = '1'; if(who.nodeName != 'A'){  who.onmouseenter=function(){ who.className += ' hover'};  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; } (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;} } )(this) , 'auto') }
/* example */
p:first-child , p.first-child { color: red }li:hover a , li.hover a {}

table {
font-size:12px;
 }
}

.password {
font-size : 12px;
border : 1px solid #cc9933;
width : 200px;
font-family : arial, sans-serif;
}
.pstrength-minchar {
font-size : 10px;
}

/*
    --------------------------------------------------------------------
    Mensagens resposta
    --------------------------------------------------------------------
*/

span#res_enviacad{
color: #ff0000;
font-weight: bold;
}
span#res_login{
color: #ff0000;
font-weight: bold;
}
span#res_enviamsg{
color: #ff0000;
font-weight: bold;
}
span#res_news{
color: #ff0000;
font-weight: bold;
}
span#res_attcad{
color: #ff0000;
font-weight: bold;
}
span#res_modsenha{
color: #ff0000;
font-weight: bold;
}