*{
margin:0;
padding:0;
border:0;
}
body{
background-color:#000;
font:11px verdana,arial,tahoma,geneva,sans-serif;
color:#999;
background-color:#561190;
background:url(../img/bgr.gif) #561190 repeat-x 0px 0px;
/*line-height:12px;*/
padding:0px 0 0 0;
SCROLLBAR-FACE-COLOR:#979797;
SCROLLBAR-HIGHLIGHT-COLOR: #6E6E6E;
SCROLLBAR-SHADOW-COLOR: #6E6E6E;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #D0D0D0;
SCROLLBAR-TRACK-COLOR: #D0D0D0;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}

a{
color:#fff;
text-decoration:underline
}
a:hover{
color:#fff;
text-decoration:underline
}
input,select,textarea{
border:#6B1064 1px solid;
padding:1px 2px;
color:#000000;
font:11px arial,tahoma,sans-serif;
/*background-color:#cccccc;*/
}
select{
padding:1px
}
ul,li{
list-style:none;
padding:0px;
}
h1 {
padding:0px 0px 0px 0px;
}
h1 span{
display:none;
}

h2 span,h3 span{
padding:0px 0px 0px 0px;
display:none
}
p{
padding:0px 0px 10px 0px;
}

#page{
margin:0 auto;
height:598px;
background:url(../img/bgr.jpg) no-repeat top center;
}

#page-content{
margin:0 auto;
height:598px;
background:url(../img/bgr-content.jpg) no-repeat top center;
}


/* ---------------------------- inici -------------------------------- */
#inici {
margin:0 auto;
width:1003px;
height:715px;
color:#fff;
}
#inici h1{
font-size:18px;
color:#fff;
padding:0 0 5px 0;
}

#inici .col1{
float:left;
background:url(../img/bgr-caixa-eq.gif) no-repeat right 300px;
width:155px;
height:365px;
padding:360px 0 0 35px;
font-size:10px;
}

#inici .col2{
float:left;
width:622px;
}

#inici .col3{
float:left;
background:url(../img/bgr-caixa-dt.gif) no-repeat left 290px;
width:165px;
height:360px;
padding:315px 0 0 24px;
font-size:10px;

}

/* ---------------------------- menu -------------------------------- */

#menu {
margin:0 auto;
width:1003px;
height:76px;
color:#fff;
}

/* ---------------------------- empresa -------------------------------- */

#empresa {
margin:0 auto;
width:1003px;
height:450px;
color:#fff;
background:url(../img/bgr-empresa.png) no-repeat center 14px !important;/*Mozilla will apply this one*/
background:url(../img/bgr-empresa.jpg) no-repeat center 14px;/*IE will apply this one*/
}
#empresa h1{
font-size:14px;
padding:0px 0 0px 0;
}

#empresa .col1{
float:left;
width:400px;
padding:50px 30px 0 150px;
text-align:justify;
}

#empresa .col2{
float:left;
}

/* ---------------------------- productos -------------------------------- */

#productos {
margin:0 auto;
width:1003px;
height:450px;
color:#fff;
}

#productos .col1{
float:left;
width:250px;
padding:0px 0px 0 0px;
}

#productos .col2{
float:left;
width:670px;
padding:48px 0 0 55px;
_padding:45px 0 0 25px;
}

#productos .sel a{
color:#fff;
}
#productos .sel a:hover{
color:#fff;
}

#productos .txt{
padding:20px 0 0 0;
width:640px;
text-align:justify;
}

#productos ul{
float:left;
margin:0px;
padding:0px;
}

#productos li{
float:left;
color:#F6A5EF;
font-size:12px;
font-weight:bold;
background:url(../img/ic-fletxa.gif) no-repeat 0px 3px;
padding:0 10px 0 0px;
}

#productos li a{
color:#F6A5EF;
text-decoration:none;
padding:0 0 0 10px;
}

#productos li a:hover{
color:#F6A5EF;
text-decoration:underline;
}

#productos p{
clear:both;!important;/*Mozilla will apply this one*/
_clear:none;/*IE will apply this one*/
color:#F6A5EF;
padding:10px 0 0 0;
text-align:justify;
}

#productos .flash{
padding:10px 0 0 0;
text-align:center;
}

/* ---------------------------- accesorios -------------------------------- */

#accesorios {
margin:0 auto;
width:1003px;
height:450px;
color:#fff;
}

#accesorios .col1{
float:left;
width:278px;
padding:0px 0px 0 0px;
}

#accesorios .col2{
float:left;
width:680px;
padding:48px 0 0 0;
_padding:45px 0 0 0;
}

#accesorios .scroll{
clear:both;
width:640px;
height:409px;
margin:30px 0 0 0;
float:left;
overflow:auto;
}

#accesorios .content{
margin:0 auto;
width:582px;
background:url(../img/bgr-accesorios.gif) no-repeat 0px 0px;
height:136px;
}

#accesorios .img img{
float:left;
margin:17px 30px 0 53px;
padding:1px;
background-color:#fff;
border:1px solid #7F0D75;
}

#accesorios h1{
font-size:14px;
color:#fff;
font-weight:bold;
padding:0 0 5px 0;
}

#accesorios .txt{
float:left;
width:400px;
color:#fff;
padding:22px 0 0 0;
font-size:10px;
}

#accesorios p{
padding:0px 0 5px 0;
}

#accesorios ul{
float:left;
margin:0px;
padding:0px;
}

#accesorios li{
float:left;
color:#F6A5EF;
font-size:12px;
font-weight:bold;
background:url(../img/ic-fletxa.gif) no-repeat 0px 3px;
padding:0 8px 0 0px;
}

#accesorios li a{
color:#F6A5EF;
text-decoration:none;
padding:0 0 0 10px;
}

#accesorios li a:hover{
color:#F6A5EF;
text-decoration:underline;
}

/* ---------------------------- faq -------------------------------- */

#faq {
margin:0 auto;
width:1003px;
color:#fff;
}

#faq h1{
font-size:14px;
padding:0px 0 5px 0;
}

#faq .col1{
float:left;
width:278px;
padding:10px 30px 0 0px;
}

#faq .col2{
float:left;
padding:20px 0px 0 0px;
width:640px;
}

#faq .img{
float:left;
padding:30px 0px 0 0px;
width:65px;

}

#faq .txt{
float:left;
width:555px;
padding:30px 0px 0 0px;
text-align:justify;
}
/* ---------------------------- pedido -------------------------------- */

#pedido {
margin:0 auto;
width:1003px;
color:#fff;
}

#pedido h1{
font-size:14px;
padding:0px 0 5px 0;
}
#pedido h2{
font-size:11px;
padding:5px 0 5px 0;
}

#pedido .col1{
float:left;
width:301px;
padding:10px 0px 0 0px;
}

#pedido .col2{
float:left;
padding:35px 0px 0 0px;
width:700px;
}

#pedido .colprod1{
float:left;
padding:0px 0 0 0;
width:360px;
}
#pedido .colprod2{
float:left;
padding:0px 0 0 0;
}

#pedido .img{
float:left;
padding:30px 0px 0 0px;
width:65px;

}

#pedido .acc{
float:left;
}


/* ---------------------------- contacto -------------------------------- */

#contacto {
margin:0 auto;
width:1003px;
height:450px;
color:#fff;
background:url(../img/bgr-empresa.png) no-repeat center 14px !important;/*Mozilla will apply this one*/
background:url(../img/bgr-empresa.jpg) no-repeat center 14px;/*IE will apply this one*/
}
#contacto h1{
font-size:14px;
padding:0px 0 0px 0;
}

#contacto .col1{
float:left;
width:270px;
padding:8px 0px 0 110px;
_padding:8px 0px 0 109px;
text-align:justify;
}

#contacto .col2{
padding:60px 0 0 0;
float:left;
width:470px;
text-align:justify;
}

.button_enviar{
width:106px;
height:29px;
background:url(../../img/web/b-enviar.gif) no-repeat 0px 0px;
border:0px;
margin:0px 0 0 450px;
}

#formulari{
margin:0 auto;
width:500px;
padding:30px 0 0 0px;
color:#fff;
}

#formulari p {
text-align:left;
padding:10px 0 5px 0px;
}

.camp{
float:left;
padding:5px 10px 10px 0;

}

.txtcistella{
float:left;
padding:2px 5px 8px 70px;
color:#fff;
text-align:right;
font-weight:bold;
width:100px;
}

.campcistella{
float:left;
padding:5px 10px 10px 10;

}

.txtcamp{
float:left;
padding:5px 5px 5px 0;
color:#fff;
text-align:right;
font-weight:bold;
}

.txtquant{
float:left;
padding:6px 6px 5px 7px;
color:#fff;
text-align:right;
font-weight:bold;
}

.txtprod{
float:left;
padding:8px 0px 5px 0;
color:#fff;
font-weight:bold;
width:86px;
}

.txtacc{
float:left;
padding:8px 0px 5px 0;
color:#fff;
font-weight:bold;
width:200px;
}
.txtacc span{
font-size:10px;
}

.txtpreu{
float:left;
background:url(../img/bgr-preu.gif) no-repeat;
padding:6px 5px 0 0;
width:66px;
height:21px;
color:#fff;
text-align:center;
font-weight:bold;
}

.txtquantitat{
float:left;
background:url(../img/bgr-cantidad.gif) no-repeat;
width:110px;
height:27px;
}

.txtquantitatnul{
float:left;
background:url(../img/bgr-cantidad-nul.gif) no-repeat;
width:110px;
height:27px;
}

.txtbox{
float:left;
padding:5px 15px 5px 0;
}

.btnbox{
margin:3px 0 0 0;
_margin:0px;
border:0px;
}
.btnbox2{
margin:20px 0 0 0;
_margin:15px 0 0 0;
border:0px;
}

.checkbox{
border:0px;
}
.caixa{
width:480px;
*width:500px;
height:50px;
*height:60px;
background-color:#F2F2F2;
padding:10px 0 0px 20px;
}


.email{
height:200px;
text-align:center;
}

/* ---------------------------- peu -------------------------------- */

#peu{
margin:0 auto;
height:74px;
padding:25px 0 0 0;
}

#peu-content{
float:left;
width:640px;
margin:0 auto;
height:74px;
padding:45px 0 0 0;
}


#menupeu{
margin:0 auto;
text-align:center;
font:10px verdana,arial,tahoma,geneva,sans-serif;
color:#7A0B70;
}
#menupeu a{
font-weight:bold;
color:#7A0B70;
}
#menupeu a:hover{
font-weight:bold;
color:#FF67F2;
text-decoration:none;
}

#txtpeu{
margin:0 auto;
text-align:center;
font:11px verdana,arial,tahoma,geneva,sans-serif;
padding-top:5px;
color:#7A0B70;
font-stretch:1px;
letter-spacing:0px;
}

#avellana{
margin:0 auto;
width:100px;
padding-top:5px;
font:11px verdana,arial,tahoma,geneva,sans-serif;
}
#avellana a{
color:#7A0B70;
font:11px verdana,arial,tahoma,geneva,sans-serif;
}
#avellana a:hover{
color:#FF67F2;
font:11px verdana,arial,tahoma,geneva,sans-serif;
text-decoration:none;

}

/* ---------------------------- class -------------------------------- */
.clear{
clear:both;
}
.marc{
border:1px solid #6B1064;
}
.enviar{
width:106px;
height:29px;
border:0px;
background:url(../img/b-enviar.gif) no-repeat 0px 0px;
}
.enviarpedido{
width:165px;
height:29px;
border:0px;
background:url(../img/b-enviar-pedido.gif) no-repeat 0px 0px;
}

.btnenviarpedido{
text-align:center;
padding:0px 0px 20px 0px;
}
.btnenviar{
text-align:right;
padding:0px 5px 0 0px;
}
.espai{
padding:0 0 0 20px;
}
.txtquadre{
padding:10px 0 15px 10px;
background:url(../../img/web/bgr-quadre.gif) no-repeat 0px 0px;
}
.txtquadre2{
padding:15px 0 15px 9px;
background:url(../../img/web/bgr-gris.gif) no-repeat 0px 0px;
color:#fff;
}
.txtquadre3{
padding:22px 0 15px 45px;
background:url(../../img/web/bgr-gris.gif) no-repeat 40px 0px;
color:#fff;
}

.txtblau{
color:#34559B;
}
.txtgris{
color:#A5A5A5;
padding:0 0 10px 0;
line-height:15px;
}

.txt10{
font-size:10px;
}

.preu{
font-size:14px;
color:#fff;
font-weight:bold;
}


.info{
float:right;
height:13px;
width:48px;
background:url(../../img/web/bgr-gris.gif) no-repeat 0px 0px;
text-indent:5px;
}


.active{
font-weight:bold;
}

.noborder{
border:0px;
}