@font-face { font-family:hCenturyGothic; src:url('CenturyGothic.woff'); font-weight:normal; }
@font-face { font-family:hCenturyGothic; src:url('CenturyGothicB.woff'); font-weight:bold; }

body { margin:0px; padding:0px; height:100%; background-color:#fff; }
body, table, input[type='button'] { font-family:'Century Gothic', hCenturyGothic, 'AR DECODE', Arial; }
table { border-spacing: 0px; }
input { outline:none; }
textarea { resize:none; }

.prestate { position:absolute; padding:6px; top:20px; left:20px; background-color:yellow; border-radius:6px;
            border:1px #000 solid; font-size:13px; font-weight:bold; text-align:center; }


/* BOTÓN SHARE */
a.addthis_button {
	background:url('/_imgs/share_bttn_right.png') no-repeat scroll right top;
	color:#666;
	display:block;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:27px;
	padding-right:9px;
	text-decoration:none;
}
a.addthis_button > span {
	background:url('/_imgs/share_bttn_left.png') no-repeat scroll 0 0;
	display:block;
	line-height:14px;
	padding:6px 0px 7px 30px;
}
a.addthis_button:hover { background-position:right bottom; color: #232323; outline:none; }
a.addthis_button:hover > span { background-position:left bottom; }
/* FIN BOTÓN SHARE */

.gtxt { font-size:13px; }
.gtxt h1, .gtit1 { font-size:21px; font-weight:bold; }
.gtxt h2, .gtit2 { margin:20px 0px 2px 0px; font-size:18px; font-weight:bold; }
.gtxt hr, .ghr { margin-top:25px; margin-bottom:15px; }
.gtxt ul, .guldisc { margin-top:5px; padding-left:20px; list-style:disc; }

.ffx, .gname, #spaname { font-family:'Courier New'; }

.cststock { color:#690; }
.cst15 { color:#F60; }
.cst30, .cstrupture { color:#F00; }

.gw { width:960px; }

.hide { display:none; }

/*  *** COLOR NORMAL *** */
.gc, a { color:#000; }
.gbgc { background-color:#333; }


/*  *** COLOR X *** */
.gcx, .famname, .famname a, #cphead, .warning, a.ax:hover { color:#c09e79; }
.gbgcx { background-color:#c09e79; }
.gbcx, #footl, #footr, #footl2, #footr2, #footr3 { border-color:#c09e79; }


/*  *** COLOR X2 *** */
.gcx2 { color:#ece2d7; }
.gbgcx2,
#headmenu { background-color:#ece2d7; }


/*  *** COLOR X3 *** */
.gcx3 { color:#9C3; }
.gbgcx3 { background-color:#9C3; }
.gbcx3, #addeboxdp { border-color:#9C3; }


/*  *** COLOR 2a *** */
.gcz, #foot2 ul a, #footlang ul a, #newsletter a, #copyright a { color:#a5a5a5; }
.gbgcz { background-color:#a5a5a5; }
.gbcz,
.condbox { border-color:#a5a5a5; }


/*  *** COLOR 2b *** */
.gcz2 { color:#555; }
.gbcx2 { border-color:#555; }


.gopa { opacity:0.85; filter:alpha(opacity=85); }


.gb { border-width:1px; border-style:solid; }

.gbl,
#footr { border-left-width:1px; border-left-style:solid; }

.gbr,
#footl { border-right-width:1px; border-right-style:solid; }

.gbt,
#footl2, #footr2, #footr3 { border-top-width:1px; border-top-style:solid; }

.gbb { border-bottom-width:1px; border-bottom-style:solid; }

.gbbx,
#cphead, .cpsep { border-bottom:2px solid #ece2d7; }
.gbbdx { border-bottom:2px dashed #ece2d7; }
.gbtx { border-top:2px solid #ece2d7; }

a { text-decoration:none; }
a.link, a.houl:hover { text-decoration:underline; }
a.pdf, #footr2 a { display:block; margin-top:6px; padding-top:4px; padding-left:30px; height:20px;
   font-size:13px; background:url('../_imgs/icon_pdf.png') no-repeat left top; }
a.pdf:hover, #footr2 a:hover { color:#333; font-weight:bold; }

ul { margin:0px; padding:0px; list-style:none; }
ul.report_error { margin-top:10px; padding-left:30px; list-style:disc; }
img { border:none; }
h1 { margin:0px; padding:0px; font-weight:normal; }

.opa0 { opacity:0; filter:alpha(opacity=0); }

.supind { vertical-align:super; font-size:70%; }

.upper, .famname { text-transform:uppercase; }
.through { text-decoration:line-through; }

.gsep { height:7px; background-image:url('../_imgs/gsep.jpg'); }

.bgpaper { background-image:url('../_imgs/bg_naturalpaper.jpg'); }

.ginput { width:260px; border:2px solid #000; color:#fff; background-color:#000; }
.ginput_fail { border:2px solid #FF0000; }
.ginputname { font-size:10px; font-weight:bold; text-align:right; text-transform:uppercase; }

.warning { margin-top:30px; text-align:center; font-size:19px; font-weight:bold; }
.warningbox { margin-left:auto; margin-right:auto; width:65%; padding: 20px; border-width:2px; border-style:solid; }

span.gbutton, input.gbutton { padding:4px 10px; }
span.gbutton { display:inline-block; }
input.gbutton { border:none; cursor:pointer; }
a.gbutton { display:inline-block; padding:6px 10px; }
.gbutton { font-size:14px; font-weight:bold; border-radius:14px; text-transform:uppercase; }
.gbutton:hover { background-image:url('../_imgs/bg_naturalpaper.jpg'); }
.gbtnc { color:#fff; background-color:#000; }
.gbtncx { color:#000; background-color:#9bcd36; }
.gbtncx:hover { color:#fff; }
.gbtnc2 { color:#fff; background-color:#666; }
.gbtnc3 { color:#000; background-color:#fff; }
.gbtnmini { font-size:11px; }

.gpr { padding-right:40px; }

.pest { padding-top:4px; height:18px; text-align:center; color:#fff; font-size:12px; }
.botname { font-size:0.8em; }
.surname { font-size:0.6em; }
.famname { font-size:0.7em; font-weight:bold; }
.gcondprice span { font-size:1.1em; font-weight:bold; }
.dilu { font-size:0.8em; }

#base0 { position:absolute; width:100%; background:url('../_imgs/bgbody.jpg') no-repeat fixed top center; text-align:center; }
#base1 { position:relative; margin:auto; height:100%; text-align:left; }

__.gcontent { position:relative; margin:20px auto 0px auto; width:800px; }
#cpbox { padding:14px 90px 30px 90px; }
#cphead { padding-left:30px; padding-bottom:10px; font-size:19px; font-weight:bold; text-transform:uppercase; }
#cphead { margin:0px; }
#cphead img { position:relative; margin-right:12px; top:8px; }
#cphead span { font-weight:normal; text-transform:none; }
.cpsep { margin:8px 0px; }

.indexnew { padding:5px 20px; background-color:#9C3; color:#fff; font-weight:bold; }

#body { padding-top:158px; min-height:300px; background-color:#fff; }



/*  *** HEADER *** */
#header { position:absolute; top:20px; left:0px; height:138px; width:100%; z-index:80; }
#head { position:relative; height:91px; z-index:200; }
  img#logo { position:absolute; left:20px; }
  a#logo { position:absolute; left:20px; width:138px; height:78px; background:url('../_imgs/logohead.png') no-repeat left bottom; }
  a#logo:hover { background-position:left top; }
  #moto { position:absolute; left:220px; }
    #moto1 { font-size:17px; font-weight:bold; }
    #moto2 { font-size:14px; }
  #moto > div { text-transform:uppercase; }
  #hsearch { position:absolute; left:180px; top:50px; width:450px;
             border:1px solid grey; border-radius:15px; background:url('../_imgs/bg_btn_search.jpg') repeat-x left bottom; }
    #hsearch input { padding:0px 20px 4px 40px; width:380px; border:none;
                     background:transparent url('../_imgs/icon_search.png') 10px top no-repeat; }
  #slangs { position:absolute; right:10px; top:0px; font-size:11px; font-weight:bold; }
    #slangs li { float:left; margin-right:4px; }
    #slangs span { display:inline-block; padding:1px 6px; color:#000; }
    #slangs li.lset span,
    #slangs a:hover span { color:#fff; background-color:#000; }
  #hnav { position:absolute; right:0px; top:30px; }
  #hnav > div { float:right; }
  #hnav > div > a { display:block; height:50px; border-left:1px solid #000; font-size:15px; text-align:center; }
  #hnav > div > div { position:relative; display:none; padding:10px 10px; font-size:12px; text-align:center;
                      background-color:#fff; border:1px solid #000; border-radius:5px; }
  #hnav > div:hover > div { display:block; }
  #hnav > div > a:hover { color:#fff; background:#000; border-radius:5px 5px 0px 0px; }
    #hnavbasket { width:110px; }
      #hnbkt1 { font-size:11px; }
      #hnbkt1 > span { display:inline-block; padding-left:34px; padding-top:4px; height:22px;
                     background:url('/_imgs/icon_hbasket.png') no-repeat left -26px; }
      #hnav > div > a:hover > div span { background-position:left 0px; }
      #hnbkt2 { margin-top:2px; margin-bottom:2px; font-weight:bold; }
      #hbasket { left:-140px; width:240px; }
        #hbasket :first-child { border-top:none; }
        .hbasketitem { padding:2px 0px; border-top:1px solid #000; overflow:hidden; }
          .hbitemimg { float:left; width:80px; text-align:center; }
          .hbitemdata { margin-left:80px; margin-top:2px; text-align:left; }
            .hbitemname { font-weight:bold; }
            .hbitemplus { font-size:0.8em; }

    #hnavaccount { width:150px; }
      #hnacc1 { padding-top:1px; font-size:10px; height:28px; line-height:1.3em; }
      #hnacc1 > span { font-size:11px; }
      #hnacc2 { font-weight:bold; }
      #haccount { left:-30px; width:180px; }


/*  *** HEADER MENU *** */
#headmenu { height:40px; z-index:100; }
ul#mfam { float:right; font-size:14px; font-weight:bold; }
ul#mfam>li { float:left; position:relative; height:40px; border-left:1px solid #000; cursor:default; }
ul#mfam>li:hover { background-color:#fff; border-radius:5px 5px 0px 0px; }
ul#mfam>li>a { display:block; padding:10px 15px 0px; color:#000; height:30px; text-transform:uppercase; }
ul#mfam>li>a.icon { padding-right:38px; }
ul#mfam>li>a.icon img { position:absolute; right:10px; }

ul#mfam>li ul.smfam { float:left; display:none; position:absolute; left:-10px; }

ul.smfam { background:#fff; border-radius:5px; }
ul.smfam>li { float:left; padding:10px; width:180px; }

ul.smfam li { font-size:14px; font-weight:bold; margin-bottom:4px; }
ul.smfam li.smftit { padding:5px 0px; }

div.dsmfam { position:absolute; display:none; width:180px; background:#fff; }

ul.smfam2 li { padding-left:10px; }
ul.smfam2 a { font-weight:normal; color:#666; }
ul.smfam2 a:hover { font-weight:normal; color:#000; }



/*  *** FOOTER *** */
#footer { position:relative; margin-top:4px; margin-bottom:30px; background-color:#fff; z-index:70; }
#foot { padding:4px; overflow:hidden; }
  #footl { float:left; position:relative; padding:4px; width:346px; }
    #footl0 { position:absolute; left:10px; font-size:14px; }
      #footl0 img { display:block; }
    #footl1 { position:absolute; left:180px; }
    #footl2 { margin-top:115px; padding:10px 4px; overflow:hidden; }
      /*#footl2 > a { margin-left:10px; padding-left:32px; font-size:16px; background:url('../_imgs/icon_envelope.gif') no-repeat left 7px; }*/
	#footl2 > p#newsletter_title { margin-top:0px; margin-bottom:5px; font-size:14px; font-style:italic; }
	#footl2 > p#newsletter_title > span { font-size:12px; }
	#footl2 input#newsletter_email { padding:4px 4px 4px 10px; height:19px; border: 1px solid #666666; font-size:13px; color:#333333;	font-style:italic; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:210px; }
	#footl2 > p#newsletter_unsubscription { margin-top:2px; margin-bottom:0px; font-size:11px; }
	#footl2 > p#newsletter_unsubscription > a { text-decoration:underline; }
	  
  #footr { float:right; position:relative; padding:4px; width:382px; }
    #footr1 { }
    #footr2 { margin-top:10px; padding:6px 10px; overflow:hidden; }
      #footr2 > div { width:49%; }
      .footr2_l { float:left; }
      .footr2_r { float:right; }
    #footr3 { margin-top:10px; padding-top:14px; }
  #fcenter { margin:5px 370px 0px 366px;  }

div.f1 { margin-bottom:8px; font-size:14px; font-weight:bold; }
div.f1 a { padding:0px 10px; color:#000; }
div.f1 a:hover { color:#fff; background-color:#000; }

a#apropo div { height:30px; width:139px; background:url('../_imgs/logo_apropo.jpg') bottom; }
 a#apropo:hover div { background-position:top; }
 
#footsep { height:21px; background-image:url('../_imgs/footsep.jpg'); }

#foot2 { width:100%; font-size:12px; overflow:hidden; }
  #foot2 ul { float:left; position:relative; padding-top:8px; left:50%; height:26px; clear:left; }
  #foot2 ul li { float:left; position:relative; display:block; right:50%; border-right:1px solid #c8ad8f; }
  #foot2 ul li:first-child { border-left:1px solid #c8ad8f; }
  #foot2 ul a { display:block; padding:2px 10px; }
  #foot2 ul a:hover { background-color:#000; }

#footlang { width:100%; font-size:12px; overflow:hidden; }
  #footlang ul { float:left; position:relative; padding-top:8px; left:50%; height:26px; clear:left; }
  #footlang ul li { float:left; position:relative; display:block; right:50%; border-right:1px solid #c8ad8f; }
  #footlang ul li:first-child { border-left:1px solid #c8ad8f; }
  #footlang ul a,
  #footlang ul li.lset { display:block; padding:2px 10px; }
  #footlang ul a:hover { background-color:#000; }

#copyright { margin-top:8px; font-size:12px; text-align:center; }


#hnav > div > div,
ul.smfam { box-shadow:0px 5px 5px #000; moz-box-shadow:0px 5px 5px #000; -webkit-box-shadow:0px 5px 5px #000; }
#hnav > div > a:hover,
ul#mfam>li:hover { box-shadow:0px -2px 2px #000; moz-box-shadow:0px -2px 2px #000; -webkit-box-shadow:0px -2px 2px #000; }


/*  *** BUTTONS PREVIOUS - NEXT *** */
#btns_pn { padding:30px 10px 0px 10px; height:30px; }
#btn_prev { float:left; }
#btn_next { float:right; margin-right:40px; }



/*  *** SEARCH ***  (lo he aprovechado en el index de eau_micellaire */
#sptextbox { position:absolute; padding:14px; background-color:#fff; }
#spfam { padding-bottom:5px; font-size:23px; font-weight:bold; border-bottom:2px solid #ECE2D7; }
#spaname { margin-top:20px; font-size:22px; font-weight:bold; }
#spatxt { margin-top:20px; font-size:16px; }
#spbtn { margin-top:20px; text-align:right; }



/*  *** ACCOUNT *** */
.accsect { position:relative; margin:20px auto 0px auto; width:600px; }
.accsectsep { padding:4px 20px; height:1px; border-bottom:dashed 1px #000; }
.accsecttit { margin-bottom:10px; font:bold 16px; text-transform:uppercase; }
.accbox { overflow:hidden; margin-top:6px; }
.accname { float:left; width:140px; }
.accinput { margin-left:150px; }
.accbutton { margin-left:420px; }
.addebox, .adbibox { float:left; position:relative; margin-bottom:10px; margin-right:5px; padding:7px; width:215px; background-color:#ECE2D7; border:1px solid #C09E79; font-size:12px; }
.addeboxtxt { padding:3px; }
.addeboxbot { margin-top:5px; text-align:right; right:10px; }
.addeboxbot input { margin-left:10px; }



/*  *** ADDRESSES *** */
#addenewbot, #adbinewbot { font-size:12px; }
.addeset .addebox,
.adbiset .adbibox,
.addeset .addecur .addeboxbot,
.adbiset .adbicur .addeboxbot,
#addeok, #adbiok,
.addebox0, .adbibox0,
.addeset #addenew,
.adbiset #adbinew,
#dpsearch { display:none; }
.addeset .addecur,
.adbiset .adbicur,
.addeset #addeok,
.adbiset #adbiok { display:block; }


p.titlist { margin-bottom: 4px; }
ul.arrow { list-style-image:url('../_imgs/arrow_list.png'); }