@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
*/
#wrap {
    width:960px;
    margin:0 auto;
    text-align: left;
}


/* Topo */
#wrap-topo {
    height:509px;
}
#wrap-topo #logo {
    margin-top:0px;
}

#wrap-topo #form_google {
        width:219px;
        height:30px;
        position:absolute;
        top:38px;
        margin-left:740px;
        background:url(../img/bg_form_buscar.png) top center;
    }
    #wrap-topo #form_google input {
        position:absolute; 
        width:144px; 
        padding:0px 6px; 
        height:30px; 
        line-height:30px; 
        border:none; 
        background:none;
    }
    #wrap-topo #form_google button {
        position:absolute; 
        margin-left:155px; 
        width:64px; 
        height:32px; 
        cursor:pointer; 
        border:none; 
        background:none;
    }
    #wrap-topo #menu-topo {
        position:absolute;
        top:419px;
        width:960px;
        height:90px;
        text-align: center;
    }
    #wrap-topo #menu-topo ul li#first_menu{margin-left:0px;}
    #wrap-topo #menu-topo ul li#last_menu{margin-right:0px;}
    #wrap-topo #menu-topo ul li {
        text-align: center;
        display: inline;
    }
    #wrap-topo #menu-topo ul li a {
        height:90px;
        line-height: 90px;
        display: inline-block;
        padding:0px 24px;
        text-transform: uppercase;
    }
    
    
    
    
    
/* Conteúdo */    
#wrap-conteudo{
    min-height:400px;
    overflow: hidden;
}

#wrap-conteudo #box-left{
    width:220px;
    padding:0px 15px;
}
#wrap-conteudo #box-right{
    width:680px;
    padding:0px 15px;
}

#wrap-conteudo #servicos ul,
#wrap-conteudo #downloads ul,
#wrap-conteudo ol{margin:8px 0px 8px 30px;}

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

#form_ferramentas{
    width:960px;
    height:150px;
}

#links{
    height:250px;
    margin-top:20px;
}

    #links ul{width:310px;}
    #links ul li{
        list-style-type:none; 
        padding:25px 0px;
        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{cursor:pointer;}
    #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{list-style: circle;}
    #box-links-uteis div ul li:hover{list-style:disc;}
    #box-links-uteis div ul li a{padding:3px 2px; 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 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;}   


/* Rodapé */
#wrap-rodape{
    width:930px;
    padding:10px 15px;
    height:40px;
    line-height: 40px;
    text-align: center;
    clear:both;
}

#wrap-rodape p{
    cursor:default;
}

#wrap-rodape #w3c_logo{
    float:left;
    height:40px;
    margin-top:8px;
}

#wrap-rodape #tiideal_logo{position:absolute; margin-left:806px; margin-top:8px; height:17px; line-height:17px;}
#wrap-rodape #tiideal_logo a{position:absolute; margin-top:5px; width:70px; height:17px; font:11px Tahoma; color:#FFF; background:url('http://ti-ideal.com/logo/logo_rodape_modelo_1.png') top no-repeat;}
#wrap-rodape #tiideal_logo a:hover{background:url('http://ti-ideal.com/logo/logo_rodape_modelo_1.png') 0px -17px no-repeat; text-decoration: none;}

    
    /* 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 */
	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;}