/* Hoja de estilo CSS para Depilsuave http://www.depilsuave.com */ /* copyright Suzoko 2007*/ /* Creada: 18 de Marzo de 2007 */ html { margin: 0px; padding: 0px;} body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #ffffff; width:800px; } hr { width:800px; color: #822868; background-color: #822868; border: 0; height: 1px;} .blanco { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none; font-size: 10px; font-weight: bold;} #general { background-color: #FFFFFF; margin: 0px; padding: 0px; width:754; float:none;} #cabecera { background-color: #FFFFFF; margin: 0px; border: 0px solid #999999; padding: 0px; width:754; float:none;} #logo { width: 405px; height: 80px; border: 0px solid #999999; float:left;} #telefono { width: 340px; height: 80px; border: 0px solid #999999; position:relative; top:20px; left:150px; float:left;} #central { width: 754; height: 3px; margin-bottom:0px; border: 0px solid #999999; position:relative; top:-20px; float:none;} #menu { width: 754px; height:358px; float:none; background: transparent url(../images/depilsuave_entrada.jpg) left center no-repeat; position:relative; top:-18px;} #menu ul { list-style-type: none; text-align: left; position: relative; left: 520px; top:120px;} #menu ul li a { background: transparent url(../images/list-off.gif) left center no-repeat; padding-left: 14px; text-align: left; font: bold 12px verdana, lucida, sans-serif; text-decoration: none; color: #B22626; line-height: 3ex;} #menu ul li a:hover {background: transparent url(../images/list-on.gif) left center no-repeat; color: black;} #menu ul li a#current {background: transparent url(../images/list-active.gif) left center no-repeat; color: #891D1D;} h1#ocultar { background: transparent url(../images/h1_vela_smooth.gif) left center no-repeat; height: 29px;} h1#ocultar span { display:none; } h1#ocultar2 { background: transparent url(../images/h1_depilacion_laser.gif) left center no-repeat; height: 29px;} h1#ocultar2 span { display:none; } h1#ocultar3 { background: transparent url(../images/h1_tratamientos_faciales.gif) left center no-repeat; height: 29px;} h1#ocultar3 span { display:none; } h1#ocultar4 { background: transparent url(../images/h1_tratamientos_corporales.gif) left center no-repeat; height: 29px;} h1#ocultar4 span { display:none; } h1#ocultar5 { background: transparent url(../images/h1_drenaje_linfatico.gif) left center no-repeat; height: 29px;} h1#ocultar5 span { display:none; } h1#ocultar6 { background: transparent url(../images/h1_masoterapia.gif) left center no-repeat; height: 29px;} h1#ocultar6 span { display:none; } h1#ocultar7 { background: transparent url(../images/h1_shiatsu.gif) left center no-repeat; height: 29px;} h1#ocultar7 span { display:none; } h1#ocultar8 { background: transparent url(../images/h1_precios.gif) left center no-repeat; height: 29px;} h1#ocultar8 span { display:none; } h1#ocultar9 { background: transparent url(../images/h1_ofertas.gif) left center no-repeat; height: 29px;} h1#ocultar9 span { display:none; } h1#ocultar10 { background: transparent url(../images/h1_donde.gif) left center no-repeat; height: 29px;} h1#ocultar10 span { display:none; } #cuerpo { background-color: #FFFFFF; margin: 0px; padding: 0px; width:753px; float:none; border: 0px solid #999999;} #info { background-color: #FFFFFF; margin: 2px; padding: 4px; width:564px; float:left; border: 0px solid #999999;} #menudcha { background: #EAEAEA url(../images/bg_mnu_dcha.gif) center bottom no-repeat; margin: 10px 0px 0px 2px; padding: 4px; width:164px; float:left; border: 0px solid #999999; height:400px;} #map { background-color: #FFFFFF; margin: 2px; padding: 4px; width: 500px; height: 300px float:left; border: 0px solid #999999;} #menudcha ul { list-style-type: none; text-align: left; position:relative; left:-18px;} #menudcha ul li a { background: transparent url(../images/list-off.gif) left center no-repeat; padding-left: 14px; text-align: left; font: bold 10px verdana, lucida, sans-serif; text-decoration: none; color: #B22626; line-height: 3ex;} #menudcha ul li a:hover {background: transparent url(../images/list-on.gif) left center no-repeat; color: black;} #menudcha ul li a#current {background: transparent url(../images/list-active.gif) left center no-repeat; color: #891D1D;} #menudcha2 { background: #EAEAEA url(../images/bg_mnu_dcha.gif) center bottom no-repeat; margin: 10px 0px 0px 2px; padding: 4px; width:164px; float:left; border: 0px solid #999999; height:920px;} #menudcha2 ul { list-style-type: none; text-align: left; position:relative; left:-18px;} #menudcha2 ul li a { background: transparent url(../images/list-off.gif) left center no-repeat; padding-left: 14px; text-align: left; font: bold 10px verdana, lucida, sans-serif; text-decoration: none; color: #B22626; line-height: 3ex;} #menudcha2 ul li a:hover {background: transparent url(../images/list-on.gif) left center no-repeat; color: black;} #menudcha2 ul li a#current {background: transparent url(../images/list-active.gif) left center no-repeat; color: #891D1D;} #menudcha3 { background: #EAEAEA url(../images/bg_mnu_dcha.gif) center bottom no-repeat; margin: 10px 0px 0px 2px; padding: 4px; width:164px; float:left; border: 0px solid #999999; height:1020px;} #menudcha3 ul { list-style-type: none; text-align: left; position:relative; left:-18px;} #menudcha3 ul li a { background: transparent url(../images/list-off.gif) left center no-repeat; padding-left: 14px; text-align: left; font: bold 10px verdana, lucida, sans-serif; text-decoration: none; color: #B22626; line-height: 3ex;} #menudcha3 ul li a:hover {background: transparent url(../images/list-on.gif) left center no-repeat; color: black;} #menudcha3 ul li a#current {background: transparent url(../images/list-active.gif) left center no-repeat; color: #891D1D;} #menudcha4 { background: #EAEAEA url(../images/bg_mnu_dcha.gif) center bottom no-repeat; margin: 10px 0px 0px 2px; padding: 4px; width:164px; float:left; border: 0px solid #999999; height:1180px;} #menudcha4 ul { list-style-type: none; text-align: left; position:relative; left:-18px;} #menudcha4 ul li a { background: transparent url(../images/list-off.gif) left center no-repeat; padding-left: 14px; text-align: left; font: bold 10px verdana, lucida, sans-serif; text-decoration: none; color: #B22626; line-height: 3ex;} #menudcha4 ul li a:hover {background: transparent url(../images/list-on.gif) left center no-repeat; color: black;} #menudcha4 ul li a#current {background: transparent url(../images/list-active.gif) left center no-repeat; color: #891D1D;} #menudcha5 { background: #EAEAEA url(../images/bg_mnu_dcha.gif) center bottom no-repeat; margin: 10px 0px 0px 2px; padding: 4px; width:164px; float:left; border: 0px solid #999999; height:730px;} #menudcha5 ul { list-style-type: none; text-align: left; position:relative; left:-18px;} #menudcha5 ul li a { background: transparent url(../images/list-off.gif) left center no-repeat; padding-left: 14px; text-align: left; font: bold 10px verdana, lucida, sans-serif; text-decoration: none; color: #B22626; line-height: 3ex;} #menudcha5 ul li a:hover {background: transparent url(../images/list-on.gif) left center no-repeat; color: black;} #menudcha5 ul li a#current {background: transparent url(../images/list-active.gif) left center no-repeat; color: #891D1D;} #menudcha6 { background: #EAEAEA url(../images/bg_mnu_dcha.gif) center bottom no-repeat; margin: 10px 0px 10px 2px; padding: 4px; width:164px; float:left; border: 0px solid #999999; height:330px;} #menudcha6 ul { list-style-type: none; text-align: left; position:relative; left:-18px;} #menudcha6 ul li a { background: transparent url(../images/list-off.gif) left center no-repeat; padding-left: 14px; text-align: left; font: bold 10px verdana, lucida, sans-serif; text-decoration: none; color: #B22626; line-height: 3ex;} #menudcha6 ul li a:hover {background: transparent url(../images/list-on.gif) left center no-repeat; color: black;} #menudcha6 ul li a#current {background: transparent url(../images/list-active.gif) left center no-repeat; color: #891D1D;} #menudcha7 { background: #EAEAEA url(../images/bg_mnu_dcha.gif) center bottom no-repeat; margin: 10px 0px 0px 2px; padding: 4px; width:164px; float:left; border: 0px solid #999999; height:1040px;} #menudcha7 ul { list-style-type: none; text-align: left; position:relative; left:-18px;} #menudcha7 ul li a { background: transparent url(../images/list-off.gif) left center no-repeat; padding-left: 14px; text-align: left; font: bold 10px verdana, lucida, sans-serif; text-decoration: none; color: #B22626; line-height: 3ex;} #menudcha7 ul li a:hover {background: transparent url(../images/list-on.gif) left center no-repeat; color: black;} #menudcha7 ul li a#current {background: transparent url(../images/list-active.gif) left center no-repeat; color: #891D1D;} #menudcha8 { background: #EAEAEA url(../images/bg_mnu_dcha.gif) center bottom no-repeat; margin: 10px 0px 10px 2px; padding: 4px; width:164px; float:left; border: 0px solid #999999; height:4940px;} #menudcha8 ul { list-style-type: none; text-align: left; position:relative; left:-18px;} #menudcha8 ul li a { background: transparent url(../images/list-off.gif) left center no-repeat; padding-left: 14px; text-align: left; font: bold 10px verdana, lucida, sans-serif; text-decoration: none; color: #B22626; line-height: 3ex;} #menudcha8 ul li a:hover {background: transparent url(../images/list-on.gif) left center no-repeat; color: black;} #menudcha8 ul li a#current {background: transparent url(../images/list-active.gif) left center no-repeat; color: #891D1D;} #menudcha9 { background: #EAEAEA url(../images/bg_mnu_dcha.gif) center bottom no-repeat; margin: 10px 0px 10px 2px; padding: 4px; width:164px; float:left; border: 0px solid #999999; height:5330px;} #menudcha9 ul { list-style-type: none; text-align: left; position:relative; left:-18px;} #menudcha9 ul li a { background: transparent url(../images/list-off.gif) left center no-repeat; padding-left: 14px; text-align: left; font: bold 10px verdana, lucida, sans-serif; text-decoration: none; color: #B22626; line-height: 3ex;} #menudcha9 ul li a:hover {background: transparent url(../images/list-on.gif) left center no-repeat; color: black;} #menudcha9 ul li a#current {background: transparent url(../images/list-active.gif) left center no-repeat; color: #891D1D;} #menudcha10 { background: #EAEAEA url(../images/bg_mnu_dcha.gif) center bottom no-repeat; margin: 10px 0px 10px 2px; padding: 4px; width:164px; float:left; border: 0px solid #999999; height:430px;} #menudcha10 ul { list-style-type: none; text-align: left; position:relative; left:-18px;} #menudcha10 ul li a { background: transparent url(../images/list-off.gif) left center no-repeat; padding-left: 14px; text-align: left; font: bold 10px verdana, lucida, sans-serif; text-decoration: none; color: #B22626; line-height: 3ex;} #menudcha10 ul li a:hover {background: transparent url(../images/list-on.gif) left center no-repeat; color: black;} #menudcha10 ul li a#current {background: transparent url(../images/list-active.gif) left center no-repeat; color: #891D1D;} #regalo { width: 405px; height: 90px; border: 0px solid #999999; float:left; position:relative; top:-10px;} #vr1 { width: 11px; height: 90px; border: 0px solid #999999; float:left; position:relative; top:-10px;} #ofertas { width: 340px; height: 90px; border: 0px solid #999999; float:left; position:relative; top:-10px;} #menupie { width: 754px; height: 30px; background-color: #FF27C0; float:left; border: 0px solid #999999; font-size: 11px; align:center;} #menupie a, a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:none; font-size: 10px; font-weight: bold;} #menupie a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:underline; font-size: 10px; font-weight: bold;} #pie { width: 754px; height: 30px; float:left; border: 0px solid #999999; font-size: 11px; align:center;} table { background-color: #FFFFFF; border: none; color: #495E49; font-family: arial, helvetica, sans-serif; font-size: 12px; text-align: left; font-weight: bold; } table a:link, table a:visited, table a:active { background-color: transparent; color: #0096BD; text-decoration: none; } table a:hover { background: transparent; color: #000000; text-decoration: underline; } table caption { background-color: transparent; color: #67BD2A; font-family: Georgia, serif; font-size: 24px; padding-bottom: 12px; padding-left: 8px; text-align: left; } table, td, th { margin: 0; padding: 0; } tbody td, tbody th { background-color: #FAD3E6; border-bottom: 2px solid #802465; border-top: 3px solid #FFFFFF; padding: 9px; } tbody tr.odd th, tbody tr.odd td { background-color: #C8EDAE; border-bottom: 2px solid #67BD2A; } tbody tr:hover td, tbody tr:hover th { background-color: #FF20BE; } td, th { vertical-align: middle; } tfoot td, tfoot th { font-weight: bold; padding: 4px 8px 6px 9px; } thead th { font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 19px; padding: 0 8px 2px 8px; white-space: nowrap; }