/*****************************************************************************/
/* styl.css                                                                  */
/*****************************************************************************/
/*
=head1 NOM

B<Fonts Botigues DRAC - Classes CSS base de la botiga.>

=cut
*/
/*****************************************************************************/

a.Botiga {
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-decoration: underline;
}

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

h2.Botiga {
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   margin-top: 12px;
}

img.Botiga {
   border: 0;
}

input.Botiga {
   background-color: #ffffff;
   border: 1px solid #000000;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   padding-left: 4px;
   padding-right: 4px;
}

input.BotigaR {
   background-color: #ffffff;
   border: 1px solid #000000;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   padding-left: 4px;
   padding-right: 4px;
   text-align: right;
}

input.BotigaCheckbox {
   border: 0;
   color: #000000;
   font-size: 11px;
}

input.BotigaRadio {
   border: 0;
   color: #000000;
   font-size: 11px;
}

input.BotigaBotons {
   background-color: #a76f6f;
   border: 1px solid #901010;
   color: #ffffff;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
}

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

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


/* Botiga.phps */

p.BotigaSessionWarn {
   text-align: center;
   padding: 24px;
   width: 100%;
}

p.BotigaSessionWarn a {
   background-color: #a76f6f;
   border: 1px solid #901010;
   color: #ffffff;
   text-decoration: none;
}


/* bigi.php */

div.BotigaBigimg {
   text-align: center;
}

div.BotigaBigimg img {
   border: 1px solid #901010;
}


/* cata.php */

div.BotigaCataFami {
   float: left;
   position: relative;
   width: 150px;
}

div.BotigaCataInner {
   background-color: #f0f8ff;
   padding: 10px;
   text-align: left;
   vertical-align: top;
}

div.BotigaCataFamilia {
   background-color: #ffffff;
   border: 1px solid #901010;
   color: #901010;
   margin-top: 1px;
   width: 145px;
}

div.BotigaCataFamiliaInner {
   background-color: #e9cfcf;
   margin-top: 1px;
   width: 145px;
}

p.BotigaCataFamiliaInner {
   color: #901010;
   font-weight: bold;
   margin: 0;
   padding: 4px 12px 6px 12px;
}

p.BotigaCataFamiliaInner a {
   color: #901010;
   font-weight: normal;
   text-decoration: none;
}

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

p.BotigaCataFamiliaInnerAct {
   color: #901010;
   font-weight: bold;
   margin: 0;
   padding: 4px 12px 6px 12px;
}

p.BotigaCataFamiliaInnerAct a {
   color: #901010;
   font-weight: bold;
   text-decoration: none;
}

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

div.BotigaCataFamilia1 {
   background-color: #f7eded;
   border: 1px solid #f7eded;
   color: #901010;
   margin-top: 1px;
   width: 145px;
}

div.BotigaCataFamilia1Inner {
   background-color: #f7eded;
   margin-top: 1px;
   width: 145px;
}

p.BotigaCataFamilia1Inner {
   color: #000000;
   font-weight: bold;
   margin: 0;
   padding: 3px 4px 3px 10px;
}

p.BotigaCataFamilia1Inner a {
   color: #000000;
   font-weight: normal;
   text-decoration: none;
}

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

p.BotigaCataFamilia1InnerAct {
   color: #000000;
   font-weight: bold;
   margin: 0;
   padding: 3px 4px 3px 10px;
}

p.BotigaCataFamilia1InnerAct a {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

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

div.BotigaCataFamilia2 {
   background-color: #f7eded;
   border: 1px solid #f7eded;
   color: #901010;
   margin-top: 1px;
   width: 145px;
}

div.BotigaCataFamilia2Inner {
   background-color: #f7eded;
   margin-top: 1px;
   width: 145px;
}

p.BotigaCataFamilia2Inner {
   color: #000000;
   font-weight: bold;
   margin: 0;
   padding: 3px 4px 3px 22px;
}

p.BotigaCataFamilia2Inner a {
   color: #000000;
   font-weight: normal;
   text-decoration: none;
}

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

p.BotigaCataFamilia2InnerAct {
   color: #000000;
   font-weight: bold;
   margin: 0;
   padding: 3px 4px 3px 22px;
}

p.BotigaCataFamilia2InnerAct a {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

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

div.BotigaCataFamiliaNew {
   background-color: #ffffff;
   border: 1px solid #901010;
   color: #901010;
   margin-top: 1px;
   width: 145px;
}

div.BotigaCataFamiliaNewInner {
   background-color: #a76f6f;
   margin-top: 1px;
   width: 145px;
}

p.BotigaCataFamiliaNewInner {
   color: #ffffff;
   font-weight: bold;
   margin: 0;
   padding: 4px 12px 6px 12px;

}

p.BotigaCataFamiliaNewInner a {
   color: #ffffff;
   font-weight: normal;
   text-decoration: none;

}

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

p.BotigaCataFamiliaNewInnerAct {
   color: #ffffff;
   font-weight: bold;
   margin: 0;
   padding: 4px 12px 6px 12px;

}

p.BotigaCataFamiliaNewInnerAct a {
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;

}

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

div.BotigaCataProd {
   float: left;
   margin: 20px 0px 0px 230px;
   min-height: 300px;
   position: relative;
   width: 770px;
}

div.BotigaCataProdImag {
   border: 1px solid #000000;
   float: left;
   /*height: 528px;*/
   height: 460px;
   overflow: hidden;
   line-height: 528px;
   margin-bottom: 20px;
   position: relative;
   text-align: center;
   width: 768px;
}

img.BotigaCataProdImag {
   width: 100%;
   /*vertical-align: middle;*/
   vertical-align: top;
}

div.BotigaCataProdPadd {
   border: 1px solid white;
   float: left;
   position: relative;
}

div.BotigaCataProdMini {
   clear: both;
   float: left;
   padding-bottom: 40px;
   position: relative;
}
div.BotigaCataProdMiniInner {
   float: left;
   padding: 0px 1px 1px 0px;
   position: relative;
}

div.BotigaCataProdMiniBack {
display: none;
   background-color: #000000;
   bottom: 0;
   left: 0;
   height: 10px;
   position: absolute;
   width: 100%;
}

a.BotigaCataProdMini {
   background-color: #ffffff;
   color: #656565;
   display: block;
   float: left;
   font-family: TheMixCaps;
   margin-left: 1px;
   position: relative;
   text-align: center;
   text-decoration: none;
   width: 100px;
}

a.BotigaCataProdMini:hover {
   color: #eb0329;
}

a.BotigaCataProdMiniAct {
   color: #eb0329;
}

div.BotigaCataProdFam1 {
   border-bottom: 2px solid #eb0329;
   color: #656565;
   float: left;
   font-family: TheMixCaps;
   font-size: 20px;
   font-weight: bold;
   line-height: 20px;
   position: relative;
   text-align: center;
   width: 100%;
}

div.BotigaCataProdFam2 {
   color: #656565;
   float: left;
   font-size: 20px;
   font-family: TheMixCaps;
   font-weight: bold;
   padding: 4px 0px 30px 0px;
   position: relative;
   text-align: center;
   width: 100%;
}

div.BotigaCataProdFam3 {
   border-bottom: 1px solid #000000;
   color: #656565;
   float: left;
   font-size: 14px;
   margin-bottom: 10px;
   padding-bottom: 10px;
   position: relative;
   width: 100%;
}

div.BotigaCataProdFam3 span {
   color: #000000;
   font-size: 18px;
   font-weight: bold;
   line-height: 18px;
}

div.BotigaCataProdFam4 {
   border-bottom: 1px solid #000000;
   color: #656565;
   float: left;
   font-size: 14px;
   margin-bottom: 10px;
   padding-bottom: 10px;
   position: relative;
   width: 100%;
}

div.BotigaCataProdFam4 span {
   color: #000000;
   font-size: 18px;
   font-weight: bold;
   line-height: 18px;
}

div.BotigaCataProdFam5 {
   border-bottom: 1px solid #000000;
   color: #656565;
   float: left;
   font-size: 14px;
   margin-bottom: 10px;
   padding-bottom: 10px;
   position: relative;
   width: 100%;
}

div.BotigaCataProdFam5 span {
   color: #000000;
   font-size: 18px;
   font-weight: bold;
   line-height: 18px;
}

div.BotigaCataProdAccs {
   color: #656565;
   float: left;
   padding-bottom: 20px;
   position: relative;
   width: 50%;
}

div.BotigaCataProdAccsimg {
   float: left;
   position: relative;
   text-align: center;
   width: 100%;
}

div.BotigaCataProdAccstxt {
   float: left;
   font-size: 20px;
   font-family: TheMixCaps;
   position: relative;
   text-align: center;
   width: 100%;
}

div.BotigaCataProdAccstxt span {
   font-size: 18px;
}

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

div.BotigaCataProdRow1 {
   background-color: #efefef;
   clear: both;
   float: left;
   position: relative;
   width: 100%;
}

div.BotigaCataProdRow2 {
   background-color: #d3d3d3;
   clear: both;
   float: left;
   position: relative;
   width: 100%;
}

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

div.BotigaCataPagiTabl {
   float: right;
   position: relative;
}

p.BotigaCataPagi {
   color: #901010;
   font-weight: bold;
}

p.BotigaCataPagi span {
   color: #901010;
   font-weight: normal;
}

p.BotigaCataPagi a {
   color: #901010;
   font-weight: normal;
   text-decoration: none;
}

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

p.BotigaCataProdTit {
   color: #901010;
   font-size: 14px;
   font-weight: bold;
   margin: 0px 0px 8px 0px;
   padding: 0;
}

p.BotigaCataProdImgp {
   margin: 10px 0px 10px 10px;
}

p.BotigaCataProdImgp img {
   border: 1px solid #901010;
   display: block;
}

p.BotigaCataProdImgp img:hover {
   border: 1px dotted #901010;
}

p.BotigaCataProdName {
   color: #000000;
   margin: 10px 10px 0px 10px;
}

p.BotigaCataProdName a {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

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

p.BotigaCataProdDesc {
   color: #000000;
   margin: 10px 10px 0px 10px;
}

p.BotigaCataProdPreu {
   color: #af6f6f;
   margin: 10px 10px 0px 10px;
   font-style: italic;
}

p.BotigaCataProdCist {
   margin: 10px;
}

p.BotigaCataProdCist a {
   border: 1px solid #901010;
   background-color: #e9cfcf;
   color: #000000;
   padding: 2px;
   text-decoration: none;
}

p.BotigaCataProdCist a:hover {
   border: 1px dotted #901010;
}


/* cerc.php */

div.BotigaCercsmall {
   float: left;
   margin-left: 2px;
   position: relative;
}

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

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

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

input.BotigaCercsmallBoto {
   border: 0;
   height: 25px;
   width: 25px;
}

input.BotigaCercsmall {
   border-top: 0;
   border-left: 0;
   border-right: 0;
   border-bottom: 1px solid #000000;
   height: 24px;
   font-size: 14px;
   margin-left: 2px;
   padding: 0px 2px 0px 2px;
   width: 260px;
}

/* cist.php */

div.BotigaCistMain {
   clear: both;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   margin-top: 12px;
   width: 80%;
}

div.BotigaCistComm {
   clear: both;
   margin-left: auto;
   margin-right: auto;
   margin-top: 12px;
   text-align: justify;
   width: 80%;
}

div.BotigaCistBots {
   clear: both;
   margin-left: auto;
   margin-right: auto;
   margin-top: 12px;
   position: relative;
   width: 80%;
}

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

div.BotigaCistBotdret {
   float: right;
   position: relative;
}

table.BotigaCistTabl {
   border: 0;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
}

td.BotigaCistTablC {
   background-color: #efefef;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: center;
}

td.BotigaCistTablL {
   background-color: #efefef;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: left;
}

td.BotigaCistTablR {
   background-color: #efefef;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: right;
}

td.BotigaCistTablC2 {
   background-color: #d3d3d3;
   color: #000000;
   padding: 4px;
   font-weight: normal;
   text-align: center;
}

td.BotigaCistTablL2 {
   background-color: #d3d3d3;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: left;
}

td.BotigaCistTablR2 {
   background-color: #d3d3d3;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: right;
}

td.BotigaCistTablTL {
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: left;
}

td.BotigaCistTablTR {
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: right;
}

td.BotigaCistTablTLN {
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: left;
}

td.BotigaCistTablTRN {
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: right;
}

th.BotigaCistTablC {
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: center;
}

th.BotigaCistTablL {
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: center;
   text-align: left;
}

th.BotigaCistTablR {
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: center;
   text-align: right;
}

   /* ajax */

div.BotigaCistCap {
   background-color: #901010;
   clear: both;
   position: relative;
}

div.BotigaCistCap p {
   color: #ffffff;
   font-weight: bold;
   margin: 0;
   padding: 8px 0px 8px 0px;
   text-align: center;
}

div.BotigaCistBuida {
   background-color: #eef0ef;
   clear: both;
   position: relative;
}

div.BotigaCistBuida p {
   margin: 0;
   padding: 4px;
}

div.BotigaCistBuida p a {
   color: #901010;
   font-size: 10px;
   text-decoration: none;
}

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

div.BotigaCistProds {
   background-color: #eef0ef;
   border-bottom: 1px solid #901010;
   border-top: 1px solid #901010;
   clear: both;
   height: 282px;
   overflow: auto;
   position: relative;
}

div.BotigaCistTotal {
   background-color: #eef0ef;
   border-bottom: 1px solid #901010;
   clear: both;
   position: relative;
}

div.BotigaCistTotal p {
   color: #901010;
   font-size: 10px;
   font-weight: bold;
   margin: 0;
   padding: 8px 4px 8px 4px;
   text-align: right;
}

div.BotigaCistCompra {
   background-color: #eef0ef;
   clear: both;
   position: relative;
}

div.BotigaCistCompra p {
   margin: 0;
   padding: 8px 0px 8px 4px;
}

div.BotigaCistPeu {
   background-color: #901010;
   clear: both;
   position: relative;
}

div.BotigaCistPeu p {
   color: #ffffff;
   font-weight: bold;
   margin: 0;
   padding: 8px 0px 8px 0px;
   text-align: center;
}

p.BotigaCistVoid {
   color: #901010;
   margin: 0;
   padding: 24px;
   text-align: center;
}

table.BotigaCistProds {
   border: 0;
   width: 100%;
}

table.BotigaCistIvas {
   border-top: 1px dotted #901010;
   width: 100%;
}

table.BotigaCistIvat {
   border-top: 1px solid #901010;
   width: 100%;
}

table.BotigaCistIvak {
   width: 100%;
}

td.BotigaCistTablDesctop {
   padding: 4px;
}

td.BotigaCistTablDesctop a {
   color: #901010;
   font-size: 10px;
   font-weight: bold;
   text-decoration: none;
}

td.BotigaCistTablDesc {
   border-top: 1px dotted #901010;
   padding: 4px;
}

td.BotigaCistTablDesc a {
   color: #901010;
   font-size: 10px;
   font-weight: bold;
   text-decoration: none;
}

td.BotigaCistTablDesc a:hover {
   text-decoration: underline;
}

td.BotigaCistTablQuan {
   color: #901010;
   font-size: 10px;
   padding: 4px;
}

td.BotigaCistTablQuan input {
   background-color: #ffffff;
   border: 1px solid #000000;
   color: #000000;
   font-size: 10px;
   text-align: right;
}

input.BotigaCistTablQuan:hover {
   border: 1px dotted #000000;
}

td.BotigaCistTablVari {
   color: #901010;
   font-size: 10px;
   padding: 4px;
}

td.BotigaCistTablVari input {
   background-color: #ffffff;
   border: 1px solid #000000;
   color: #000000;
   font-size: 10px;
   text-align: right;
}

input.BotigaCistTablVari:hover {
   border: 1px dotted #000000;
}

td.BotigaCistTablVari select {
   background-color: #ffffff;
   border: 1px solid #000000;
   color: #000000;
   font-size: 10px;
}

input.BotigaCistTablVari select:hover {
   border: 1px dotted #000000;
}

td.BotigaCistTablDele {
   padding: 4px;
}

td.BotigaCistTablDele a {
   color: #901010;
   font-size: 10px;
   text-decoration: underline;
}

td.BotigaCistTablStot {
   color: #901010;
   font-size: 10px;
   font-weight: bold;
   padding: 4px;
   text-align: right;
}

td.BotigaCistTablSepa img {
   display: block;
}

table.BotigaCistTotals {
   border: 0;
   width: 100%;
}

td.BotigaCistBaseText {
   color: #901010;
   font-size: 10px;
   font-weight: normal;
   padding: 1px 4px 1px 4px;
   text-align: left;
}

td.BotigaCistBaseValu {
   color: #901010;
   font-size: 10px;
   font-weight: bold;
   padding: 1px 4px 1px 4px;
   text-align: right;
}

td.BotigaCistIivaText {
   color: #901010;
   font-size: 10px;
   font-weight: normal;
   padding: 1px 4px 1px 4px;
   text-align: left;
}

td.BotigaCistIivaValu {
   color: #901010;
   font-size: 10px;
   font-weight: bold;
   padding: 1px 4px 1px 4px;
   text-align: right;
}

td.BotigaCistTottText {
   color: #901010;
   font-size: 10px;
   font-weight: bold;
   padding: 1px 4px 1px 4px;
   text-align: left;
}

td.BotigaCistTottValu {
   color: #901010;
   font-size: 10px;
   font-weight: bold;
   padding: 1px 4px 1px 4px;
   text-align: right;
}


/* conf.php */

div.BotigaConfMain {
   float: left;
   margin-left: auto;
   margin-right: auto;
   margin-top: 12px;
   position: relative;
}

div.BotigaConfData {
   float: left;
   padding-left: 15%;
   position: relative;
   width: 70%;
}

div.BotigaConfDataAjax {
   float: left;
   padding-left: 7%;
   position: relative;
   width: 86%;
}

div.BotigaConfComm {
   float: left;
   padding-left: 10%;
   margin-top: 24px;
   position: relative;
   text-align: justify;
   width: 80%;
}

div.BotigaConfCommAjax {
   float: left;
   margin-top: 24px;
   text-align: justify;
   position: relative;
   width: 100%;
}

div.BotigaConfUsid {
   clear: both;
   margin-left: auto;
   margin-right: auto;
   margin-top: 12px;
   margin-bottom: 12px;
   position: relative;
   width: 80%;
}

div.BotigaConfUsidAjax {
   clear: both;
   margin-left: auto;
   margin-right: auto;
   margin-top: 12px;
   margin-bottom: 12px;
   width: 100%;
}

div.BotigaConfBots {
   float: left;
   padding-left: 10%;
   margin-top: 24px;
   position: relative;
   width: 80%;
}

div.BotigaConfBotl {
   float: left;
   position: relative;
   text-align: left;
   width: 33%;
}

div.BotigaConfBotc {
   float: left;
   position: relative;
   text-align: center;
   width: 33%;
}

div.BotigaConfBotr {
   float: right;
   position: relative;
   text-align: right;
   width: 33%;
}

div.BotigaConfBotsAjax {
   float: left;
   margin-top: 24px;
   position: relative;
   width: 100%;
}

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

div.BotigaConfRow {
   clear: both;
   position: relative;
}

div.BotigaConfSubtitol {
   float: left;
   font-size: 14px;
   font-weight: bold;
   padding-bottom: 12px;
   padding-top: 12px;
   position: relative;
}

div.BotigaConfSubtitol2 {
   float: left;
   font-style: italic;
   font-weight: bold;
   position: relative;
}

div.BotigaConfCamp {
   float: left;
   font-style: italic;
   margin-right: 10px;
   padding: 1px;
   position: relative;
   width: 140px;
}

div.BotigaConfValu {
   float: left;
   font-weight: normal;
   margin-right: 10px;
   padding: 1px;
   position: relative;
   width: 140px;
}

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

div.BotigaConfCamg {
   float: left;
   font-style: italic;
   margin-right: 10px;
   padding: 1px;
   position: relative;
   text-align: right;
   width: 121px;
}

div.BotigaConfValg {
   float: left;
   font-weight: normal;
   margin-right: 10px;
   padding: 1px;
   position: relative;
}

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

div.BotigaConfCam0 {
   float: left;
   font-style: italic;
   position: relative;
   vertical-align: top;
   width: 25px;
}

div.BotigaConfCam1 {
   float: left;
   font-weight: normal;
   position: relative;
   vertical-align: top;
   width: 200px;
}

div.BotigaConfCam2 {
   float: left;
   font-style: italic;
   position: relative;
   vertical-align: top;
}

div.BotigaConfTablcond {
   clear: both;
   float: left;
   margin-top: 12px;
   position: relative;
   width: 600px;
}

div.BotigaConfCond {
   font-style: italic;
   float: left;
   position: relative;
}

div.BotigaConfCond a {
   color: #000000;
}

div.BotigaConfCond a:hover {
   color: #ff0000;
}


table.BotigaConfTabl {
   margin-left: auto;
   margin-right: auto;
   width: 80%;
}

table.BotigaConfTablAjax {
   border: 0;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
}

td.BotigaConfTablC {
   background-color: #efefef;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: center;
}

td.BotigaConfTablL {
   background-color: #efefef;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: left;
}

td.BotigaConfTablR {
   background-color: #efefef;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: right;
}

td.BotigaConfTablC2 {
   background-color: #d3d3d3;
   color: #000000;
   padding: 4px;
   font-weight: normal;
   text-align: center;
}

td.BotigaConfTablL2 {
   background-color: #d3d3d3;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: left;
}

td.BotigaConfTablR2 {
   background-color: #d3d3d3;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: right;
}

td.BotigaConfTablTL {
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: left;
}

td.BotigaConfTablTR {
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: right;
}

td.BotigaConfTablTLN {
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: left;
}

td.BotigaConfTablTRN {
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: right;
}

td.BotigaConfSubtitol {
   font-size: 14px;
   font-weight: bold;
   padding-bottom: 12px;
   padding-top: 12px;
}

td.BotigaConfSubtitol2 {
   font-style: italic;
   font-weight: bold;
}

td.BotigaConfCamp {
   font-style: italic;
}

td.BotigaConfValu {
   font-weight: normal;
}

td.BotigaConfCamk {
   font-style: italic;
   vertical-align: top;
}

td.BotigaConfValk {
   font-weight: normal;
   vertical-align: top;
}

td.BotigaConfCond {
   font-style: italic;
}

td.BotigaConfCond a {
   color: #000000;
}

td.BotigaConfCond a:hover {
   color: #ff0000;
}


th.BotigaConfTablC {
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: center;
}

th.BotigaConfTablL {
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: center;
   text-align: left;
}

th.BotigaConfTablR {
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: center;
   text-align: right;
}


/* dpro.php */

div.BotigaProd {
   float: left;
   margin-left: 20px;
   position: relative;
   width: 830px;
}

div.BotigaProdHead {
   clear: right;
   position: relative;
   float: left;
}

div.BotigaProdLeft {
   clear: left;
   position: relative;
   float: left;
   padding-right: 10px;
}

div.BotigaProdLeft img {
   border: 1px solid #000000;
}

div.BotigaProdRight {
   position: relative;
   float: left;
   width: 390px;
}

div.BotigaProdFoot {
   clear: both;
   position: relative;
   text-align: center;
}

div.BotigaProdFoot input {
   margin: 24px;
}

p.BotigaProdPnom {
   color: #901010;
   font-size: 14px;
   font-weight: bold;
   margin: 0;
   padding-bottom: 12px;
}

p.BotigaProdPnom span {
   font-style: italic;
}

p.BotigaProdPref {
   font-weight: bold;
   margin: 0;
   padding-bottom: 12px;
}

p.BotigaProdPdes {
   font-weight: normal;
   margin: 0;
   padding-bottom: 12px;
}

p.BotigaProdCist {
   margin: 0;
   padding-top: 12px;
   font-size: 14px;
   font-weight: bold;
}

p.BotigaProdCist a {
   color: #228b22;
   text-decoration: none;
}

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

td.BotigaProdVariLabl {
   font-weight: bold;
}

td.BotigaProdVariText {
   font-style: italic;
}

td.BotigaProdVariText input {
   font-style: italic;
}

td.BotigaProdVariText select {
   font-style: italic;
}

td.BotigaProdQuanLabl {
   font-weight: bold;
}

td.BotigaProdQuanText {
   font-style: italic;
}

td.BotigaProdQuanText input {
   font-style: italic;
}

td.BotigaProdQuanText select {
   font-style: italic;
}

td.BotigaProdPpesLabl {
   font-weight: bold;
}

td.BotigaProdPpesText {
   font-style: italic;
}

td.BotigaProdPreuLabl {
   font-weight: bold;
}

td.BotigaProdPreuText {
   color: #af6f6f;
   font-style: italic;
   font-weight: bold;
}

/* dtxt.php */

table.BotigaTextTaula {
   width: 640px;
}

td.BotigaTextTitol {
   color: #901010;
   font-weight: bold;
}

td.BotigaTextText {
}

p.BotigaTextTanca {
   margin: 12px;
   text-align: center;
}



/* paga.php */

html {
   height: 100%;
}

body.BotigaPaga {
   background-color: #ffffff;
   background-image: url(img/fonspaga.jpg);
   background-repeat: repeat;
   height: 100%;
   margin: 0;
   padding: 0;
}

div.BotigaPagaWait {
   color: #000000;
   font-weight: bold;
   margin-top: 20%;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   text-align: center;
   text-decoration: blink;
   width: 50%;
}

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

div.BotigaPagaCapc {
   background-color: #ffffff;
   border: 1px solid #000000;
   float: left;
   height: 90px;
   padding-right: 10px;
   position: relative;
}

div.BotigaPagaCapc img {
   border: 0;
   margin: 10px;
   vertical-align: middle;
}

span.BotigaPagaTit1 {
   color: #dd1717;
   font-size: 40px;
   font-weight: bold;
}

span.BotigaPagaTit2 {
   color: #0600ff;
   font-size: 40px;
   font-style: italic;
   font-weight: bold;
}

div.BotigaPagaHelp {
   font-size: 10px;
   font-style: italic;
   margin-left: auto;
   margin-right: auto;
   margin-top: 12px;
   text-align: center;
   width: 500px;
}

div.BotigaPagaHelp ul {
   margin-left: 100px;
   text-align: left;
}

div.BotigaPagaTabl {
   background-color: #ffffff;
   border: 1px dotted #000000;
   height: 140px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 24px;
   padding: 8px;
   position: relative;
   width: 500px;
}

div.BotigaPagaRow {
   clear: both;
   position: relative;
}

div.BotigaPagaHead {
   float: left;
   font-weight: bold;
   position: relative;
   width: 120px;
}

div.BotigaPagaHed2 {
   float: left;
   font-weight: bold;
   font-style: italic;
   position: relative;
}

div.BotigaPagaHed3 {
   color: #000000;
   float: left;
   font-weight: normal;
   position: relative;
}  

div.BotigaPagaHed32 {
   color: #000000;
   float: left;
   font-weight: normal;
   position: relative;
}

div.BotigaPagaTabh {
   margin-top: 36px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   width: 400px;
}

div.BotigaPagaForm {
   color: #000000;
   float: left;
   font-weight: bold;
   position: relative;
   width: 150px;
}

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

div.BotigaPagaBots {
   float: left;
   margin-top: 18px;
   position: relative;
   text-align: center;
   width: 100%;
}

div.BotigaPagaBotl {
   float: left;
   position: relative;
   text-align: left;
   width: 33%;
}

div.BotigaPagaBotc {
   float: left;
   position: relative;
   text-align: center;
   width: 33%;
}

div.BotigaPagaBotr {
   float: right;
   position: relative;
   text-align: right;
   width: 33%;
}

div.BotigaPagaResu {
   clear: both;
   margin-top: 30px;
   padding: 8px;
   position: relative;
   text-align: center;
   vertical-align: middle;
}

input.BotigaPagaForm {
   background-color: #ffffff;
   border: 1px solid #000000;
   color: #000000;
   margin: 2px;
}

p.BotigaPagaText {
   text-align: center;
   margin-top: 36px;
   margin-bottom: 0;
   margin-left: auto;
   margin-right: auto;
   width: 600px;
}

select.BotigaPagaForm {
   background-color: #ffffff;
   border: 1px solid #000000;
   color: #000000;
   margin: 2px;
}


/* regi.php */

div.BotigaRegiMain {
   position: relative;
   margin-left: auto;
   margin-right: auto;
}

div.BotigaRegiTabl {
   float: left;
   padding-left: 15%;
   position: relative;
   width: 70%;
}

div.BotigaRegiTablAjax {
   float: left;
   padding-left: 5%;
   margin-right: auto;
   position: relative;
   width: 90%;
}

div.BotigaRegiSubtitol {
   clear: both;
   font-style: italic;
   padding-bottom: 12px;
   padding-top: 12px;
   position: relative;
   text-align: center;
}

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

div.BotigaRegiCamp {
   float: left;
   margin-right: 10px;
   padding: 2px;
   position: relative;
   vertical-align: top;
   width: 25%;
}

div.BotigaRegiValu {
   float: left;
   margin-right: 24px;
   padding: 2px;
   position: relative;
   vertical-align: top;
}

div.BotigaRegiCamp2 {
   float: left;
   margin-right: 10px;
   padding: 2px;
   position: relative;
   text-align: right;
   vertical-align: top;
}

div.BotigaRegiValu2 {
   float: left;
   padding: 2px;
   position: relative;
   vertical-align: top;
}

div.BotigaRegiBots {
   clear: both;
   float: left;
   margin-top: 24px;
   position: relative;
   width: 100%;
}

div.BotigaRegiBotl {
   float: left;
   position: relative;
   text-align: left;
   width: 33%;
}

div.BotigaRegiBotc {
   float: left;
   position: relative;
   text-align: center;
   width: 33%;
}

div.BotigaRegiBotr {
   float: right;
   position: relative;
   text-align: right;
   width: 33%;
}

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

div.BotigaRegiRegr {
   float: left;
   font-style: italic;
   padding-right: 50px;
   position:relative;
   text-align: left;
   vertical-align: top;
   width: 220px;
}

p.BotigaRegiOk {
   margin: 40px 0px 40px 0px;
   text-align: center;
}


/* resu.php */

div.BotigaResuMain {
   position: relative;
   margin-left: auto;
   margin-right: auto;
   margin-top: 12px;
}

div.BotigaResuText {
   clear: both;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 12px;
   margin-top: 24px;
   text-align: center;
   width: 70%;
}

div.BotigaResuBots {
   clear: both;
   margin-left: auto;
   margin-right: auto;
   margin-top: 24px;
   width: 70%;
}

div.BotigaResuBots p {
   margin: 0;
   padding: 0;
   text-align: center;
}

div.BotigaResuBotsAjax {
   clear: both;
   margin-left: auto;
   margin-right: auto;
   margin-top: 24px;
   width: 90%;
}

div.BotigaResuBotsAjax p {
   margin: 0;
   padding: 0;
   text-align: center;
}

div.BotigaResuBotesq {
   float: left;
   position: relative;
   text-align: center;
   width: 50%;
}

div.BotigaResuBotdre {
   float: left;
   position: relative;
   text-align: center;
   width: 50%;
}

h2.BotigaResu {
   color: #000000;
   font-size: 16px;
   font-weight: bold;
   text-align: center;
   margin-top: 24px;
   margin-top: 24px;
}

table.BotigaResuTabl {
   border: 0;
   margin-left: auto;
   margin-right: auto;
   width: 70%;
}

table.BotigaResuTablAjax {
   border: 0;
   margin-left: auto;
   margin-right: auto;
   width: 90%;
}

table.BotigaResuTabu {
   border: 0;
   margin-left: auto;
   margin-right: auto;
   width: 70%;
}

table.BotigaResuTabuAjax {
   border: 0;
   margin-left: auto;
   margin-right: auto;
   width: 90%;
}

td.BotigaResuTablC {
   background-color: #efefef;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: center;
}

td.BotigaResuTablL {
   background-color: #efefef;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: left;
}

td.BotigaResuTablR {
   background-color: #efefef;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: right;
}

td.BotigaResuTablC2 {
   background-color: #d3d3d3;
   color: #000000;
   padding: 4px;
   font-weight: normal;
   text-align: center;
}

td.BotigaResuTablL2 {
   background-color: #d3d3d3;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: left;
}

td.BotigaResuTablR2 {
   background-color: #d3d3d3;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: right;
}

td.BotigaResuTablTL {
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: left;
}

td.BotigaResuTablTR {
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: right;
}

td.BotigaResuTablTLN {
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: left;
}

td.BotigaResuTablTRN {
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: bold;
   padding: 4px;
   text-align: right;
}

td.BotigaResuSubtitol {
   font-size: 14px;
   font-weight: bold;
   padding-bottom: 12px;
   padding-top: 24px;
}

td.BotigaResuSubtitol2 {
   font-style: italic;
   font-weight: bold;
}

td.BotigaResuCamp {
   font-style: italic;
}

td.BotigaResuValu {
   font-weight: normal;
}

th.BotigaResuTablC {
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: center;
}

th.BotigaResuTablL {
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: center;
   text-align: left;
}

th.BotigaResuTablR {
   border-bottom: 1px solid #000000;
   border-top: 1px solid #000000;
   color: #000000;
   font-weight: normal;
   padding: 4px;
   text-align: center;
   text-align: right;
}

p.BotigaResuText {
   text-align: center;
}
p.BotigaResuBoto {
   text-align: center;
}

div.BotigaResuImp {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   width: 700px;
}  
   
div.BotigaResuCapImp {
   clear: both;
   float: left;
   position: relative;
}

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

div.BotigaResuCapImpdreta {
   color: #009460;
   float: left;
   margin: 40px 0px 0px 40px;
   font-size: 20px;
   font-weight: bold;
   position: relative;
}

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

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

div.BotigaResuPeuImp p {
}


/* usid.php */

div.BotigaPswdTabl {
   margin-left: auto;
   margin-right: auto;
   width: 350px;
}

div.BotigaPswdText {
   text-align: justify;
   position: relative;
}

div.BotigaPswdCamp {
   font-weight: bold;
   padding: 12px 0px 12px 0;
   text-align: center;
}

div.BotigaPswdWarn {
   color: #ff0000;
   font-style: italic;
   font-weight: bold;
   text-align: justify;
}

div.BotigaPswdBots {
   margin-top: 12px;
}

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

div.BotigaPswdBotr {
   float: right;
   position: relative;
}

p.BotigaPswdText {
   text-align: center;
}


div.BotigaUsidTabl {
   float: left;
   padding-left: 20%;
   margin-bottom: 30px;
   margin-top: 30px;
   position: relative;
   width: 600px;
}

div.BotigaUsidSubtabl {
   float: left;
   margin-right: 12px;
   position: relative;
}

div.BotigaUsidRow {
   clear: both;
   position: relative;
   width: 288px;
}

div.BotigaUsidText {
   float: left;
   padding: 2px;
   position: relative;
   text-align: left;
   vertical-align: middle;
}

div.BotigaUsidRemm {
   float: right;
   font-size: 11px;
   padding: 2px 0px 2px 0px;
   position: relative;
   text-align: right;
   vertical-align: middle;
}

div.BotigaUsidValu {
   float: right;
   padding: 2px;
   text-align: right;
   position: relative;
   vertical-align: middle;
}

div.BotigaUsidBoto {
   float: right;
   padding: 2px;
   position: relative;
   text-align: right;
   vertical-align: middle;
}

div.BotigaUsidLink {
   float: left;
   padding: 1px;
   position: relative;
   text-align: left;
   vertical-align: middle;
}

div.BotigaUsidLink a {
   color: #901010;
   font-size: 11px;
   text-decoration: underline;
}

div.BotigaUsidWarn {
   color: #ff0000;
   float: left;
   font-style: italic;
   font-weight: bold;
   text-align: left;
   padding: 3px 1px 3px 1px;
   position: relative;
   vertical-align: middle;
   padding: 1px;
}

div.BotigaUsidTab1 {
   margin: 2px;
   position: relative;
   width: 640px;
}

div.BotigaUsidRow1 {
   clear: both;
   position: relative;
}

div.BotigaUsidTex1 {
   float: left;
   padding: 1px 6px 1px 1px;
   text-align: left;
   position: relative;
   vertical-align: middle;
}

div.BotigaUsidVal1 {
   float: left;
   padding: 1px 12px 1px 1px;
   text-align: left;
   position: relative;
   vertical-align: middle;
}

div.BotigaUsidBot1 {
   float: left;
   padding: 1px 12px 1px 1px;
   position: relative;
   vertical-align: middle;
   text-align: left;
}

div.BotigaUsidLnk1 {
   float: left;
   line-height: 11px;
   padding: 1px 12px 1px 1px;
   position: relative;
   text-align: left;
}

div.BotigaUsidLnk1 a {
   color: #901010;
   font-size: 10px;
   text-decoration: underline;
}

div.BotigaUsidWrn1 {
   color: #ff0000;
   float: left;
   font-style: italic;
   font-size: 10px;
   font-weight: bold;
   height: 13px;
   line-height: 11px;
   position: relative;
   text-align: left;
   vertical-align: middle;
   padding: 1px;
}

div.BotigaUsidHol1 {
   font-size: 11px;
   float: left;
   text-align: left;
   vertical-align: middle;
   padding: 1px 24px 1px 1px;
   position: relative;
}

div.BotigaUsidDsc1 {
   float: left;
   font-size: 11px;
   text-align: left;
   vertical-align: middle;
   padding: 1px;
   position: relative;
}

div.BotigaUsidDsc1 a {
   color: #901010;
   text-decoration: underline;
}

div.BotigaUsidTab2 {
   margin: 4px 2px 4px 2px;
   position: relative;
}

div.BotigaUsidRow2 {
   clear: both;
   position: relative;
}

div.BotigaUsidTex2 {
   float: left;
   font-size: 11px;
   padding: 2px;
   position: relative;
}

div.BotigaUsidVal2 {
   float: right;
   padding: 2px;
   position: relative;
}

div.BotigaUsidBot2 {
   padding: 2px;
   position: relative;
   text-align: center;
}

div.BotigaUsidLnk2 {
   line-height: 11px;
   padding: 2px;
   text-align: left;
   position: relative;
   width: 120px;
}

div.BotigaUsidLnk2 a {
   color: #901010;
   font-size: 10px;
   text-decoration: underline;
}

div.BotigaUsidWrn2 {
   color: #ff0000;
   font-style: italic;
   font-size: 10px;
   font-weight: bold;
   line-height: 11px;
   text-align: left;
   padding: 3px;
   position: relative;
}

div.BotigaUsidTex3 {
   float: left;
   padding: 2px 2px 2px 0px;
   position: relative;
   vertical-align: top;
   width: 20px;
}

div.BotigaUsidTex4 {
   float: left;
   font-size: 9px;
   padding: 2px;
   position: relative;
   vertical-align: top;
   width: 110px;
}

div.BotigaUsidHol2 {
   font-size: 11px;
   text-align: left;
   padding: 1px;
   position: relative;
}

div.BotigaUsidDsc2 {
   font-size: 11px;
   text-align: left;
   padding: 1px;
   position: relative;
}

div.BotigaUsidDsc2 a {
   color: #901010;
   text-decoration: underline;
}

input.BotigaUsid2 {
   background-color: #ffffff;
   border: 1px solid #000000;
   color: #000000;
   font-size: 10px;
}

input.BotigaUsid2:hover {
   border: 1px dotted #000000;
}

/*****************************************************************************/
/*
=head1 AUTOR

J. Badiella A. L<jbadiella@drac.com>

DRAC telemātic L<http://www.drac.com>

Terrassa, Abril 2011

=cut
*/
/*****************************************************************************/