/*----------------------------------- CopyRight --------*/ /* */ /* Estilo principal lasermedik.com */ /* Pixelmio - www.pixelmio.net - pixelmio@pixelmio.com */ /* Version 1.1-0519 - 25/01/2011 */ /* */ /*----------------------------------- /CopyRight -------*/ body {background-color: #E9E9E9;font-family: Helvetica, Arial, Geneva, sans-serif;color: #212121} a {color:#003882} h3 {margin-bottom: 10px} p, ul, dl, table, ol {font-size: 1.6em} p {margin-bottom:10px} table#comparativa th {padding: 5px 0px;background-color: #f1f1f1} table#comparativa td {padding: 5px 5px 10px 5px;font-size: 13px} #contenedor {position: relative} #header {height: 120px;position: relative} #logo { width: 960px; height: 120px; background-image: url(../images/eluk-copy.png); } h1#logo {margin-bottom: 0} h1#logo a {display:block;height:120px;text-indent:-9999px; width:960px} #regalo {float: right;background: url(../images/regalo.gif) no-repeat left 5px;position: absolute;right: 0} #regalo a {display: block;text-indent: -9999em;width: 130px;height: 130px} #nav {margin-bottom: 5px} #nav ul {list-style-type:none;font-size: 2em;text-indent: -9999px} #nav ul li {float: left;margin: 0;padding: 0} #nav ul li#mnuLM {margin-right: 15px} #nav ul li#mnuLM a {background: url(../images/menu.png) no-repeat 0 0;width: 122px;height: 64px;display: block} #nav ul li#mnuLM a:hover {background: url(../images/menu.png) no-repeat 0 -90px} #nav ul li#mnuLM a.active {background: url(../images/menu.png) no-repeat 0 -180px} #nav ul li#mnuPL {margin-right: 15px} #nav ul li#mnuPL a {background: url(../images/menu.png) no-repeat -138px 0;width: 175px;height: 64px;display: block} #nav ul li#mnuPL a:hover {background: url(../images/menu.png) no-repeat -138px -90px} #nav ul li#mnuPL a.active {background: url(../images/menu.png) no-repeat -138px -180px} #nav ul li#mnuRM {margin-right: 15px} #nav ul li#mnuRM a {background: url(../images/menu.png) no-repeat -331px 0;display: block;width: 249px;height: 64px} #nav ul li#mnuRM a:hover {background: url(../images/menu.png) no-repeat -331px -90px} #nav ul li#mnuRM a.active {background: url(../images/menu.png) no-repeat -331px -180px} #nav ul li#mnuTF {margin-right: 15px} #nav ul li#mnuTF a {background: url(../images/menu.png) no-repeat -595px 0;display: block;width: 228px;height: 64px} #nav ul li#mnuTF a:hover {background: url(../images/menu.png) no-repeat -595px -90px} #nav ul li#mnuTF a.active {background: url(../images/menu.png) no-repeat -595px -180px} #nav ul li#mnuCT {} #nav ul li#mnuCT a {background: url(../images/menu.png) no-repeat -841px 0;display: block;width: 100px;height: 64px} #nav ul li#mnuCT a:hover {background: url(../images/menu.png) no-repeat -841px -90px} #nav ul li#mnuCT a.active {background: url(../images/menu.png) no-repeat -841px -180px} #nav ul li a {color: #003882;font-weight: bold;text-decoration: none} #corpus { background-color: #FFF; padding:10px 0; font-family: "Myriad Pro", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; /* color: #777; */ color: #444; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow:0 0 10px #b3b3b3; box-shadow:0 0 10px #b3b3b3; clear: left; /* important */ /*position: relative;*/ z-index: 1; min-height: 1%; /*pour IE7*/ overflow: hidden; } #corpus h2, #corpus h3 {padding:0 15px;color:#555;clear:left} #corpus h3 img {vertical-align: middle} #corpus h4 {margin-bottom:0;padding:0 15px;font-size: 15px} #corpus h4.duracion {background:url(../images/duracion.png) 0 0 no-repeat;margin-left:10px;padding-left:25px} #corpus h4.map {background:url(../images/mapa.gif) no-repeat 0 50%;padding:1px 0 1px 36px;line-height: 2} #corpus h4.phone {background:url(../images/telefono.gif) no-repeat 0 50%;padding:1px 0 1px 36px;line-height:2} #corpus h4.email {background:url(../images/correo.gif) no-repeat 0 50%;padding:1px 0 1px 36px;line-height:2} #corpus h4.horas {background:url(../images/time.gif) no-repeat 0 50%;padding:1px 0 1px 36px;line-height:2} #corpus h5 {margin-bottom:0;padding:0 15px;font-size: 13px} #corpus p, #corpus dl, #corpus ul, #corpus ol {font-size:13px; line-height:1.7;margin-bottom:10px;padding:0 15px} #corpus ul, #corpus ol {position:relative} /*IE6 Fix Bug*/ #corpus ul.negativo, #corpus ul.positivo, #corpus ol.positivo, #corpus ul.faq {list-style: none} #corpus ul.negativo li {background:url(../images/negativo.gif) 0 2px no-repeat;padding-left:30px;margin-left:5px} #corpus ul.positivo li { background:url(../images/ok.png) 0 2px no-repeat; padding-left:30px; margin-left:5px } #corpus ol.positivo li {background:url(../images/ok.gif) 0 2px no-repeat;padding-left:30px;margin-left:5px} #corpus ul.faq li {background:url(../images/faq.gif) 0 2px no-repeat;padding-left:30px;margin-left:5px;margin-bottom:8px} #corpus p.tagline {color:#939292;font-style:italic;padding-right: 15px;font-size:20px;line-height:1.3em} #corpus p.tagline2 {color:#939292;font-size:20px;font-style:italic;font-weight:normal;line-height:1.5em;text-align:justify} #corpus p.migas {font-size:1.1em} #corpus table {margin-left:10px} #corpus.precios {background: #FFF url(../images/bgs/precios.jpg) bottom right no-repeat;} #oferta {background: url(../images/bgOferta.gif) no-repeat left top;margin-bottom: 15px;height:188px;color:#29ABE2} #oferta h3{padding:11px 0 0 13px;font-size:20px;margin:0;color:#29ABE2} #oferta p {font-size:17px;line-height:1.4;overflow:hidden} table#tblPrLs th, table#tblPrSoMuj th, table#recomienda th {text-align:right;padding-right:10px} table#tblPrSoHom th {text-align:right;padding-right:10px} table#tblPrLs td, table#tblPrSoMuj td {padding-left:10px} table#tblPrSoHom td {padding-left:10px} table#recomienda th {width: 41%} table#recomienda td {padding:5px 0 5px 15px;font-size: 0.9em} table#tblPrLs th.txtCtr, table#tblPrSoMuj th.txtCtr {text-align:center;vertical-align: middle} table#tblPrSoHom th.txtCtr {text-align:center;vertical-align: middle} table#tblPrLs td, table#tblPrSoMuj td {padding-right:95px;text-align:right} table#tblPrSoHom td {padding-right:70px;text-align:right} .impaire td, .impaire th{background-color:#F5F5F5} .dessus td, .dessus th{background-color:#E0F2FF} td.offre, th.offre {background-color: #e0f2ff; color: navy} #tCasa, #metodo, #precio {background-color:#f5f5f5} #precio {clear:both} #precio h3{background:url(../images/precio.gif) no-repeat 8px center} #precio p {padding-left: 45px} #tCasa h3, #metodo h3, #precio h3 {margin:5px 0 0 0;padding:4px 0 0 45px} #tCasa h3 {background:url(../images/casa.gif) no-repeat 8px center} #metodo h3 {background:url(../images/metodo.gif) no-repeat 8px center} #tCasa p, #metodo p {padding:0 10px 5px 45px;margin-bottom: 0} .grid_50, .grid_33 {float:left;margin-left:8px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px} .grid_50 {width:335px} .grid_33 {width:222px} div#massage {background: url(../images/bgs/massage.jpg) top left no-repeat;min-height: 150px} div#juventud {background: url(../images/bgs/juventud.jpg) bottom left no-repeat white;} div#juventud p, div#juventud ul, #corpus div#juventud h3 {padding-right: 160px} div#peeling {background:url(../images/bgs/peeling.jpg) center left no-repeat} div#peeling p, div#peeling ul {padding-left: 170px} #corpus div#peeling h3 {padding-left: 130px} #corpus div#peeling h4.duracion {margin-left: 210px} div#premium {background:url(../images/bgs/premium.jpg) center left no-repeat white} #corpus h2.navidad { margin:-50px 0 10px 0; font-family: 'Pacifico', cursive; color: #02557D; font-size: 60px; font-weight: normal; } #regalos {background-color: #e0e0e0} div.regalo { color: #02557d;padding: 10px 0;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; background: #81d5fd url(../images/cadeau.png) no-repeat right top; width: 450px; margin: 10px; float: left; } #corpus div.regalo h3 { color: #02557D; padding: 0; margin: 0 75px 10px 13px; font-weight: normal; font-size: 24px;line-height: 1 } #corpus div.regalo p {line-height: 1.2} #menuLateral {margin-top: 30px;} #corpus #menuLateral ul {list-style:none; padding: 0;font-family: Helvetica, Arial, Geneva, sans-serif;} #corpus #menuLateral ul li ul {list-style:none;margin-bottom: 0} #corpus #menuLateral ul li ul li {background: none;font-size: 11px;margin: 0;padding: 5px 0 0 5px} #corpus #menuLateral ul li {margin-left:0;padding:7px 0 7px 5px;font-size: 13px} /* #corpus #menuLateral ul li.actuel {font-weight:bold} */ a.actuel {font-weight:bold} #menuRemodelacion, #menuTratamientos, #menuDepilacion {margin-bottom: 10px;color: #FFF; padding: 10px; -moz-border-radius: 12px; -webkit-border-radius: 12px; -moz-box-shadow:0 0 5px #b3b3b3; -webkit-box-shadow:0 0 5px #b3b3b3; } #menuDepilacion {background-color:#09f; } #menuDepilacion ul li {background: url(../images/sep_li_dl.gif) repeat-x 0 bottom} #menuRemodelacion {background-color:#06f; } #menuRemodelacion ul li {background: url(../images/sep_li_rc.gif) repeat-x 0 bottom} #menuTratamientos {background-color:#8cf; -moz-box-shadow:0 0 10px #CCC; -webkit-box-shadow:0 0 10px #CCC; } #menuTratamientos ul li {background: url(../images/sep_li_tf.gif) repeat-x 0 bottom} #menuTratamientos ul li.dessus {} #corpus #menuLateral h2 { font-family:"Myriad Pro","Trebuchet MS",Verdana,Helvetica,Arial,sans-serif; font-size:1.9em;margin-bottom:0;padding:0;text-align:center} #menuRemodelacion h2, #menuDepilacion h2 {color:#FFF;} #menuTratamientos h2 {color: #02557D} #menuDepilacion a, #menuRemodelacion a {color: #fff;text-decoration: none} #menuTratamientos a {color: #02557D;text-decoration: none} #direccion p{padding-left: 36px} #footer { background: url(../images/bg_footer_5.png) no-repeat left top; color: #111; text-align: right; margin-bottom:15px; margin-top: -40px; height: 117px; padding: 10px 20px 10px 0; position:relative; z-index: 2; } #footer p.footdirecc { font-size:1.6em; line-height:45px; margin:58px 0 0; padding-right: 210px; } #footer p.footextras { font-size:11px; padding-top:20px; text-align:center; } /* @group Formularios */ #contact-form input[type="text"], #contact-form textarea { font-size:1.1em; font-weight:bold; padding:5px } #contact-form input[type="text"].hasFocus, #contact-form textarea.hasFocus {color:#111} #contact-form input[type="text"].isChanged, #contact-form textarea.isChanged {color:#777} #contact-form p {padding: 0 10px} #contact-form #submit {margin:0 0 0 225px;font-size:16px;font-weight:bold} #contact-form #visitorname, #contact-form #visitormail {width:270px} #contact-form #subject {width:590px} #contact-form #notes {width:590px} /* @end Formularios*/ /* @Novedades Tratamientos Faciales */ #rostroMap { position: relative; text-align: center } #rostroMap img {} #rostroMap div.etiquette { position: absolute; font-size: 13px; } #etia {top: 16px;right: 29px} #etib {top: 238px;right: 25px} #etic {top: 148px;left: 49px} #etid {top: 387px;right: 25px} #etie {top: 335px;left: 25px} #etif {top: 298px;right: 36px} #etig {top: 436px;left: 18px} #etih {top: 247px;left: 56px} #etii {top: 124px;right: 23px} /* @end */ /* @group Botones */ .clear {} a.buttonl, a.buttonr {background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;display: block;font: normal 12px;height: 24px; margin-right: 6px;padding-right: 18px;text-decoration: none;z-index: 10} a.buttonl {float:left} a.buttonr {float:right;margin:0 10px 10px 0} a.buttonl span, a.buttonr span {background: transparent url(../images/bg_button_span.gif) no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 18px;font-size: 12px} a.buttonl:active, a.buttonr:active {background-position:bottom right;color:#000;outline: none} a.buttonl:active span, a.buttonr:active span {background-position: bottom left;padding: 6px 0 4px 18px} /* @end */ /* @group Classes */ #corpus p.oferta { background-color: #E0F2FF; font-size:3em; line-height:1.2; text-align:center; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-box-shadow:0 0 5px #8cf; -moz-box-shadow:0 0 5px #8cf; box-shadow:0 0 5px #8cf; padding: 15px 0; } .destacado {font-style: italic} .fd {float:right;margin-left:15px;margin-right: 10px} .fg {float:left;margin-left:10px;margin-right: 15px} .ojo {font-weight:bold;color:#F00} .serre{letter-spacing:-1px} .finance {font-weight:bold;color:#09F} .finance a {color:#09F} .act, #corpus div.act h3 {color:#FFF; padding-top:5px} #corpus div.act p{font-size: 12px} .dl {background-color: #09F;-moz-border-radius: 10px;border-radius: 12px} .rc {background-color: #06F;-moz-border-radius: 10px;border-radius: 12px} .tf {background-color: #8CF;-moz-border-radius: 10px;border-radius: 12px} .petit {font-size: 80%} .pixelmio{margin-top: -28px;} .center {text-align: center} /* @end */