/* Hoja de estilo CSS para Depilsuave http://www.depilsuave.com */ /* copyright Suzoko 2007*/ /* Creada: 30 de Octubre de 2007 */ html { margin: 0px; padding: 0px;} body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width:850px; float:center; background: #ffffff left top ; background-repeat: repeat-y;} hr { width:100%; color: #ff8b00; background-color: #5f0c49; border: 0; height: 1px;} .blanco { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration:none; font-size: 10px; font-weight: bold;} #general { position:absolute; left:50%; margin: 0px; padding: 1px; border: 0px solid #999999; width:850px; float:center; margin-left: -425px; } #cabecera { margin: 0px; border: 0px solid #5f0c49; padding: 10px; width:794px; float:none; margin-bottom:10px; } #cabecera a { color:#5f0c49; } #cabecerasinmenu { margin: 0px; border: 0px solid #5f0c49; padding: 10px; width:794px; position:absolute; top:150px; left:50%; margin-left: -425px; } #cabecerasinmenu a { color:#5f0c49; } #logo { width: 794px; height: 100px; background: transparent url(../nimg/au.gif) left top no-repeat; border: 0px solid #999999; float:none;} #contenido { width: 850px; float:center; margin-bottom:0px; border: 0px solid #999999; float:none; min-height: 840px; height: auto !important; height: 840px; } #contenidosinmenu { width: 850px; position:absolute; top:150px; left:50%; margin-left: -425px;} #menu { width: 180px; height:330px; float:left; border-right: 0px solid #ff8b00; padding-right: 5px; } #menu ul { list-style-type: none; text-align: left; position: relative; left: -40px; top:-12px;} #menu ul li a { background: transparent url(../nimg/flechagr.gif) left center no-repeat; padding-left: 20px; text-align: left; font: bold 12px verdana, lucida, sans-serif; text-decoration: none; color: #FFFFFF; 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;} #nav{ list-style: none; margin-bottom: 1px; width: 16em;} #nav li#depilacion{ padding: 5px; margin-bottom: 1px; background-color: #ff20be;} #nav li#esteticacorporal{ padding: 5px; margin-bottom: 1px; background-color: #cd1a9d;} #nav li#esteticafacial{ padding: 5px; margin-bottom: 1px; background-color: #a91581;} #nav li#corporal{ padding: 5px; margin-bottom: 1px; background-color: #8a1169;} #nav li#facial{ padding: 5px; margin-bottom: 1px; background-color: #760f5a;} #nav li#donde{ padding: 5px; margin-bottom: 1px; background-color: #5f0c49;} /* */ #nav li#trabaja{ padding: 5px; margin-bottom: 1px; background-color: #5f0c49;} #nav li{ padding: 5px; margin-bottom: 1px; background-color: #7f2364;} #noticias { width: 600px; float:left; background-color: #ffffff; position:relative; left:6px; border-left: 0px solid #5f0c49;} #noticia { width: 580px; float:none; background-color: #ffffff; padding: 10px 10px 10px 10px;} #titular{ width: 580px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ff20be; text-decoration:none; font-size: 12px; font-weight: bold; float:none;} #titular a { color: #ff20be; text-decoration:none; } #imagen{ width: 240px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #5f0c49; text-decoration:none; font-size: 11px; float:left; position:relative; top:10px;} #texto{ width: 290px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration:none; font-size: 11px; float:none; position:relative; top:10px;} 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;} #pie { width: 600px; height: 30px; font-size: 10px; align:left; border-top: 0px solid #ff8b00; padding-top:3px; color:#000000; margin-left:180px;} table { background-color: transparent; border: none; color: #424242; font-family: arial, helvetica, sans-serif; font-size: 12px; text-align: left; font-weight: normal; } 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: 3; } 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; } .alpha-shadow { float: left; background: url(img/shadow1.gif) » no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; } .alpha-shadow div { background: url(img/shadow2.png) » no-repeat left top !important; background: url(img/shadow2.gif) » no-repeat left top; padding: 0px 5px 5px 0px; } .alpha-shadow img { background-color: #fff; border: 1px solid #a9a9a9; padding: 4px; } #t_estilo_ventas caption {font-size: 1.7em; color: #F06; text-align: left;} #t_estilo_ventas table {margin: 0; padding: 0; border-collapse: collapse; width: 100%;} #t_estilo_ventas td, th {padding: 10px 4px; border-bottom: 1px solid #EEE;} #t_estilo_ventas td + td {border-left: 1px solid #FAFAFA; color: #999;} #t_estilo_ventas td + td + td {color: #666; border-left: none;} #t_estilo_ventas td a {color: #444; text-decoration: none; text-align: right;} #t_estilo_ventas td a, th a {display: block; width: 100%;} #t_estilo_ventas td a:hover {background: #444; color: #FFF;} #t_estilo_ventas tfoot th {text-align: right;} #t_estilo_ventas th {text-align: left;} #t_estilo_ventas th a {color: #F06; text-decoration: none; font-size: 1.1em;} #t_estilo_ventas th a:visited {color: #F69;} #t_estilo_ventas th a:hover {color: #F06; text-decoration: underline;} #t_estilo_ventas thead tr, tfoot tr {color: #555; font-size: 0.8em;} #t_estilo_ventas tr {font: 12px sans-serif; background: url(prettyinpink_row.png) repeat-x #F8F8F8; color: #666;} #t_estilo_ventas tr:hover {background: #FFF;}