@import "botiga.css";

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

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

img {
   border: 0;
   outline: none;
}

form {
   margin: 0;
   padding: 0;
}

/************************** 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 {
   background-image: url('/img/cap.jpg');
   background-position: 0px 20px;
   background-repeat: no-repeat;
   clear: both;
   float: left;
   height: 130px;
   position: relative;
   width: 1004px;
}

div#cos {
   background-image: url('/img/cap.jpg');
   background-position: 0px -110px;
   background-repeat: no-repeat;
   clear: both;
   float: left;
   padding: 0px 16px 0px 16px;
   position: relative;
   width: 972px;
}

div#peu {
   background-image: url('/img/peu.jpg');
   clear: both;
   float: left;
   font-size: 11px;
   height: 54px;
   position: relative;
   width: 1004px;
   z-index: 1;
}

div#capIdiomes {
   float: right;
   height: 18px;
   position: relative;
   text-align: right;
}

div#capIdiomes p {
   float: left;
   height: 18px;
   margin: 0px 30px 0px 0px;
   position: relative;
   text-align: right;
}

div#capLogo {
   float: left;
   height: 88px;
   position: relative;
   width: 1004px;
}

div#capMenu {
   color: #ffffff;
   float: left;
   font-size: 14px;
   font-weight: bold;
   padding: 3px 0px 0px 24px;
   position: relative;
   text-align: left;
   width: 672px;
}

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

div#capLegal {
   color: #ffffff;
   float: right;
   padding-top: 5px;
   position: relative;
   text-align: left;
   width: 300px;
}

div#capLegal a {
   color: #ffffff;
}

div#cosInnerTop {
   background-color: #6b6b6b;
   float: left;
   height: 2px;
   margin-top: 6px;
   position: relative;
   width: 168px;
}

div#cosInnerTop img {
   display: block;
}

div#cosInner {
   background-image: url('/img/men.gif');
   background-repeat: repeat-y;
   clear: both;
   float: left;
   position: relative;
   width: 972px;
}

div#cosInnerBot {
   background-color: #6b6b6b;
   clear: left;
   float: left;
   height: 2px;
   position: relative;
   width: 168px;
}

div#cosInnerBot img {
   display: block;
}

div#cosMenu {
   float: left;
   padding-bottom: 100px;
   position: relative;
   width: 168px;
}

div#cosMenuItems {
   float: left;
   margin-top: 20px;
   position: relative;
   width: 168px;
}

div#cosMenuPeu {
   /*
   position: absolute;
   left: 6px;
   bottom: 20px;
   */
   float: left;
   margin: 20px 0px 20px 6px;
   position: relative;
}

div#cosContingut {
   float: left;
   margin-left: 20px;
   padding-top: 45px;
   position: relative;
   width: 784px;
}

div#peuEsquerra {
   float: left;
   font-size: 10px;
   padding: 20px 0px 0px 28px;
   position: relative;
   width: 86px;
}

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

div#peuDreta {
   float: left;
   font-size: 10px;
   padding-top: 16px;
   position: relative;
   text-align: center;
   width: 890px;
}

div#portadaSuperior {
   float: left;
   position: relative;
   width: 624px;
}

div#portadaLateral {
   float: left;
   padding: 100px 0px 0px 20px;
   position: relative;
   width: 139px;
}

div#portadaLateralNoticia {
   border: 1px solid #000000;
   float: left;
   font-size: 11px;
   padding: 10px;
   position: relative;
   width: 118px;
}

a.PortadaLateralNoticia {
   color: #e83512;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
}

div#portadaLateralCertificat {
   float: left;
   font-size: 11px;
   padding-top: 10px;
   padding-left:30px;
   position: relative;

   width: 80px;
}

div#portadaLateralCertificat a {
   text-decoration: none;
}

div#portadaLateralCertificat img {
   
   display: block;
   /*float: right;*/
   float: left;
}

a.PortadaLateralCertificat {
   color: #000000;
   display: block;
   /*float: right;*/
   float: left;
   margin-top: 6px;
   text-decoration: underline;
   width: 130px;
}

div#portadaInferior {
   float: left;
   position: relative;
   width: 784px;
}

div#localitzacioSuperior {
   float: left;
   position: relative;
   width: 610px;
}

div#localitzacioInferior {
   float: left;
   margin-top: 12px;
   position: relative;
   width: 610px;
}

div#contacteSuperior {
   float: left;
   position: relative;
   width: 400px;
}

div#contacteInferior {
   float: left;
   padding-left: 30px;
   position: relative;
   width: 180px;
}

div#contacteInferior a {
   color: #000000;
}

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

table.GFtaulacapcalera {
   width: 400px;
}

td.GFtextcapcalera {
   text-align: justify;
}

table.GFtaula {
   margin-top: 12px;
   width: 400px;
}

td.GFtaulaText {
   font-weight: bold;
   padding-right: 4px;
   text-align: right;
   width: 120px;
}

td.GFtaulaCamp {
}

td.GFtaulaCamp input {
   border: 1px solid #000000;
   font-family: Arial, Helvetica, sans-serif;
}

td.GFtaulaCamp select {
   border: 1px solid #000000;
   font-family: Arial, Helvetica, sans-serif;
   width: 260px;
}

td.GFtaulaCamp textarea {
   border: 1px solid #000000;
   font-family: Arial, Helvetica, sans-serif;
   width: 260px;
}

td.GFtaulaCampinput input {
   border: 1px solid #000000;
   font-family: Arial, Helvetica, sans-serif;
   width: 260px;
}

td.GFtaulaRadio {
}

td.GFtaulaRadio input {
   border: 0;
}

td.Botons {
   padding-top: 8px;
}

td.Botons input {
   background-color: #000000;
   border: 1px solid #000000;
   color: #ffffff;
}

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

div.BitxoTitol {
   float: left;
   font-size: 14px;
   font-weight: bold;
   padding-bottom: 12px;
   position: relative;
   width: 100%;
}

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

div.BitxoText1 i {
   color: #e83512;
   font-style: normal;
   font-weight: bold;
}

div.BitxoText1 a {
   color: #006600;
   font-weight: bold;
   text-decoration: none;
}

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

div.BitxoText2 {
   float: left;
   position: relative;
   width: 580px;
}

div.BitxoText2 a {
   color: #000000;
}

div.BitxoText2 img {
   float: left;
   display: block;
   margin: 0px 12px 12px 0px;
}

div.BitxoText3 {
   float: left;
   /*padding-top: 125px;*/
   padding-top: 25px;
   padding-left: 30px;
   position: relative;
   width: 178px;
}

div.BitxoText3 a {
   color: #000000;
}

div.BitxoText3 img {
   float: right;
   display: block;
   margin: 0px 0px 12px 12px;
}

div.NoBitxo {
   float: left;
   font-weight: bold;
   position: relative;
}

div.NoBitxo a {
   color: #006600;
   text-decoration: none;
}

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

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

