@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
*/
@font-face {
font-family: Calibri;
src: url('../fontes/calibri.eot'); /* IE9 Compatibility Modes */
src: url('../fontes/calibri.eot?') format('eot'),  /* IE6-IE8 */
url('../fontes/calibri.woff') format('woff'), /* Modern Browsers */
url('../fontes/calibri.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fontes/calibri.svg#Calibri') format('svg'); /* Legacy iOS */
}

#wrap{
    width:100%;
    text-align: center;
}

/*
 * TOPO
 */

#div-menu-topo{display: none;}
#wrap-topo{
    height:240px;
    margin-bottom:15px;
    width:100%;
    margin:0 auto;
    text-align:center;
    background:url('../img/bg-topo.png') center top no-repeat;
    padding-top:15px;
}
    #wrap-topo #logo-topo{
        z-index: 5;
    }
    
    #box-topo{
        width:100%;
        height:200px;
        padding-top:10px;
    }
    
    #box-topo #texto-topo{
        width:70%;
        height:90px;
        float:right;
    }
    
    #tempo{height:90px; width:30%; float:left; }
    #tempo #left-tempo{float:left; text-align:center; width: 40%;}
    #tempo #left-tempo #icon-tempo{ float:left; margin-top:0px; margin-left:0px; width:50px; height:50px; }
    #tempo #right-tempo{ width:60%; height:90px; float:right; }
    
    #ferramentas{width: 100%; margin: 10px auto; float:left; border-bottom:solid 1px #9e9e9e; }
    
#box-left{
    width:28%;
    padding-right:2%;
}

#box-right{
    width:70%;
    margin-bottom: 20px;
}   

#box-right-servico{
    width:100%;
    margin-bottom: 20px;
}   
    
/*
 * CONTEUDO
 */    
#wrap-conteudo{
    width:70%;
    margin:0 auto;
    margin-top:20px;
    min-height:400px;
    text-align:left;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;
    behavior: url('http://www.taesc.com.br/PIE.htc');
    background:url('../img/bg-conteudo.png');
}

    #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;}

    #servicos{
        width: 95%;
        overflow: hidden;
        padding: 20px 0px;
        margin: 0px auto;
    }

    .conteudo{
        width:90%;
        overflow: hidden;
        padding:20px 10px;
        padding-left:30px; 
    }


    
    #home{
        width:100%; 
        overflow: hidden;
        padding:20px 0px;        
    }
    
    #wrap-conteudo #links{
        margin:20px auto;
        width: 100%;
        min-height: 480px;
    }
    #wrap-conteudo #links div {
        list-style: none;
        text-align: center;
        width: 32%;
        float: left;
        margin-bottom: 40px;
        min-height: 125px;
    }
    #wrap-conteudo #links div a img{
        margin-top:10px;
        max-width: 100%;
    }
    #wrap-conteudo #links div a span{
        display: block;
    }

    /* 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;}
    
    
    /* MENU ESQUERDO */
    ul#nav{margin-left:0px; float:right; width:70%;}
    ul#nav li{list-style:none; display:inline-block; width:32%; height:40px; margin-top:3px; zoom: 1; *display: inline; }
    ul#nav li a{
        display:block;
        margin:0;
        padding-left:10px;
        height:40px;
        line-height:40px;
    }

    
    /* Paginação */
    #paginacao{text-align:center; margin:16px auto; padding-top:14px; border-top:1px dashed #EBEBEB;}
    #paginacao strong{font:bold 12px Calibri; color:#036; padding:2px 4px;}
    #paginacao a{text-decoration:none; font:bold 12px Calibri; 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;}

    .box-par{
		width: 50%;
    /* margin: 10px auto; */
    float: left;
    text-align: center!important;
    display: inline;
    padding-left: 0px;
}
    .box-par img{max-width: 100%;}
    

/*
 * RODAPÉ
 */    
#wrap-footer{
    margin-top:30px;
    width:100%;
    height:298px;
    text-align: center;
    clear:both;
}
    #footer{
        width:70%;
        margin:0 auto;
        text-align: left;
    }
    
    #footer1{
        width:15%;
        height:200px;
        float:left;
        margin-top:50px;
    }
    
    #footer2{
        width:20%;
        height:200px;
        float:left;
        margin-top:50px;
    }   
    
    #footer3{
        width:48%;
        height:200px;
        float:left;
        margin-top:50px;
    }      
    
    #footer p{
        text-align: center;
    }

    #footer #w3c_logo{
        float:left;
        padding-top:20px;
    }
    
    #wrap-footer #redes-sociais-rodape{
        margin-top:20px;
        
    }
    #wrap-footer #redes-sociais-rodape li{display:inline; margin:0px;}
    #wrap-footer #redes-sociais-rodape li a{padding:0px 0px;}

    #wrap-footer #logos-desenvolvimento{        
        margin-top:50px;
        width:16%;
        height:200px;
        float: right;
    }

    #logos-desenvolvimento #w3c_logo{position:absolute;}
    #logos-desenvolvimento #tiideal_logo{position:absolute; margin-left:70px; *left:-750px; margin-top:21px; height:33px; line-height:33px;}
    #logos-desenvolvimento #tiideal_logo a{display:inline-block; width:95px; height:33px; font:11px Tahoma;   text-decoration:none;}    

    #wrap-footer #copyright{ clear:both; text-align:center; padding-top:20px; }

/* 	
	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 Calibri;}
	.box-status p strong, 
	.box-status p b{font:bold 12px Calibri;}
	
#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;}	




#organograma{
    width:623px;
    height:478px;
    margin:0px auto;
    margin-bottom:0;
    background:url('../img/organograma.png') no-repeat;
}

#organograma .org1{
    width:60px;
    height:60px;
    position:absolute;
}

#organograma .org1 a{
    width:60px;
    height:60px;
    display:block;
    cursor:pointer;
}

#organograma .org2{
    width:185px;
    height:50px;
    position:absolute;  
}

#organograma .org2 a{
    width:185px;
    height:50px;
    display:block;
}

#organograma #org-pf-carneleao{margin-top:110px; margin-left:40px;}
#organograma #org-pf-ganhocapital{margin-top:195px; margin-left:50px;}
#organograma #org-pf-impostorenda{margin-top:260px; margin-left:115px;}
#organograma #org-pf-planestrategico{margin-top:250px; margin-left:200px;}
#organograma #org-pf-necessidades{margin-top:400px; margin-left:15px;}

#organograma #org-emp-contabilidade{margin-top:40px; margin-left:385px;}
#organograma #org-emp-tributos{margin-top:50px; margin-left:475px;}
#organograma #org-emp-pessoal{margin-top:125px; margin-left:530px;}
#organograma #org-emp-arquivos{margin-top:210px; margin-left:515px;}
#organograma #org-emp-plantributario{margin-top:260px; margin-left:440px;}
#organograma #org-emp-planestrategico{margin-top:250px; margin-left:360px;}
#organograma #org-emp-projetos{margin-top:400px; margin-left:220px;}
#organograma #org-emp-rotinas{margin-top:400px; margin-left:425px;}

#org-descricao{ text-align:center; font-weight:bold; padding-bottom:30px; }

#parceiros .bloco_parceiros{
	display: inline-block;
    margin-bottom: 3rem;
    width: 100%;
}