html {margin:0;padding:0;background-color:#FFFFFF;color:#000000}
body {margin:0;padding:0;text-align:center;background-color:#FFFFFF;color:#000000;font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif}
form,div,a{margin:0;padding:0}
img {border:0px;padding:0px;margin:0px}
#web {width:772px;margin:0 auto;text-align:left;background-color:#F2F2F2;color:#000000}
#contingutWeb {margin:0 2px}
a {color:#7596B4;text-decoration:underline}
a:hover {color:#344B61;text-decoration:underline}
p {padding:0;margin:12px 0}

li {list-style:none;background-repeat:no-repeat;padding-left:15px;background-position:5px 7px}

/* RECTIFICAMENT DE TAMANY DE TITOLS AMB FF (hereda el 'font-size' del contingut 
i redueix les fonts provocant diferencies IE - Firefox */
h1 { font-size:xx-large; }
h2 {font-size:x-large; } 
h3 {font-size:large; }
h4 {font-size:medium; }
h5 { font-size:small}
h6 {font-size:x-small; }

/* CAPcALERA */
#logotip {float:left;width:200px}
#logotip span {display:none}
#imatgeTemporada {float:left;width:568px;height:115px;background-color: #ffffff}

#idiomes {display:block;font-size:0.6em;/*position:relative;top:98px;right:10px;*/color:#fff;height:19px;border-top:1px solid #fff;text-align:right;background-color:#FEAA47}
#idiomes a, #idiomes span {color:#fff;border-right:1px solid #fff;padding:0 5px 3px 5px;margin:0;text-decoration:none}
#idiomes a.nosep {border:none}
#idiomes a:hover {text-decoration:underline}
#idiomes .enllacosidiomes {position:relative;top:2px;border-right:0px}

div.separador {clear:both;font-size:0;line-height:0px}


/* CONTINGUT (dividit en esquerra i dreta) */
#cos {padding-top:5px;padding-bottom:5px}

/* esquerra cos */
#cos #esq {width:200px;float:left}

/* menu esquerra */
#cos #esq div.menu {float:none;font-size:0.70em;border:1px solid #efefef;background-color:#fff}
#cos #esq .menu {padding:0px 13px 8px 13px}
#esq .eminterntext, #esq .emexterntext, #esq .emcontenidortext{border-bottom:1px solid #D1EFCC;background-repeat:no-repeat;background-position:center right;padding-right:25px}


/* menu esquerra: hover del menu */
#esq a {color:#7596B4;text-decoration:none;padding:10px 0px}
#esq a span.text,#esq a span.textmarcat {padding:13px 2px 14px 7px;display:block}
#esq a:hover, #esq a:hover div.text  {color:#344B61;text-decoration:none}

/* menu esquerra: estils especifics */
#esq .eminterntext#menuEsquerra_contacta, #esq .eminterntext#es_menuEsquerra_es_contacta {border-color:#fff}
#esq span.textmarcat {color:#314963}
/* dreta cos */
#cos #dre {width:565px;float:right;margin:0}
#cos #dre #contingut {padding:0 2px}

/* estils especifics portada */
#dre #contingut #imgportada img #promocio img, #banners img {border:1px solid #EDEDED}
#promocio img, #banners img {margin-top:4px}
#promocio a, #banners a {margin:0;padding:0}

/* colors icones menuesquerra */
#menuEsquerra_portada, #es_menuEsquerra_es_portada, #en_menuEsquerra_en_portada {background-image:url(img/menu_portada.gif)}
#menuEsquerra_portada:hover, #es_menuEsquerra_es_portada:hover, #en_menuEsquerra_en_portada:hover {background-image:url(img/menu_portada_hover.gif)}
#menuEsquerra_consells, #es_menuEsquerra_es_consells, #en_menuEsquerra_en_consells {background-image:url(img/menu_consellsgotta.gif)}
#menuEsquerra_consells:hover, #es_menuEsquerra_es_consells:hover, #en_menuEsquerra_en_consells:hover {background-image:url(img/menu_consellsgotta_hover.gif)}
#menuEsquerra_xarxa, #es_menuEsquerra_es_xarxa, #en_menuEsquerra_en_xarxa {background-image:url(img/menu_xarxabotigues.gif)}
#menuEsquerra_xarxa:hover, #es_menuEsquerra_es_xarxa:hover, #en_menuEsquerra_en_xarxa:hover {background-image:url(img/menu_xarxabotigues_hover.gif)}
#menuEsquerra_gottaclub, #es_menuEsquerra_es_gottaclub, #en_menuEsquerra_en_gottaclub {background-image:url(img/menu_gottaclub.gif)}
#menuEsquerra_gottaclub:hover, #es_menuEsquerra_es_gottaclub:hover, #en_menuEsquerra_en_gottaclub:hover {background-image:url(img/menu_gottaclub_hover.gif)}
#menuEsquerra_perfumeria, #es_menuEsquerra_es_perfumeria, #en_menuEsquerra_en_perfumeria {background-image:url(img/menu_perfumeria.gif)}
#menuEsquerra_perfumeria:hover, #es_menuEsquerra_es_perfumeria:hover, #en_menuEsquerra_en_perfumeria:hover {background-image:url(img/menu_perfumeria_hover.gif)}
#menuEsquerra_compromis, #es_menuEsquerra_es_compromis, #en_menuEsquerra_en_compromis {background-image:url(img/menu_compromis.gif)}
#menuEsquerra_compromis:hover, #es_menuEsquerra_es_compromis:hover, #en_menuEsquerra_en_compromis:hover {background-image:url(img/menu_compromis_hover.gif)}
#menuEsquerra_contacta, #es_menuEsquerra_es_contacta, #en_menuEsquerra_en_contacta {background-image:url(img/menu_contacta.gif)}
#menuEsquerra_contacta:hover, #es_menuEsquerra_es_contacta:hover, #en_menuEsquerra_en_contacta:hover {background-image:url(img/menu_contacta_hover.gif)}
#menuEsquerra_noticies, #es_menuEsquerra_es_noticies, #en_menuEsquerra_en_noticies {background-image:url(img/menu_noticies.gif)}
#menuEsquerra_noticies:hover, #es_menuEsquerra_es_noticies:hover, #en_menuEsquerra_en_noticies:hover {background-image:url(img/menu_noticies_hover.gif)}


/* *** dreta *** */
/* submenu superior i imatge seccio */
#cxsuperior {margin:0;padding:0;border-bottom:1px solid #EDEDED}
#cxsuperior #submenu, #cxsuperior {background-repeat:no-repeat;background-position:top right;min-height:115px}
* html #cxsuperior #submenu, * html  #cxsuperior #imgseccio {height:115px}
#cxsuperior #submenu {width:269px;float:left}
#cxsuperior #imgseccio {width:291px;float:right}
#cxsuperior #imgseccio span {display:none}
/* submenu */
div#submenu {text-align:right}
div#submenu .menu {width:161px;float:right;padding-top:25px;position:relative;right:-1px}
div#submenu {font-size:.7em}
div#submenu span {text-decoration:none;background-repeat:no-repeat;width:157px;padding:2px 4px 4px 0px;margin-bottom:5px;display:block;cursor:pointer}

/* contingut dreta */
#cxcont {background-color:#fff;border:1px solid #EDEDED;padding:5px;margin-top:0px;min-height:540px}
* html #cxcont {height:540px}
h2#titolSeccio {font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;margin:0;border-bottom:1px solid #EDEDED;padding:5px 3px 0 6px;display:block;width:530px}
#cxcont #costext {color:#333333;font-size:0.70em;padding:10px 10px 10px 15px;line-height:150%}

.separadorcx {height:5px;min-height:5px;max-height:5px;font-size:0;line-height:0px}

/* PEU */
#peu {background-image:url(img/peu.jpg);height:27px;padding-top:4px}
#peu #avislegal {font-size:0.65em;width:63px;padding:5px 0 0 11px;height:19px;background-image:url(img/botoavislegal.gif);background-repeat:no-repeat;float:right;margin-right:15px}
#peu a.es {margin-left:-5px}

/* Altres estils */
#contconfianca .subtitol {margin-bottom:0;padding-bottom:0} 

/* Estils Formularis */
table.formulari input, table.formulari select {font-size:0.95em} 
span.checkbox {padding-bottom:0}
span.checkbox input {margin-bottom:0}
table.formulari td {padding:3px 3px}
table.formulari td.centrat, td.botoenviar {text-align:center}
table.formulari td.dreta {text-align:right}
table.formulari td.esquerra  {text-align:left}
table.formulari p.resaltat {color:#000;font-size:1.05em}
table.formulari td.text {text-align:justify}
table.formulari td.resaltat {font-size:0.90em;line-height:115%}
span.obligatori {color:red;font-size:0.8em;padding-right:3px}   
table.formulari td.resaltat span.obligatori {font-size:1.2em}
table.formulari td h5 {padding-bottom:0;margin-bottom:0}
table.formulari td.titolForm h5 {margin:0;padding:0}
table.formulari td.notaajuda {font-size:0.8em;color:#666;padding:0 0 0 -10px;margin:0}

/* estils especifics formularis */
.dadescontacte input, .suggerencies input, .borsatreball input {width:200px}
.dadescontacte textarea, .suggerencies textarea, .borsatreball textarea {width:375px;height:140px}
.borsatreball h5 {border-bottom:1px solid #EFEFEF}

table.formulari td.radios input, table.formulari input.boto {width:auto}

/* ESTILS LOGOTIPS MARQUES REPRESENTADES */
.marquesrep td {height:105px;width:33%;text-align:center;vertical-align:middle}

/* Estils llistat de botigues */
.contxarxa address {font-style:normal}
.contxarxa div.botiga {width:46%;float:left;padding:0;margin:0 5px 20px 5px}
.contxarxa div.separador {padding:0;margin:0;border:none;width:100%;display:block}
.contxarxa dl {margin:0;padding:0}
.contxarxa dl dd{margin:0 0 10px 0;padding:0}
.contxarxa dl dt {font-weight:bold;color:#555;margin:0;padding:0}
.contxarxa dl dl dt {color:#555;font-size:.9em} 
.contxarxa p {margin:0;margin:0;padding:0}
.contxarxa h5 {margin:0;border-bottom:1px solid #6B9EAD;margin-right:15px}
.contxarxa .pardinyes dl dd dt {width:40%;float:left;font-size:.9em}
.contxarxa .pardinyes dl dd dd {width:58%;float:left;font-size:.9em}

/* Noticies */
.componentnoticies {font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif}
.componentnoticies .llistatnoticies {font-size:1.2em;color:#333}
.componentnoticies .llistatnoticies div.lloc,
.componentnoticies .llistatnoticies div.autor {display:none}
.componentnoticies .llistatnoticies a.titol {font-size:1.05em}
.componentnoticies hr.net {border:0;border-bottom:1px solid #BBB;margin-bottom:5px;padding-bottom:10px;height:1px;visibility:visible;line-height:0;font-size:0px}
.componentnoticies div.informaciopaginacio {font-size:.9em}

/* detall noticia */
.componentnoticies  div.titol {font-size:1.2em;color:#BD8E84;font-weight:normal;padding-bottom:5px}

/* cercador noticies */
.componentnoticies .cercador {font-size:1.2em;border:1px solid #ccc;background-color:#efefef;color:#000}
.componentnoticies div.subtitol {clear:none;display:block;float:none;margin-top:1.8em;color:#333}
div.itemimatge .imatge img {margin-top:.4em;margin-bottom:.4em} 

/* Gotta perfumeries cataleg elements */
div.componentcatalegelements dl, div.componentcatalegelements dt, div.componentcatalegelements dd {margin:0;padding:0}
div.componentcatalegelements dt {display:none}
dd.pr_imatge {float:left}
div.componentcatalegelements dd.pr_imatge {margin-top:10px;margin-right:5px}
dd.pr_titol {font-size:small;font-weight:bold}
div.componentcatalegelements dl.element {margin-top:10px}
div.categoriesrelacionades, div.temesrelacionats {width:270px;display:none}
div.temesrelacionats h4 {width:270px;font-size:1em;margin-bottom:10px;padding-bottom:0;border-bottom:1px solid #EDEDED;color:#333}
div.categoriesrelacionades h4 {font-size:.95em;margin-bottom:10px;padding-bottom:0;border-bottom:1px solid #EDEDED;color:#333}
div.categoriesrelacionades dt {margin-left:20px;background-repeat:no-repeat;background-position:0 7px;padding-left:10px}
div.llistatelements dd.pr_titol  {font-weight:normal;background-repeat:no-repeat;background-position:0 7px;padding-left:10px;font-size:.95em}
div.temesrelacionats dd {margin-left:20px;background-repeat:no-repeat;background-position:0 7px;padding-left:10px}
.separadorLeft {clear:left}

.componentcatalegelements .detallelement  {border:0}
.componentcatalegelements span.paginacio {padding-top:0px;margin-top:0px}
.componentcatalegelements .informaciopaginacio {font-weight:normal;font-size:.9em;color:#888;border-top:1px solid #eee;width:70%;margin:0 auto;}
.componentcatalegelements	.element {clear:both;float:none}

.componentcatalegelements div.informaciopaginacio {margin-top:20px;text-align:center}
.componentcatalegelements .categoriesrelacionades dl, div.componentcatalegelements .categoriesrelacionades dt {display:block}
.componentcatalegelements ul{padding-top:15px}

div#destacat h5, div#normal h5 {margin-bottom:0}
.element .pr_imatge_destacada, .element .pr_descripcio_destacada {display:none}
dd.pr_subtitol {font-weight:bold}

#promocio {width:200px;text-align:center}
#promocio img {border:1px solid #EDEDED} 

/* estils especials consells + perfumeria */
#normal {margin-top:20px}
#normal .pr_descripcio {display:none}
#normal h5 {margin-top:0;padding-top:0;margin-bottom:0;padding-bottom:0}
#normal .componentcatalegelements {margin:0 0 5px 10px;padding:0 0 0 5px}
#normal dd.pr_imatge,
#normal dd.pr_subtitol {display:none}
	
#destacat div.componentcatalegelements {margin:0;padding:0}
#destacat .pr_descripcio {margin:0 0 0 3em;padding:0;font-size:.9em;color:#333;line-height:110%}
#destacat dd.pr_subtitol {font-weight:normal}
#destacat div.llistatelements dd.pr_titol {background-image:none;font-size:1em;padding-left:0px;}
#destacat .NoResultats {display:none}
#destacat img {padding-left:10px}

#promocio {display:none}