@import url("geral.estilo.css"); 

#ctContainer { background-image: url("/_images/fundos/solucoes1.gif") }
#ctConteudo { background-image: url('/_images/fundos/solucoes2.gif') }
#ctInferior div { background-image: url('/_images/fundos/solucoes3.gif') }

#ctInferior ul { width: 450px }
#ctInferior #esq a { width: 201px; background-image: url("/_images/botoes/clientes2.gif") }
#ctInferior #esq a:hover { background-position: -201px 0 }
#ctInferior #dir a { width: 211px; background-image: url("/_images/botoes/tecnologia2.gif") }
#ctInferior #dir a:hover { background-position: -211px 0 }

h1 { height /**/:53px; padding-top: 53px; margin-top: 31px; background-image: url("/_images/titulos/solucoes_proativo.gif"); background-position: 57px 0 }

#coluna1 { float: left; width: 306px; margin-right: 13px }
#coluna2 { float: left; width: 165px; margin-top: 15px; margin-right: 21px }
#coluna3 { float: left; width: 214px; margin-top: 15px }
#coluna4 { float: left; width: 400px; margin-top: 10px; padding-top: 17px; background: url("/_images/linha_hor_bg.gif") center top repeat-x }

#coluna1 h2 { height /**/:27px; padding-top: 27px; background-image: url("/_images/titulos/solucoes_proativo_inteligente.gif") }
#coluna2 h2 { width: 159px; height /**/:37px; padding-top: 37px; background-image: url("/_images/titulos/solucoes_proativo_temporeal.gif") }
#coluna3 h2 { height /**/:37px; padding-top: 37px; background-image: url("/_images/titulos/solucoes_proativo_comofunciona.gif") }
#coluna4 h2 { background-image: url("/_images/titulos/solucoes_proativo_oquefaz.gif") }

#caixa { width: 217px; height: 331px; padding: 41px 35px 0 24px; margin-top: 10px; background: url("/_images/caixas/solucoes_proativo.jpg") no-repeat }

a.link { width: 185px; font-size: 1.1em }


/* -- Hacks IE -- */
* html #caixa { width: 276px; height: 372px }
* html a.link { width: 203px } /* +18 */