/* CSS Document */
html, body{margin:0; padding:0; text-align:center; font:.80em Verdana, Arial, Helvetica, sans-serif; background-color:#e4e2e3}
form, fieldset{margin:0; padding:0}
h1, h2, h3, h4, h5, h6, pre, blockquote, ul, li, ol, dl, address{margin:0; padding:0}
a{text-decoration:none; outline:none}
li{list-style:none}
form label{cursor:pointer}
img, fieldset{border:none}
input, select, textarea{font:1.1em Verdana, Arial, Helvetica, sans-serif}
map{float:left}

/*CLASSES ÚTILS*/
.clear{clear:both}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.justify{text-align:justify}
.vermell{color:#cb2520}
.negreta{font-weight:bold}
.borde_vermell{border:1px solid #cb2520}
.borde_verdos{border:1px solid #263427}
.marge_bottom{margin-bottom:30px}
.marge_top{margin-top:30px}

/*ESTRUCTURA-DIVS*/
div#contingut{width:971px; height:auto; margin:0 auto; text-align:left; background:url(../imatges/contingut.jpg) repeat-y}
div#capsalera{width:971px; height:79px; margin:0 auto; background:url(../imatges/capsalera.jpg) no-repeat}
div#banner{width:925px; height:140px; margin:0 auto}
div#pagina{width:925px; height:auto; margin:0 0 0 23px}
div#peu{width:971px; height:42px; margin:0 auto; padding:5px 0 0 0; text-align:left; background:url(../imatges/peu.jpg) no-repeat; color:#FFFFFF}

/*CAPES*/
/*empresa*/
div.lateral_empresa{float:left; width:268px; min-height:260px; height:auto !important; height:260px; padding:20px; background-color:#f3f3f3}
div#mig_empresa{float:left; width:267px; min-height:250px; height:auto !important; height:250px; padding:20px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6}
/*metodologia*/
div#metodologia{float:left; width:560px; padding:20px 300px 20px 20px; background:url(../imatges/productes/metodologia.jpg) no-repeat right}
/*families*/
div#familia{width:845px; padding:20px 40px}
/*productes*/
div#submenu_productes{float:left; width:275px; padding:20px; background-color:#f3f3f3}
div#fitxa_producte{float:left; width:570px; padding:20px}
/*servicios*/
div.lateral_servicio{float:left; width:422px; min-height:250px; height:auto !important; height:250px; padding:20px}
/*contacto*/
div#esquerra_contacto{float:left; width:459px; min-height:250px; height:auto !important; height:250px; padding:20px; border-right:1px solid #d6d6d6}
div#dreta_contacto{float:left; width:325px; min-height:250px; height:auto !important; height:250px; padding:20px 50px; background-color:#f3f3f3}

/*LLISTES*/
ul#menu{width:925px; height:27px; background:url(../imatges/menu.jpg) repeat-x left}
ul#menu li{float:left; width:108px; height:27px; line-height:27px}
ul#menu li.empresa{background:url(../imatges/menu/1_sel.jpg) no-repeat}
ul#menu li.servicios{background:url(../imatges/menu/2_sel.jpg) no-repeat}
ul#menu li.productos{background:url(../imatges/menu/3_sel.jpg) no-repeat}
ul#menu li.contacto{background:url(../imatges/menu/4_sel.jpg) no-repeat}
ul#empresa li{float:left; width:107px; height:38px; margin:5px 5px 0 5px}
ul.fletxes{margin:30px 0 0 10px}
ul.fletxes li{background:url(../imatges/icones/fletxa.jpg) no-repeat left; padding:0 0 0 20px; font-weight:bold; margin:12px 0 0 0}
ul.lista_servicios{margin:0 0 0 15px}
ul.lista_servicios li{float:left; margin:0 0 5px 7px}
ul#galeria{padding:5px; background-color:#E2E2E2}
ul#galeria li{display:inline; width:125px; padding:5px; background-color:#E2E2E2}

/*ENLLAÇOS*/
a.generic{color:#cb2520}
a.generic:hover{text-decoration:underline}
a.menu_1{display:block; width:68px; height:27px; padding:0 0 0 40px; background:url(../imatges/menu/1.jpg) no-repeat; font-weight:bold; color:#FFFFFF}
a.menu_1:hover{background:url(../imatges/menu/1_sel.jpg) no-repeat}
a.menu_1_sel{display:block; width:68px; height:27px; padding:0 0 0 40px; background:url(../imatges/menu/1_sel.jpg) no-repeat; font-weight:bold; color:#FFFFFF}
a.menu_2{display:block; width:73px; height:27px; padding:0 0 0 35px; background:url(../imatges/menu/2.jpg) no-repeat; font-weight:bold; color:#FFFFFF}
a.menu_2:hover{background:url(../imatges/menu/2_sel.jpg) no-repeat}
a.menu_2_sel{display:block; width:73px; height:27px; padding:0 0 0 35px; background:url(../imatges/menu/3_sel.jpg) no-repeat; font-weight:bold; color:#FFFFFF}
a.menu_3{display:block; width:76px; height:27px; padding:0 0 0 32px; background:url(../imatges/menu/3.jpg) no-repeat; font-weight:bold; color:#FFFFFF}
a.menu_3:hover{background:url(../imatges/menu/3_sel.jpg) no-repeat}
a.menu_3_sel{display:block; width:76px; height:27px; padding:0 0 0 32px; background:url(../imatges/menu/3_sel.jpg) no-repeat; font-weight:bold; color:#FFFFFF}
a.menu_4{display:block; width:68px; height:27px; padding:0 0 0 40px; background:url(../imatges/menu/4.jpg) no-repeat; font-weight:bold; color:#FFFFFF}
a.menu_4:hover{background:url(../imatges/menu/4_sel.jpg) no-repeat}
a.menu_4_sel{display:block; width:68px; height:27px; padding:0 0 0 40px; background:url(../imatges/menu/4_sel.jpg) no-repeat; font-weight:bold; color:#FFFFFF}
a.fam_off{font-size:1.2em; text-transform:uppercase; color:#666666; padding:0 0 0 15px}
a.fam_on{font-size:1.2em; text-transform:uppercase; text-transform:uppercase; color:#CC0000; padding:0 0 0 15px; background:url(../imatges/icones/fletxa2.jpg) no-repeat left}
a.subfam_off{font-size:1.1em; text-transform:uppercase; color:#666666}
a.subfam_on{font-size:1.1em; text-transform:uppercase; color:#CC0000}
a.prod_off{color:#666666; padding:0 0 0 10px; background:url(../imatges/icones/quadrat.jpg) no-repeat left}
a.prod_on{color:#CC0000; padding:0 0 0 10px; background:url(../imatges/icones/quadrat.jpg) no-repeat left}

/*TÍTOLS*/
h1{}
h2{font:bold 1.2em Arial, Helvetica, sans-serif; margin:0 0 15px 0; text-transform:uppercase; color:#cb2520}
.fletxa{padding:0 0 0 20px; background:url(../imatges/icones/fletxa.jpg) no-repeat left}
h3{font:bold 1.1em Arial, Helvetica, sans-serif; color:#cb2520; margin:15px 0}

/*PARAGRAF*/
p{line-height:18px; margin:0 0 0.5em 0}
p.no_productes{color:#CC0000; margin-left:50px}
p.producte{margin-left:40px}
p.subfamilia{margin-left:30px}

/*LABEL*/
label{display:block; width:140px; height:19px; float:left; margin-bottom:3px; text-align:left; line-height:19px; padding:0 0 0 5px}

/*INPUT*/
input.caixa{display:block; width:305px; height:17px; float:left; margin-bottom:3px; border:1px solid #cb2520}
input.boto{border:1px solid #cb2520}

/*TEXTAREA*/
textarea{display:block; width:305px; height:100px; float:left; border:1px solid #cb2520}