html, body { 
   background:#FFFFFF;
   height:100%;
   padding:0px;
   margin:0px;
   border:0px none;
   overflow:hidden;
}
body {
   background:#FFFFFF;
   border: 0px none;
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   height:100%;
   overflow:hidden;
   font-size:     0.81em;
}

.hide {
   clear: both;
}

/*
 * = Layout
 */

#wrapper1 {
  width: 777px;
  height: 99%;
  margin-top:  0px;
  margin-left: auto;
  margin-right: auto;
}

#header {
  height:  110px;
  padding: 5px 0 0 0;
  margin: 0 0 5px;
  background: url(images/bg_header2.jpg) bottom left repeat-x;
}
#wrapper2{
   height: 70%;
   width: 100%;
}
#mainmenu,
#content,
#sidebar{
   height: 95%;
   float: left; 
   margin: 0;
   padding: 0;
}
#sidebar{
   position: relative;
   top: 0px;
   left: 0px;
}

#mainmenu{
  width: 150px;
}

#content {
   width: 450px;
   _width: 420px;
   padding: 0 10px;
}

#sidebar {
   width: 150px;
   _width: 160px;
   padding-left:0px;
   border-left: 1px solid #aaa;
}

#footer {
  height:      10px;
  text-align: left; 
  margin:       10px auto;
  padding:      0.5em 0;
  border-top:  1px solid #667788; 
  font-size:   10px;
  color:        #7b7b7b;
}

#overflow {
   width: 100%;
   padding-right: 10px;
   margin-top: 10px;
   height: 100%;
   overflow: auto;
}
/**
 * End Layout
 */
 
/**
 * =Header
 */
#logo {
  float:    left;
  padding: 0;
}

#header_navigation {
  float:      right;
  width:      500px;
  padding:   0;
  margin:     0;
  height:     20px;
  font-family: "Times";
  font-size: 0.9em;
}

ul#global-i18n {
  margin: 0 0 0 180px;
  _margin-left: 100px;
  float:          left;
  list-style-type:            none;
  padding:                    0;
}
ul#global-i18n li {
  display:                    inline;
}

ul#global-i18n li a {
  color:                      #666;
  padding:                    0px 2px;
  text-decoration:            none;
}
ul#global-i18n li a:hover {  
  text-decoration:            underline;
  background-color:           transparent;
}

ul#global-primary {
  float:          right;
  list-style-type:            none;
  padding:                    0;
  margin:                     0;
}
ul#global-primary li {
  display:                    inline;
}
ul#global-primary li a {
  color:                      #666;
  padding:                    0px 5px;
  text-decoration:            none;
}
ul#global-primary li a:hover {  
  text-decoration:            underline;
  background-color:           transparent;
}

/**
 * End Header Navigation
 */
 
/**
 * =Breadcrumbs
 */
#breadcrumb-container {
  text-align:  left;
  padding:      0px 0 5px;
  font-size:   0.7em;
  margin:       0;
}
.breadcrumb {
  display:                    inline;
}
.breadcrumb a {
  text-decoration:            none;
}
.breadcrumb a:link {
  color:                      rgb(51, 85, 136);
}
.breadcrumb a:visited {
  color:                      rgb(102, 119, 119);
}
/**
 * End Breadcrumbs
 */


/**
 * =Local Tasks
 */

#local-tasks {
   text-align:  right;
   padding: 0;
   margin: 0;
   font-size: 0.8em;
}

/** Primary **/

ul.primary li {
  display:                    inline;
}
ul.primary li a {
  white-space:                nowrap;
  color:                      #777;
  line-height:                13px;
  text-decoration:            none;
  margin:                     0 -3px 0 0;
  padding:                    4px 5px 2px;
  text-decoration:            underline;
}

ul.primary li.active a {
  color:                      #121212 !important;
  background-color:           #fff;
  text-decoration:            none;
}
ul.primary li.active a:hover {
  cursor:                     default;
}
ul.primary li a:active, ul.primary li.active a:hover {
  color:                      #121212;
  background-color:           #fff;
  text-decoration:            none;
}
ul.primary li a:hover {
  color:                      #fff;
  background-color:           #585858;
}
/**
 * =End Local Tasks
 */

/**
 * =Menu Principal
 */

#mainmenu {
  margin:     0;
  padding:    0;
  font-size: 0.8em;
}
#mainmenu ul,
#desplegable ul {
  list-style: none;
}
#mainmenu li,
#desplegable li{
  display:      block;
  padding:      0px 0 2px 15px !important;
  margin:       0 !important;
  background:  transparent url(images/menu_item.jpg) 6px 4px no-repeat;
  color:        #44f;
}

#mainmenu ul li ul li ul li{
  background-image: none; /*Amagar els jpg del 3r nivell del menu*/
}

#mainmenu li a:link,
#mainmenu li a:visited { 
  text-decoration:  none;
  color: #444;
  background-color: transparent; 
}

#mainmenu a:hover {
  text-decoration: underline;
}
#mainmenu a.active {
  font-weight: bold;
}
#mainmenu a.active:hover {
  text-decoration: none;
}
/**
 * =End Menu Principal
 */
 
/**
 * =Menu Desplegable Flascons
 */

#desplegable{
  margin:     0;
  padding:    0;
  font-size: 0.81em;
}
#desplegable h3{
   font-size: 1.2em;
   padding-left: 10px;
}
#desplegable li{
  display:      block;
  padding:      0 0 0 15px !important;
  margin:       0 !important;
  background:  transparent url(images/menu_item.jpg) 6px 4px no-repeat;
  color:        #44f;
}
#desplegable ul li ul li {
  padding:      0 0 0 5px !important;
  background-image: none;
}
/**
 * =End Menu Desplegable
 */

/**
 * =Forms
 */

form, fieldset {
  margin-top: 2px;
  margin-bottom:              0.8em;
}
fieldset {
  margin:                     0 0 0.8em;
  padding:                    6px 16px 8px;
  background-color:           #f7f7f7;
}
legend {
  font-weight:                bold !important;
  font-size:                  11px;
  margin-left:                -2px;
  color:                      #787878;
}
.form-item {
  margin-bottom:              1.0em;
}
.form-item label {
	font-size: 0.8em;
}

input.form-text, input.form-password, textarea {
  font-size:                  10px;
  padding:                    2px;
}
textarea {width:400px;}
input.form-text:focus, textarea:focus {
   background-color:           #fffff6;
}
label:hover, .form-item label {
  cursor:                     pointer;
  padding:                    2px 0;
}
label:hover {
  background-color:           #ffc;
}

#main td .form-item input.form-text {
  width:                      92% !important;
}

/** Node edit admin fieldsets **/
.node-form .admin .authored, .node-form .admin .options, .node-form .admin .extra {
  display:  none;
}
.flexinode-2 .node-form .admin .options,
.page-node-add-flexinode-2 .node-form .admin .options{
  display: block;
}

.node-form .admin .authored .form-item, .node-form .admin .authored, .node-form .admin .options, .node-form .admin .extra {
  margin-bottom:              0.8em;
}
.node-form .admin .authored .form-text  {
  width:                      auto;
}
.node-form .admin .authored, .node-form .admin .options, .node-form .admin .extra {
  float:                      left;
  margin-right:               1.4em;
}
.node-form .standard {
  clear:                      both;
}
.marker, .form-required {
  color:                      #f00;
}

/**
 * =Filter tips
 */

ul.tips {
  font-size:                  0.9em;
  line-height:                1.2em;
  margin-top:                 4px;
}
.form-item .tips {
  margin-left:                0;
}
/*
 * Taules
 */

table.formulari {
  border:                     0px;
  width:                      98%;
  border-collapse:            collapse;
  padding:                    0;
  margin:                     0;
}
table.color1 {
  background-color:           #ddf8f3;
}
table.color2 {
  background-color:           #fcf1d5;
}

table.formulari tr,
table.formulari th,
table.formulari td {
   border: 0px;
}
table.formulari td {
   padding: 2px 4px 2px;
   border: 0px;
}

table.llista2{
   width: 380px;
   margin-top: 5px;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #333;
   border-spacing: 0;
   border-collapse: collapse;
   text-align: left;
   font-size: 0.9em;
}
table.llista2 img{
   width: 80px;
}
table.llista2 table{
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   border: 0;
   border-collapse:            collapse;
}
table.llista2 td{
   vertical-align: top;
}
table.llista2 table th{
   background-color: #d1e1fb;
   padding-left: 5px;
   height: 20px;
}
table.llista2 table td{
   padding: 5px;
}



.user-register form,
.user-password form,
.user-login form,
.user form {
  border:                     0px;
  width:                      98%;
  border-collapse:            collapse;
  padding:                    4px;
  margin:                     0;
  background-color:           #fcf1d5;
}

/* evitem que es vegin les diferents opcions */
.user-register #local-tasks,
.user-password  #local-tasks,
.user-login #local-tasks {
/*   display: none;*/
}

.block-block form {
  border:                     0px;
  width:                      98%;
  border-collapse:            collapse;
  padding:                    4px;
  margin:                     0;
  background-color:           #fff;
}

#btn_enviar{
   width: 60px;
   height: 40px;
   border: 0px;
   color: #eee;
   font-weight: bold;
}
.ca #btn_enviar,
.es #btn_enviar{
  background: url(images/gota_enviar.gif) no-repeat;
}
.fr #btn_enviar{
  background: url(images/gota_envoyer.gif) no-repeat;
}
.en #btn_enviar{
  background: url(images/gota_send.gif) no-repeat;
}

/**
 * =Blocks
 */

/* listat presentacions perfums */
.flexinode-list2 #block-block-8{
   margin-top: 0px;
   height: 270px;
   overflow: auto;
}
/* cerca segons flexinode */
#block-block-10{
   margin: -20px 0 0 0;
   padding: 0;
}
#block-block-13{
/*   position: absolute;
   top: 100px;*/
}


/** Regular block content **/

.block-header{
   display: none;
}

.block {
  margin-left:                4px;
  padding:                    0;
  margin-bottom:              1.2em;
}
.block .block-content {
/*   font-size:                  0.85em; */
  margin-bottom:              0.8em;
  overflow:                   hidden; /* fixes whitespace bug in IE */
}

.block .block-content h2, 
.block .block-content h3, 
.block .block-content h4, 
.block .block-content h5 {
   font-size: 0.81em;
   margin:     0;
}
.block .block-content h2 {
/*    font-size: 1.1em */
}
.block .block-content ul,
.block .block-content p,
.block .block-content ol,
.block .block-content dl {
  margin: 2px 3px;
  padding: 0;
}
.block .block-content ul li, 
.block .block-content ol li {
  line-height:                1.6em;
  margin:                     0 0 0 0;
  padding:                    0 0 0 3px;
/*   font-size:                  0.9em; */
}

/** User login block **/

.sidebar input.form-text#edit-name {
  width:                      100px;
}

.sidebar input.form-text, .sidebar input.form-password {
  width:                      60px !important;
}
.block-content .icon-feed {
  text-align:                 center;
  padding:                    1.0em 0 0;
}

/** =Both **/

.container-right {
  padding:                    0px 8px;
}

/** =Right **/
.container-right {
   border-left: 1px solid #778899;
   min-height: 350px;
   background: #fff;
}

#sidebar .block h2 {
  color:                      #fff;
  background:                 url(images/bg_block_head.png) repeat-x top left;  
  border-bottom:              1px solid #004D81;
  line-height:                1.0em;
  padding:                    0 3px;
  margin-bottom:              0.8em;
}
#sidebar .block h2 span {
  display:                    block;
  padding:                    0.4em 4px 1px 14px;
}
#sidebar .block-content {
  margin:                 0em;
}



/** Page title **/

h1.page-title {
  font:                       2.2em Arial, Helvetica, sans-serif;
  margin:                     0 0 14px;
  line-height:                1.0em;
  border-bottom:              1px solid #BE0101;
}
h1.page-title-withtabs {
  margin-bottom:              0.2em;
}

div.node {
  margin-bottom:              1.0em;
}

/** Node header **/

div.header .title {
  font:                       1.5em Arial, Helvetica, sans-serif;
  font-weight:                bold;
  line-height:                1.0em;
  margin:                     0.25em 0 6px;
  padding:                    0 0 2px 0;
  border-bottom:              1px solid #3579B2;
}
div.header .title, div.header .title a, div.header .title a:link {
  color:                      rgb(6, 82, 133);
  text-decoration:            none;
}
div.header .title a:hover {
  color:                      rgb(194, 5, 8);
  text-decoration:            underline;
}
.meta {
  margin-bottom:              16px;
  color:                      rgb(151, 151, 151);
}
.meta a {
  color:                      #444;
  text-decoration:            none;
}
.meta a:hover {
  text-decoration:            underline;
}

/** Node Content **/

.content h2 {
/*   font-size:                  1.3em; */
}
.content h3 {
/*   font-size:                  1.1em; */
}
.content h3, .content h4, .content h5 {
  margin-bottom:              0.2em;
}

.read-more {
  text-align:                 right;
  font-style:                 italic;
}
.read-more a {
  text-decoration:            none;
}

/**
 * =Footer
 */


#footer .address{
  float: right;
  color:                      rgb(151, 151, 151);
  text-align:                 right;
font-size: 0.9em;
}

/**
 * =Previews
 */
.preview {
  padding:                    0;
  border:                     2px solid #ef9c00;
  margin:                     0 0 2.0em 0;
  background:                 #ffc;
}
.preview .comment {
  padding:                    0;
  margin:                     0;
}
.preview .comment div.header {
  background-color:           #ff6;
  border-bottom:              1px solid #000;
  padding:                    8px 10px;
  margin:                     -1.1em 0 0;
}
.preview .comment div.header .title {
  margin:                     0;
  padding:                    0;
  border-bottom:              0;
  color:                      #000;
  text-decoration:            none;
  background-image:           none;
  background-color:           transparent;
}
.preview .comment div.header .meta {
  color:                      #444;
  margin:                     0;
  padding:                    0;
}
.preview .comment div.header .meta a {
  color:                      #000;
}
.preview .comment div.header .meta a:hover {
  color:                      #000;
  text-decoration:            underline;
}
.preview .comment div.content {
  padding:                    8px 10px;
}
.preview .comment div.footer {
  border-top:                 none;
  display:                    none;
}
.preview .main-content .box {
  margin:                     0 0 2.0em 0;
}
.flexinode-29 .comment .footer {
	font-size: 0.81em;
}

/**
 * =Comments
 */

/** Normal comments **/

.comment .title {
  padding:                    4px;
  margin:                     0 0 0 -4px;
  border-bottom:              0;  
  line-height:                1.2em;
  background-color:           #f7f7f7;
}
.comment a.comment-permalink {
/*   font-size:                  0.9em; */
  color:                      #b8b8b8;  
  text-decoration:            none;
}
.comment .title:hover a.comment-permalink {
  color:                      rgb(194, 5, 8);
  text-decoration:            underline;
}
.comment .content {
  line-height:                1.4em;
}
.comment-footer .links {
/*   font-size:                  0.9em; */
}
.comment .comment-author, .comment .comment-author a {
/*   font-size:                  1.1em; */
  color:                      purple;
}
.comment .comment-date {
/*   font-size:                  0.9em; */
  color:                      #6b6b6b;
}
#comment-moderation-button {
	display: none;
  margin-top:                 2.0em;
  text-align:                 center;
}

/** New comments **/
div.comment-new .title {
  padding-right:              50px;
  border-bottom:              0;  
  background:                 url(images/bg_comment_new.png) 100% 0px no-repeat;
}

/** Comment replies **/
body.comment-reply .box {
  margin:                     3.0em 0 0;
  padding:                    1.0em;
/*  border:                     1px solid rgb(144, 144, 144);*/
/*  background:                 url(images/bg_comment_reply.png) top left repeat #fff;*/
background-color:           #ddf8f3;
/*  background-color:           #fcf1d5;*/
}

body.comment-reply .box .form-item .form-text, body.comment-reply .box .form-item textarea {
  background-color: rgb(255, 255, 255);
  border-width: 1px;
  border-style: solid;
  border-right-color: rgb(197, 197, 197);
  border-left-color: rgb(197, 197, 197);
  border-bottom-color: rgb(224, 224, 224);
  border-top-color: rgb(144, 144, 144);
  padding: 2px;
  margin: 1px;
}
body.comment-reply .box .form-item label, body.comment-reply .box .form-item span {
/*   font-size:                  0.9em; */
}
body.comment-reply .box h2 {
/*   font-size:                  1.0em; */
  margin:                     0;
  border-bottom:              1px solid #a8a8a8;
}
body.comment-reply .box .content {
  margin-top:                 0;
}



/** Secondary **/

ul#global-secondary {
  clear: both;
  float: left;
  margin:                 0px;
  padding:                0;
  list-style-type:            none;
  font-size:                  0.9em;
}
ul#global-secondary li {
  display:                    inline;
}
ul#global-secondary li a {
  color:                      #666;
  padding:                    0px 4px;
  text-decoration:            none;
}
ul#global-secondary li a:hover {
  text-decoration:            underline;
  background-color:           transparent;
}


/**
 * =Search
 */

#header-search {
  text-align:                 right; /* IE gets confused about what "absolute" means */
  position:                   absolute;
  right:                      8px;
  top:                        16px;
  line-height:                16px;
}
#header-search h2 {
  display:                    inline;
  font-size:                  11px;
  color:                      #fff;
  font-family:                'Lucida Grande', arial, sans-serif;
  padding-right:              8px;
}
#header-search label {
  padding:                    2px 0;
}
#header-search label:hover {
  background-color:           transparent;
  text-decoration: underline;
}
#header-search input {
  font-size:                  11px;
}

/**
 * =Block Elements
 */

h2 {
  font-size:                  1.2em;
  margin-bottom:              0.2em;
  color:                      #1ea4d9;
}
p {
  padding:                    0;
  margin:                     0 0 0.8em 0;
  font-size: 0.8em;
}                             
pre {
  padding:                    0;
  width:                      99%;
  overflow:                   auto;
}


/**
 * =Messages
 */

.messages {
  font-size:                  1.0em;
  line-height:                1.5em;
  color:                      #4c4c4c;
  margin-bottom:              1.0em;
}
.messages ul {
  margin:                     0;
  padding:                    0;
}
.messages ul li {
  list-style:                 none;
  margin:                     0;
  padding:                    3px 1px 3px 20px;
  background:                 url(images/icon_bullet_gray.png) no-repeat 4px 5px;
}
.messages .item-list,
.item-list h3 {
  margin-top: 0;
  margin-bottom: 5px;
}
form .messages  {
  background-image:           none; 
}


/**
 * =Status
 */

.messages .status {
  background:                 url(images/bg_status.png) repeat;
  margin:                     0.8em 0;
  padding:                    12px;
  font-weight:                bold;
  border:                     2px solid #E1F2D8;
}  
.messages .status img.icon-status {
  float:                      left;
}
.messages .status .content {
  margin-left:                24px;
}


/**
 * =Description
 */

.description {
  font-size:                  0.9em;
  color:                      #555;
  border-width:               1px 0;
  border-style:               dotted;
  border-color:               #999;
  margin:                     8px 0 16px;
  padding:                    4px 0;
}


/**
 * =Help
 */

#help { 
  /*cursor:                     help;
  background:                 url(images/bg_help.png) repeat;
  border:                     1px solid #ffff9e;
  padding:                    16px 24px 14px 16px;
  margin:                     0 0 1.2em;
  line-height:                1.5em;
*/
}
#help img {
  float:                      left;
}
#help .content {
  margin-left:                10px;
}
#help .more-help-link {
  text-align:                 right;
}
#help a, #help a:visited {
  text-decoration:            none;
  color:                      #f00;
  padding:                    1px;
}
#help a:hover {
  color:                      #fff;
  background-color:           #f00;
}
.help-toggle {
  font-size:                  0.9em;
  text-align:                 right;
/*  margin:                     -10px 4px 4px; */
  margin:                     0 4px 4px;
  line-height:                0.9em;
}
.help-toggle img {
  vertical-align:             middle;
  padding:                    1px;
}
.help-toggle a.toggle-link {
  cursor:                     help;
}


/**
 * =Error
 */
.messages .error {
  background:                 url(images/bg_error.png);
  margin:                     0.8em 0;
  padding:                    12px;
  font-weight:                bold;
}
.messages .error a, .messages .errora:visited {
  text-decoration:            none;
  color:                      #BE0101;
  padding:                    1px;
}
.messages .error a:hover {
  color:                      #fff;
  background-color:           #d34340;
}
.messages .error img.icon-error {
  float:                      left;
}
.messages .error .content {
  margin-left:                24px;
}
.messages .error, .form-item input.error {
  border:                     2px solid #BE0101;
}
.form-item input.error {
  background-image:           none;
}    


/**
 * =Logo
 */

#logo {
  font-weight:                normal;
  font-family:                helvetica, arial, sans-serif;
  text-align:                   left;
}

#logo a:hover {  
  background-color:           transparent; 
}

#site-name {
  margin:                     4px 0 0 4px;
  padding-top:                1.0em;
}

/**
 * =Slogan
 */

#site-slogan { 
  color:                      #efefef;
  clear:                      right;
  float:                      right;
  margin:                     -1.5em 0 0 0;
  padding:                     0 8px 2px 0;
}
#site-slogan span {
  margin:                     0;
  padding:                    6px 6px 2px 170px;
}



/**
 * =Icons
 */

.icon {                       
  background-repeat:          no-repeat;
  background-position:        0% 50%; 
  padding:                    5px 5px 5px 20px;  
}
.icon-comment {
  background-image:           url(images/icon_comment.png);
}
.toggle-button img {
  width:                      10px;
  height:                     10px;
}

/**
 * =Inline Elements
 */

q {
  quotes:                     "\201C" "\201D" "\2018" "\2019";
}
q:before {
  content:                    open-quote;
}
q:after {
  content:                    close-quote;
}
abbr[title], acronym[title] {
   border-bottom:              1px dotted #666;
   cursor:                     help;
   font-style:                 italic;
}
small {
  font-size:                  10px;
}
.ok {
  color:                      #080;
}
.path {
  padding-bottom:             0.7em;
  font-size:                  1.1em;
}


/**
 * =Links
 */

a {
  text-decoration:            none; 
  padding:                    1px; 
}
a:link { 
  color:                      #065285; 
}
a:visited { 
  color:                      #10598A; 
}
a:hover { 
/*   color:                      #C20508;  */
color: #0652ff;
  text-decoration:            underline;
}
a.toggle-link, a.toggle-link:visited {
  text-decoration:            none;
  color:                      #f00;
}
a.toggle-link:hover {
  color:                      #fff;
  background-color:           #f00;
}
.links .read-more {
  font-style:                 italic;
}
.terms a{
   color: #99f;
   }
.terms {
   font-size: 0.8em;
   }

.cancel-link {
  margin-left:                8px;
  font-family:                verdana;
  font-size:                  11px; /* I rarely use pixel sizes, but this should be consistent */
}
.cancel-link a, .cancel-link a:visited {
  color:                      #f00;
  padding:                    1px;
}
.cancel-link a:hover {
  color:                      #fff;
  background-color:           #f00;
}
.more-link {
  text-align:                 right;
}


/**
 * =Profile
 */

.profile .picture {
  float:                      right;
  margin:                     0 0 7px 7px;
}
.profile .form-item {
  margin-bottom:              0.8em;
}
body.user-track .replies {
  text-align:                 center;
}

/**
 * =User Pictures - Avatars
 */

.user-picture {
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 0px;
  float: right;
}

.user-picture .picture a img { 
  border: 1px solid #004A72;
  background-color: #6699CC;
  padding: 1px;
  margin: 0px;
}

.ambit {
   clear:both;
}
.ambit h3,
.subcontent h3{
   font-style: italic;
   font-family: Times, "Times New Roman", serif;
}
.ambit p{
   text-align: justify;
}
.ambit #imgslide{
   width: 200px;
   height: 185px;
   background:    url(images/ambit_fons.jpg) 0px 0px no-repeat;
}
.ambit #imgslide img{
   float: left;
   margin-left: 25px;
   margin-top: 20px;
}
.hidden{
   display: none;
}

#ambit_left {
   float: left;
   width: 200px;
}

#ambit_right {
   float: right;
   width: 230px;
   padding-right: 5px;
}
.biblio_left{
   margin-top:30px;
   float: left;
   width: 150px;
   _width: 100px;

}
.biblio_right{
margin-top:30px;
   float: left;
   width: 290px;
   _width: 200px;
}

/* Llibres */
.flexinode-list #overflow .flexinode-16{
   background:    url(images/llibres.jpg) 5px 5px no-repeat;
   min-height: 80%;
}

.page-flexinode-list-2 .flasco, 
.page-flexinode-list-3 .llibre,
.page-flexinode-list-4 .publicitat,
.page-flexinode-list-5 .visites,
.page-flexinode-list-14 .llibre,
.page-flexinode-list-16 .llibres_descarregar {
   width: 200px;
   font-family: times;
   background:    url(images/llibres_punt.jpg) 0px 2px no-repeat; 
}

.page-flexinode-list-2 .content_flasco,
.page-flexinode-list-3 .content_llibre,
.page-flexinode-list-4 .content_publicitat,
.page-flexinode-list-5 .content_visites,
.page-flexinode-list-14 .content_llibre,
.page-flexinode-list-16 .content_llibres_descarregar {
   margin-left: 15px;
}
.page-flexinode-list-2 .flasco h2 a{
   text-decoration:            none;
}

/* Visites per descarregar */
.page-flexinode-list-5 #overflow {
  background:    url(images/visites.jpg) 10px 10px no-repeat;
}

.page-flexinode-list-5 .visites h2 a{
   text-decoration:            none;
}

.page-flexinode-list-5 .visites a{
   margin: 0px;
   padding: 0px;
}

.content_oferta {
   margin: 0 0 10px;
   padding-bottom: 10px;
   clear:both;
   border-top: 1px solid #999;
}
.content_oferta h3,
.content_demanda h3{
   font-style: italic;
   font-family: Times, "Times New Roman", serif;
   margin: 0;
}
.content_oferta p,
.content_demanda p{
   margin: 0px 10px 0 0;
}

.content_oferta img{
   float:left;
}

/* Productes botiga */
.content_producte p,
.content_llibre p {
   margin: 5px 10px 0 0;
}


/* llibres */
.content_llibre img{
   float: left;
   margin: 5px 10px 0 0;
}

/* Llibres per descarregar */
.page-flexinode-list-16 .llibres_descarregar a {
   margin: 0px;
   padding: 0px;
}


p.list2 {
   background:    url(images/bullet.jpg) 0px 1px no-repeat;
   margin: 2px 0 2px 40px;
   padding-left: 12px;
}

#flexisearch{
   padding-left: 35px;
   font-size: 0.8em;
}

h2.list3 {
   line-height: 7px;
   font-size: 0.7em;
   margin-left: 0px;
   padding-left: 10px;
   text-align: left;
}

h2.list a,
/* h2.list2 a, */
h2.list3 a{
   text-decoration:            none;
   font-size: 0.9em;
   margin: 0px;
   padding: 0px;
}
.subcontent {
   margin: 0px;
   padding: 0;
}

.subcontent h3{
   margin: 0px 0 0 0;
   padding: 0;
}
.subcontent .item-list h3{
   margin-left: 10px;
}
.subcontent .item-list ul {
   margin: 0;
   padding: 0 0 0 30px;
   list-style: none;
}

.subcontent .item-list ul li{
   font-size: 0.8em;
}

.subcontent .flex_label,
#content_flasco_bottom .flex_label{
   font-weight: bold;
}
.subcontent p{
}
#content_flasco_bottom p.boto{
   padding: 5px 0.5em;
   margin: 5px 0;
   border: 1px solid #778;
   background: #DDE;
   text-decoration: none;
   text-align: center;
   width: 10em;
}


/* Publicitat */
.page-flexinode-list-4 #overflow {
  background:    url(images/publicitat.jpg) 10px 10px no-repeat;
}
#content_flasco,
#content_flasco_bottom{
   clear:both;
}

#content_publicitat img,
#content_llibres_descarregar img,
#content_llibre img,
#content_flasco img,
#content_producte img,
#content_directorspublicitat img,
#content_fotografs img,
#content_models img,
#content_creadors img,
#content_nassos img,
#content_casaperfumeria img,
#content_dibuixant img,
#content_essencies img,
#content_musica img {
   float: left;
   margin: 0 10px 5px 0;
   padding: 0px;
   max-width: 200px
}

/**
 * =Pager
 */

#pager,
#filter {
  width: 325px;
  margin: 0px auto;
  text-align:  center;
  font-size: 0.8em;
}
#pager{
   margin-top:-15px;
}
.flexinode-list #pager{
   margin-top:10px;
}

#filter {
   clear: both;
   margin-top:10px;
   height: 35px;
   background: url(images/filter_footer.jpg) bottom left no-repeat;
}

#pager a {
  text-decoration:            none;
  display:                    inline;
  margin:                     0 0.1em;
}
#filter a,
#filter span.char {
  text-decoration:            none;
  display:                    inline;
  margin:                     0em 0.2em;
  padding: 0;
  float: left;
}
#pager a:hover,
#filter a:hover {
  text-decoration:            underline;
}
.pager-detail {
  display:                    inline;
  margin:                     0 0.4em;
}
.pager-record-count, .pager-total {
  font-weight:                bold;
}

/**
 * =User Login
 */

div.user-login-block {
   padding: 0px;
}
div.user-login-block .label-username {
   display: block;
}

div.user-login-block label {
   font-size: 0.8em;
   margin: 0;
}
div.user-login-block input {
   font-size: 0.8em;
   height: 10px;
   width: 40px;
}
div.user-login-block .form-submit {
   font-size: 0.8em;
   height: 20px;
}
div.user-login-block .login{
   margin-left:70px;
}
div.user-login-block a{
   font-size: 0.9em;
}

#block-block-7 .block-content{
   margin-left: 0;
   padding-left: 5px;
   border-bottom: 1px solid #aaa;
}
#block-block-6 ul li,
#block-block-9 .item-list ul li,
#block-block-14 .item-list ul li {
	font-size: 0.8em;
}
.forum_item {
   clear: both;
   margin-bottom: 10px;
   padding: 5px;
   border: 1px solid #aaa;
   height: 70px;
}
.forum_item .forum_left {
   float: left;
   width: 330px;
   _width: 320px;
}
.forum_item .forum_right {
   float: right;
   width: 90px;
}

.forum_item img {
   float: left;
   margin:5px 10px 5px 5px;
   padding: 0;
}
.forum_item h3 {
   font-size: 1em;
   text-decoration: none;
   margin: 5px 0;
   padding: 0px;
}
.forum_item p {
   font-size: 0.8em;
   padding: 0px;
}
.forum_item .forum_left p,
.forum_item .forum_left h3 {
   margin-left: 90px;
}

.descarrega_item {
   clear: both;
   width: 90%;
   height: 70px;
   margin: 3px;
}
.descarrega_item img{
   float: left;
   margin: 5px;
}
.descarrega_item h4{
   margin: 0;
}

.content_portada{
   float: right;
   margin: 0px;
   padding: 0px;
}

.content_portada img {
   float: right;
   margin: 0px;
   padding: 0px;
}

#list_flexinode-6,
#list_flexinode-22,
#list_173,
#list_174,
#list_175,
#list_176,
#list_flexinode-28,
#list_flexinode-19,
div#list_flexinode-21,
#list_flexinode-23,
#list_flexinode-24,
#list_flexinode-25,
#list_flexinode-26{
   padding-top: 100px;
   min-height:140px;
}
#list_flexinode-7 {
   padding-top: 50px;
}

.banner {
	margin-bottom:10px;
}
/* banners en català */
.ca #list_flexinode-6{background: url(images/banners/links_interes_cat.gif) top center no-repeat;}
.ca #list_flexinode-22{background: url(images/banners/narices_cat.jpg) top center no-repeat;}
#list_173{background: url(images/banners/esencias_cat.jpg) top center no-repeat;}
.ca #list_flexinode-28{background: url(images/banners/musica_cat.jpg) top center no-repeat; }
.ca #list_flexinode-19{background: url(images/banners/dibujantes_cat.jpg) top center no-repeat;}
.ca #list_flexinode-23{background: url(images/banners/frascos_cat.jpg) top center no-repeat;}
.ca #list_flexinode-24{background: url(images/banners/modelos_cat.jpg) top center no-repeat;}
.ca #list_flexinode-25{background: url(images/banners/fotografos_cat.jpg) top center no-repeat;}
.ca #list_flexinode-26{background: url(images/banners/publicidad_cat.jpg) top center no-repeat;}
.ca #list_flexinode-7 {background: url(images/labotiga_cat.gif) top center no-repeat;}
.ca #list_flexinode-21 {background: url(images/banners/cases_perfumeria_cat.gif) top center no-repeat;}
/* banners en espanyol */
.es #list_flexinode-6{background: url(images/banners/links_interes_esp.gif) top center no-repeat;}
.es #list_flexinode-22{background: url(images/banners/narices_cas.jpg) top center no-repeat;}
#list_174{background: url(images/banners/esencias_cas.jpg) top center no-repeat;}
.es #list_flexinode-28{background: url(images/banners/musica_cas.jpg) top center no-repeat; }
.es #list_flexinode-19{background: url(images/banners/dibujantes_cas.jpg) top center no-repeat;}
.es #list_flexinode-23{background: url(images/banners/frascos_cas.jpg) top center no-repeat;}
.es #list_flexinode-24{background: url(images/banners/modelos_cas.jpg) top center no-repeat;}
.es #list_flexinode-25{background: url(images/banners/fotografos_cas.jpg) top center no-repeat;}
.es #list_flexinode-26{background: url(images/banners/publicidad_cas.jpg) top center no-repeat;}
.es #list_flexinode-7 {background: url(images/labotiga_cast.gif) top center no-repeat;}
.es #list_flexinode-21 {background: url(images/banners/cases_perfumeria_cast.gif) top center no-repeat;}
/* banners en anglès */
.en #list_flexinode-6{background: url(images/banners/links_interes_eng.gif) top center no-repeat;}
.en #list_flexinode-22{background: url(images/banners/narices_eng.jpg) top center no-repeat;}
#list_175{background: url(images/banners/esencias_eng.jpg) top center no-repeat;}
.en #list_flexinode-28{background: url(images/banners/musica_eng.jpg) top center no-repeat; }
.en #list_flexinode-19{background: url(images/banners/dibujantes_eng.jpg) top center no-repeat;}
.en #list_flexinode-23{background: url(images/banners/frascos_eng.jpg) top center no-repeat;}
.en #list_flexinode-24{background: url(images/banners/modelos_eng.jpg) top center no-repeat;}
.en #list_flexinode-25{background: url(images/banners/fotografos_eng.jpg) top center no-repeat;}
.en #list_flexinode-26{background: url(images/banners/publicidad_eng.jpg) top center no-repeat;}
.en #list_flexinode-7 {background: url(images/labotiga_ingl.gif) top center no-repeat;}
.en #list_flexinode-21 {background: url(images/banners/cases_perfumeria_ingl.gif) top center no-repeat;}
/* banners consulta en francès */
.fr #list_flexinode-6{background: url(images/banners/links_interes_fr.gif) top center no-repeat;}
.fr #list_flexinode-22{background: url(images/banners/narices_fr.jpg) top center no-repeat;}
#list_176{background: url(images/banners/esencias_fr.jpg) top center no-repeat;}
.fr #list_flexinode-28{background: url(images/banners/musica_fr.jpg) top center no-repeat; }
.fr #list_flexinode-19{background: url(images/banners/dibujantes_fr.jpg) top center no-repeat;}
.fr #list_flexinode-23{background: url(images/banners/frascos_fr.jpg) top center no-repeat;}
.fr #list_flexinode-24{background: url(images/banners/modelos_fr.jpg) top center no-repeat;}
.fr #list_flexinode-25{background: url(images/banners/fotografos_fr.jpg) top center no-repeat;}
.fr #list_flexinode-26{background: url(images/banners/publicidad_fr.jpg) top center no-repeat;}
.fr #list_flexinode-7 {background: url(images/labotiga_fran.gif) top center no-repeat;}
.fr #list_flexinode-21{background: url(images/banners/fabricantes_fr.jpg) top center no-repeat;}

table.enllac {
   width: 380px;
   margin: 5px auto 0 auto;
   padding: 0;
   border:                     1px solid #a9a9a9;
}
table.enllac td {
   padding: 0;
}

table.enllac td.salta {
   background: #beeffd url(images/link_salta.jpg) 5px 5px no-repeat;
}

a.enllac{
   font-size: 0.8em;
   margin: 0px;
   padding: 0;
   text-decoration: none;
}

#list_f table{
   width: 300px;
   height: 53px; 
   margin-left:20px;
   margin-top:8px;
}

.descarregar #overflow a,
.download #overflow a,
.descargar #overflow a,
.telecharger #overflow a {
   float: left;
}
.descarregar #overflow img.fons,
.download #overflow img.fons,
.descargar #overflow img.fons,
.telecharger #overflow img.fons {
   padding: 2px;
   border: 1px solid #333;
   width: 120px;
}
#triangle,
#altres{
   display: none;
}
#triangle_inner{
   height: 250px;
   font-size: 1.1em;
}
.ca #triangle_inner{
   background: url(images/pop-up_cat.gif) top left no-repeat;
}
.es #triangle_inner{
   background: url(images/pop-up_cast.gif) top left no-repeat;
}
.en #triangle_inner{
   background: url(images/pop-up_ingl.gif) top left no-repeat;
}
.fr #triangle_inner{
   background: url(images/pop-up_fran.gif) top left no-repeat;
}

#triangle_inner .sortida {
   float: left;
   position: absolute;
   top: 60px;
   left: 190px;
   width: 200px;
}
#triangle_inner .cor {
   float: left;
   position: absolute;
   top: 140px;
   left: 160px;
   width: 200px;
}
#triangle_inner .fons{
   float: left;
   position: absolute;
   top: 220px;
   left: 135px;
   width: 200px;
}

#altres_inner{
   padding: 5px;
}
#altres_inner p{
   font-size: 1em;
}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
/*  font: bold 12px Verdana, sans-serif; */
font-size: 0.8em;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 height:100px; 
 overflow:auto; 
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
.flexinode-2 select{
	width: 350px;
}
img.firma{
	float:none;
}
.subcontent .item-list{
	clear: both;
}