body { color: #222; font-size: 11px; font-family: Tahoma; background-image: url(../images/bg.gif); background-repeat: repeat-y; background-position: center 0; margin: 0; padding: 0 } a { outline-width: 0 } /* ----- CAJAS Y FONDOS ----- */ #cajacontenedora { margin-top: -220px; margin-left: -450px; position: absolute; top: 50%; left: 50%; width: 900px; height: 440px } #logo { text-align: right; margin-top: 80px; margin-right: 10px; width: 253px; height: 58px } #caja1 { width: 263px; height: 400px; float: left } #caja2 { width: 67px; height: 400px; float: left } #caja3 { width: 165px; height: 400px; float: left } #cajacontrolp { background-image: url(../images/bgcontrolp.gif); background-repeat: no-repeat; background-position: 10px 80%; width: 165px; height: 400px; float: left } #cajaservicios { background-image: url(../images/bgservicios.gif); background-repeat: no-repeat; background-position: 10px 80%; width: 165px; height: 400px; float: left } #cajapropuesta { background-image: url(../images/bgpropuesta.gif); background-repeat: no-repeat; background-position: 10px 80%; width: 165px; height: 400px; float: left } #cajaotros_servicios { background-image: url(../images/bgotrosservicios.gif); background-repeat: no-repeat; background-position: 10px 80%; width: 165px; height: 400px; float: left } #cajaremuneracion { background-image: url(../images/bgremuneracion.gif); background-repeat: no-repeat; background-position: 10px 80%; width: 165px; height: 400px; float: left } #cajaareas { background-image: url(../images/bgareas.gif); background-repeat: no-repeat; background-position: 10px 80%; width: 165px; height: 400px; float: left } #cajaoperamos { background-image: url(../images/bgoperamos.gif); background-repeat: no-repeat; background-position: 10px 80%; width: 165px; height: 400px; float: left } #cajacontacto { background-image: url(../images/bgcontacto.gif); background-repeat: no-repeat; background-position: 10px 80%; width: 165px; height: 400px; float: left } #caja4 { background-image: url(../images/bg4.gif); padding: 10px; width: 369px; height: 380px; float: left } #cajaclientes { padding: 10px; width: 369px; height: 380px; float: left } #cajatrespasos { width: 16px; height: 400px; float: left } #cajacolumnas { width: 900px; height: 400px } #cajaarriba { width: 900px; height: 10px } #cajafooter { color: #222; text-align: right; margin-right: 16px; width: 884px; height: 30px } .mail { color: #1983d9; text-decoration: none } .mail:hover { color: #f30; text-decoration: underline } /* ----- MENU GENERAL ----- */ .menucontainer { margin-top: 75px; margin-left: 93px; width: 160px } .menu a { color: #ffffff; font: bold 11px/18px Tahoma; text-decoration: none; background-image: url(../images/flechamenu.gif); background-repeat: no-repeat; background-position: 7px 50%; text-align: right; display: block; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; border-bottom: 1px solid #101010 } .menu a:hover { background-color: #0e0e0e } /* ----- MENU CLIENTES ----- */ #nav2 { display: block; margin-top: 120px; width: 165px; height: 31px } #nav2 ul { list-style-type: none; margin: 0; padding: 0 } #nav2 ul li { float: left } #nav2 ul li span { display: none } #nav2 ul li.puma a { background-image: url(../images/menu/puma.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; margin: 0; width: 165px; height: 31px } #nav2 ul li.puma a:hover { background-image: url(../images/menu/pumahover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top } #nav2 ul li.ohio a { background-image: url(../images/menu/ohio.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; margin: 0; width: 165px; height: 31px } #nav2 ul li.ohio a:hover { background-image: url(../images/menu/ohiohover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top } #nav2 ul li.presto a { background-image: url(../images/menu/presto.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; margin: 0; width: 165px; height: 31px } #nav2 ul li.presto a:hover { background-image: url(../images/menu/prestohover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top } #nav2 ul li.puentealto a { background-image: url(../images/menu/puentealto.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; margin: 0; width: 165px; height: 31px } #nav2 ul li.puentealto a:hover { background-image: url(../images/menu/puentealtohover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top } #nav2 ul li.mts a { background-image: url(../images/menu/mts.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; margin: 0; width: 165px; height: 31px } #nav2 ul li.mts a:hover { background-image: url(../images/menu/mtshover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top } #nav2 ul li.consorcio a { background-image: url(../images/menu/consorcio.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; margin: 0; width: 165px; height: 31px } #nav2 ul li.consorcio a:hover { background-image: url(../images/menu/consorciohover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top } #nav2 ul li.bci a { background-image: url(../images/menu/bci.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; margin: 0; width: 165px; height: 31px } #nav2 ul li.bci a:hover { background-image: url(../images/menu/bcihover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top } #nav2 ul li.loteria a { background-image: url(../images/menu/loteria.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; margin: 0; width: 165px; height: 31px } #nav2 ul li.loteria a:hover { background-image: url(../images/menu/loteriahover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top } #nav2 ul li.alto a { background-image: url(../images/menu/alto.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; margin: 0; width: 165px; height: 31px } #nav2 ul li.alto a:hover { background-image: url(../images/menu/altohover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top } #nav2 ul li.uchile a { background-image: url(../images/menu/uchile.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; margin: 0; width: 165px; height: 31px } #nav2 ul li.uchile a:hover { background-image: url(../images/menu/uchilehover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top } #nav2 ul li.arboldecolor a { background-image: url(../images/menu/arboldecolor.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; margin: 0; width: 165px; height: 31px } #nav2 ul li.arboldecolor a:hover { background-image: url(../images/menu/arboldecolorhover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top } #nav2 ul li.cajalosandes a { background-image: url(../images/menu/cajalosandes.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; margin: 0; width: 165px; height: 31px } #nav2 ul li.cajalosandes a:hover { background-image: url(../images/menu/cajalosandeshover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top } #nav2 ul li.munistgo a { background-image: url(../images/menu/munistgo.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; margin: 0; width: 165px; height: 31px } #nav2 ul li.munistgo a:hover { background-image: url(../images/menu/munistgohover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top } /* ----- CAJAS Y FONDOS ----- */ .etiquetas { font-size: 11px } .asterisco { color: #f30; font-size: 11px } .campos { color: #222; font-size: 11px; font-family: Tahoma; background-color: #f2f2f2; padding: 3px; width: 269px; border: solid 1px #cdcdcd } .textarea { color: #222; font-size: 11px; font-family: Tahoma; background-color: #f2f2f2; padding: 3px; width: 269px; height: 200px; border: solid 1px #cdcdcd } .btnenviar { color: #fff; font-size: 11px; font-family: Tahoma; font-weight: bold; background-color: #39f; text-align: center; width: 369px; height: 26px; border-width: 0 } /* ----- FIRMA TRES PASOS ----- */ #nav { display: block; margin-top: 204px; margin-left: 8px; width: 8px; height: 196px } #nav ul { list-style-type: none; margin: 0; padding: 0 } #nav ul li { float: left } #nav ul li span { display: none } #nav ul li.trespasos a { background: url(../images/tres.gif) no-repeat left top; display: block; width: 8px; height: 196px } #nav ul li.trespasos a:hover { background: url(../images/treshover.gif) no-repeat left top }