@import "botiga.css";

div.neteja {
  clear:both;
}

body {
   background-color: #f1f0ed;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin: 0;
   padding: 0;
}

img {
   border: 0;
}

a {
   outline: none;
}

div#general {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   width: 970px;
}

div#generalInner {
   float: left;
   position: relative;
   width: 970px;
}


div#idiomes {
   background-color: #f1f0ed;
   float: left;
   height: 22px;
   position: relative;
   width: 970px;
}

div#pestanyes {
   background-color: #f1f0ed;
   float: left;
   height: 25px;
   padding-top: 14px;
   position: relative;
   width: 970px;
}

div#cos {
   background-color: #ffffff;
   border-left: 1px solid #6d4c05;
   border-right: 1px solid #6d4c05;
   border-bottom: 1px solid #6d4c05;
   float: left;
   margin-bottom: 14px;
   position: relative;
   width: 968px;
}

div#contingutEsquerra {
   float: left;
   padding: 40px 0px 25px 25px;
   position: relative;
   width: 205px;
}

div#contingutDreta {
   float: left;
   padding: 10px 0px 0px 25px;
   position: relative;
   width: 680px;
}

div#menuProductes {
   border: 2px solid #05144c;
   float: left;
   position: relative;
   width: 205px;
}

div#menuProductesTitol {
   background-color: #05144c;
   color: #ffffff;
   float: left;
   font-weight: bold;
   margin: 0;
   padding: 3px 3px 3px 14px;
   position: relative;
   width: 188px;
}

div#address {
   color: #05144c;
   float: left;
   line-height: 20px;
   margin-top: 20px;
   position: relative;
}

div#poweredBy {
   bottom: 20px;
   clear: left;
   float: left;
   padding: 10px 0px 0px 25px;
   position: relative;
   width: 200px;
}

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

div#portadaLogo {
   float: left;
   position: relative;
   width: 306px;
}

div#portadaNom {
   color: #676767;
   float: left;
   font-size: 14px;
   font-weight: bold;
   padding: 45px 0px 0px 0px;
   position: relative;
   width: 370px;
}

div#portadaFlash {
   clear: left;
   float: left;
   position: relative;
   width: 680px;
   padding:10px 0 20px 0;
}

div#portadaNoticies {
   clear: left;
   float: left;
   position: relative;
   width: 680px;
}

div#empresaFlash {
   float: left;
   position: relative;
   padding:30px 0 0 0;
}

div#empresaLogo {
   float: right;
   position: relative;
   padding:24px 0 0 0;
}

div#empresaContingut {
   clear: left;
   float: left;
   position: relative;
   width: 690px;
   padding:10px 0 0 0;
}

div#noticiesCap {
   float: left;
   position: relative;
   height: 83px;
   width: 291px;
}

div#noticiesLogo {
   float: right;
   position: relative;
   height: 83px;
   width: 291px;
}

div#noticiesContingut {
   float: left;
   position: relative;
   width: 418px;
}

div#noticiesLateral {
   float: right;
   position: relative;
   width: 240px;
}

div#noticiesLateral img {
   display: block;
}

div#contacteCap {
   float: left;
   padding: 30px 15px 10px 0px;
   position: relative;
   width: 345px;
}

div#contacteCap p {
   color:#676767;
   margin: 0;
}

div#contacteLogo {
   float: right;
   position: relative;
}

div#contacteContingut {
   float: left;
   padding: 30px 15px 10px 0px;
   position: relative;
   width: 440px;
}

div#contacteImatge {
   float: right;
   padding-top: 30px;
   position: relative;
   width: 220px;
}

div#contacteMapa {
   float: left;
   margin-top: 30px;
   position: relative;
   width: 680px;
}

div#productesContingut {
   float: left;
   padding: 30px 15px 10px 0px;
   position: relative;
   width: 335px;
}

div#productesLogo {
   float: right;
   position: relative;
   text-align: right;
   width: 330px;
}

div#productesImatge {
   clear: right;
   float: right;
   position: relative;
   text-align: right;
   width: 330px;
}

div#productesImatgeInner {
   float: right;
   position: relative;
}

div#productesImatgeMini {
   clear: both;
   float: left;
   margin-bottom: 12px;
   position: relative;
}

div#productesImatgeMini img {
   cursor: pointer;
   margin-right: 1px;
   vertical-align: top;
}

/*
div#productesImatgeMini img:hover {
   border: 2px solid #a54573;
}
*/

img.ImatgeMini {
   border: 2px solid #ffffff;
}

img.ImatgeMiniAct {
   border: 2px solid #a54573;
}

div#productesImatgeMaxi {
   clear: both;
   float: left;
   position: relative;
}

div#productesImatgeMaxi img {
   /*border: 2px solid #ffffff;*/
}

div#avislegalCap {
   color: #05144c;
   float: left;
   font-size: 16px;
   font-weight: bold;
   padding: 30px 15px 10px 0px;
   position: relative;
   width: 345px;
}

div#avislegalLogo {
   float: right;
   position: relative;
}

div#avislegalContingut {
   color: #676767;
   float: left;
   padding: 0px 15px 20px 0px;
   position: relative;
   width: 680px;
}
div#avislegalContingut  a {
   color: #676767;
}


div#avislegalContingut b {
   color: #05144c;
}

div.pestanyaPre {
   border-top: 1px solid #f1f0ed;
   border-bottom: 1px solid #6d4c05;
   float: left;
   height: 23px;
   position: relative;
   width: 23px;
}

div.pestanya {
   background-color: #d6d5d3;
   border: 1px solid #6d4c05;
   float: left;
   height: 23px;
   position: relative;
   text-align: center;
   width: 120px;
}

div.pestanya a {
   color: #6d4c05;
   display: block;
   height: 18px;
   font-weight: bold;
   padding-top: 5px;
   text-align: center;
   text-decoration: none;
   width: 120px;
}

div.pestanyaAct {
   background-color: #ffffff;
   border-left: 1px solid #6d4c05;
   border-top: 1px solid #6d4c05;
   border-right: 1px solid #6d4c05;
   border-bottom: 1px solid #ffffff;
   float: left;
   height: 23px;
   position: relative;
   text-align: center;
   width: 120px;
}

div.pestanyaAct a {
   color: #6d4c05;
   display: block;
   height: 18px;
   font-weight: bold;
   padding-top: 5px;
   text-align: center;
   text-decoration: none;
   width: 120px;
}

div.pestanyaAct p {
   color: #6d4c05;
   height: 18px;
   font-weight: bold;
   margin: 0;
   padding-top: 5px;
   text-align: center;
   width: 120px;
}

div.pestanyaSep {
   border-top: 1px solid #f1f0ed;
   border-bottom: 1px solid #6d4c05;
   float: left;
   height: 23px;
   position: relative;
   width: 12px;
}

div.pestanyaPost {
   border-top: 1px solid #f1f0ed;
   border-bottom: 1px solid #6d4c05;
   float: left;
   height: 23px;
   position: relative;
   width: 423px;
}

div.pestanyaPost a {
   color: #6d4c05;
   float: right;
   display: block;
   height: 18px;
   font-weight: bold;
   padding-top: 5px;
   padding-left: 5px;
   text-align: center;
   text-decoration: underline;
   
}

p.Idiomes {
   background-color: #e8e8e7;
   color: #7b7b77;
   margin: 0px 0px 0px 692px;
   font-weight: bold;
   padding: 3px 14px 3px 14px;
   text-align: right;
   width: 255px;
}

p.Idiomes a {
   color: #7b7b77;
   font-weight: normal;
   text-decoration: none;
}



/** Formularis **/

table.GFtaula {
}

table.GFtaularesposta {
   width: 400px;
}

td.GFtextresposta {
   color: #676767;
}

td.ContacteText {
   color: #676767;
   padding-right: 10px;
}

td.ContacteText  A {
   color: #676767;
   padding-right: 10px;
 
}

td.ContacteCamp {
   color: #676767;
}

td.ContacteCamp input {
   background-color: #f6f7fc;
   border: 1px solid #676767;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   width: 290px;
}

td.ContacteCampTelefon {
   color: #676767;
}

td.ContacteCampTelefon input {
   background-color: #f6f7fc;
   border: 1px solid #676767;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   width: 120px;
}

td.ContacteCampCodipostal {
   color: #676767;
}

td.ContacteCampCodipostal input {
   background-color: #f6f7fc;
   border: 1px solid #676767;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   width: 60px;
}

td.ContacteCamp select {
   background-color: #f6f7fc;
   border: 1px solid #676767;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   width: 290px;
}

td.ContacteCamp textarea {
   background-color: #f6f7fc;
   border: 1px solid #676767;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   width: 290px;
}

td.ContacteBotons input {
   background-color: #ffffff;
   border: 1px solid #000000;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}


/** Bitxo **/

div.BitxoEmpresaText {
   color: #676767;
   float: left;
   padding-right: 40px;
   padding-bottom: 20px;
   position: relative;
   width: 420px;
}

div.BitxoEmpresaText b {
   color: #05144c;
}

div.BitxoEmpresaText i {
   color: #222222;
   font-style: normal;
}

div.BitxoEmpresaFoto {
   float: right;
   position: relative;
   width: 220px;
}

div.BitxoEmpresaFoto img {
   clear: right;
   display: block;
   float: right;
   margin-bottom: 40px;
}

h1.BitxoNoticiesTitol {
   color: #05144c;
   font-size: 16px;
   font-weight: bold;
   margin-bottom: 24px;
}

div.BitxoNoticiesIndex {
   float: left;
   margin-bottom: 24px;
   position: relative;
}

div.BitxoNoticia {
   float: left;
   margin-bottom: 12px;
   position: relative;
   width: 418px;
}

div.BitxoNoticiaTitol {
   color: #05144c;
   clear: left;
   float: left;
   font-weight: bold;
   margin-bottom: 12px;
   padding-right: 20px;
   position: relative;
   width: 418px;
}

div.BitxoNoticiaText {
   color: #676767;
   clear: left;
   float: left;
   margin-bottom: 12px;
   padding-right: 20px;
   position: relative;
   width: 418px;
}

div.BitxoNoticiaText b {
   color: #05144c;
}

div.BitxoNoticiaImatge {
   clear: left;
   float: left;
   margin-bottom: 12px;
   position: relative;
   width: 418px;
}

div.BitxoNoticiaImatgeimg {
   float: left;
   padding-right: 9px;
   position: relative;
   height: 190px;
   width: 200px;
}

div.BitxoNoticiaImatgeimg img {
   display: block;
}

div.BitxoNoticiaImatgeimg p {
   color: #676767;
   margin: 0;
   padding: 4px 4px 24px 0px;
}

a.BitxoLinkx2Href {
   color: #6d4c05;
}

div.BitxoIndexNoticia {
   float: left;
   padding-right: 30px;
   position: relative;
   width: 300px;
}

div.BitxoIndexTitol {
   color: #000000;
   float: left;
   font-size: 10px;
   font-weight: bold;
   position: relative;
}

div.BitxoIndexTitol a {
   color: #000000;
   font-size: 10px;
   font-weight: bold;
   text-decoration: none;
}

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

div.BitxoIndexFototext {
   clear: left;
   float: left;
   font-size: 10px;
   font-weight: bold;
   margin-top: 8px;
   position: relative;
   width: 300px;
}

div.BitxoIndexFototext img {
   float: left;
   margin-right: 8px;
}

div.BitxoIndexFototext a {
   color: #676767;
   line-height: 14px;
   text-decoration: none;
}

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