/******************************************************************************/
/**************** CSS PARA CONFIGURAR BLOCOS ESPECIFICOS **********************/
/******************************************************************************/

#carregando {
    float: left;
    margin: 15px 0 0 150px;
}

#cabecalhoHome {
    float: left;
    width: 25px;
    height: 20px;
    background: url("../gfx/cabecalhoHome.jpg") no-repeat;
}

#cabecalhoLogin {
    float: left;
    width: 25px;
    height: 20px;
    background: url("../gfx/cabecalhoLogin.jpg") no-repeat;
}

#ultimasNoticias {
    float: right;
    width: 375px;
    height: 170px;
    display: table;
}

#ultimasNoticiasCapa {
    float: left;
    width: 100%;
    height: 150px;
    display: table;
}


/* SERVICOS - CAPA ************************************************************/

#servicos {
    float: left;
    width: 950px;
    margin: 10px 0 0 0;
    display: table;
}

#servicos .suporteInformatica {
    float: left;
    width: 186px; /*190px*/
    height: 98px; /*102px*/
    padding: 4px 0 0 4px;
    font: bolder 10px sans-serif;
    color: white;
    background: url("../gfx/servicos_suporteInformatica.jpg") no-repeat;
}

#servicos .desenvolvimentoWeb {
    float: left;
    width: 186px; /*190px*/
    height: 98px; /*102px*/
    padding: 4px 0 0 4px;
    font: bolder 10px sans-serif;
    color: white;
    background: url("../gfx/servicos_desenvolvimentoWeb.jpg") no-repeat;
}

#servicos .dataCenter {
    float: left;
    width: 186px; /*190px*/
    height: 98px; /*102px*/
    padding: 4px 0 0 4px;
    font: bolder 10px sans-serif;
    color: white;
    background: url("../gfx/servicos_dataCenter.jpg") no-repeat;
}

#servicos .automacaoComercial {
    float: left;
    width: 186px; /*190px*/
    height: 98px; /*102px*/
    padding: 4px 0 0 4px;
    font: bolder 10px sans-serif;
    color: white;
    background: url("../gfx/servicos_automacaoComercial.jpg") no-repeat;
}

#servicos .suporteGerenciaTI {
    float: left;
    width: 186px; /*190px*/
    height: 98px; /*102px*/
    padding: 4px 0 0 4px;
    font: bolder 10px sans-serif;
    color: white;
    background: url("../gfx/servicos_suporteGerenciaTI.jpg") no-repeat;
}

/* BANNER CONTEUDO ************************************************************/

#bannerConteudo {
    width: 790px;
    height: 100px;
    background: aqua;
}


/* CATEGORIA IMAGENS **********************************************************/

#categoria {
    float: left;
    width: 33%;
    height: 125px;
    margin: 5px 0 5px 0;
    background-position: center;
    background-repeat: no-repeat;
}


/* CLIENTES *******************************************************************/

#cliente {
    float: left;
    width: 970px;
}

/*ACORDARE*/
#cliente .coluna1 {
    float: left;
    width: 232px;
    height: 90px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    background: url("../upload/clientes-acordare.jpg") no-repeat center;
}

/*MUSSKOPF*/
#cliente .coluna2 {
    float: left;
    width: 232px;
    height: 90px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    background: url("../upload/clientes-pazzini.jpg") no-repeat center;
}

/*BIOTECHNOS*/
#cliente .coluna3 {
    float: left;
    width: 232px;
    height: 90px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    background: url("../upload/clientes-fixxopar.jpg") no-repeat center;
}

/*CASA ESPORTE*/
#cliente .coluna4 {
    float: left;
    width: 232px;
    height: 90px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    background: url("../upload/clientes-unimedSRA.jpg") no-repeat center;
}

/*FECOPEL*/
#cliente .coluna5 {
    float: left;
    width: 232px;
    height: 90px;
    margin: 10px 5px 10px 5px;
    background: url("../upload/clientes-fecopel.jpg") no-repeat center;
}

/*MUSSKOPF*/
#cliente .coluna6 {
    float: left;
    width: 232px;
    height: 90px;
    margin: 10px 5px 10px 5px;
    background: url("../upload/clientes-musskopf.jpg") no-repeat center;
}

/*CHAPEMEC*/
#cliente .coluna7 {
    float: left;
    width: 232px;
    height: 90px;
    margin: 10px 5px 10px 5px;
    background: url("../upload/clientes-chapemec.jpg") no-repeat center;
}

/*UNIMED SANTA ROSA*/
#cliente .coluna8 {
    float: left;
    width: 232px;
    height: 90px;
    margin: 10px 5px 10px 5px;
    background: url("../upload/clientes-casaesporte.jpg") no-repeat center;
}

/*MIQUIM*/
#cliente .coluna9 {
    float: left;
    width: 232px;
    height: 90px;
    margin: 10px 5px 10px 5px;
    background: url("../upload/clientes-miquim.jpg") no-repeat center;
}

/*JAMA*/
#cliente .coluna10 {
    float: left;
    width: 232px;
    height: 90px;
    margin: 10px 5px 10px 5px;
    background: url("../upload/clientes-jama.jpg") no-repeat center;
}

/*EFIKACIA*/
#cliente .coluna11 {
    float: left;
    width: 232px;
    height: 90px;
    margin: 10px 5px 10px 5px;
    background: url("../upload/clientes-efikacia.jpg") no-repeat center;
}

/*OS COSTEIROS*/
#cliente .coluna12 {
    float: left;
    width: 232px;
    height: 150px;
    margin: 10px 5px 10px 5px;
    background: url("../upload/clientes-costeiros.jpg") no-repeat center;
}

/*GUAIRA FM*/
#cliente .coluna13 {
    float: left;
    width: 232px;
    height: 150px;
    margin: 10px 5px 10px 5px;
    background: url("../upload/clientes-guairafm.jpg") no-repeat center;
}

/*METAL MASTER*/
#cliente .coluna14 {
    float: left;
    width: 232px;
    height: 150px;
    margin: 10px 5px 10px 5px;
    background: url("../upload/clientes-mm.jpg") no-repeat center;
}

/*CEMACOM*/
#cliente .coluna15 {
    float: left;
    width: 232px;
    height: 150px;
    margin: 10px 5px 10px 5px;
    background: url("../upload/clientes-cemacom.jpg") no-repeat center;
}

/*ESCRIT�RIO PAMPA*/
#cliente .coluna16 {
    float: left;
    width: 232px;
    height: 150px;
    margin: 10px 5px 10px 5px;
    background: url("../upload/clientes-pampa.jpg") no-repeat center;
}

/*ABOSCO*/
#cliente .coluna17 {
    float: left;
    width: 232px;
    height: 150px;
    margin: 10px 5px 10px 5px;
    background: url("../upload/clientes-abosco.jpg") no-repeat center;
}

/*YAZIGI*/
#cliente .coluna18 {
    float: left;
    width: 232px;
    height: 150px;
    margin: 10px 5px 10px 5px;
    background: url("../upload/clientes-yazigi.jpg") no-repeat center;
}

/*CRAT*/
#cliente .coluna19 {
    float: left;
    width: 232px;
    height: 150px;
    margin: 10px 5px 10px 5px;
    background: url("../upload/clientes-crat.jpg") no-repeat center;
}

/*WA*/
#cliente .coluna20 {
    float: left;
    width: 232px;
    height: 150px;
    margin: 10px 5px 10px 5px;
    background: url("../upload/clientes-wa.jpg") no-repeat center;
}