body{ margin: 0 auto; background: #003333 url(../imagenes/bg.jpg) center top no-repeat;} input.campo {width: 380px; height: 20px; border: 1px solid; border-color:#C8E0AF; font-family: Arial; font-size: 0.7em; color: #333; background: #F0FBEC; margin: 0 0 5px 0} input.campo2 {width: 185px; height: 20px; border: 1px solid; border-color:#C8E0AF; font-family: Arial; font-size: 0.7em; color: #333; background: #F0FBEC; margin: 0 0 5px 0} input.enviar {margin: 5px 0 0 0} textarea.consulta {width: 380px; height: 100px; border: 1px solid; border-color:#C8E0AF; font-family: Arial; font-size: 0.7em; color: #666; background: #F0FBEC;} form {margin: 10px 0 10px 0} #sep {width: 100%; height: 100px; } #cont {margin: 0 auto; width: 950px; height: 780px; background: url(../imagenes/bg-plano.png) no-repeat center top;} #data {margin: 0 auto; width: 800px; height: 550px; } #botones {margin: 1px 0 0 467px; width: 300px; height: 92px; text-align: right;} #botonera {width: 300px; height: 92px;} #play { width: 100px; height: 50px; margin: 0px 0 0 340px; } #stop { width: 100px; height: 50px; margin: 0px 0 0 340px; } #cont-productos {margin: 10px auto 0 auto; width: 950px; height: 780px; background: url(../imagenes/bg-plano.png) no-repeat center top; text-align:left} #cont-contacto {margin: 0 auto; width: 950px; height:780px; background: url(../imagenes/bg-plano.png) no-repeat center top; text-align:left;} #historia-cont {width: 770px; height:440px; text-align: left; margin: 0 100px 0 100px; } #productos-cont {margin: 0 0 0 0px; width: 780px; height:380px; text-align: left; padding: 0px; float: left; overflow: auto} #fotos {width: 315px; height: auto; float: left } #imagenes-prod-1 { text-align: center; height: 430px; width: 315px; margin: 0 15px 0 0px; background: url(../imagenes/bg-fotos.png) no-repeat; float: left; padding: 50px 0 0 0 } #foto-principal { width: 260px; height: 460px } #imagenes-prod-2 { text-align: left; margin: 0px auto 0 27px; width: 315px; padding: 5px 0 0 0; height: 30px; float: left; position: relative } #imagenes-prod-3 { text-align: center; margin: 0px auto 0; width: 315px; margin: 0 0 0 70px; height: 30px; background: url(../imagenes/bg-fotos-3.png) no-repeat; float: left; padding: 60px 0 0 0 } #detalle-prod { text-align: left; width: 440px; margin: 0 0 0 0px; height:330px; float: left; padding: 0 15px 15px 0;} #detalle { text-align: left; width: 400px; margin: 0 0 10px 40px; float: left; padding: 0} #img-contacto { width: 350px; height: 390px; float: left; margin: 0 10px 0 10px; padding: 10px 0 0 10px; background: url(../imagenes/logo-agua-contacto.png) no-repeat;} #contacto {text-align: right; width: 415px; height: 400px; margin: 0 0 0 0; float: left } #historia {text-align: right; width: 780px; height: 350px; float: left; margin: 0 0 0 10px; } #validation {text-align: right; width:800px; height: 10px; margin: 40px 0 0 80px;} .titulo {font-family: Arial; font-size:1.3em; color: #003333; text-align: left; padding: 0 0 0 25px; text-transform: Capitalize; background: url(../imagenes/point.gif) no-repeat;} .titulo-gris {font-family: Arial; font-size:11px; color: #999; text-align: left;} .titulo2 {font-family: Arial; font-size:12px; color: #000; text-align: left;} .titulo3 {font-family: Arial; font-size:0.8em; color: #669920; text-align: left;} .texto {font-family: Arial; font-size:0.9em; color: #669920; text-align: left; padding: 0 0 0 40px; background: url(../imagenes/point1.gif) no-repeat;} .texto2 {font-family: Arial; font-size:13px; color: #669920; text-align: left; padding: 0 0 0 20px; background: url(../imagenes/point3.gif) no-repeat;} .texto3 {font-family: Arial; font-size:0.75em; color: #669920; text-align: left; padding: 0 0 0 40px; background: url(../imagenes/point1.gif) no-repeat;} .texto4 {font-family: Arial; font-size:0.75em; color: #669920; text-align: left; line-height: 1.4em} .texto5, a.sportsall, a.sportsall:visited {font-family: Arial; font-size: 0.8em; color: #333; text-align: left; padding: 0 0 0 30px; text-decoration: none}a.sportsall, a.sportsall:visited {font-size: 1.0em; padding: 0px }a.sportsall:hover {color: #666; } hr.line { height: 1px; border: 1px dotted #aaa; color: #aaa; width: 100%;} .texto-1 {font-family: Arial; font-size: 0.65em; color: #666; padding: 0 0 0 7px;} .texto-2 {font-family: Arial; font-size: 12px; color: #777; padding: 0 0 0 7px;} .img-genero {float: left; margin: 5px; } .img-genero-2 {float: left; margin: 20px 5px 5px 20px; } .img-historia {float: left; margin: 15px 30px 15px 0; } .img-small {margin: 0px 5px 0px 0px; } .img-small2 {margin: 0px 5px 0px 0px; } .img-small3 {margin: 0px 0px 0px 0px; } a.pedido {font-family: Arial; font-size: 0.7em; color: #000; text-decoration: none} a.pedido:link {font-family: Arial; font-size: 0.7em; color: #000;text-decoration: none} a.pedido :hover{font-family: Arial; font-size: 0.7em; color: #000; text-decoration: underline} a.pedido:visited{font-family: Arial; font-size: 0.7em; color: #000;text-decoration: none} .validate {font-family: Arial; font-size: 0.6em; color: #444; margin: 0 0 3px 0} .chg {font-family: Arial; font-size: 0.6em; color: #000; margin: 0 0 3px 0} #productos-small-1 {width: 230px; height:90px; text-align: left; float: left; display: inline; margin: 20px 5px 5px 5px; padding: 0 5px 20px 0; background: url(../imagenes/bg-fotos-small.png) no-repeat;} #productos-small-2 {width: 230px; height:90px; text-align: left; float: left; display: inline; margin: 20px 5px 5px 5px; padding: 0 5px 20px 0; background: url(../imagenes/bg-fotos-small.png) no-repeat;} #productos-small-3 {width: 230px; height:90px; text-align: left; float: left; display: inline; margin: 20px 5px 5px 5px; padding: 0 5px 20px 0; background: url(../imagenes/bg-fotos-small.png) no-repeat;} #productos-small-4 {width: 230px; height:90px; text-align: left; float: left; display: inline; margin: 20px 5px 5px 5px; padding: 0 5px 20px 0; background: url(../imagenes/bg-fotos-small.png) no-repeat;} #productos-small-5 {width: 230px; height:90px; text-align: left; float: left; display: inline; margin: 20px 5px 5px 5px; padding: 0 5px 20px 0; background: url(../imagenes/bg-fotos-small.png) no-repeat;} #productos-small-6 {width: 230px; height:90px; text-align: left; float: left; display: inline; margin: 20px 5px 5px 5px; padding: 0 5px 20px 0; background: url(../imagenes/bg-fotos-small.png) no-repeat;} #productos-small-7 {width: 230px; height:90px; text-align: left; float: left; display: inline; margin: 20px 5px 5px 5px; padding: 0 5px 20px 0; background: url(../imagenes/bg-fotos-small.png) no-repeat;} #productos-small-8 {width: 230px; height:90px; text-align: left; float: left; display: inline; margin: 20px 5px 5px 5px; padding: 0 5px 20px 0; background: url(../imagenes/bg-fotos-small.png) no-repeat;} #productos-small-9 {width: 230px; height:90px; text-align: left; float: left; display: inline; margin: 20px 5px 5px 5px; padding: 0 5px 20px 0; background: url(../imagenes/bg-fotos-small.png) no-repeat;} #productos-small-10 {width: 230px; height:90px; text-align: left; float: left; display: inline; margin: 20px 5px 5px 5px; padding: 0 5px 20px 0; background: url(../imagenes/bg-fotos-small.png) no-repeat;} #productos-small-11 {width: 230px; height:90px; text-align: left; float: left; display: inline; margin: 20px 5px 5px 5px; padding: 0 5px 20px 0; background: url(../imagenes/bg-fotos-small.png) no-repeat;} #productos-small-12 {width: 230px; height:90px; text-align: left; float: left; display: inline; margin: 20px 5px 5px 5px; padding: 0 5px 20px 0; background: url(../imagenes/bg-fotos-small.png) no-repeat;} #productos-small-13 {width: 230px; height:90px; text-align: left; float: left; display: inline; margin: 20px 5px 5px 5px; padding: 0 5px 20px 0; background: url(../imagenes/bg-fotos-small.png) no-repeat;} #productos-small-14 {width: 230px; height:90px; text-align: left; float: left; display: inline; margin: 20px 5px 5px 5px; padding: 0 5px 20px 0; background: url(../imagenes/bg-fotos-small.png) no-repeat;} #productos-small-15 {width: 230px; height:90px; text-align: left; float: left; display: inline; margin: 20px 5px 5px 5px; padding: 0 5px 20px 0; background: url(../imagenes/bg-fotos-small.png) no-repeat;} #fotos-small-productos-1 {width:90px; height:100px; padding: 20px 0 20px 0; float: left; margin: 0 2px 0 5px} #fotos-small-productos-2 {width:90px; height:100px; padding: 20px 0 20px 0; float: left; margin: 0 2px 0 5px} #fotos-small-productos-3 {width:90px; height:100px; padding: 20px 0 20px 0; float: left; margin: 0 2px 0 5px} #fotos-small-productos-4 {width:90px; height:100px; padding: 20px 0 20px 0; float: left; margin: 0 2px 0 5px} #fotos-small-productos-5 {width:90px; height:100px; padding: 20px 0 20px 0; float: left; margin: 0 2px 0 5px} #fotos-small-productos-6 {width:90px; height:100px; padding: 20px 0 20px 0; float: left; margin: 0 2px 0 5px} #fotos-small-productos-7 {width:90px; height:100px; padding: 20px 0 20px 0; float: left; margin: 0 2px 0 5px} #fotos-small-productos-8 {width:90px; height:100px; padding: 20px 0 20px 0; float: left; margin: 0 2px 0 5px} #fotos-small-productos-9 {width:90px; height:100px; padding: 20px 0 20px 0; float: left; margin: 0 2px 0 5px} #fotos-small-productos-10 {width:90px; height:100px; padding: 20px 0 20px 0; float: left; margin: 0 2px 0 5px} #fotos-small-productos-11 {width:90px; height:100px; padding: 20px 0 20px 0; float: left; margin: 0 2px 0 5px} #fotos-small-productos-12 {width:90px; height:100px; padding: 20px 0 20px 0; float: left; margin: 0 2px 0 5px} #fotos-small-productos-13 {width:90px; height:100px; padding: 20px 0 20px 0; float: left; margin: 0 2px 0 5px} #fotos-small-productos-14 {width:90px; height:100px; padding: 20px 0 20px 0; float: left; margin: 0 2px 0 5px} #fotos-small-productos-15 {width:90px; height:100px; padding: 20px 0 20px 0; float: left; margin: 0 2px 0 5px}