@charset "UTF-8";
/* CSS Document */


a{ /* servei per eliminar el contorn de les imatges */
outline:none;
}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../imgs/background-gradient.jpg);
background-repeat:repeat-x;
}

img, div{ /* fitxer que fa que els PNG siguin transparents en IE6 */
behavior:url(iepngfix.htc);
}



/********** ESTRUCTURA I ESTILS PER BLOCS DE LA WEB **********/

/********** HEADER **********/

/* logo empresa */

#logo{
width:166px;
height:61px;
padding:22px 0 0 28px;
float:left;
}

/* slogan */

#slogan{
width:250px;
height:87px;
float:left;
margin-left:59px;
}

#slogan-filet{
width:1px;
height:87px;
float:left;
background-color:#bf0000;
}

#slogan-text{
font-size:18px;
font-weight:normal;
color:#000000;
margin-left:18px;
margin-top:47px;
}

/* registre usuaris */

#registre{
width:302px;
height:88px;
padding-top:18px;
padding-bottom:18px;
padding-left:24px;
padding-right:24px;
margin:0 28px 0 0;
_margin:0 14px 0 0; /* per IE6 */
float:right;
background-image:url(../imgs/registre-background.png);
background-repeat:no-repeat;
font-size:10px; 
font-weight:normal;
color:#494b4c;
}

#registre-titol{
float:left;
width:302px;
height:auto;
margin-bottom:13px;
}

#registre-bloc1{ /* usuari i contrasenya */
float:left;
width:167px;
}

#registre-text{
float:left;
width:75px;
height:21px;
}

#registre-text2{ /* per quan lusuari ja esta registrat i per tant no hi ha inputs */
float:left;
width:167px;
height:21px;
}

#registre-camp{
float:left;
width:92px;
height:21px;
}

#registre input{
width:88px;
padding:1px;
float:left;
font-size:10px;
font-weight:normal; 
color:#808080;
border:#808080 solid 1px;
height:12px;
margin-bottom:5px;
}

#registre-boto{
float:left;
width:92px;
}

#registre-bloc2{ /* filet vertical */
float:left;
width:1px;
height:58px;
margin-left:10px;
margin-right:10px;
background-color:#808080;
}

#registre-bloc3{ /* links */
float:left;
width:113px;
height:58px;
}

#registre-arrow{
float:left;
width:8px;
padding-right:5px;
margin-bottom:10px;
}

#registre-links{
float:left;
text-align:right;
width:100px;
text-align:left;
margin-bottom:10px;
}

#registre-links a{
font-size:10px;
font-weight:normal;
color:#494b4c;
text-decoration:none;
}

#registre-links a:hover{
font-size:10px;
font-weight:normal;
color:#000000;
text-decoration:none;
}


/********** NAVIGATION **********/

/* botons */

/*.boto{
height:31px;
_height:28px; /* per IE6 
float:left;
padding-right:2px;
}*/

/*.boto-catalogos{
width:130px;
height:31px;
_height:28px; /* per IE6 */
/*float:right;
visibility:visible; /* nomes sera visible quan lusuari estigui registrat 
}*/

/*** inici submenu nuestros productos ***/

.prodrop5{
padding:0 0 0 0px;
margin:0;
list-style:none;
height:31px;
position:relative;
z-index:100;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.prodrop5 li.top{
display:block;
float:left;
}

.prodrop5 li a.pos1{ /* imatges dels botons, un estil per a cada un */
background-image:url(../imgs/bt_nuestrosproductos_off.gif);
background-repeat:no-repeat;
width:212px;
height:31px;
margin-right:2px;
display:block;
text-indent:-99999px;
}

.prodrop5 li a.pos2{
background-image:url(../imgs/bt_empresa_off.gif);
background-repeat:no-repeat;
width:119px;
height:31px;
margin-right:2px;
display:block;
text-indent:-99999px;
} 

.prodrop5 li a.pos3{
background-image:url(../imgs/bt_newsletter_off.gif);
background-repeat:no-repeat;
width:135px;
height:31px;
margin-right:2px;
display:block;
text-indent:-99999px;
} 

.prodrop5 li a.pos4{
background-image:url(../imgs/bt_contacto_off.gif);
background-repeat:no-repeat;
width:121px;
height:31px;
display:block;
text-indent:-99999px;
margin-right:92px;
}

.prodrop5 li a.pos5{ /* nomes sera visible quan lusuari estigui registrat */
background-image:url(../imgs/bt_catalogos_off.gif);
background-repeat:no-repeat;
width:130px;
height:31px;
display:block;
text-indent:-99999px;
visibility:hidden;
}

.prodrop5 li.p1{ /* roll-over de les imatges dels botons, un estil per a cada un */
background-image:url(../imgs/bt_nuestrosproductos_on.gif);
background-repeat:no-repeat;
margin-right:2px;
}
 
.prodrop5 li.p2{
background-image:url(../imgs/bt_empresa_on.gif);
background-repeat:no-repeat;
margin-right:2px;
}
 
.prodrop5 li.p3{
background-image:url(../imgs/bt_newsletter_on.gif);
background-repeat:no-repeat;
margin-right:2px;
}
 
.prodrop5 li.p4{
background-image:url(../imgs/bt_contacto_on.gif);
background-repeat:no-repeat;
margin-right:92px;
}

.prodrop5 li.p5{ /* nomes sera visible quan lusuari estigui registrat */
background-image:url(../imgs/bt_catalogos_on.gif);
background-repeat:no-repeat;
visibility:hidden;
}

.prodrop5 li.current a.pos1,
.prodrop5 li.current a.pos1:hover{
background:url(../imgs/nuestrosproductos_on.gif);
} 

.prodrop5 li.current a.pos2,
.prodrop5 li.current a.pos2:hover{
background:url(../imgs/bt_empresa_on.gif);
}

.prodrop5 li.current a.pos3,
.prodrop5 li.current a.pos3:hover{
background:url(../imgs/bt_newsletter_on.gif);
}
 
.prodrop5 li.current a.pos4,
.prodrop5 li.current a.pos4:hover{
background:url(../imgs/bt_contacto_on.gif);
}

.prodrop5 li.current a.pos5,
.prodrop5 li.current a.pos5:hover{
background:url(../imgs/bt_catalogos_on.gif);
}

.prodrop5 table{
border-collapse:collapse;
width:0;
height:0;
position:absolute;
top:0;
left:0;
}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.prodrop5 a:hover{
visibility:visible;
position:relative;
z-index:200;
}

.prodrop5 li:hover{
position:relative;
z-index:200;
}

.prodrop5 li a.top_link:hover{
background:transparent;
}
 
.prodrop5 li:hover > a.top_link{
background:transparent;
} 

/* keep the 'next' level invisible by placing it off screen. */
.prodrop5 ul{
position:absolute;
left:-9999px;
top:-9999px;
width:0;
height:0;
margin:0;
padding:0;
list-style:none;
}

.prodrop5 :hover ul{ /* menu que es desplega */
left:0;
top:31px;
/*background-image:url(../imgs/background-submenu.png);*/
background-color:#ffffff;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
padding:14px;
white-space:nowrap;
height:auto;
width:auto;
z-index:300;
}

.prodrop5 :hover ul li{
display:block;
height:24px;
position:relative;
font-weight:bold;
width:auto;
}

.prodrop5 :hover ul li a{
display:block;
font-size:12px;
height:24px;
line-height:24px;
width:auto;
padding:0 10px;
color:#000000;
background:transparent;
text-decoration:none;
font-weight:bold;
}

.prodrop5 :hover ul li a:hover{
text-decoration:none;
color:#bf0000;
}

/*** fi submenu nuestros productos ***/


/********** CONTENT **********/

/* contingut home */

#bloc-esquerra{
width:407px;
padding-right:28px;
float:left;
height:385px;
}

#bloc-esquerra-logos{
width:400px;
height:141px;
margin-bottom:28px;
float:left;
background-color:#ffffff;
border:solid 4px #a9ddf3;
}

#bloc-esquerra-logos-img{
float:left;
}

#bloc-esquerra-flash{
width:400px;
height:200px;
float:left;
background-color:#ffffff;
border:solid 4px #0071bb;
}

#bloc-dreta{
width:478px;
float:left;
}

#bloc-dreta-titol{
width:478px;
height:31px;
}

#bloc-dreta-contingut{
width:430px;
height:322px;
background-color:#ffffff;
border:solid 4px #a9ddf3;
padding-left:20px;
padding-right:20px;
padding-top:12px;
padding-bottom:12px;
_padding-bottom:4px;
}

#bloc-dreta-contingut-producte{
width:203px;
height:330px;
float:left;
}

#bloc-dreta-contingut-producte-img{
width:203px;
height:207px;
float:left;
text-align:center;
}

#bloc-dreta-contingut-producte-bt{
width:24px;
height:29px;
float:right;
}

#bloc-dreta-contingut-producte-txt{
width:203px;
height:84px;
float:left;
color:#000000;
font-size:10px;
}

#bloc-dreta-contingut-producte-txt-titol{
width:203px;
height:18px;
float:left;
color:#bf0000;
font-size:12px;
font-weight:bold;
}

#bloc-dreta-contingut-producte-txt-titol a{
color:#bf0000;
text-decoration:none;
}

#bloc-dreta-contingut-producte-txt-titol a:hover{
color:#bf0000;
text-decoration:none;
}

/* contingut interiors */

#ruta{ /* ruta per saber on es troba lusuari */
width:915px;
height:10px;
float:left;
color:#000000;
font-size:12px;
padding-bottom:14px;  
}

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

#ruta a:hover{
color:#bf0000;
text-decoration:none;
}

#ruta .selected{
color:#bf0000;
}

#bloc-central{ /* per les pagines interiors que tenen el requadre blau */
width:906px;
float:left;
height:auto;
background-color:#ffffff;
border:solid 4px #a9ddf3;
}

#bloc-central2{ /* per les pagines interiors on hi ha el left column */
width:906px;
float:left;
height:auto;
background-color:#ffffff;
border:solid 4px #a9ddf3;
background-image:url(../imgs/bloc-central-background.gif);
background-repeat:repeat-y;
}

#bloc-central-img{
width:431px;
height:474px;
float:left;
background-color:#a9ddf3;
}

#bloc-central-img-links{ /* pels links del google a contacto */
width:417px;
height:10px;
float:left;
padding:7px;
background-color:#a9ddf3;
font-size:10px;
color:#585858;
text-align:right;
}

#bloc-central-img-links a{
color:#585858;
text-decoration:none;
}

#bloc-central-img-links a:hover{
color:#bf0000;
text-decoration:none;
}

#bloc-central-txt{
width:419px;
height:auto;
float:left;
padding:28px;
font-size:12px;
color:#585858;
text-align:justify;
}

a.linkmail{
color:#585858;
text-decoration:none;
}

a.linkmail:hover{
color:#bf0000;
text-decoration:none;
}

#formulari{ /* formulari newsletter */
width:419px;
height:auto;
float:left;
}

#formulari-col{ /* unica columna de camps del formulari newsletter */
width:419px;
height:auto;
float:left;
padding-bottom:10px;
}

#formulari-text{ /* text del camp del formulari newsletter */
color:#4c4c4c;
font-size:12px;
width:419px;
float:left;
padding-bottom:4px;
float:left;
}

#formulari-input{ /* input del camp del formulari newsletter */
padding-bottom:10px;
float:left;
width:409px;
}

#formulari input{
margin-right:2px;
width:409px;
padding:3px;
float:left;
font-size:12px;
font-weight:normal;
color:#808080;
border:#808080 solid 1px;
height:12px;
padding-left:3px;
text-align:left;
}

#formulari-peu{
width:419px;
height:auto;
float:left;
}

#filet{ /* linia separadora de puntets */
width:100%;
background-image:url(../imgs/filet-background.gif);
background-repeat:repeat-x;
height:1px;
float:left;
display:block;
}

#formulari2{ /* formulari contacto */
width:419px;
height:auto;
float:left;
}

#formulari2-col1{ /* columna 1 de camps del formulari contacto */
width:197px;
height:auto;
float:left;
padding-right:25px;
}

#formulari2-col2{ /* columna 2 de camps del formulari contacto */
width:197px;
height:auto;
float:left;
}

#formulari2-text{ /* text del camp del formulari contacto */
color:#4c4c4c;
font-size:12px;
width:197px;
float:left;
padding-bottom:4px;
float:left;
}

#formulari2-input{ /* input del camp del formulari contacto */
padding-bottom:10px;
float:left;
width:197px;
}

#formulari2 input{
margin-right:2px;
width:187px;
padding:3px;
float:left;
font-size:12px;
font-weight:normal;
color:#808080;
border:#808080 solid 1px;
height:12px;
padding-left:3px;
text-align:left;
}

.formulari2-textarea{
margin-right:2px;
width:409px;
height:55px;
padding:3px;
float:left;
font-size:11px;
font-weight:normal;
color:#808080;
border:#808080 solid 1px;
padding-left:3px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#formulari2-peu{
width:419px;
height:auto;
float:left;
}

#formulari2-peu-text{
height:20px;
float:left;
font-size:10px;
color:#bf0000;
}

/* graella de productes */

#producte-img{
width:200px;
height:200px;
float:left;
}

#producte-bt{
width:200px;
height:24px;
float:left;
text-align:right;
margin-top:4px;
margin-bottom:4px;
}

#producte-tit{
width:200px;
float:left;
color:#bf0000;
font-size:12px;
font-weight:bold;
margin-bottom:4px;
}

#producte-tit a{
color:#bf0000;
text-decoration:none;
}

#producte-tit a:hover{
color:#bf0000;
text-decoration:none;
}

#producte-txt{
width:200px;
float:left;
color:#000000;
font-size:10px;
}

#producte-c1{
width:200px;
height:340px;
float:left;
margin-top:12px;
padding-left:23px;
margin-bottom:20px;
}

#producte-c2{
width:200px;
height:340px;
float:left;
margin-top:12px;
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
}

#producte-c3{
width:200px;
height:340px;
float:left;
margin-top:12px;
margin-right:20px;
margin-bottom:20px;
}

#producte-c4{
width:200px;
height:340px;
float:left;
margin-top:12px;
padding-right:20px;
margin-bottom:20px;
}

/* fitxa productes */

#fitxa{ /* sutilitza quan hi ha el menu esquerra */
width:683px;
height:auto;
float:left;
}

#fitxa-esq{
width:408px;
float:left;
padding-left:23px;
margin-top:20px;
margin-right:28px;
}

#fitxa-esq-img-g{
width:408px;
float:left;
margin-bottom:10px;
text-align:center;
}

#fitxa-esq-img-p{
width:76px;
height:60px;
float:left;
border: solid 2px #0071bb;
margin-right:2px;
margin-bottom:20px;
}

#fitxa-esq-flash{
width:400px;
height:200px;
float:left;
background-color:#ffffff;
border:solid 4px #0071bb;
margin-bottom:20px;
}

#fitxa-dt{
width:197px;
float:left;
padding-right:23px;
margin-top:40px;
}

#fitxa-dt-tit{
width:197px;
float:left;
margin-bottom:15px;
}

#fitxa-dt-tit h1{
font-size:12px;
font-weight:bold;
color:#bf0000;
}

#fitxa-dt-tit2{
float:left;
font-size:11px;
color:#bf0000;
margin-top:15px;
margin-bottom:15px;
}

#fitxa-dt-txt{
float:left;
font-size:11px;
color:#000000;
text-align:justify;
margin-bottom:20px;
}

#fitxa-mg{
width:637px;
float:left;
margin-top:20px;
margin-bottom:20px;
padding-left:23px;
padding-right:23px;
}

#fitxa-mg-left{
width:270px;
height:auto;
float:left;
margin-top:20px;
}

#fitxa-mg-left-txt{
float:left;
font-size:11px;
color:#000000;
margin-bottom:5px;
}

#fitxa-mg-left-form{
float:left;
}

#fitxa-mg-left-form select{
width:270px;
padding:1px;
float:left;
font-size:10px;
font-weight:normal; 
color:#808080;
border:#808080 solid 1px;
}

#fitxa-mg-right{
width:auto;
height:auto;
float:right;
margin-top:20px;
text-align:right;
}

/********** LEFT COLUMN **********/

/* menu esquerra */

#menu-esq{
width:223px;
height:100%;
margin:0px;
}

#menu-esq-titol {
margin:0;
padding-top:24px;
padding-bottom:24px;
padding-left:24px;
padding-right:24px;
font-size:14px;
font-weight:bold;
color:#ffffff;
}

#menu-esq-familia{
float:left;
width:175px;
height:100%;
padding-left:24px;
padding-right:24px;
padding-bottom:24px;
}



/********** FOOTER **********/

#footer-dades{
padding-top:28px;
padding-left:28px;
width:652px;
float:left;
font-size:10px;
color:#ffffff;
text-align:left;
}

#footer-dades a{
text-decoration:none;
color:#ffffff;
}

#footer-dades a:hover{
text-decoration:none;
color:#a9ddf3;
}

#footer-links {
padding-top:28px;
padding-right:28px;
width:200px;
float:right;
font-size:10px;
color:#ffffff;
}

#footer-links a{
text-decoration:none;
color:#ffffff;
}

#footer-links a:hover{
text-decoration:none;
color:#a9ddf3;
}




/********** BOTONS **********/

a.boto{
padding:1px 7px 2px 7px;
font-size:11px;
font-weight:normal;	
text-decoration:none;
color:#ffffff;
background-color:#808085;
height:13px;
display:block;
float:right;
width:78px;
text-align:right;
}

a.boto:hover{
text-decoration:none;
color:#ffffff;
background-color:#000000;
}


/********** SUBMENU **********/

/* estructura */

ul#menu{ 
font-size:11px;
color:#000000;
list-style-type:none;
margin:0;
width:175px;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
}

ul#menu li{
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#d4eef9;
}

ul#menu ul{
list-style-type:none;
margin:0;
}

/* botons familia */

a.familia{
font-size:11px;
font-weight:bold;
display:block;
text-decoration:none;
color:#000000;	
padding:5px;
height:auto;
}

a.familia:hover{
color:#bf0000;
}

.familia_active { /* quan queda seleccionada la familia */
display:block;
/*width:163px;*/
padding:5px;
font-size:11px;
font-weight:bold;	
text-decoration: none;
text-align:left;
color:#bf0000;
height:auto;
}

/* botons subfamilia */

a.subfamilia {
font-size:11px;
display:block;
text-decoration:none;
color:#000000;
padding:5px;
padding-left:29px;
height:auto;
}

a.subfamilia:hover {
color:#bf0000;
}

.subfamilia_active { /* quan queda seleccionada la subfamilia */
font-size:11px;	
display:block;
text-decoration:none;
color:#bf0000;
padding:5px;
padding-left:29px;
height:auto;	
}