a{outline:none}

body{margin:0; padding:0; font:0.8em Arial, Helvetica, sans-serif; background:#82b1c5 url(../img/fondo-body.gif) repeat-x left top; text-align:center}

#header{background:url(../img/fondo-blanco.png) no-repeat left top; padding-left:80px; height:160px}
#header div{width:840px; margin:0 auto; text-align:left; position:relative}
#logo{margin-top:40px}

/*LA CAJA*/
#caja{position:absolute; top:20px; left:500px}

/*#caja{position:absolute; left:617px; top:15px; width:223px; height:140px; text-align:right}
#caja p.oferta{margin-top:0; margin-bottom:-10px; font-weight:bold} 
#caja span{font:150% Georgia, "Times New Roman", Times, serif}
#caja big{font:300% Georgia, "Times New Roman", Times, serif}
#caja small{color:#666}*/

#contenido{margin:0 auto; text-align:left; padding-top:20px; width:840px}

#footer{background:#35262D url(../img/fondo-footer.gif) repeat-x left top; padding:40px 0 20px 120px; color:#fff}

a.mail{background:url(../img/iconos/mail.png) no-repeat left center; padding-left:20px; color:#fff; text-decoration:none; border-bottom:1px dotted #fff}
a.mail:hover{border-bottom:1px solid #fff}

/*GENERAL*/
big{font-weight:bold}
.clear{clear:both}

h2{font-size:130%; margin-top:3em; margin-bottom:1em}
h2:first-child{margin-top:0}

/*PASOS COMPRA*/
.buy{background:#82b1c5 url(../img/fondo-alternative.gif) repeat-x}
.buy #header{background:url(none); height:120px}
.buy #contenido{padding-top:0}

.recuadro{padding:20px; background:url(../img/fondo-transparente.png)}

td{vertical-align:top}

.resumen td, .resumen th{padding:5px 20px; border-bottom:1px solid #fff}
.resumen th{text-align:left}
.resumen .total{text-align:right; font-weight:bold; background:#05628B; color:#fff}

.form tr td:first-child{text-align:right; padding-right:10px}
input[type=text]{border:1px solid #ccc; width:240px}

/*ICONOS FORMULARIOS*/

#customerName, #customerSurname{background:#fff url(../img/iconos/06.png) no-repeat 2px center; padding-left:15px; border:1px solid #ccc; width:225px}

#customerEmail{background:#fff url(../img/iconos/04.png) no-repeat 2px center; padding-left:15px; border:1px solid #ccc; width:225px}

#customerPhone{background:#fff url(../img/iconos/phone.png) no-repeat 2px center; padding-left:15px; border:1px solid #ccc; width:225px}

/*DESCUENTO*/
#descuento{background:#eef2f3 url(../img/check2.png) no-repeat 10px 10px; padding:10px 20px 10px 40px; width:500px; margin-bottom:40px; text-transform:uppercase; border:1px solid #fbfcfc}
#descuento h3{margin:0; margin-bottom:10px; font-size:120%}
#ddescripcion {background-color:#96CA2D; padding:10px; font-size:120%; font-weight:bold; color:#fff}

/*LINK A SOPORTE*/
#soporte{position:fixed; right:0; top:200px; width:40px; height:120px; z-index:99}

/*CARACTERISTICAS*/
#features{width:840px; padding-top:80px; color:#fff}
#features div{width:195px; margin-right:20px; float:left}
#features div:last-child{margin-right:0} #features div.noM{margin-right:0}
#features h3{font-size:140%; font-weight:normal; padding-left:20px}

#repara{background: url(../img/iconos/wrench.png) no-repeat left center}
#actu{background: url(../img/iconos/server_to_client.png) no-repeat left center}
#clientes{background: url(../img/iconos/users2.png) no-repeat left center}
#base{background: url(../img/iconos/book_open.png) no-repeat left center}

/*EMPRESA*/
#empresa{padding-top:80px; font-size:120%; text-align:center; width:840px}
.buy #empresa{padding-top:0}
.phone{background:url(../img/iconos/phone2.png) no-repeat left center; padding-left:20px}

/*FORMULARIOS*/
.error{display:block; color:#991529}

button[type=button]{border:none; color:#fff; height:30px; width:90px; background: url(../img/boton-boton.png) no-repeat; line-height:30px}
button[type=submit]{border:none; color:#fff; height:30px; width:90px; background: url(../img/boton-submit.png) no-repeat; line-height:30px}

/*CONTADOR*/
#contador{width:195px; margin-right:20px; float:left; text-align:center; text-transform:uppercase; font-weight:bold}
#contador p{font:350% Georgia, "Times New Roman", Times, serif; margin-top:-5px}
#comprar{width:195px; float:left; margin-right:10px}
#metodos{float:left}

/*OFERTA*/
#price{position:absolute; left:620px; top:0; background:url(../img/fondo-oferta.png); width:220px; height:150px; color:#fff; font-size:120%; font-weight:bold; text-transform:uppercase}
#price div{padding:10px 20px}
#price p{margin:0; margin-bottom:5px}
#price p.oferta{margin:0; margin-bottom:-10px}
#price small{font-size:10px}
#price span{font:150% Georgia, "Times New Roman", Times, serif}
#price big{font:300% Georgia, "Times New Roman", Times, serif}


/*PRODUCTOS ADICIONALES*/
#biblia{width:603px; height:303px; background:url(/images/adicionales/biblia.gif); margin-top:20px}
#registro_club{width:603px; height:303px; background:url(/images/adicionales/club.gif); margin-top:20px}
#satTool{width:603px; height:303px; background:url(/images/adicionales/analisis.gif); margin-top:20px}

.wrap-adic{width:605px; margin:0 auto}
.adicional p{margin-left:320px}
.adicional .antes{padding-top:130px}
.antes span{text-decoration:line-through}
.ahora span{font-size:120%; font-weight:bold}
.ahora strong{color:#05628B}

.price{text-align:right; width:80px; background-color:#acc8d4}
#compras th, #compras td{padding:5px 10px; border-bottom:1px solid #fff}
td.total{background-color:#05628B; color:#fff; font-weight:bold; width:80px; text-align:right; padding:5px 10px}
#precioT{margin-left:-5px; margin-top:-2px}