@import "botiga.css";


/* Classes genèriques */

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

img {
   border: 0;
}

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

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

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

input.Botons {
   border: 0;
}

input.Checkbox {
   border: 0;
}

input.Radio {
   border: 0;
}

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

div#general {
   float: left;
   position: relative;
   width: 100%;
}

div#generalInner {
   float: left;
   left: 50%;
   margin-left: -469px;
   position: relative;
   width: 923px;
}

div#cap {
   background-color: #127c2d;
   border-bottom: 2px solid #127c2d;
   height: 173px;
   float: left;
   position: relative;
   width: 923px;
}

div#capLogo {
   left: 53px;
   position: absolute;
   top: 0px;
}

div#capLogo a {
   outline: none;
}

div#capLogo img {
   display: block;
}

div#capIdiomes {
   color: #ffffff;
   position: absolute;
   right: 50px;
   top: 10px;
}

div#capIdiomes a {
   color: #ffffff;
   text-decoration: none;
}

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

div#capIdiomes span {
   font-weight: bold;
}

div#capMenu {
   bottom: 0;
   height: 32px;
   position: absolute;
   right: 0;
   width: 647px;
}

div#capMenuesq {
   float: left;
   padding: 6px 20px 0px 20px;
   position: relative;
}

div#menu0 {
   color: #ffffff;
   float: left;
   font-size: 16px;
   font-weight: bold;
   position: relative;
}

div#menu0 span {
   color: #ed9444;
}

div#menu1 {
   color: #ffffff;
   float: left;
   font-size: 12px;
   padding: 4px 0px 0px 25px;
   position: relative;
}

div#menu1 span {
   color: #ed9444;
}


div#capMenudre {
   float: left;
   padding: 6px 10px 0px 0px;
   position: relative;
}

div#cos {
   border-right: 3px solid #044314;
   float: left;
   min-height: 500px;
   position: relative;
   width: 923px;
}

div#cosLateral {
   float: left;
   position: relative;
   width: 167px;
}

div#xarxesSocials {
   float: left;
   padding-left: 37px;
   position: relative;
}

div#segueix {
   clear: both;
   color: #666666;
   float: left;
   font-size: 11px;
   padding-top: 15px;
   position: relative;
   width: 120px;
}

div#segueix a {
   outline: none;
}

div#segueix img {
   display: block;
   float: left;
   margin: 2px 8px 0px 0px;
   position: relative;
}

div#difon {
   clear: both;
   color: #666666;
   float: left;
   font-size: 11px;
   padding: 10px 0px 20px 0px;
   position: relative;
   width: 120px;
}

div#difon a {
   outline: none;
}

div#difon img {
   display: block;
   float: left;
   margin: 2px 8px 0px 0px;
   position: relative;
}

div#cosCentral {
   float: left;
   position: relative;
   width: 756px;
}

div#menuCentral {
   color: #127c2d;
   padding: 5px 40px 5px 5px;
   text-align: right;
}

div#menuCentral img {
   vertical-align: middle;
}

div#cosContingut {
   float: left;
   padding: 12px 0px 12px 0px;
   position: relative;
}

div#cosNovetats {
   background-image: url(/img/novetats.jpg);
   background-repeat: no-repeat;
   float:left;
   height: 251px;
   position: relative;
   width: 386px;
}

div#cosOfertes {
   background-image: url(/img/ofertes.jpg);
   float:left;
   height: 251px;
   position: relative;
   width: 318px;
}

div#cosNoticies {
   float:left;
   padding: 5px 0px 0px 15px;
   position: relative;
   width: 700px;
}

div#peu {
   background-color: #127c2d;
   color: #ffffff;
   height: 85px;
   float: left;
   position: relative;
   width: 923px;
}

div#peu a {
   color: #ffffff;
   text-decoration: none;
}

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

div#peuMenu {
   float: left;
   padding: 20px;
   position: relative;
   text-align: center;
   width: 898px;
}

div#peuProduccio {
   float: left;
   padding: 0px 20px 10px 20px;
   position: relative;
}

div#peuAvislegal {
   float: right;
   padding: 0px 20px 10px 20px;
   position: relative;
}

div#cistella { 
   height: 415px;
   right: 0px;
   position: absolute;
   top: 80px;
   z-index: 1500;
   /*width: 258px;*/
}  
   
div#cistForm {
   border-left: 3px solid #044314;
   float: right;
   height: 415px;
   position: relative;
   width: 230px;
}

div#cistRight {
   background-position: 0px 60px;
   background-repeat: no-repeat;
   float: right;
   height: 415px;
   position: relative;
   width: 25px;
}

a#cistCist {
   display: block;
   outline: none;
   position: absolute;
   top: 60px;
   left: 0;
   height: 188px;
   width: 25px;
}

/*
a#cistCond {
   display: block;
   position: absolute;
   top: 320px;
   left: 0;
   height: 36px;
   width: 29px;
}
*/

div#cistCap {
   background-color: #044314;
   clear: both;
   height: 19px;
   position: relative;
}

div#cistCap p {
   color: #ffffff;
   font-size: 12px;
   font-weight: bold;
   margin: 0;
   padding: 3px 5px 2px 0px;
   text-align: right;
}

div#cistCap p a {
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
}

div#cistPeu {
   background-color: #044314;
   clear: both;
   height: 19px;
   position: relative;
}

div#cistPeu p {
   color: #ffffff;
   font-size: 12px;
   font-weight: bold;
   margin: 0;
   padding: 3px 5px 2px 0px;
   text-align: right;
}

div#cistPeu p a {
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
}

div#CosCistella {
   background-color: #d4d4d4;
   float: left;
   height: 377px;
   /*overflow: auto;*/
   position:relative;
   width: 230px;
}

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

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

div#formDesc {
   background-color: #ffffff;
   border: 2px solid #127c2d;
   left: 50%;
   margin-left: -280px;
   padding: 30px;
   position: absolute;
   top: 100px;
   width: 500px;
}

div#bannerLateral {
   clear: both;
   float: left;
   margin-left: 30px;
   padding-top: 20px;
   overflow: hidden;
   position: relative;
   width: 130px;
}

div#bannerCentral {
   clear: both;
   float: left;
   padding: 10px 0px 0px 10px;
   position: relative;
   width: 706px;
}

div#bannerCentral0 {
   float: left;
   padding: 7px 0px 0px 0px;
   position: relative;
   width: 85px;
}

div#bannerCentral1 {
   float: left;
   overflow: hidden;
   position: relative;
   width: 480px;
}

div#bannerCentral2 {
   float: right;
   position: relative;
   width: 130px;
}

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

a.Close {
   background-color: #127c2d;
   display: block;
   color: #ffffff;
   font-size: 20px;
   font-weight: bold;
   padding: 1px 4px 1px 4px;
   position: absolute;
   right: 15px;
   top: 15px;
   text-decoration: none;
}

a.Menu {
   color: #ffffff;
   text-decoration: none;
}

a.Menu:hover {
   color: #ed9444;
}

input.MenuCentral {
   border: 2px solid #c0c0c2;
   color: #000000;
   width: 150px;
}

a.MenuCentral0 {
   text-decoration: none;
}

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

a.MenuCentral1:hover {
   color: #ed9444;
}

p.FormTitol {
   color: #127c2d;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   margin: 30px 0px 20px 0px;
}

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

div.Bitxo {
   float: left;
   margin-left: 10px;
   padding: 0px 40px 0px 10px;
   position: relative;
   width: 736px;
}

div.BitxoTitol {
   background-image: url(/img/titl.png);
   background-position: center;
   background-repeat: repeat-x;
   clear: both;
   float: left;
   margin-bottom: 12px;
   position: relative;
   width: 100%;
}

div.BitxoTitolInner {
   background-color: #ffffff;
   color: #000000;
   float: left;
   font-size: 18px;
   font-weight: bold;
   padding-right: 6px;
   position: relative;
}  
   
div.BitxoText {
   clear: both;
   float: left;
   padding-right: 40px;
   position: relative;
   text-align: justify;
   width: 696px;
}

div.BitxoText a {
   color: #000000;
}

div.BitxoText u {
   font-size: 10px;
   text-decoration: none;
}

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

div.Noticia {
   clear: both;
   float: left;
   margin-bottom: 10px;
   position: relative;
   width: 100%;
}

div.NoticiaData {
   clear: both;
   color: #000000;
   float: left;
   font-weight: bold;
   margin-bottom: 5px;
   position: relative;
   width: 100%;
}

div.NoticiaTitol {
   clear: both;
   float: left;
   position: relative;
   width: 100%;
}

div.NoticiaTitol a {
   color: #127c2d;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
}

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

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

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

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

div.NoticiesPeu {
   color: #127c2d;
   float: left;
   font-size: 14px;
   position: relative;
   text-align: right;
   width: 100%;
}

div.NoticiesPeu a {
   color: #666666;
   font-size: 12px;
   text-decoration: none;
}

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

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



/* Formulari de contacte */

table.GFtaulacapcalera {
   margin-left: auto; 
   margin-right: auto;
   width: 380px;
   font-size: 10px;
   padding-bottom: 16px;
   padding-top: 16px;
   text-align: center;
}

table.GFtaula {
   margin-left: auto; 
   margin-right: auto;
   width: 380px;
}

table.GFtaulapeu {
   margin-left: auto; 
   margin-right: auto;
   width: 380px;
}

td.GFtextpeu {
   color: #000000;
   font-size: 10px;
}

table.GFtaularesposta {
   margin-left: auto; 
   margin-right: auto;
   width: 380px;
}

table.GFtaulacapcalera2 {
   margin-left: auto; 
   margin-right: auto;
   width: 480px;
   font-size: 10px;
   padding-bottom: 16px;
   padding-top: 16px;
   text-align: center;
}

table.GFtaula2 {
   margin-left: auto; 
   margin-right: auto;
   width: 480px;
}

table.GFtaulapeu2 {
   margin-left: auto; 
   margin-right: auto;
   width: 480px;
}

td.GFtextpeu2 {
   color: #000000;
   font-size: 10px;
}

table.GFtaularesposta2 {
   margin-left: auto; 
   margin-right: auto;
   width: 480px;
}

td.GFtextresposta {
   color: #000000;
   font-size: 10px;
   text-align: center;
}

td.GFform {
   color: #000000;
   font-size: 10px;
}

td.GFform input {
   border: 1px solid #000000;
   color: #000000;
   font-size: 10px;
   width: 240px;
}

td.GFform2 {
   color: #000000;
   font-size: 10px;
}

td.GFform2 input {
   border: 1px solid #000000;
   color: #000000;
   font-size: 10px;
   width: 100px;
}

td.GFform3 {
   color: #000000;
   font-size: 10px;
}

td.GFform3 input {
   border: 1px solid #000000;
   color: #000000;
   font-size: 10px;
   width: 140px;
}

td.GFform4 {
   color: #000000;
   font-size: 10px;
}

td.GFform4 input {
   border: 1px solid #000000;
   color: #000000;
   font-size: 10px;
   width: 50px;
}

td.GFform textarea {
   border: 1px solid #000000;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   width: 240px;
}

td.GFbotons input {
   border: 1px solid #005e43;
   background-color: #005e43;
   color: #ffffff;
   font-size: 10px;
   width: 80px;
}
td.GFbotons input:hover {
   border: 1px dotted #ffffff;
}