/**************************************************
ESTILOS GERAIS DO ICID + 18
AUTOR: AURÉLIO WILDSON TEIXEIRA DE NORONHA
EMAIL: AWILDSON@FUNCEME.BR

****************************************************/
/* Caution! Ensure accessibility in print and other media types...*/
@media projection , screen {
    /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide
    {
        display: none;
    }
}

/*Hide useless elements in print layouts... */
@media print {
    .tabs-nav
    {
        display: none;
    }
}

/************************************************
CLASSE GERAL
*************************************************/
#Body {
    background-color: #E8E2DA;
    margin-top: 0px;
}

#ClasseGeral {
    position: relative;
    margin: 0px auto;
    vertical-align: top;
    background-color: #FFFFFF;
    width: 1024px;
    font-family: Arial, Verdana;
    font-size: 13px;

}

/***********************************
TOPO DO SITE
************************************/
#AlertBrowser {
    position: relative;
    margin: 0px auto;
    vertical-align: top;
    width: 1024px;
    background-color: #df8a1f;
    text-align: center;
}

#AlertBrowser .TextAlert {
    font-weight: bold;
    font-size: 13px;
    padding: 5px 5px 5px 5px;
}

#ClasseGeral #Topo {
    background: url(../imagens/topo2.png);
    width: 1024px;
    height: 204px;
}
#ClasseGeral #textEmail {
    padding:20px;
}

#ClasseGeral #Topo .TextoTopo {
    color: white;
    font-size: 20px;
    font-weight: bold;
    left: 170px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 400px;
}
#ClasseGeral #Topo .localEvento {
    color: white;
    font-size: 12px;
    font-weight: bold;
    left: 170px;
    line-height: 18px;
    position: absolute;
    top: 110px;
}
#ClasseGeral #Topo .NomeCidade {
    color: white;
    font-size: 12px;
    font-weight: bold;
    left: 170px;
    line-height: 18px;
    position: absolute;
    top: 125px;
}

#ClasseGeral #Topo .NomeCidade .NomeBrasil {
    font-size: 14px;
}

#ClasseGeral #Topo .LinkInicial {
    position: absolute;
    width: 150px;
    height: 200px;
}

#ClasseGeral #Topo .LinkInicial .LinkInicialUrl {
    width: 150px;
    height: 200px;
}

#ClasseGeral #gallery_home ul li {
    list-style-image: url("../imagens/folder.png");
}

#ClasseGeral #gallery {
    z-index: 3000;
}

#ClasseGeral #gallery ul {
    padding: 0px;
}

#ClasseGeral #gallery ul li {
    position: relative;
    display: block;
    float: left;
    text-decoration: none;
    list-style: none;
    padding: 5px;
    padding-bottom: 10px;
    margin: 2px;
    background-color: #e0e0e0;
}

#ClasseGeral #gallery ul li a {
    display: block;
    text-decoration: none;
}

#ClasseGeral #gallery ul li img {
    border: none;
}

#ClasseGeral .BarraFerramentas {
    position: absolute;
    top: 168px;
    z-index: 2000;
}

#ClasseGeral .BarraFerramentas .LoginAdmin {
    position: absolute;
    left: 180px;
    width: 500px;
}

#ClasseGeral .BarraFerramentas .LoginAdmin a {
    color: #000000;
    text-decoration: none;
}

#ClasseGeral .BarraFerramentas .LoginAdmin a:visited {
    color: #000000;
}

#ClasseGeral .BarraFerramentas .LoginAdmin a:hover {
    color: #6A4F1C;
}

#ClasseGeral .BarraFerramentas .LoginAdmin input {
    width: 100px;
    border: solid 1px #CCCCCC;
    font-family: Arial, Verdana;
    font-size: 13px;
}

#ClasseGeral .BarraFerramentas .LoginAdmin .EnviarLogin {
    width: 55px;
    background-color: #E8E2DA;
    padding-left: 2px;
    padding-right: 2px;
}

#ClasseGeral .BarraFerramentas .MapaDoSite {
    position: relative;
    top: 1px;
    left: 390%;
    border: 1px #FFFFFF;
    border-style: solid;
    padding: 1px 5px 1px 5px;
    z-index: 1000;
}

#ClasseGeral .BarraFerramentas .MapaDoSite a {
    text-decoration: none;
    color: #000000;
}

#ClasseGeral .BarraFerramentas .Busca {
    left: 450%;
    position: relative;
    top: -17px;
    z-index: 1000;
}

#ClasseGeral .BarraFerramentas .Busca input {
    width: 100px;
    /*border:solid 1px #CCCCCC;*/
    margin-right: 2px;
    font-family: Arial, Verdana;
    font-size: 13px;
}

#ClasseGeral .BarraFerramentas .Busca .AcaoBuscar {
    width: 70px;
    border: solid 1px #CCCCCC;
    background-color: #E8E2DA;
    padding-left: 2px;
    padding-right: 2px;
}


/***********************************
CONTEUDO CENTRAL DO SITE
************************************/
#ClasseGeral #Central {
    width: 1024px;
}

#ClasseGeral #Central #ConteudoCentral {
    position: relative;
    /*background-image:url(../imagens/fundo.png);*/
    /*border-right:solid 1px #436e00;*/ /*border-left:solid 1px #436e00;*/
    margin-left: 0px;
    top: 0px;
    left: 150px;
    width: 690px;
    min-height: 900px;
}
#ClasseGeral #Central #ConteudoCentral #menuEvents{
    position:relative;
    display:block;
    margin:0px;
    padding:0;
    list-style:none;
}
#ClasseGeral #Central #ConteudoCentral #eventsLogo{
    position:relative;
    float:right;
    top:0px;
    width:180px;
    height:45px;
}
#ClasseGeral #Central #ConteudoCentral #eventsLogo img{
    position:relative;
    width:180px;
    height:45px;
}

#ClasseGeral #Central #ConteudoCentral #menuEvents li{
    display:inline;
    padding:2px;
    padding-right:5px;
    text-align:center;
    border-right:2px solid #362A10;
}
#ClasseGeral #Central #ConteudoCentral #menuEvents .liLeft {
    border-left:2px solid #362A10;
    padding-left:5px;
}

#ClasseGeral #Central #ConteudoCentral #menuEvents li a{
    text-decoration:none;
}

#ClasseGeral #Central #ConteudoCentral #menuEvents .tabs-selected{
    font-weight:bold;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao {
    padding: 10px 10px 40px 10px;
    text-align: justify;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .titleTbl{
    font-weight: bold;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .fieldsetListaContribuicoes{
    width: 650px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .listaContribuicoes{
    padding: 0px;
    text-decoration: none;
    list-style: none;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .listaContribuicoes li{
   
    padding: 5px;
    text-decoration: none;
    list-style: none;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao #Area {
    position: relative;
    top: 0px;
    color: #362A10;
    font-size: 11px;
    font-weight: bold;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao #Area #BotoesCentral
{
    position: relative;
    top: -16px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao #Area #BotoesCentral img
{
    float: right;
    border: none;
    width: 20px;
    height: 20px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TituloCentral
{
    position: relative;
    top: 0px;
    color: #362A10;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 15px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral
{
    position: relative;
    top: 15px;
}
#ClasseGeral #Central #ConteudoCentral .NoticiaHome{
    margin:1px;
    width:668px;
    height:200px;
    background-image:url("../imagens/fundo-news-home.gif");
    overflow: hidden;
    position: relative;

}

#ClasseGeral #Central #ConteudoCentral .NoticiaList a{
    text-decoration: none;
}

#ClasseGeral #Central #ConteudoCentral .NoticiaList img{
    width:8px;
}

#ClasseGeral #Central #ConteudoCentral .NoticiasHome {
    position: absolute;
    top: 0px;
    display: block;
    opacity: 1;
    height: 200px;
    width:100%;
}

#ClasseGeral #Central #ConteudoCentral .NoticiasHome a{
    text-decoration: none;
}

#ClasseGeral #Central #ConteudoCentral .TituloNoticia
{
    position:absolute;
    float:left;
    left:270px;
    width:375px;
    font-weight:bold;
    font-size:14px;
    padding: 5px;
}

#ClasseGeral #Central #ConteudoCentral .ImagemNoticia{
    margin-right: 5px;
    position:absolute;
    float:left;
    width:267px;
    heigth:200px;
}
#ClasseGeral #Central #ConteudoCentral .TextoNoticia
{
    position:absolute;
    float:left;
    top:44px;
    left:271px;
    width:380px;
    heigth:80px;
    padding: 5px;
    border-top:1px double black;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .AlertPermission
{
    background-color: #fbc010;
    text-align: center;
    border: 1px solid #362A10;
    padding: 10px 10px 10px 10px;
    font-weight: bold;
    font-size: 14px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .InformacoesArquivo
{
    position: absolute;
    background: #fbf9c5;
    font-size: 10px;
    border: 1px solid #000000;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .TopicoGeral
{
    padding-left: 5px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .TopicoGeral em
{
    font-weight: bold;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .ListaGeralTitulo
{
    text-align: center;
    background-color: #362A10;
    color: #FFFFFF;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .ListaGeralItem1
{
    background-color: #FFFFFF;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .ListaGeralItem2
{
    background-color: #E8E2DA;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral a
{
    color: blue;
    text-align: left;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #AuthorADD
{
    width: 70%;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #AuthorADD .Articles
{
    background-color: #E8E2DA;
    padding-top: 10px;
    padding-left: 10px;
    border: 1px solid #000000;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #AuthorADD #MenuArticle
{
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #ffffff;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #AuthorADD #MenuArticle li
{
    display: inline;
    background-color: #E8E2DA;
    color: #FFFFFF;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    border: 1px solid #000000;
    border-bottom: 1px solid #fcfbc5;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #AuthorADD #MenuArticle li:HOVER
{
    background-color: #fbfbf2;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #AuthorADD .tabs-selected a
{
    font-weight: bold;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #AuthorADD #MenuArticle li a
{
    text-decoration: none;
    color: #000000;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .MapaDoSiteTexto
{
    list-style: none;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .MapaDoSiteTexto a
{
    text-decoration: none;
    color: #000000;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .MapaDoSiteTexto li
{
    margin-left: 15px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .table
{
    border-spacing: 5px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .td
{
    border-bottom: 1px solid #bece9c;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .CalendarioMes
{
    padding-top: 0px;
    font-weight: bold;
    border-left: 1px solid #bece9c;
    border-bottom: 1px solid #bece9c;
    padding-left: 10px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .TabelaCalendario ul
{
    padding-top: 0px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #Contato .ForumlarioContato .FormContato
{
    margin-left: 5px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #Contato .ForumlarioContato .FormContato .ContactName,.ContactEmail,.ContactSubject
{
    width: 300px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #Contato .ForumlarioContato .FormContato .ContatoTextoArea
{
    width: 500px;
    height: 200px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #Contato .ForumlarioContato .FormContato .ContactSubmit
{
    height: 21px;
    background-color: #E8E2DA;
    font-size: 12px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #Contato .ForumlarioContato .FormContato .ContactTextName
{
    font-weight: bold;
}

#ClasseGeral #Central #MenuDireito {
    position: absolute;
    background-color: #FFFFFF;
    margin-left: 0px;
    top: 204px;
    left: 842px;
    width: 180px;
    height: auto;
}
#ClasseGeral #Central #MenuDireito .Banner{
    position:relative;
    width: 180px;
    text-align:justify;
}
#ClasseGeral #Central #MenuDireito .Banner img{
    width: 150px;
}
#ClasseGeral #Central #MenuDireito .Banner .BorderNone{
    border:none;
    display:block;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantes {

    display: block;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 163px;
    font-size: 11px;
    padding: 10px 0 0 0;
}

#ClasseGeral #Central #MenuDireito .InformacoesImportantes {
    background-image: url("../imagens/block-title.png");
    margin: 10px 0px 10px 5px;
    width: 150px;
    height: 23px;
    color: white;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding-top: 7px;
}
#ClasseGeral #Central #MenuDireito .InformacoesImportantes:hover {
    background-image: url("../imagens/block-title-hover.png");
    margin: 10px 0px 10px 5px;
    width: 150px;
    height: 23px;
    color: white;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding-top: 7px;
}

#ClasseGeral #Central #MenuDireito .InformacoesImportantesMovie {
    background-image: url("../imagens/button-movie.gif");
    margin: 10px 0px 10px 5px;
    width: 150px;
    height: 90px;
    color: #5d4820;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}
#ClasseGeral #Central #MenuDireito .InformacoesImportantesMovie:hover {
    background-image: url("../imagens/button-movie.gif");
    margin: 10px 0px 10px 5px;
    width: 150px;
    height: 90px;
    color: #5d4820;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

#ClasseGeral #Central #MenuDireito .InformacoesImportantesMovie a{
    display: block;
    width: 150px;
    height: 90px;
    text-decoration: none;
    color: #5d4820;
}

#ClasseGeral #Central #MenuDireito .InformacoesImportantesMovie span{
    position: relative;
    top: 70px;
    font-size: 18px;
}

#ClasseGeral #Central #MenuDireito .InformacoesImportantes a{
    text-decoration: none;
    color: white;
    text-transform: uppercase;

}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto {
    margin-left: 5px;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto .Linha1 {
    background-color: #FFFFFF;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto .Linha2 {
    background-color: #E8E2DA;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto .Titulo {
    background-color: #362A10;
    color: white;
    text-align: center;
    font-weight: bold;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto table {
    margin-left: 0px;
    width: 150px;
    border-spacing: 0;
    border: none;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto a {
    text-decoration: none;
    color: black;
    padding-bottom: 4px;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto a:hover {

}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto ul {
    list-style: none;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto ul li {
    list-style: none;
    font-weight: normal;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto .EmailContato
{
    font-size: 12px;
}

#ClasseGeral #Central #MenuDireito #rss {
    border-top: 1px solid #362A10;
    border-bottom: 1px solid #362A10;
    width: 90%;
    padding: 3px;
}

#ClasseGeral #Central #MenuDireito #rss img {
    border: none;
}

#ClasseGeral #Central #MenuEsquerdo {
    position: absolute;
    background-color: #FFFFFF;
    margin-top: 10px;
    margin-left: 0px;
    top: 204px;
    width: 150px;
    height: auto;
}

#ClasseGeral #Central #MenuEsquerdo .Bandeiras {
    margin-top: 2px;
    margin-left: 13px;
}

#ClasseGeral #Central #MenuEsquerdo .Bandeiras img {
    width: 26px;
    height: 19px;
    border: none;
}

#ClasseGeral #Central #MenuEsquerdo #Menu {
    position: relative;
    left: -27px;
    width: 120px;
}

#ClasseGeral #Central #MenuEsquerdo #Menu li {
    list-style: none;
    position: relative;
    background-color: #362A10;
    width: 110px;
    margin-top: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    border-right: 4px solid #E8E2DA
}

#ClasseGeral #Central #MenuEsquerdo #Menu li:hover {
    background-color: #6A4F1C;
}

#ClasseGeral #Central #MenuEsquerdo #Menu li a {
    display: block;
    text-decoration: none;
    color: #E8E2DA;
}

#ClasseGeral #Central #MenuEsquerdo #Menu li a:hover {
    text-decoration: none;
}

#ClasseGeral #Central #MenuEsquerdo #Menu li ul {
    position: absolute;
    top: 0px;
    left: 70px;
    display: none;
    list-style: none;
    z-index: 1000;
}

#ClasseGeral #Central #MenuEsquerdo #Menu li:hover ul {
    display: block;
}

/***********************************
RODAPE DO SITE
*********************************/
#ClasseGeral #Rodape {
    background: url(../imagens/rodape2.png) repeat-x;
    width: 1024px;
    height: 50px;
}

#ClasseGeral #Rodape .TextoRodape {
    position: relative;
    top: 18px;
    left: 390px;
}

#ClasseGeral #Rodape .w3c {
    position: relative;
    top: -3px;
}

#ClasseGeral #Rodape .w3c img {
    border: 0;
    float: right;
    width: 4%;
}

/***********************************
ADAPTACAO DO CSS DO DOTPROJECT
*********************************/
.button {
    height: 21px;
    background-color: #E8E2DA;
    font-size: 12px;
}

.text {
    width: 400px;
}

.textarea {
    width: 400px;
}

.TituloTextoAddEdit {
    font-weight: bold;
}

.temaview {
    text-align: left;
    font-weight: bold;
}
.error{
    color:red;
}