@import "botiga.css";


a {
   outline: none;
}

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

img {
   border: 0;
}

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

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

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

div#general {
   border-left: 1px solid #a0a0a1;
   border-right: 1px solid #a0a0a1;
   float: left;
   position: relative;
   width: 1002px;
}

div#cap {
   background-color: #4c4c4c;
   clear: both;
   float: left;
   height: 120px;
   position: relative;
   /*width: 100%;*/
}

div#capInner {
   background-color: #4c4c4c;
   float: left;
   height: 120px;
   position: relative;
   width: 1002px;
}

div#capLogo {
   float: left;
   height: 120px;
   position: relative;
   text-align: right;
   width: 180px;
}

div#capLogo img {
   margin-top: 24px;
   /*margin-left: 20px;*/
}

div#capNovetats {
   float: left;
   height: 70px;
   position: relative;
   /*width: 604px;*/
   width: 616px;
}

div#capIdiomes {
   float: left;
   /* height: 70px; */
   position: relative;
   text-align: right;
   width: 200px;
}

div#capCerca {
   float: left;
   position: relative;
   text-align: right;
   width: 200px;
}

div#capMenu {
   float: left;
   height: 50px;
   position: relative;
   /*width: 804px;*/
   width: 816px;
}

div#contingut {
   clear: both;
   float: left;
   position: relative;
   /*width: 100%;*/
}

div#contingutInner {
   clear: both;
   float: left;
   position: relative;
   width: 1002px;
}

div.Novetatsca {
   margin-left: 48px;
}

div.Novetatses {
   margin-left: 28px;
}

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

div.NovetatsTitol img {
   display: block;
}

div.NovetatsLinks {
   float: left;
   height: 65px;
   position: relative;
}

div.NovetatsLinks a {
   outline: none;
}

div.NovetatsLinks img {
   margin: 10px 0px 0px 10px;
}

div.NoticiesPortada {
   margin-left: 48px;
   float: left;
   position: relative;
}

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

div.NoticiesPortadaTitol img {
   display: block;
}

div.NoticiesPortadaLinks {
   float: left;
   height: 65px;
   position: relative;
}

div.NoticiesPortadaLinks a {
   outline: none;
}

div.NoticiesPortadaLinks img {
   margin: 10px 0px 0px 10px;
}

div.NoticiesEmpresa {
   border: 1px solid #a0a0a1;
   color: #a0a0a1;
   height: 176px;
   padding: 5px;
   padding-top: 10px;
   position: absolute;
   left: 770px;
   top: 100px;
   width: 160px;
   margin-left: 20px;
}

div.NoticiesEmpresa a {
   color: #f4edae;
   text-decoration: none;
}

div.ContingutTitol {
   background-color: #a0a0a1;
   color: #e2e2e2;
   float: left;
   height: 25px;
   margin: 12px 0px 0px 0px;
   position: relative;
   width: 250px;
}

div.ContingutTitol p {
   font-size: 16px;
   font-weight: bold;
   margin: 2px 20px 0px 0px;
   text-align: right;
}

div.Contingut {
   float: left;
   padding: 30px;
   position: relative;
   width: 936px;
}

div.ContingutPortada {
   position: relative;
   width: 1002px;
   z-index: 1;
}

div.ContingutCataleg {
   clear: left;
   float: left;
   padding-bottom: 30px;
   position: relative;
   width: 1002px;
}

div.ContacteFormulari {
   float: left;
   padding-left: 70px;
   padding-right: 30px;
   position: relative;
   width: 420px;
}

div.ContingutTitols {
   float: left;
   padding-left: 70px;
   position: relative;
   text-align: right;
   width: 715px;
}
div.ContingutSimbologia {
   float: left;
   padding-left: 70px;
   position: relative;
   width: 715px;
}

div.ContingutSimbologiaInner {
   background-color: #ffffff;
   float: left;
   position: relative;
}

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

div.ContingutSimbologiaInf {
   float: left;
   padding-left: 100px;
   position: relative;
}

div.SimbolSup {
   float: left;
   /*padding-right: 80px;*/
   padding: 30px;
   position: relative;
}

div.SimbolInf {
   float: left;
   /*padding-right: 80px;*/
   padding: 30px;
   position: relative;
}

div#map {
   color: #000000;
   float: left;
   position: relative;
   height: 300px;
   width: 400px;
}

div#peu {
   background-color: #4c4c4c;
   clear: both;
   float: left;
   position: relative;
   /*width: 100%;*/
}

div#peuSup {
   background-color: #4c4c4c;
   color: #a0a0a1;
   position: relative;
   width: 1002px;
}

div#peuInf {
   background-color: #a0a0a1;
   position: relative;
   height: 50px;
   /*width: 100%;*/
}

div#peuInfInner {
   background-color: #a0a0a1;
   float: left;
   position: relative;
   height: 50px;
   width: 1002px;
}

div#peuPowered {
   float: left;
   position: relative;
   width: 150px;
}

div#peuAddress {
   float: left;
   position: relative;
   /*width: 704px;*/
   width: 696px;
}

div#peuAvislegal {
   float: left;
   position: relative;
   width: 150px;
}

div.Print {
   clear: both;
   color: #abacaf;
   float: left;
   padding-bottom: 20px;
   padding-left: 46px;
   position: relative;
}  
   
div.Print img {
   vertical-align: baseline;
}  

div.Print a {
   color: #abacaf;
   text-decoration: none;
}

div#menu0ca {
   border-top: 2px solid #a0a0a1;
   cursor: pointer;
   display: block;
   left: -41px;
   margin-left: 50%;
   position: absolute;
   text-align: left;
   top: 120px;
   visibility: hidden;
   z-index: 100;
}

div#menu1ca {
   border-top: 2px solid #a0a0a1;
   cursor: pointer;
   display: block;
   left: 344px;
   margin-left: 50%;
   position: absolute;
   text-align: left;
   top: 120px;
   visibility: hidden;
   z-index: 100;
}

div#menu0es {
   border-top: 2px solid #a0a0a1;
   cursor: pointer;
   display: block;
   left: -56px;
   margin-left: 50%;
   position: absolute;
   text-align: left;
   top: 120px;
   visibility: hidden;
   z-index: 100;
}

div#menu1es {
   border-top: 2px solid #a0a0a1;
   cursor: pointer;
   display: block;
   left: 337px;
   margin-left: 50%;
   position: absolute;
   text-align: left;
   top: 120px;
   visibility: hidden;
   z-index: 100;
}

div#menu11ca {
   border: 1px solid #000000;
   cursor: pointer;
   display: block;
   left: 157px;
   margin-left: 50%;
   position: absolute;
   text-align: left;
   top: 144px;
   visibility: hidden;
   z-index: 100;
}

div#menu11es {
   border: 1px solid #000000;
   cursor: pointer;
   display: block;
   left: 150px;
   margin-left: 50%;
   position: absolute;
   text-align: left;
   top: 144px;
   visibility: hidden;
   z-index: 100;
}

div.opcio {
   background-color: #4c4c4c;
   border-bottom: 1px dotted #d6c102;
   font-size: 13px;
   padding: 2px 4px 2px 4px;
   width: 161px;
}

div.opcio a {
   color: #f4edae;
   outline: none;
   text-decoration: none;
}

div.opcio a:hover {
   color: #ffffff;
}

div.opciolast {
   background-color: #4c4c4c;
   font-size: 13px;
   padding: 2px 4px 2px 4px;
   width: 161px;
}

div.opciolast a {
   color: #f4edae;
   outline: none;
   text-decoration: none;
}

div.opciolast a:hover {
   color: #ffffff;
}

div.opcio2es {
   background-color: #4c4c4c;
   border-bottom: 1px dotted #d6c102;
   font-size: 13px;
   padding: 2px 4px 2px 4px;
   width: 156px;
}

div.opcio2es a {
   color: #f4edae;
   outline: none;
   text-decoration: none;
}

div.opcio2es a:hover {
   color: #ffffff;
}

div.opcio2eslast {
   background-color: #4c4c4c;
   font-size: 13px;
   padding: 2px 4px 2px 4px;
   width: 156px;
}

div.opcio2eslast a {
   color: #f4edae;
   outline: none;
   text-decoration: none;
}

div.opcio2eslast a:hover {
   color: #ffffff;
}

div.opcio2ca {
   background-color: #4c4c4c;
   border-bottom: 1px dotted #d6c102;
   font-size: 13px;
   padding: 2px 4px 2px 4px;
   width: 150px;
}

div.opcio2ca a {
   color: #f4edae;
   outline: none;
   text-decoration: none;
}

div.opcio2ca a:hover {
   color: #ffffff;
}

div.opcio2calast {
   background-color: #4c4c4c;
   font-size: 13px;
   padding: 2px 4px 2px 4px;
   width: 150px;
}

div.opcio2calast a {
   color: #f4edae;
   outline: none;
   text-decoration: none;
}

div.opcio2calast a:hover {
   color: #ffffff;
}

div.opcio3es {
   background-color: #4c4c4c;
   border-bottom: 1px dotted #d6c102;
   font-size: 13px;
   padding: 2px 4px 2px 4px;
   width: 180px;
}

div.opcio3es a {
   color: #f4edae;
   outline: none;
   text-decoration: none;
}

div.opcio3es a:hover {
   color: #ffffff;
}

div.opcio3eslast {
   background-color: #4c4c4c;
   font-size: 13px;
   padding: 2px 4px 2px 4px;
   width: 180px;
}

div.opcio3eslast a {
   color: #f4edae;
   outline: none;
   text-decoration: none;
}

div.opcio3eslast a:hover {
   color: #ffffff;
}

div.opcio3ca {
   background-color: #4c4c4c;
   border-bottom: 1px dotted #d6c102;
   font-size: 13px;
   padding: 2px 4px 2px 4px;
   width: 180px;
}

div.opcio3ca a {
   color: #f4edae;
   outline: none;
   text-decoration: none;
}

div.opcio3ca a:hover {
   color: #ffffff;
}

div.opcio3calast {
   background-color: #4c4c4c;
   font-size: 13px;
   padding: 2px 4px 2px 4px;
   width: 180px;
}

div.opcio3calast a {
   color: #f4edae;
   outline: none;
   text-decoration: none;
}

div.opcio3calast a:hover {
   color: #ffffff;
}

div.Sep {
   background-color: #a0a0a1;
   clear: both;
   display: block;
   font-size: 2px;
   height: 2px;
   position: relative;
   /*width: 100%;*/
}

div.SepInner {
   background-color: #a0a0a1;
   display: block;
   font-size: 2px;
   height: 2px;
   position: relative;
   width: 1002px;
}

div.CollocacioEsquerra {
   float: left;
   padding-right: 45px;
   position: relative;
   text-align: right;
   width: 210px;
}

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

div.CollocacioDreta {
   border: 1px solid #a0a0a1;
   float: left;
   margin: 140px 0px 30px 0px;
   padding: 5px 10px 5px 10px;
   position: relative;
   width: 200px;
}

div.Calculadora {
   float:left;
   padding-left: 70px;
   position: relative;
}

div.Paper {
   clear: left;
   float:left;
   margin-bottom: 14px;
   position: relative;
   width: 190px;
}

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

div#titolCollocacio {
   position: relative;
}

div#titolCollocacio p {
   color: #ffffff;
   font-size: 14px;
   font-weight: bold;
   margin: 0px 0px 12px 0px;
   text-align: center;
}

div#flashCollocacio {
   height: 258px;
   text-align: center;
   width: 400px;
}

div#numerosCollocacio {
   height: 58px;
   width: 400px;
}

div#numerosCollocacio table {
   margin-left: auto;
   margin-right: auto;
   margin-top: 12px;
}

div#numerosCollocacio td {
   background-color: #a0a0a1;
   border: 1px solid #ffffff;
   color: #ffffff;
   font-weight: bold;
   height: 20px;
   text-align: center;
   vertical-align: middle;
   width: 20px;
}

div#numerosCollocacio td:hover {
   border: 1px solid #f5db00;
   color: #f5db00;
}

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

div#textCollocacio p {
   color: #ffffff;
   margin: 0;
   text-align: left;
   width: 180px;
}

div#textCollocacio p b {
   color: #ffffff;
}

p.Idiomes {
   color: #a0a0a1;
   font-size: 14px;
   margin: 10px 13px 0px 0px;
}

p.Idiomes span {
   color: #ffffff;
}

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

p.Idiomes a:hover {
   color: #ffffff;
}

p.TextPortada {
   margin: 20px;
   text-align: center;
}

p.PoweredBy {
   margin: 10px 0px 0px 35px;
}

p.PoweredBy a {
   color: #4c4c4c;
   text-decoration: none;
}

p.PoweredBy a:hover {
   color: #ffffff;
   text-decoration: none;
}

p.Address {
   color: #ffffff;
   margin-top: 10px;
   text-align: center;
}

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

p.Address a:hover {
   text-decoration: underline;
}

p.AvisLegal {
   font-size: 11px;
   margin: 10px 60px 0px 0px;
   text-align: right;
}

p.AvisLegal a {
   color: #4c4c4c;
   text-decoration: underline;
}

p.AvisLegal a:hover {
   color: #ffffff;
   text-decoration: underline;
}

p.Menu {
   color: #ffffff;
   font-size: 14px;
   margin: 30px 10px 0px 0px;
   padding-bottom: 2px;
   text-align: right;
}

a.Menu {
   color: #f4edae;
   padding-bottom: 2px;
   text-decoration: none;
}

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

a.MenuAct {
   color: #ffffff;
   padding-top: 4px;
   padding-bottom: 4px;
   text-decoration: none;
}

p.Calculadora2 {
   margin: 12px 0px 0px 225px;
   padding 0;
   width: 450px;
   font-size: 12px;
}

td.CalculadoraHead1 {
   color: #f4edae;
   font-size: 14px;
   font-weight: bold;
   padding: 2px 2px 20px 2px;
   vertical-align: top;
   width: 220px;
}

td.CalculadoraHead2 {
   color: #f4edae;
   font-size: 14px;
   font-weight: bold;
   padding: 2px 2px 20px 2px;
   vertical-align: top;
}

td.CalculadoraText {
   font-size: 15px;
   padding: 2px 2px 4px 2px;
   vertical-align: top;
   width: 140px;
}

td.CalculadoraCamp {
   padding: 2px;
   vertical-align: top;
}

td.CalculadoraCamp input {
   background-color: #e3e3e6;
   border: 1px solid #ffffff;
   color: #000000;
   height: 15px;
   padding: 0px 2px 0px 2px;
   width: 80px;
}

td.CalculadoraCamp select {
   background-color: #a0a0a1;
   border: 1px solid #ffffff;
   color: #ffffff;
}

td.CalculadoraBoto {
   padding: 2px;
   text-align: center;
   vertical-align: top;
}

td.CalculadoraBoto input {
   background-color: #a0a0a1;
   border: 1px solid #ffffff;
   height: 19px;
   color: #000000;
   font-size: 11px;
   padding: 0px 4px 0px 4px;
   width: 70px;
}

div.EspaiSotaText
{

   height: 500px;

}

/** BITXO **/

h2.BitxoTitol {
   color: #f4edae;
   margin-bottom: 30px;
   font-size: 16px;
   font-weight: bold;
}

p.BitxoTextempresa {
   color: #e7e4c8;
   margin-left: 70px;
   text-align: justify;
   width:625px;
}

div.BitxoImatgeIncrustada {
   float: left;
   margin-right: 40px;
}


img.BitxoImatgeIncrustada {
   float: left;
   margin-right: 40px;
   display:block;
   clear:left;
   margin-bottom:6px;
}

p.BitxoTextempresa b {
   color: #f4edae;
}

p.BitxoTextqualitats {
   margin-left: 30px;
   text-align: justify;
}

p.BitxoTextqualitats img {
   float: left;
   margin: 0px 70px 12px 0px;
}

p.BitxoTextqualitats b {
   color: #f4edae;
}

p.BitxoTextcolowall {
   margin-left: 70px;
   text-align: justify;
}

p.BitxoTextcolowall b {
   color: #f4edae;
}

div.BitxoTextconsells {
   margin-left: 70px;
}

p.BitxoTextavislegal {
   color: #e7e4c8;
   margin-left: 70px;
   text-align: justify;
}

p.BitxoTextavislegal b {
   color: #f4edae;
}

p.BitxoConsellTitol {
   background-color: #838384;
   color: #f4edae;
   font-weight: bold;
   margin: 14px 0px 4px 0px;
   padding: 2px 2px 2px 5px;
   width: 450px;
}

p.BitxoConsellText {
   margin: 0;
   padding: 0;
}

td.BitxoLinkx2Nocolumna {
   height: 1px;
}

td.BitxoLinkx2Nocolumna img {
   display: block;
}

td.BitxoLinkx2Columna a {
   color: #f5db00;
   font-weight: bold;
   text-decoration: none;
}

div.BitxoNoticiaImatge {
   float: left;
   padding: 0px 0px 0px 70px;
   position: relative;
}

div.BitxoNoticiaDreta {
   float: left;
   position: relative;
   width: 600px;
}

div.BitxoNoticiaTitol {
   clear: left;
   color: #f4edae;
   float: left;
   font-weight: bold;
   position: relative;
}

div.BitxoNoticiaText {
   color: #e7e4c8;
   clear: left;
   float: left;
   padding: 12px 0px 0px 0px;
   position: relative;
   text-align: justify;
   width: 590px;
}

div.BitxoNoticiaLink {
   clear: left;
   float: left;
   padding: 12px 0px 0px 0px;
   position: relative;
   font-size:11px;
}

div.BitxoNoticiaLink a {
   color: #f4edae;
   text-decoration: none;
}

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


/** COLAWALL **/

div.ColawallTitol {
   background-color: #a0a0a1;
   clear: both;
   color: #e2e2e2;
   float: left;
   height: 25px;
   margin: 12px 0px 0px 0px;
   position: relative;
}

div.ColawallTitol p {
   font-size: 16px;
   font-weight: bold;
   margin: 2px 20px 0px 30px;
   text-align: left;
}

div.ColawallTitol p a {
   color: #f4edae;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
}

div.ColawallTitol p span {
   color: #f4edae;
}

div.ColawallContingut {
   text-decoration: none;
   clear: left;
   float: left;
   margin-top: 30px;
   margin-bottom: 30px;
   padding-right: 30px;
   padding-left: 100px; 
   position: relative;
   width: 866px;
}

div.ColawallSeccio {
   clear: both;
   color: #f4edae;
   float: left;
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 6px;
   margin-top: 12px;
   position: relative;
   width: 400px;
}

div.ColawallImg {
   clear: left;
   float: left;
   margin-top: 6px;
   position: relative;
   width: 60px;
}

div.ColawallText {
   color: #e7e4c8;
   float: left;
   margin-left: 10px;
   margin-top: 6px;
   position: relative;
   width: 730px;
}


/** FORMULARIS **/

td.Formtext {
   /*color: #ffffff;*/
   font-size: 13px;
}

td.Forminput {
   color: #f7ed8f;
   font-weight: bold;
}

td.Forminput input {
   background-color: #67676b;
   border: 1px solid #ffffff;
   color: #ffffff;
   height: 15px;
   padding: 0px 2px 0px 2px;
   width: 220px;
}

td.Forminput textarea {
   background-color: #67676b;
   border: 1px solid #ffffff;
   color: #ffffff;
   padding: 0px 2px 0px 2px;
   width: 220px;
}

td.Formbutton input {
   border: 1px solid #ffffff;
   background-color: #a0a0a1;
   height: 19px;
   color: #000000;
   font-size: 11px;
   padding: 0px 4px 0px 4px;
}

div.copyrightlinkdiv {
text-align:right;
padding:0 20px 0 0;
}
a#copyrightlink {
color:#696969;
text-decoration:none;
}
div#copyright {
display:none;
clear: both;
float: left;
position: relative;
color:#696969;
border-top:solid 1px #000;
background-color: #a0a0a1;
/*width: 1002px;*/
width: 972px;
padding: 10px 15px 10px 15px;
}