@import "botiga.css";

/**************************** Classes generiques *****************************/

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

img {
   border: 0;
   outline: none;
}

/************************** Divs amb identificador ***************************/

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

div#generalInner {
   float: left;
   margin-bottom: 10px;
   margin-top: 10px;
   position: relative;
   width: 1004px;
}

div#cap {
   float: left;
   position: relative;
   width: 1004px;
}

div#cos {
   float: left;
   position: relative;
   width: 1004px;
}

div#peu {
   float: left;
   font-size: 11px;
   position: relative;
   width: 1004px;
}

div#capLogo {
   height: 103px;
   float: left;
   padding-left: 20px;
   position: relative;
   width: 300px;
}

div.capLogoca {
   background-image: url('/img/logo.ca.gif');
   background-position: 20px 0px;
   background-repeat: no-repeat;
}

div.capLogoes{
   background-image: url('/img/logo.es.gif');
   background-position: 20px 0px;
   background-repeat: no-repeat;
}

div#capCentral {
   height: 79px;
   float: left;
   position: relative;
   width: 575px;
}

div#capLogin {
   height: 54px;
   float: left;
   position: relative;
   width: 580px;
}

div#capMenu {
   height: 20px;
   float: left;
   position: relative;
   width: 661px;
}

div#capMenuesquerre {
   float: left;
   position: relative;
}

div#capMenuesquerre p {
   color: #000000;
   font-size: 14px;
   font-weight: bold;
   margin: 0;
   padding: 0;
}

div#capMenuesquerre a {
   color: #296d20;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
}

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

div#capMenudret p {
   color: #000000;
   font-weight: normal;
   margin-top: 2px;
   padding: 0;
}

div#capMenudret a {
   color: #296d20;
   font-weight: normal;
   text-decoration: none;
}

div#capCistella {
   height: 79px;
   float: left;
   position: relative;
   width: 104px;
}

div#capPeu {
   background-color: #749f29;
   height: 4px;
   float: left;
   position: relative;
   width: 661px;
}

div#peuSup {
   float: left;
   padding-left: 27px;
   position: relative;
   width: 977px;
}

div#peuSupesq {
   float: left;
   position: relative;
   width: 170px;
}

div#peuPeu1 {
   background-color: #749f29;
   height: 10px;
   float: left;
   position: relative;
   width: 3px;
}

div#peuPeu2 {
   background-color: #749f29;
   height: 4px;
   float: left;
   margin-top: 6px;
   position: relative;
   width: 167px;
}

div#peuSupdre {
   color: #000000;
   float: left;
   padding-left: 15px;
   position: relative;
}

div#peuSupdre a {
   color: #f56600;
}

div#peuInf {
   clear: both;
   float: left;
   padding-left: 27px;
   position: relative;
   width: 200px;
}

div#peuInf a {
   color: #0c0c0c;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
}

div#cosSup {
   float: left;
   position: relative;
   width: 768px;
}

div#cosSupPad {
   float: left;
   position: relative;
   height: 10px;
   margin-top: 10px;
   width: 31px;
}

div#cosSupCos {
   background-color: #2a6d20;
   float: left;
   position: relative;
   margin-top: 9px;
   width: 724px;
}

div#cosSupPdd {
   float: left;
   height: 22px;
   position: relative;
   width: 41px;
}

div#cosSupNumero {
   left: 0px;
   height: 42px;
   position: absolute;
   top: 0px;
   width: 42px;
}

div#cosSupInfo {
   background-image: url('/img/tria.gif');
   background-repeat: no-repeat;
   bottom: 0;
   color: #000000;
   font-size: 11px;
   font-weight: bold;
   height: 35px;
   padding-top: 6px;
   padding-left: 7px;
   position: absolute;
   right: 0;
   width: 149px;
}

div#cosSupInfo span {
   color: #f56600;
   font-size: 12px;
}

div#cosCen {
   float: left;
   padding-left: 46px;
   padding-bottom: 12px;
   position: relative;
   width: 720px;
}

div#cosLat {
   float: right;
   margin-top: 4px;
   position: relative;
   width: 230px;
}

div#cosLatSup {
   background-image: url('/img/menulatcap.gif');
   float: left;
   height: 41px;
   position: relative;
   width: 189px;
}

div#cosLatCen {
   background-image: url('/img/menulatcos.gif');
   float: left;
   position: relative;
   width: 189px;
}

div#cosLatInf {
   background-image: url('/img/menulatpeu.gif');
   background-position: bottom;
   float: left;
   height: 40px;
   position: relative;
   width: 189px;
}

div#cosLatCerc {
   float: left;
   margin-top: 8px;
   padding-left: 14px;
   position: relative;
   width: 175px;
}

div#cosLatLlegenda {
   float: left;
   margin-top: 40px;
   padding-left: 14px;
   position: relative;
   width: 175px;
}

div#logocollaboradors {
   position:absolute;
   top:865px;
   left:788px;
}
div#logocollaboradorstitol {
   font-size: 11px;
   font-weight: bold;
}
div#logocollaboradorsimg {
   padding:2px 0 0 0;
   height: 63px;
}

div#barraEsquerra {
   background-color: #749f29;
   bottom: 0px;
   left: 27px;
   float: left;
   height: 160px;
   position: absolute;
   width: 3px;
}

div#barraDreta {
   background-color: #749f29;
   top: 0px;
   right: 23px;
   float: right;
   height: 160px;
   position: absolute;
   width: 3px;
}

div#condicionsFlotant {
   float: left;
   padding: 10px;
   position: absolute;
}

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

div.CosContingut {
   float: left;
   padding: 12px 40px 24px 40px;
   position: relative;
   width: 918px;
}

p.Idiomes {
   color: #2a6d20;
   margin: 0px;
   padding-right: 40px;
   text-align: right;
}

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

p.Idiomes a {
   color: #2a6d20;
   text-decoration: none;
}

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

div.BitxoGeneral {
   color: #000000;
   float: left;
   margin-bottom: 24px;
   position: relative;
   width: 100%;
}

div.BitxoGeneral img {
   float: left;
   margin-bottom: 10px;
   margin-right: 10px;
}

div.BitxoGeneral span {
   color: #296d20;
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 12px;
}

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

div.BitxoNoticiesTitol {
   color: #296d20;
   font-size: 14px;
   font-weight: bold;
   padding-bottom: 12px;
}

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

div.BitxoNoticiaCos {
   color: #000000;
   float: left;
   margin-top: 12px;
   position: relative;
   width: 100%;
}

div.BitxoNoticiaCos span {
   color: #296d20;
   font-size: 14px;
   font-weight: bold;
   padding-bottom: 12px;
}

div.BitxoNoticiaCos img {
   float: left;
   margin-bottom: 10px;
   margin-right: 10px;
}

div.BitxoNoticiaCos a {
   color: #f56200;
}

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

div.BitxoNoticiaVideo {
   clear: both;
   float: left;
   margin-top: 12px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 12px;
   position: relative;
   text-align: center;
   width: 100%;
}

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

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

td.GFtextcapcalera {
   color: #296d20;
   font-size: 14px;
   font-weight: bold;
}

table.GFtaula {
   margin-left: auto;
   margin-right: auto;
   margin-top: 12px;
   margin-bottom: 12px;
   padding: 0;
}

td.ContacteText {
   padding: 3px 6px 0px 0px;
}

td.ContacteCamp {
  padding: 0;
}

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

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

td.ContacteCamp select {
   background-color: #ffffff;
   border: 1px solid #2a6d20;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding: 0;
}

td.ContacteTextArea {
   padding: 7px 6px 0px 0px;
}

td.ContacteCampArea {
   padding-top: 4px;
}

td.ContacteCampArea textarea {
   background-color: #ffffff;
   border: 1px solid #2a6d20;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   width: 300px;
}

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

table.GFtaularesposta {
   margin-left: auto;
   margin-right: auto;
   margin-top: 100px;
   margin-bottom: 100px;
   padding: 0;
}

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