@charset "utf-8";
/* 
    Documento   : estrutura.css
    Criado      : 00/00/0000 00:00
    Modificado  : 00/00/0000 00:00

    Autor(es)   : Andre da Silva Severino


    Modificado por: Edson Kendi Maruyama
        

    Descrição   : Arquivo com a estrutura do site exclusivo
    Package     : web-files/css
*/

/* Topo */
#wrap-topo{
    margin:0 auto;
    width:960px;
    height:175px;
    border-bottom: 5px solid black;
}

#wrap-topo #logo-topo{
    margin-top:30px;
    border:none;
}

#wrap-topo #menu-topo{
    position:absolute; 
    top:137px; 
    height:36px;
    width:700px;
    border-top:1px solid #000;
}
#wrap-topo #menu-topo li{
    list-style:none;
    float:left; 
    position:relative;
    margin:0px 20px;
}

#wrap-topo #menu-topo li a{
    padding:20px 10px;
    line-height:36px;
    color:#000;
}
#wrap-topo #menu-topo li a:hover{
    text-decoration:underlin;
    color:#000;
}

#wrap-topo form{
    width:260px;
    height:31px;
    position:absolute;
    top:120px;
    margin-left:700px;
    background:url(../img/buscar.png) top center;
}
#wrap-topo form input{position:absolute; width:186px; padding:0px 6px; height:30px; line-height:30px; border:none; background:none;}
#wrap-topo form button{position:absolute; margin-left:198px; width:64px; height:32px; cursor:pointer; border:none; background:none;}

#wrap-topo #redes-sociais-topo{
    position:absolute;
    top:4px;
    margin-left:840px;
}
#wrap-topo #redes-sociais-topo li{display:inline; margin:0px;}
#wrap-topo #redes-sociais-topo li a{padding:0px 4px;}


/* Conteudo */
#wrap-conteudo{
    margin:0 auto;
    width:960px;
    padding:10px 0px;
}        
    #wrap-conteudo p{margin:4px 0px;}
    #wrap-conteudo ul,
    #wrap-conteudo ol{margin:10px 0px 10px 30px;}

    #wrap-conteudo ul li{list-style: circle;}
    #wrap-conteudo ol li{list-style: decimal;}

    /* Página home - box direito e esquerdo */
    #wrap-conteudo #wrap-conteudo-esq{
        width:627px;
        float:left;
    }

    #wrap-conteudo #wrap-conteudo-dir{
        width:323px;
        padding-left:10px;
        float:right;
    }

    
    /* Caixa de link's */
    #links{
        padding:10px 0px;
        margin-top:20px;
    }
        #links ul{width:300px; margin-left:0px;}
        #links ul li{
            list-style-type:none; 
            padding:4px;
            height:60px; 
        }
        #links ul li a{
            display: block; 
            padding-left: 60px;
        }
        #links ul li a span{
            display: block;
            padding-top:5px!important; /* Deixa o texto no meio */
        }


    /* Box com link's úteis (utilitários) */
    #box-links-uteis p a{padding:4px 2px; display: block;}
    #box-links-uteis div{margin-top:10px;}
    #box-links-uteis div ul{margin-left:30px; margin-bottom:10px; width:260px;}
    #box-links-uteis div ul li a{padding:3px 2px; display:block;}

    /* Lista de artigos */
    #iartigos ul li{list-style-type:none;}
    #iartigos ul li a{margin:4px 0px; padding:3px 0px; display: block;}
    #iartigos ul li a span{font-weight:bold; display:block;}    

    /* Lista de parceiros */
    .box-parceiro{height:120px; padding:30px 0px;}
    .box-parceiro img{position:absolute;}
    .box-parceiro table{position:absolute; margin-left:250px;}
    .box-parceiro table tr td{padding:2px 0px; height:20px;}
    
    /* Lista de downloads */
    
    .box-conteudo ul, .box-conteudo ol{margin:10px 20px;}
    .box-conteudo ul li{list-style: circle; padding:4px 0px;}
    
    
    /* Botão voltar, páginas adicionais */
    #bt_voltar_pag_add{position:absolute; top:192px; margin-left:900px; font:14px Verdana;}
    
/* Rodapé */

#wrap-rodape{
    height:250px;
    clear:both;
}

#wrap-rodape #under_rodape{
    height:40px;
    line-height:40px;
}
#wrap-rodape #under_rodape #under_center{
    width:960px;
    margin:0 auto;
}

#under_center #w3c_logo{position:absolute; padding-top:6px;}
#under_center #tiideal_logo{position:absolute; margin-left:890px; margin-top:5px; height:17px; line-height:17px;}


#box-tag{
    padding:10px 0px;
    margin:0 auto;
    width:960px;
}
#box-tag p strong{padding-right:10px;}

#wrap-rodape #rodape{
    width:960px;
    height:190px;
    margin:0 auto;
    padding:10px 0px;
}
    
#wrap-rodape #rodape div{
    width:260px;
    height:90%;
    padding:10px 20px;
}

#wrap-rodape #rodape #esquerdo{padding-left:0px; width:300px;}
#wrap-rodape #rodape #meio{padding:10px 29px;}
#wrap-rodape #rodape h4{padding-bottom:6px;}
#wrap-rodape #rodape ul{
    margin-top:20px;
}
#wrap-rodape #rodape ul li{list-style:none;}
#wrap-rodape #rodape ul li a{
    padding:4px 2px;
    display:block;
}

/* Paginação */
#paginacao{text-align:center; margin:16px auto; padding-top:14px; border-top:1px dashed #EBEBEB;}
#paginacao strong{font:bold 12px Arial; color:#036; padding:2px 4px;}
#paginacao a{text-decoration:none; font:bold 12px Arial; color:#333; padding:4px 8px; background:#F3F3F3; border:1px solid #999; margin:0px 2px; -moz-border-radius:2px 2px; -webkit-border-radius:2px 2px;}
#paginacao a:hover{color:#FFF; background:#949494; border:1px solid #333; box-shadow:0 -2px 3px #DFDFDF; -moz-box-shadow:0 -2px 3px #DFDFDF; -webkit-box-shadow:0 -2px 3px #DFDFDF;}


/* 	
    STATUS:
    ERRO -> Mensagens de erro no sistema 
    OK	 -> Mensagens de sucesso no sistema 
    INFO -> Mensagens com informações sobre determinadas ações
*/

.status{ /* Configuração default das caixas de avisos */
    padding:4px 0px 4px 24px; 
    margin:20px auto;
    border-radius:4px; 
    -moz-border-radius:4px;  
    -webkit-border-radius:4px;
}
    .box-status p{font:11px Tahoma;}
    .box-status p strong, 
    .box-status p b{font:bold 12px Arial;}
	
#status_erro, 
.status_erro{ 
    background:url(../img/ico-erro-1.png) #FFCACA 4px center no-repeat; 
    border:1px solid #AE0000;	 
}
    #status_erro p, 
    .status_erro p{color:#B70000;}

#status_ok, 
.status_ok{ 
    background:url(../img/ico-ok-1.png) #D7FFEB 4px center no-repeat; 
    border:1px solid #00592D;
}
    #status_ok p, 
    .status_ok p{color:#006600;}

#status_info, 
.status_info{  
    background:url(../img/ico-info-1.png) #FF9 4px center no-repeat; 
    border:1px solid #FF0;
}
    #status_info p, 
    .status_info p{color:#666600;}