html {
width:100%;
height:100%;
}
body{
margin:0px;
padding:0px;
background:#B40000;
}
form,ul,p{
margin:0px;
padding:0px;
}
ul {
list-style:none;
}
.spacer{
margin:0px;
padding:0px;
clear:both;
line-height:0;
font-size:0;
}
td, div {
font:normal 11px/13px Arial, Helvetica, sans-serif;
color:#5F5E5E;
}
a
{
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight:normal;
color: #000;
text-decoration:none;
}
a:hover{
color: #B80C12;
text-decoration: underline;
}
.lt, .rt, .ct {
vertical-align:top;
}
.lm, .rm, .cm {
vertical-align:middle;
}
.rt, .rb, .rm {
text-align:right;
}
.lb, .cb, .rb {
vertical-align:bottom;
}
.ct, .cb, .cm {
text-align:center;
}
#externalcontainer
{
width:1000px;
margin:0px auto;
padding:0px;
}
#homediv{
background:url(images/bg.gif) repeat-x left top #B40000;
padding:0px;
margin:0px;
}
#homedivbanner{
margin:0px;
padding:0px;
background:url(images/banner.jpg) no-repeat right top;
}
#divinner{
background:url(images/innerbg.gif) repeat-x left top #B40000;
padding:0px;
margin:0px;
}
#bannerdiv
{
margin:0px;
padding:0px;
background:url(images/banner_inner.jpg) no-repeat right top;
}
#undrconstdiv
{
margin:0px;
padding:0px;
background:url(images/undrconstbanner.jpg) no-repeat right top;
}
#facialdiv
{
margin:0px;
padding:0px;
background:url(images/banner_facial.jpg) no-repeat right top;
}
#comoligerbanner
{
margin:0px;
padding:0px;
background:url(images/mapbanner1.jpg) no-repeat right top;
}
#contactobanner
{
margin:0px;
padding:0px;
background:url(images/contactobanner.jpg) no-repeat right top;
}
#duplication
{
margin:0px;
padding:0px;
background:url(images/banner_depilacion.jpg) no-repeat right top;
}
#corporal
{
margin:0px;
padding:0px;
background:url(images/corporalbanner.jpg) no-repeat right top;
}
#somos
{
margin:0px;
padding:0px;
background:url(images/somosbanner.jpg) no-repeat right top;
}
#head{
padding:0px;
margin:0px;
}
#head div.menu{
width:168px;
padding:38px 10px 0 20px;
margin:0px;
float:left;
}
#head div.menu ul{
padding:0px;
margin:0 20px 0 0;
display:block;
}
#head div.menu li.bor{
list-style-type:none;
background:url(images/bullet.gif) no-repeat left 14px;
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#fff;
padding:8px 0px 8px 9px;
margin:0px;
border-bottom:dashed 1px #E70303;
}
#head div.menu li.nobor{
list-style-type:none;
background:url(images/bullet.gif) no-repeat left 14px;
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#fff;
padding:8px 0px 8px 9px;
margin:0px;
}
#head div.menu li a{
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#FDF0C1;
text-decoration:none;
}
#head div.menu li a:hover{
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
}
#head div.menu p.phone{
font:normal 24px/26px Arial, Helvetica, sans-serif;
color:#FDF0C1;
padding:37px 0 18px 0;
margin:0px;
display:block;
}
#head div.menu a.email{
font:bold 11px/13px Arial, Helvetica, sans-serif;
color:#FDEEBA;
padding:0px 0 6px 0;
margin:0px;
display:block;
}
#head div.menu p{
font:normal 11px/13px Arial, Helvetica, sans-serif;
color:#EEDDA0;
padding:0px;
margin:0px;
display:block;
}
#head div.logoinner{
padding:16px 0 173px 13px;
margin:0 0 0 198px;
}
#head div.menuinner{
width:168px;
padding:38px 10px 0 20px;
margin:0px;
float:left;
}
#head div.menuinner ul{
padding:0px;
margin:0 20px 0 0;
display:block;
}
#head div.menuinner li.bor{
list-style-type:none;
background:url(images/bullet.gif) no-repeat left 14px;
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#fff;
padding:8px 0px 8px 9px;
margin:0px;
border-bottom:dashed 1px #E70303;
}
#head div.menuinner li.nobor{
list-style-type:none;
background:url(images/bullet.gif) no-repeat left 14px;
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#fff;
padding:8px 0px 8px 9px;
margin:0px;
}
#head div.menuinner li a{
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#FDF0C1;
text-decoration:none;
}
#head div.menuinner li a:hover{
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
}
#head div.menuinner p.phone{
font:normal 24px/26px Arial, Helvetica, sans-serif;
color:#FDF0C1;
padding:20px 0 10px 0;
margin:0px;
display:block;
}
#head div.menuinner a.email{
font:bold 11px/13px Arial, Helvetica, sans-serif;
color:#FDEEBA;
padding:0px 0 6px 0;
margin:0px;
display:block;
}
#head div.menuinner p{
font:normal 11px/13px Arial, Helvetica, sans-serif;
color:#EEDDA0;
padding:0px;
margin:0px;
display:block;
}
#head div.logo{
padding:15px 0 239px 58px;
margin:0 0 0 202px;
}
#main{
padding:0px;
padding:0px;
position:relative;
height:276px;
}
#main div.lpanel{
float:left;
width:182px;
margin:0px;
padding:9px 13px 0 14px;
}
.promo{
color:#FEF2C9;
}
#main div.contain{
padding:63px 8px 61px 30px;
margin:0 0 0 202px;
position:relative;
}
#main div.contain ul{
padding:0px;
margin:0px;
position:relative;
}
#main div.contain li{
list-style-type:none;
padding:0 26px 0 0;
margin:0px;
display:block;
float:left;
}
#main div.contain li a{
text-decoration:none;
cursor:pointer;
padding:0px;
margin:0px;
}
#main div.contain li a:hover{
text-decoration:none;
}
#main div.contain li h2{
font:normal 18px/20px Helvetica, Arial, Helvetica, sans-serif;
color:#FEF2C9;
padding:0 0 12px 6px;
margin:0px;
display:block;
}
#main div.contain li h2 a{
font:normal 18px/20px Helvetica, Arial, Helvetica, sans-serif;
color:#FEF2C9;
text-decoration:none;
}
#main div.contain li h2 a:hover {
font:normal 18px/20px Helvetica, Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:underline;
}
#main div.contain li div{
background:url(images/bodylibg.gif) no-repeat left bottom;
margin:0px;
padding:13px;
}
#main div.contain li a div img{
margin:0px;
padding:0px;
border:0px;
}
#main div.contain li a img {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
margin:0px;
padding:0px;
border:0px;
}
#main div.contain li a:hover img {
filter:alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
margin:0px;
padding:0px;
border:0px;
}
#footer{
padding:20px 35px 30px 22px;
margin:0px;
background:#B40000;
}
#footer div{
font:bold 12px/14px Arial, Helvetica, sans-serif;
color:#E4D49E;
float:left;
}
#footer a{
font:bold 12px/14px Arial, Helvetica, sans-serif;
color:#E4D49E;
text-decoration:none;
margin:0 10px;
}
#footer a:hover{
font:bold 12px/14px Arial, Helvetica, sans-serif;
color:#f4f4f4;
}
#footer p{
float:right;
color:#E4D49E;
font:normal 10px/12px Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
display:block;
}
#footer p a{
text-decoration:none;
color:#E4D49E;
font-weight:normal !important;
font-size:10px !important;
padding:0;
margin:0;
}
#footer p a:hover{
color:#fff;
}
#footer span{
padding:0 10px 0 10px;
margin:0px;
}
#innercontain{
padding:25px 2px 29px 22px;
margin:0px;
background-color:#9E0202;
position:relative;
width:976px;
/* height:410px;*/
}
p.underconst {
font-size:38px;
color:#fff;
padding:0 0 0 204px;
}
#innercontain h2{
font:normal 18px/20px Helvetica, Arial, Helvetica, sans-serif;
color:#FEF2C9;
padding:0px 0px 25px 0px;
margin:0px;
}
#innercontain ul{
padding:0px;
margin:0px;
display:block;
}
#innercontain li{
list-style-type:none;
background:url(images/prolibg.gif) repeat-x left top #9E0202;
padding:1px;
margin:0 15px 0 0;
width:301px;
float:left;
}
#innercontain li h2{
background:url(images/proheadingbg.gif) repeat-x left top #FAEACB;
border-bottom:solid 2px #B50101;
padding:0px;
margin:0px;
text-align:center;
vertical-align:middle;
}
#innercontain li div{
background:url(images/prodivbg.gif) repeat-x left top #9E0202;
padding:24px 45px 58px 36px;
margin:0px;
}
#innercontain li p{
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#E4D49E;
padding:0px;
margin:0px;
display:block;
}
/*product section */
#productcontain{
padding:25px 23px 45px 22px;
margin:0px;
height:195px;
}
ul.sub {
margin:8px 0 0 198px;
background:url(images/sub-bg.gif) no-repeat 0 0 #BF1010;
border:1px solid #CD202D;
padding:0 0 0 126px;
height:30px;
}
ul.sub li {
float:left;
}
ul.sub li a {
font:18px/28px Helvetica, Arial, Helvetica, sans-serif;
color:#FEF2C8;
padding:0 19px;
border-right:1px dashed #D2B344;
text-decoration:none;
}
ul.sub li a:hover {
color:#fff;
text-decoration:none;
}
ul.sub li span {
font:18px/28px Helvetica, Arial, Helvetica, sans-serif;
color:#fff;
padding:0 19px;
border-right:1px dashed #D2B344;
text-decoration:none;
}
#productcontain h2{
font:normal 18px/20px Helvetica, Arial, Helvetica, sans-serif;
color:#FEF2C9;
padding:0px 0px 25px 0px;
margin:0px;
}
#productcontain ul{
padding:0px;
margin:0px;
display:block;
}
#productcontain li.red{
list-style-type:none;
padding:0 25px 0 0;
margin:0 20px 0 0;
border-right:dashed 1px #FF0226;
float:left;
width:217px;
}
#productcontain li h2{
font:normal 16px/18px Arial, Helvetica, sans-serif;
color:#FF0226;
height:29px;
margin:0px;
padding:4px 0 18px 0;
display:block;
}
#productcontain li.red ul{
margin:0px;
padding:0 0 42px 0;
display:block;
}
#productcontain li.red li{
background:url(images/facialli.gif) no-repeat left 6px;
list-style:none;
font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#E4D49E;
padding:0 0 0 11px;
margin:0px;
}
#productcontain li.red2{
list-style-type:none;
padding:0 15px 0 0;
margin:0 20px 0 0;
border-right:dashed 1px #FF0226;
float:left;
width:170px;
}
#productcontain li.red2 ul{
margin:0px;
padding:0 0 42px 0;
display:block;
}
#productcontain li.red2 li{
background:url(images/facialli.gif) no-repeat left 6px;
list-style:none;
font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#E4D49E;
padding:0 0 0 11px;
margin:0px;
}
#productcontain li.rightnobor{
list-style-type:none;
margin:0px;
padding:0px;
float:left;
width:230px;
}
#productcontain li.rightnobor ul{
margin:0px;
padding:0 0 42px 0;
display:block;
}
#productcontain li.rightnobor li{
background:url(images/facialli.gif) no-repeat left 6px;
list-style:none;
font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#E4D49E;
padding:0 0 0 11px;
margin:0px;
}
#productcontain li.rightbg{
background:url(images/rightfacialbg.gif) no-repeat left top;
list-style-type:none;
padding:22px 0 21px 20px;
margin:0px;
float:left;
border:solid 1px #B50101;
width:229px;
}
#productcontain li.rightbg ul{
margin:0px;
padding:0px;
display:block;
}
#productcontain li.rightbg li{
background:url(images/bullet2.gif) no-repeat left 6px;
list-style:none;
font:normal 14px/20px Arial, Helvetica, sans-serif;
color:#E4D49E;
padding:0 0 0 11px;
margin:0px;
}
/* depilación-style */
#productcontain div.duplicationleft{
padding:0px 54px 0px 0px;
margin:0px;
width:427px;
float:left;
}
#productcontain div.duplicationleft ul{
margin:0px;
padding:0px;
display:block;
}
#productcontain div.duplicationleft li{
background:url(images/bullet3.jpg) no-repeat left 6px;
list-style:none;
font:normal 16px/20px Arial, Helvetica, sans-serif;
color:#E4D49E;
padding:0 0 0 19px;
margin:0px;
}
#productcontain div.duplicationright{
padding:1px;
border:solid 1px #B50101;
background:url(images/duplicationrightbg.gif) no-repeat right top #7A0101;
margin:0 0 0 481px;
}
#productcontain div.duplicationright div{
padding:0px;
margin:0px;
}
#productcontain div.duplicationright div div{
background:url(images/blank.gif);
margin:0 0 0 213px;
padding:28px 0 0 0;
text-align:center;
vertical-align:middle;
font:normal 18px/22px Arial, Helvetica, sans-serif;
color:#E4D49E;
height:71px;
}
#productcontain div.duplicationright div div span{
padding:0px;
margin:0px;
font:bold 18px/22px Arial, Helvetica, sans-serif;
color:#FFF6D9;
}
/* Estética -style */
#esteticacontain{
padding:25px 15px 45px 22px;
margin:0px;
height:312px;
}
#esteticacontain h2{
font:normal 18px/20px Helvetica, Arial, Helvetica, sans-serif;
color:#FEF2C9;
padding:0px 0px 25px 0px;
margin:0px;
}
#esteticacontain div.esteticafirst{
float:left;
width:204px;
height:280px;
border-right:dashed 1px #FF0226;
margin:0 15px 0 0;
padding:0px;
}
#esteticacontain div.esteticasecond{
float:left;
width:145px;
height:280px;
border-right:dashed 1px #FF0226;
margin:0 15px 0 0;
padding:0px;
}
#esteticacontain div.third{
float:left;
width:199px;
height:280px;
border-right:dashed 1px #FF0226;
margin:0 15px 0 0;
padding:0px;
}
#esteticacontain div h2{
font:normal 16px/18px Arial, Helvetica, sans-serif;
color:#FF0226;
padding:0 0 12px 0;
margin:0px;
}
#esteticacontain div ul{
padding:0 0 20px 0;
margin:0px;
display:block;
}
#esteticacontain div li{
color:#E4D49E;
font:normal 12px/16px Arial, Helvetica, sans-serif;
list-style-type:none;
background:url(images/bullet4.gif) no-repeat left 5px;
padding:0 0 0 12px;
margin:0px;
}
#esteticacontain div.forth{
float:left;
width:340px;
border:none;
margin:0px;
padding:0px;
}
#esteticacontain div.forth div.picright{
width:168px;
padding:0px;
margin:0px;
float:left;
}
#esteticacontain div.forth div.containleft{
width:171px;
padding:0px;
margin:0px;
float:left;
}
#esteticacontain div.forth div.containleft ul{
padding:0px;
margin:0px;
}
#esteticacontain div.forth div.containleft li{
color:#E4D49E;
font:bold 12px/14px Arial, Helvetica, sans-serif;
list-style-type:none;
background:url(images/bullet4.gif) no-repeat left 5px;
padding:0 0 0 12px;
margin:0px;
}
#esteticacontain div.forth div.thumbnailbot{
padding:28px 0 0 12px;
margin:0;
float:left;
}
#esteticacontain div.forth div.thumbnailbot h2{
font:bold 12px/14px Arial, Helvetica, sans-serif;
color:#FEF2C9;
padding:0 0 14px 0;
display:block;
width:200px;
}
#esteticacontain div.forth div.thumbnailbot img.pad3{
padding:0px;
margin:0 2px 0 0;
}
#legal {
border:2px solid #FDF0C3;
padding:10px;
color:#FFF8DF;
width:490px;
}
#legal span {
font-weight:bold;
}
#legal a {
color:#FFF9E5;
font-size:12px;
text-decoration:underline;
}
#legal a:hover {
text-decoration:none;
}
#productcontain p{
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#E4D49E;
padding:0 0 20px 0;
margin:0px;
}
/*Como llegar*/
#comollegar{
padding:25px 23px 45px 22px;
margin:0px;
height:399px;
background:#9E0202;
}
#comollegar h2{
font:normal 18px/20px Helvetica, Arial, Helvetica, sans-serif;
color:#FEF2C9;
padding:0px 0px 25px 0px;
margin:0px;
}
#comollegar div.deccripto{
color:#E4D49E;
font:normal 16px/20px Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
float:left;
}
#comollegar div.map{
float:right;
width:478px;
height:399px;
padding:0px;
margin:0px;
border:solid 1px #B50101;
}
/*Como llegar*/
#contacto{
padding:25px 23px 45px 22px;
margin:0px;
height:230px;
background:#9E0202;
}
#contacto h2{
font:normal 18px/20px Helvetica, Arial, Helvetica, sans-serif;
color:#FEF2C9;
padding:0px 0px 25px 0px;
margin:0px;
}
#contacto h3{
font:normal 16px/18px Helvetica, Arial, Helvetica, sans-serif;
color:#E4D49E;
padding:0px 0px 14px 0px;
margin:0px;
}
#contacto h4{
font:normal 16px/18px Helvetica, Arial, Helvetica, sans-serif;
color:#B39350;
padding:0px 0px 19px 0px;
margin:0px;
}
#contacto h4 span{
font:italic 9px/11px Helvetica, Arial, Helvetica, sans-serif;
color:#F7EDC8;
padding:0px 0px 0px 5px;
margin:0px;
}
#contacto h4 span span{
font:italic 9px/11px Helvetica, Arial, Helvetica, sans-serif;
color:#FF0000;
padding:0px;
margin:0px;
}
#contacto label span{
font:italic 9px/11px Helvetica, Arial, Helvetica, sans-serif;
color:#FF0000;
}
#contacto div.main1{
width:213px;
display:block;
float:left;
}
#contacto label.row1{
width:60px;
padding:0px;
text-align:right;
vertical-align:middle;
margin:0 0 7px 0;
float:left;
font:normal 11px/13px Arial, Helvetica, sans-serif;
color:#EEDDA0;
}
#contacto label.row1input{
font:normal 11px/13px Arial, Helvetica, sans-serif;
color:#EEDDA0;
width:153px;
padding:0px;
text-align:right;
vertical-align:middle;
margin:0 0 7px 0;
float:left;
}
#contacto label.row1inputbot{
font:normal 11px/13px Arial, Helvetica, sans-serif;
color:#EEDDA0;
width:153px;
padding:0px;
text-align:right;
vertical-align:middle;
margin:0px;
float:right;
display:block;
}
#contacto div.main2{
width:268px;
display:block;
float:left;
}
#contacto label.row2{
width:113px;
padding:0px;
text-align:right;
vertical-align:middle;
margin:0 0 7px 0;
float:left;
font:normal 11px/13px Arial, Helvetica, sans-serif;
color:#EEDDA0;
}
#contacto label.row2input{
font:normal 11px/13px Arial, Helvetica, sans-serif;
color:#EEDDA0;
width:155px;
padding:0px;
text-align:right;
vertical-align:middle;
margin:0 0 7px 0;
float:left;
}
#contacto div.main3{
width:390px;
display:block;
float:left;
}
#contacto label.row3{
width:153px;
padding:0px;
text-align:right;
vertical-align:middle;
margin:0 0 7px 0;
float:left;
font:normal 11px/13px Arial, Helvetica, sans-serif;
color:#EEDDA0;
}
#contacto label.row3input{
font:normal 11px/13px Arial, Helvetica, sans-serif;
color:#EEDDA0;
width:230px;
padding:0px;
text-align:right;
vertical-align:middle;
margin:0 0 7px 0;
float:left;
}
#contacto div.main4{
text-align:right;
vertical-align:middle;
width:82px;
display:block;
float:left;
margin:30px 0 0 0;
}
.input236{
width:200px;
height:13px;
padding:2px 0 0 4px;
font:normal 11px/13px Arial, Helvetica, sans-serif;
color:#000;
}
.inputtextbox136{
width:200px;
height:82px;
padding:3px 0 0 4px;
font:normal 11px/13px Arial, Helvetica, sans-serif;
color:#000;
}
input.submitbut {
background:url(images/sumitbut.gif) no-repeat 0 0;
width:67px;
line-height:23px;
height:23px;
border:none;
cursor:pointer;
}
/*----------------optima-----------------*/
.bodymar {
margin:30px 0;
}
.td-padd {
padding:16px;
background-color:#FFF;
}
.optima-logo {
background-color:#FDEEBC;
padding:6px;
width:211px;
}
.opitma-toptext {
background-color:#FDEEBC;
border-left:3px solid #FFF;
padding:16px;
font-size:34px;
color:#354503;
}
.opitma-toptext span {
font-weight:bold;
color:#B40000;
text-decoration:underline;
}
td.leftpan {
border:6px solid #FDEEBC;
width:195px;
padding:10px 8px;
font-size:16px;
}
td.leftpan img {
margin:0 auto;
display:block;
}
td.rightpan {
border:6px solid #FDEEBC;
padding:10px 8px;
font-size:16px;
}
td.rightpan img {
margin:0 auto;
display:block;
}