/* Classes generiques */

body {
   background-image: url('/img/fons.png');
   color: #000000;
   margin: 0;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
}

body.Imatges {
   background-image: url(/img/none.gif);
   background-color: #ffffff;
   color: #000000;
   margin: 0;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
}

img {
   border:0;
   margin:0;
}

input {
   background-color: #ffffff;
   border: 1px solid black;
   color: #737376;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding: 0px 1px 0px 1px;
}

select {
   background-color: #ffffff;
   border: 1px solid black;
   color: #737376;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
}

textarea {
   background-color: #ffffff;
   border: 1px solid black;
   color: #737376;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
}


/* IDs específics */

div#General {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   width: 944px;
}

div#GeneralInner {
   background-color: #ffffff;
   margin-bottom: 14px;
   float: left;
   padding: 0px 5px 5px 5px;
   position: relative;
   width: 100%;
}

div#Cap {
   float: left;
   position: relative;
   width: 944px;
}

div#CapTira {
   background-image: url('/img/tira.gif');
   float: left;
   position: relative;
   height: 74px;
   width: 359px;
}

div#CapTira p {
   background-color: #dc332a;
   color: #ffffff;
   font-weight: bold;
   margin: 50px 0px 0px 30px;
}

div#CapLogo {
   /*clear: left;*/
   float: left;
   position: relative;
   width: 359px;
}

div#CapMenu {
   /*clear: left;*/
   float: left;
   position: relative;
   width: 359px;
}

div#CapFlash {
   float: right;
   height: 264px;
   position: relative;
   width: 585px;
}

div#CapIdiomes {
   background-color: #000000;
   color: #ffffff;
   float: right;
   height: 20px;
   position: relative;
   width: 585px;
}

div#CapLogopetits {
   float: right;
   padding-top: 4px;
   position: relative;
   text-align: right;
   width: 585px;
}

div#CapLogopetits img {
   margin-left: 4px;
   vertical-align: middle;
}

div#Cos {
   background-image: url('/img/fons_cos.jpg');
   background-repeat: no-repeat;
   background-position: -1px bottom;
   border-left: 1px solid #000000;
   float: left;
   position: relative;
   width: 100%;
}

div#CosPortada {
   background-image: url('/img/fons_cos.jpg');
   background-repeat: no-repeat;
   background-position: -1px bottom;
   border-left: 1px solid #000000;
   float: left;
   position: relative;
   width: 100%;
}

div#PeuAvislegal {
   clear: both;
   color: #858585;
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 10px;
   /*padding-top: 12px;*/
   position: relative;
   width: 944px;
}

div#PeuAvislegal a {
   color: #858585;
}

div#PeuDades {
   border-top: 1px dotted #858585;
   border-bottom: 1px dotted #858585;
   clear: both;
   color: #858585;
   float: left;
   padding-top: 6px;
   padding-bottom: 6px;
   position: relative;
   text-align: center;
   width: 100%;
}

div#PeuPowered {
   clear: both;
   color: #858585;
   margin-left: auto;
   margin-right: auto;
   padding-top: 10px;
   position: relative;
   text-align: right;
   width: 944px;
}

div#PeuPowered a {
   color: #858585;
   text-decoration: none;
}

div#PeuPowered a:hover {
   text-decoration: underline;
}

/******************************** Scrollers **********************************/
   
.absDiv {
   position: absolute;
   visibility: hidden;
   overflow: hidden;
}

/* Menu */

div.Menu {
   float: left;
   position: relative;
   width: 100%;
}

div.MenuOpcio {
   background-color: #ffffff;
   clear: left;
   color: #84888e;
   float: left;
   font-size: 16px;
   position: relative;
}

div.MenuOpcio a {
   background-color: #ffffff;
   color: #84888e;
   text-decoration: none;
}

div.MenuOpcio a:hover {
   text-decoration: underline;
}

div.MenuOpcioAct {
   background-color: #ffffff;
   border-bottom: 1px solid #dc332a;
   clear: left;
   color: #000000;
   float: left;
   font-size: 16px;
   position: relative;
}

div.MenuOpcioAct a {
   background-color: #ffffff;
   color: #000000;
   text-decoration: none;
}

div.MenuOpcioAct a:hover {
   text-decoration: underline;
}

div.MenuOpcioAct2 {
   background-color: #ffffff;
   clear: left;
   color: #000000;
   float: left;
   font-size: 16px;
   position: relative;
}

div.MenuOpcioAct2 a {
   background-color: #ffffff;
   color: #000000;
   text-decoration: none;
}

div.MenuOpcioAct2 a:hover {
   text-decoration: underline;
}

div.Submenu {
   clear: both;
   float: left;
   position: relative;
}

div.SubmenuOpcio {
   clear: both;
   color: #84888e;
   float: left;
   padding-left: 30px;
   position: relative;
}

div.SubmenuOpcio a {
   color: #84888e;
   text-decoration: none;
}

div.SubmenuOpcio a:hover {
   color: #000000;
}

div.SubmenuOpcioAct {
   border-bottom: 1px solid #dc332a;
   clear: both;
   color: #000000;
   float: left;
   padding-left: 30px;
   position: relative;
}

div.SubmenuOpcioAct a {
   color: #000000;
   text-decoration: none;
}

/* Idiomes */

div.Idiomes {
   background-color: #000000;
   color: #ffffff;
   float: left;
   font-weight: normal;
   padding: 2px 2px 0px 6px;
   position: relative;
}

div.Idiomes span {
   font-weight: bold;
}

div.Idiomes a {
   background-color: #000000;
   color: #ffffff;
   font-weight: normal;
   text-decoration: none;
}

div.Idiomes a:hover {
   text-decoration: underline;
}

div.Contacte {
   background-color: #000000;
   color: #ffffff;
   float: right;
   padding: 2px 6px 0px 2px;
   position: relative;
}

div.Contacte a {
   background-color: #000000;
   color: #ffffff;
   outline: none;
   text-decoration: none;
}

div.Contacte img {
   margin-bottom: 1px;
   vertical-align: middle;
}


/* Portada */ 

div.PortadaNoticies {
   float: left;
   padding: 0px 15px 20px 15px;
   position: relative;
   width: 380px;
}

div.PortadaNoticies p {
   color: #dc332a;
   margin: 0px 0px 15px 0px;
   font-weight: bold;
}

div.PortadaImatge {
   float: right;
   padding-bottom: 15px;
   width: 530px;
}

div.IndexNoticiaTitol {
   color: #000000;
   cursor: pointer;
   float: left;
   font-weight: bold;
   padding-bottom: 10px;
   position: relative;
   width: 100%;
}

div.IndexNoticiaText {
   display: none;
   float: left;
   text-align: justify;
   padding-bottom: 12px;
   position: relative;
}

div.IndexNoticiaText img {
   float: right;
   margin: 0px 0px 4px 6px;
}

div.IndexNoticiaText a {
   color: #000000;
   text-decoration: none;
}

div.IndexNoticiaText a:hover {
   text-decoration: underline;
}

div.IndexNoticiaText span a {
   font-weight: bold;
   text-decoration: underline;
}

/* Bitxo */

div.BitxoGeneral {
   float: left;
   padding: 0px 0px 15px 12px;
   position: relative;
   width: 930px;
}

div.BitxoGeneralTitol {
   color: #000000;
   float: left;
   font-weight: bold;
   padding-bottom: 12px;
   position: relative;
   width: 100%;
}

div.BitxoGeneralText {
   float: left;
   text-align: justify;
   position: relative;
   width: 400px;;
}

div.BitxoGeneralImatge {
   float: left;
   margin-left: 20px;
}

div.BitxoGeneralText b {
   color: #dc332a;
}

div.BitxoGeneralLink {
   float: left;
   padding-top: 12px;
   position: relative;
}

div.BitxoGeneralLink a {
   color: #000000;
}

div.BitxoQualitat {
   float: left;
   padding: 0px 0px 15px 12px;
   position: relative;
}

div.BitxoQualitatTitol {
   color: #000000;
   float: left;
   font-weight: bold;
   padding-bottom: 12px;
   position: relative;
   width: 100%;
}

table.BitxoQualitatTextTaula {
   float: right;
   margin: 0px 0px 6px 12px;
}

td.BitxoQualitatTextColumna {
   padding-bottom: 8px;
   text-align: right;
}

div.BitxoQualitatText {
   float: left;
   text-align: justify;
   position: relative;
   width: 100%;
}

div.BitxoQualitatText b {
   color: #dc332a;
}

div.BitxoQualitatImatges {
   float: left;
   padding-top: 12px;
   position: relative;
   width: 100%;
}

div.BitxoTecnica {
   float: left;
   padding: 0px 0px 15px 12px;
   position: relative;
}

div.BitxoTecnicaTitol {
   color: #000000;
   float: left;
   font-weight: bold;
   padding-bottom: 12px;
   position: relative;
   width: 100%;
}

div.BitxoTecnicaText {
   float: left;
   text-align: justify;
   position: relative;
   width: 100%;
}

div.BitxoTecnicaText img {
   float: right;
   margin: 0px 0px 6px 12px;
}

div.BitxoTecnicaText b {
   color: #dc332a;
}

div.BitxoTecnicaLink {
   float: left;
   padding-top: 12px;
   position: relative;
}

div.BitxoTecnicaLink a {
   color: #000000;
}

div.BitxoNoticia {
   float: left;
   padding: 0px 0px 15px 12px;
   position: relative;
   width: 910px;
}

div.BitxoNoticiaTitol {
   color: #000000;
   float: left;
   font-weight: bold;
   position: relative;
   width: 100%;
}

div.BitxoNoticiaSubtitol {
   color: #000000;
   float: left;
   font-style: italic;
   font-weight: normal;
   padding-top: 12px;
   position: relative;
}

div.BitxoNoticiaText {
   float: left;
   padding-top: 12px;
   text-align: justify;
   position: relative;
}

div.BitxoNoticiaText img {
   float: right;
   margin: 0px 0px 6px 12px;
}

div.BitxoNoticiaText b {
   color: #dc332a;
}

div.BitxoNoticiaLink {
   float: left;
   padding-top: 12px;
   position: relative;
}

div.BitxoNoticiaLink a {
   color: #000000;
}

div.BitxoProductesIndex {
   float: left;
   padding: 0px 7px 15px 7px;
   position: relative;
   width: 340px;
}

div.BitxoProductesText {
   color: #000000;
   float: right;
   padding-bottom: 7px;
   text-align: justify;
   width: 585px;
}

div.BitxoProductesText b {
   color: #dc332a;
}


div.BitxoProductesdetallBranques {
   color: #000000;
   float: left;
   font-size: 14px;
   padding: 0px 0px 15px 15px;
   position: relative;
   width: 944px;
}

div.BitxoProductesdetallBranques span {
   border-bottom: 1px solid #dc332a;
   display: block;
   width: 240px;
}

div.BitxoProductesdetallBranques a {
   color: #84888e;
   font-size: 14px;
   text-decoration: none;
}

div.BitxoProductesdetallIndex {
   float: left;
   padding: 0px 15px 15px 15px;
   position: relative;
   width: 250px;
}

td.PortColini0 {
   border: 0;
   vertical-align: top;
}

td.PortColini0 img {
   display: block;
   margin: 0;
}

td.PortColini0 a {
   outline: none;
}

td.PortColmig0 {
   border: 0;
   vertical-align: top;
}

td.PortColmig0 img {
   display: block;
   margin: 0;
}

td.PortColmig0 a {
   outline: none;
}

td.PortColini1 {
   border: 0;
   vertical-align: top;
}

td.PortColini1 img {
   display: block;
   margin: 0;
}

td.PortColini1 a {
   outline: none;
}

td.PortColmig1 {
   border: 0;
   vertical-align: top;
}

td.PortColmig1 img {
   display: block;
   margin: 0;
}

td.PortColmig1 a {
   outline: none;
}

td.PortColini2 {
   border: 0;
   vertical-align: top;
}

td.PortColini2 img {
   display: block;
   margin: 0;
}

td.PortColini2 a {
   outline: none;
}

td.PortColmig2 {
   border: 0;
   vertical-align: top;
}

td.PortColmig2 img {
   display: block;
   margin: 0;
}

td.PortColmig2 a {
   outline: none;
}

td.PortColini3 {
   border: 0;
   vertical-align: top;
}

td.PortColini3 img {
   display: block;
   margin: 0;
}

td.PortColini3 a {
   outline: none;
}

td.PortColmig3 {
   border: 0;
   vertical-align: top;
}

td.PortColmig3 img {
   display: block;
   margin: 0;
}

td.PortColmig3 a {
   outline: none;
}

img.ProdAct {
   border: 3px solid #dc332a;
   padding: 7px;
}

img.ProdNac {
   border: 0;
   padding: 10px;
}

img.ProdNac:hover {
   border: 3px solid #dc332a;
   padding: 7px;
}

div.BitxoProductesdetallProds {
   float: right;
   padding-bottom: 12px;
   position: relative;
   width: 585px;
}

div.BitxoProductesdetallScroller {
   float: left;
   position: relative;
   height: 229px;
   width: 585px;
}

div.BitxoProductesdetallScroller iframe {
   height: 210px;
   width: 585px;
}

div.BitxoProductesdetallTitol {
   color: #5b5b5b;
   float: left;
   font-weight: bold;
   position: relative;
   width: 585px;
}

div.BitxoProductesdetallText {
   color: #5b5b5b;
   float: left;
   position: relative;
   width: 585px;
}

div.BitxoProductesdetallLinks {
   float: left;
   height: 1px;
   position: relative;
   visibility: hidden;
   width: 585px;
}

div.BitxoProductesdetallImatge {
   float: left;
   position: relative;
}

td.BitxoProductesdetallImatge img {
   display: block;
   margin-right: 25px;
}

div.BitxoProductesdetallMenys {
   float: left;
   height: 9px;
   margin-top: 5px;
   position: relative;
   width: 10px;
}

div.BitxoProductesdetallMenys img {
   display: block;
}

div.BitxoProductesdetallMenys a {
   outline: none;
}

div.BitxoProductesdetallMig {
   border-top: 1px solid #dc332a;
   float: left;
   height: 1px;
   margin-top: 9px;
   position: relative;
   width: 565px;
}

div.BitxoProductesdetallMes {
   float: right;
   height: 9px;
   margin-top: 5px;
   position: relative;
   width: 10px;
}

div.BitxoProductesdetallMes img {
   display: block;
}

div.BitxoProductesdetallMes a {
   outline: none;
}

div.BitxoRecursos {
   float: left;
   text-align: justify;
   position: relative;
   padding-left: 15px;
}

div.BitxoRecursosText {
   float: left;
   text-align: justify;
   padding-bottom: 12px;
   position: relative;
}

div.BitxoRecursosText b {
   color: #dc332a;
}


div.BitxoRecursosIndeximatges {
   float: left;
   padding-bottom: 15px;
   position: relative;
   width: 400px;
}

div.BitxoRecursosIndeximatgesImg {
   border: 0;
   float: left;
   margin: 0px 2px 2px 0px;
   padding: 8px;
   position: relative;
}

div.BitxoRecursosIndeximatgesImgact {
   border: 3px solid #dc332a;
   float: left;
   margin: 0px 2px 2px 0px;
   padding: 5px;
   position: relative;
}

div.BitxoRecursosIndeximatgesImg:hover {
   border: 3px solid #dc332a;
   padding: 5px;
}

div.BitxoRecursosIndeximatgesImg img {
   display: block;
}

div.BitxoRecursosIndeximatgesImg a {
   outline: none;
}

div.BitxoRecursosIndeximatgesImgact img {
   display: block;
}

div.BitxoRecursosIndeximatgesImgact a {
   outline: none;
}

div.BitxoRecursosImatges {
   float: right;
   position: relative;
   width: 400px;
}

div.BitxoRecursosDivimatge {
   position: absolute;
   top: 0;
   padding-right: 18px;
   right: 0;
   visibility: hidden;
}

div.BitxoRecursosDivimatgeImg {
   clear: right;
}

div.BitxoRecursosDivimatgePeu {
   clear: right;
   color: #dc332a;
   padding-top: 10px;
}

div.BitxoRecursosDivimatgePeu b {
   color: #000000;
}

table.BitxoQualitatImatgesTaula {
   margin-left: auto;
   margin-right: auto;
   width: 100px;
}

td.BitxoQualitatImatgesColumna {
   display: block;
}

td.BitxoQualitatImatgesNoColumna {
   display: block;
}



/* Contacte */

div.ContingutContacte {
   float: left;
   position: relative;
   margin: 0;
   padding: 0px 0px 15px 15px;
   width: 929px;
}

div.ContacteFormulari {
   float: left;
   position: relative;
   width: 400px;
}

div.ContacteDades {
   float: right;
   position: relative;
   width: 400px;
}

div.ContacteMapa {
   clear: right;
   float: right;
   margin-top: 20px;
   position: relative;
   height: 300px;
   width: 400px;
}

iframe.ContacteMapa {
   border: 0;
   clear: right;
   float: right;
   margin-top: 20px;
   position: relative;
   height: 300px;
   width: 400px;
}



div.AvisLegal {
   float: left;
   line-height: 26px;
   position: relative;
   width: 130px;
}

div.AvisLegalLogos {
   float: left;
   position: relative;
}

div.BitxoNoticiaCap {
   clear: both;
   cursor: pointer;
   float: left;
   position: relative;
}

div.BitxoNoticiaCos {
   clear: both;
   display: none;
   float: left;
   position: relative;
}

/*****************************************************************************/

td.ImatgesSectorsColumna {
   font-weight: bold;
   padding: 10px 0px 10px;
   text-align: center;
}