html {
  }


body {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
  }


.flash1 {
    width:585px;
    height:200px;
    float:left;
    margin-left:5px;
  }


.imagenprod {
    float:right;
  }


.lineatura {
    float:left;
    border-bottom:2px dotted #dff2f9;
    margin-left:60px;
    width:80%;
    height:2px;
  }


br {
    clear: left;
  }


strong {
    color:#000000;
    font-size:10px;
  }


input {
    color:#000000;
    width: 300px;
    border: 1px solid #d6edf3;
    background-color: #eeeeee;
    font-size: 9px;
  }


.test {
    border-bottom:#d6edf3 dotted 2px;
    padding-top:30px;
    padding-bottom:30px;
    text-align:left;
  }


.test b {
    width:500px;
    float:right;
    text-align:right;
  }


label {
    color:#000000;
    width: 75px;
    padding-right: 10px;
    font-size: 9px;
    text-align: right;
  }


.boton a {
    color:#000000;
    width:100px;
    background-color:#aaaaaa;
  }


.boton a:hover {
    width:100px;
    background-color:#cccccc;
  }


.comentarios {
    color:#000000;
    width: 300px;
    border: 1px solid #cccccc;
    background-color: #cccccc;
    font-size: 9px;
  }


.alinearizq {
    text-align:left;
  }


select {
    background-color : #cccccc;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-style : solid;
    border-top-width : 1px;
    width : 125px;
  }


select {
    font-size: 9px;
  }


p, pre {
    margin: 0px;
    float: left;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    text-align: justify;
  }


* html p, pre {
    margin: 0px;
    float: left;
    text-align: left;
    padding: 10px;
  }


.colegiado {
    float:right;
    margin-top:-15px;
  }


.cartatit {
    margin-bottom:-15px;
    margin-left:2px;
  }


.fl {
    background-image:url(../images/fl.gif);
    float: left;
    width: 33px;
    height: 57px;
    margin-bottom:-20px;
  }


.fl {
    background: transparent url(../images/fl.png);
    background-position: center;
    background-repeat:no-repeat;
  }


*html .fl {
    background-image : none;
    background-position : center;
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fl.png',sizingMethod='image');
    float : left;
    height : 57px;
    margin-bottom : -20px;
    width : 33px;
  }


.fr {
    background-image:url(../images/fr.gif);
    float: right;
    width: 33px;
    margin-bottom:-20px;
    height: 57px;
  }


.fr {
    background: transparent url(../images/fr.png);
    background-position: center;
    background-repeat: repeat-y;
  }


*html .fr {
    background-image : none;
    background-position : center;
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fr.png',sizingMethod='image');
    float : right;
    height : 57px;
    margin-bottom : -20px;
    width : 33px;
  }


.imgbanner {
    width: 446px;
    height: 70px;
  }


.imgl {
    text-align: right;
  }


.imgr {
    margin-top: -97px;
    text-align: right;
  }


.imgtop {
    width: 310px;
    height: 70px;
  }


.imgtop {
    text-align: right;
  }


.leftimg {
    float: left;
    padding-right: 10px;
  }


.leftimg {
    float: left;
    padding-right: 10px;
  }

/* --------------navegacion derecha------------- */



.right {
    width: 604px;
    position: relative;
    z-index: 1;
  }

/* --------------navegacion derecha------------- */





.rightimg {
    padding-left: 10px;
    float: right;
  }


.rightimg {
    padding-left: 10px;
    float: right;
  }


img.download {
    vertical-align: middle;
  }

/*formularios*/



input a:hover {
    background-color: #33CC00;
    text-decoration: underline;
  }


#flashinterior {
    margin-left:100px;
    float:left;
    color:#ffffff;
    width:196px;
  }


*html #flashinterior {
    margin-left:70px;
    float:left;
    color:#ffffff;
    width:196px;
  }

/* -----------banner--------------------------- */



#banner {
    padding: 0px;
    margin: 0px;
    text-align: left;
    position: relative;
  }


#banner {
    width: 769px;
    height: 155px;
  }

/* ----------el logo -------------- */



#bannerweb {
    width: 200px;
    text-align: left;
    position: relative;
    height: 100px;
    background-image: url(../images/bannerweb222.jpg);
  }


#bannerweb2 {
    margin-top: -100px;
    margin-left: 200px;
    width: 556px;
    padding: 0px;
    text-align: left;
    position: relative;
    height: 59px;
  }


#bannerweb3 {
    float: right;
    margin-left: 201px;
    width: 556px;
    padding: 0px;
    text-align: left;
    height: 50px;
  }


*html #bannerweb3 {
    margin-left: 200px;
  }


#breadcumbs {
  }


#breadcumbs {
  }


#center {
    float: left;
    padding: 10px;
    width: 425px;
    text-align: justify;
  }

/* -----------pie de pagina--------------------------- */



#center {
    float: left;
    padding: 10px;
    width: 425px;
    text-align: justify;
  }

/* -----------altos--------------------------- */




#content,#content2 {
    padding-bottom:10px;
    width: 756px;
    padding: 0px;
    margin-left: 0px;
    min-height:408px;
    position: relative;
  }


#page {
    /*background-color:#434343;
    */;
  }


*html #content {
    margin-bottom: 0px;
  }

/* -----------pie de pagina--------------------------- */



#footer {
    clear: both;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
  }


#footer2 {
    clear: both;
    width: 100%;
    text-align: center;
    margin-top:-11px;
    padding-bottom:5px;
    height:52px;
    /*background-color:#990000;
    */;
  }


*html #footer2 {
    clear: both;
    margin-top:0px;
    width: 100%;
    text-align: center;
    padding-top:0px;
    padding-bottom:0px;
    height:57px;
    /*background-color:#990000;
    */;
  }

/* --------------navegacion izquierda------------- */



#left {
    width: 152px;
  }

/* ----------centrado de la tabla-------------- */
/* ---------- fin de centrado de la tabla-------------- */



#page {
    width: 755px;
    background-position:left;
  }


#right2 {
    float: right;
    color:#999999;
    font-weight:normal;
    text-align:center;
  }


#rightcontact {
    float: right;
    color:#333333;
    font-weight:bold;
    text-align:center;
  }


#right22 {
    float: right;
    color:#8a8a8a;
    font-weight:bold;
    text-align:left;
  }


#right2 {
    width:604px;
    float: right;
    color:#333333;
    font-weight:normal;
    text-align:left;
  }


.header1 {
    background-image:url(../images/header1.jpg);
    background-repeat:no-repeat;
  }


.header2 {
    background-image:url(../images/header2.jpg);
    background-repeat:no-repeat;
  }


.header3 {
    background-image:url(../images/header3.jpg);
    background-repeat:no-repeat;
  }


.header4 {
    background-image:url(../images/header4.jpg);
    background-repeat:no-repeat;
  }


.header5 {
    background-image:url(../images/header3.jpg);
    background-repeat:no-repeat;
  }


.header6 {
    background-image:url(../images/header6.jpg);
    background-repeat:no-repeat;
  }


.header7 {
    background-image:url(../images/header7.jpg);
    background-repeat:no-repeat;
  }


.header8 {
    background-image:url(../images/header8.jpg);
    background-repeat:no-repeat;
  }


#wrapper {
    width: 782px;
    margin-right: auto;
    margin-left: auto;
  }


#banner img {
    padding: 10px 0px;
  }


#footer2 a {
    color: #d8c396;
    font-weight: normal;
    text-decoration: none;
  }


#footer2 li {
    display: inline;
    color: #d8c396;
    font-weight: bold;
  }


#footer2 ul {
    text-align:right;
    list-style: none;
    padding-top:10px;
  }


#footer2 a:hover {
    text-decoration: underline;
    text-align:right;
  }

/* ----------la cabecera -------------- */



#banner2,#banner3 {
    padding: 0px;
    text-align: left;
  }


#leche {
    float:left;
    width:183px;
    /*height:116px;
    */padding:2px;
    margin:0px;
  }


#cremas {
    float:left;
    width:183px;
    /*height:116px;
    */padding:2px;
    margin:0px;
  }


#extractos {
    float:left;
    width:183px;
    /*height:116px;
    */padding:2px;
    margin:0px;
  }


#mascarillas {
    float:left;
    width:183px;
    /*height:116px;
    */padding:2px;
    margin:0px;
  }


#lineeye {
    float:left;
    width:183px;
    /*height:116px;
    */padding:2px;
    margin:0px;
  }


#expresion {
    float:left;
    width:183px;
    /*height:116px;
    */padding:2px;
    margin:0px;
  }


#imgproduct {
    float:left;
    width:200px;
    margin:0px;
  }


#person {
    float:left;
    width:292px;
    padding:2px;
  }


#cab {
    float:left;
    width:292px;
    padding:2px;
  }


#estracocea {
    float:left;
    width:183px;
    /*height:116px;
    */padding:2px;
    margin:0px;
  }


#cremaocea {
    float:left;
    width:183px;
    /*height:116px;
    */padding:2px;
    margin:0px;
  }


#serumocea {
    float:left;
    width:183px;
    /*height:116px;
    */padding:2px;
    margin:0px;
  }


#imgempre {
    float:left;
    width:600px;
    height:162px;
    padding:2px;
  }


#imgbio {
    float:left;
    width:575px;
    height:192px;
    padding:2px;
    padding-left:20px;
  }


#imagenes {
    float:left;
    padding-left:0px;
  }


#tabla {
    font-weight:lighter;
    color:#000000;
  }


#pieles {
    background-image:url(../images/titabla.gif);
    background-position:top right;
    background-repeat:no-repeat;
    width:595px;
    height:68px;
    margin-right:-5px;
  }


table {
    /*border:1px solid #169cbf;
    */margin:0px;
    padding:0px;
  }


#tabla td {
    margin:0px;
  }


.titulostd td {
    text-align:left;
    font-size:10px;
    color:#9966CC;
    font-weight:bold;
    border-bottom:1px solid #CCCCFF;
  }


.blancotd td {
    background-color:#ffffff;
  }


.text02 p {
    float:left;
    width:500px;
  }


.text02 {
  }


.text02 b {
    color:#169cbf;
    font-style:italic;
    font-size:11px;
  }


.titular {
    float:left;
    padding-left:10px;
    width:270px;
    text-align:left;
    color:#169cbf;
    font-size:11px;
    font-style:italic;
  }

/* -------------------------------------- formulario --------------------*/




input {
    margin: 3px 5px;
    width:230px;
    height:19px;
    background-color:#e7d8b2;
    border:1px solid #706448;
  }


.button {
    width:30px;
    height:19px;
    margin:3px 5px;
    background-color:#e7d8b2;
    text-align:left;
  }


textarea {
    margin: 0px 5px;
    width:230px;
    height:100px;
    background-color:#e7d8b2;
    border:1px solid #706448;
  }


.textform {
    margin:0px;
    line-height:28px;
  }


*html .textform {
    margin:0px;
    line-height:30px;
  }


.textform2 {
    text-align:left;
    margin:0px;
    margin-left:10px;
    line-height:28px;
  }


#ofertas02 {
    width:100%;
    float:left;
  }


#ofertas01 {
    float:left;
  }


.tres {
    float:left;
    width:201px;
  }


.oa1 a:link,.oa1 a:hover,.oa1 a:visited,.oa1 {
    background-color:#ecf7fb;
    color:#FF0000;
  }


.oa2 a:link,.oa2 a:hover,.oa2 a:visited,.oa2 {
    background-color:#DFF2F9;
    color:#FF0000;
  }


.xa1 a:link,.xa1 a:hover,.xa1 a:visited,.xa1 {
    background-color:#ecf7fb;
    color:#1b1d5a;
  }


.xa2 a:link,.xa2 a:hover,.xa2 a:visited,.xa2 {
    background-color:#dff2f9;
    color:#1b1d5a;
  }


.ol1 a:link,.ol1 a:hover,.ol1 a:visited,.ol1 {
    background-color:#E0DCEA;
    color:#FF0000;
  }


.ol2 a:link,.ol2 a:hover,.ol2 a:visited,.ol2 {
    background-color:#CAC2DA;
    color:#FF0000;
  }


.xl1 a:link,.xl1 a:hover,.xl1 a:visited,.xl1 {
    background-color:#e0dcea;
    color:#1b1d5a;
  }


.xl2 a:link,.xl2 a:hover,.xl2 a:visited,.xl2 {
    background-color:#cac2da;
    color:#1b1d5a;
  }


.xl2,.xl1,.ol2,.ol1,.xa2,.xa1,.oa2,.oa1 {
    border-bottom:1px solid #FFFFFF;
  }


.news {
    margin:5px;
    padding-top:10px;
    padding-left:10px;
    width:285px;
    float:left;
    border:1px solid #ece1bd;
    background-color:#f1e8c6;
    text-align:left;
  }


.tit_noticias {
    padding-left: -10px;
  }


.menu {
    margin:10px;
    padding-top:10px;
    width:500px;
    float:left;
    text-align:center;
    border:1px solid #ece1bd;
    background-color:#f1e8c6;
  }


.grupo1 {
    margin:10px;
    padding-top:10px;
    width:250px;
    float:left;
    text-align:center;
    border:1px solid #ece1bd;
    background-color:#f1e8c6;
  }


.grupo2 {
    margin:10px;
    margin-left:20px;
    padding-top:10px;
    width:250px;
    float:left;
    text-align:center;
    border:1px solid #ece1bd;
    background-color:#f1e8c6;
  }


.precio {
    margin:10px;
    padding-top:10px;
    width:500px;
    float:left;
    text-align:right;
    border:1px solid #ece1bd;
    background-color:#f1e8c6;
  }


.bot {
    float:right;
    padding:0px;
    width:90px;
    height:14px;
    margin-right:20px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
  }


.bot a {
    margin:0px;
    padding:7px;
    padding-left:15px;
    padding-right:15px;
    background-image:url(../images/boton.gif);
    background-position:right;
    background-repeat:no-repeat;
    width:81px;
    height:14px;
  }


.bot a:hover {
    margin:0px;
    padding:7px;
    padding-left:15px;
    padding-right:15px;
    background-image:url(../images/boton.gif);
    background-position:left;
    background-repeat:no-repeat;
    width:81px;
    height:14px;
  }


.opcional {
    color:#FF0000;
  }


.lateraltab {
    text-align:left;
    color:#000066;
    border-bottom:1px dotted #cccccc;
  }


.apretado {
    width: 132px;
    display: block;
    padding-left:18px;
    text-decoration: none;
    font-weight:bold;
    color:#0099CC;
    height: 26px;
    margin-top:0px;
    background-image: url(../images/in3.gif);
    background-position:bottom;
  }


.fleft {
    float:left;
  }


.class {
    text-align:right;
  }


.ventana_aviso {
    height : 70px;
    padding-bottom : 10px;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 10px;
    width : 280px;
  }