/* CSS Document */
/* RESET -------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;	
}

q:before,q:after {
	content:'';
}

abbr,acronym { border:0;
}

/*---------------------------------*/

.ocult, .mostrar { display: none; }

body {
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    color: #333333;    
}

a {
    color: #bf192b;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

a img {
    border: 0px;
}
    
div.clear { clear: both; }
    
    div#cap {
        width: 970px;
        margin: 0px auto;
    }
        
        ul#selector-idioma {
            width: 100%;
            overflow: auto;
            list-style-type: none;
            background: transparent url('../images/fons-cap.jpg') repeat-y center;
            margin-bottom: 10px;
        }
        
        ul#selector-idioma li {
            display: block;
            float: right;
            margin: 35px 10px 7px 0px;
        }
        
        ul#selector-idioma li a {
            color: #fff;
            text-transform: lowercase;
        }        
        
        ul#menu {
            margin-top: 20px;
            list-style-type: none;
        }
        
        ul#menu li {
            float: left;
            width: 161px;
            text-align: center;
            margin-bottom: 5px;
        }
        
        ul#menu li a {
            padding-top: 35px;
            color: #bdbcbc;
            display: block;
        }
        
        ul#menu li a.actiu, ul#menu li a:hover {
            background: transparent url('../images/menu-actiu.jpg') no-repeat center top;
            color: #000;
            text-decoration: none;
            
        }    
    
    div#contingut {
        width: 970px;
        margin: 0px auto;
        overflow: hidden;
        line-height: 130%;
        font-size: 110%;
    }
        div#contingut div.padding {
            margin: 25px;
        }
        
        div#contingut h2 {
            font-size: 140%;
            color: #bf192b;
            margin-bottom: 5px;
        }
        
        div.fons-portada1 {
            background: transparent url('../images/portada1.jpg') no-repeat center top;
            height: 477px;
        }
        div.fons-portada2 {
            background: transparent url('../images/portada2.jpg') no-repeat center top;
            height: 477px;
        }
        div.fons-portada3 {
            background: transparent url('../images/portada3.jpg') no-repeat center top;
            height: 477px;
        }
        div.fons-portada4 {
            background: transparent url('../images/portada4.jpg') no-repeat center top;
            height: 477px;
        }
        
            div#contingut-portada {
                float: left;
                margin-top: 175px;
                height: 119px;
                width: 100%;
                background: transparent url('../images/fons-portada-fixe.jpg') no-repeat;
            }
            
            div#contingut-portada div#text-esquerra {
                float: left;
                width: 400px;
                color: #fff;
            }
            div#contingut-portada div#text-dreta {
                float: left;
                margin-top: 23px;
                margin-left: 105px;
                color: #fff;
                font-size: 140%;
            }
        
        div.fons-historia {
            background: transparent url('../images/fons-historia.jpg') no-repeat center top;
            height: 481px;
        }
        
            div#contingut-historia {
                float: left;
                margin-top: 300px;
                width: 100%;
                background: transparent url('../images/pixel-trans.png');
                padding-bottom: 20px;
            }
            
            div#contingut-historia div.titol {
                margin-top: 20px;
                margin-left: 20px;
                float: left;
                width: 275px;
                padding-top: 10px;
            }
            
            div#contingut-historia div.primer {
                float: left;
                width: 270px;
                margin-top: 20px;
                margin-left: 10px;
            }
            
            div#contingut-historia div.segon {
                float: left;
                width: 350px;
                margin-top: 20px;
                margin-left: 15px;
            }
            
        
        div.fons-productos {
            background: transparent url('../images/fons-productos.jpg') no-repeat center top;
            height: 481px;
        }
            div#contingut-productos {
                float: left;
                margin: 30px 0px 10px 20px;
                width: 310px;
                height: 85px;
                padding-top: 5px;
                background: transparent url('../images/pixel-trans.png');
            }
            
            div#contingut-productos2 {
                clear: left;
                float: left;
                margin: 5px 0px 10px 20px;
                width: 310px;
                height: 320px; /* suficient perquè surti del quadre */
                background: transparent url('../images/pixel-trans.png');
            }
            
            div#contingut-productos2 h2 {
                color: #4d4d4d;
                font-size: 140%;
            }
            
            div#contingut-productos2 ul {
                margin-bottom: 10px;
                padding-left: 15px;
                list-style-image: url('../images/triangle-gris.jpg');   
            }
            
            div#contingut-productos2 ul li:hover, div#contingut-productos2 ul li.actiu {
                list-style-image: url('../images/triangle-vermell.jpg');   
            }
         
            
            div#contingut-productos3 {
                float: left;
                margin: 5px 0px 10px 20px;
                width: 310px;
                height: 320px; /* suficient perquè surti del quadre */
                background: transparent url('../images/pixel-trans.png');
            }
            div#contingut-productos3 p {
                padding-left: 10px;
                background: transparent url('../images/punt-vermell.jpg') no-repeat 2px 6px;
            }
            
        div.fons-know-how {
            background: transparent url('../images/fons-know-how.jpg') no-repeat center top;
            height: 481px;
        }
            div#contingut-know-how {
                float: left;
                margin: 25px 0px 0px 15px;
                width: 340px;
            }
            
            div#contingut-know-how-imatges {
                float: right;
                margin: 105px 25px 0px 0px;
                width: 570px;
            }
            
            div#contingut-know-how-imatges img#imatgeprincipal {
                float: right;
            }
        
            div#contingut-know-how-imatges a.petita {
                float: left;
                margin-right: 2px;
                margin-bottom: 2px;
            }
            div#contingut-know-how-imatges a.primera {
                clear: left;
            }
            
            div#contingut-know-how2 {
                clear: left;
                margin: 3px 0px 0px 10px;
                width: 350px;
            }

            
            
        div.fons-clientes {
            background: transparent url('../images/fons-clientes.jpg') no-repeat center top;
            height: 481px;
            
        }
            div#contingut-clientes {
                float: right;
                margin: 45px 90px 10px 0px;
                width: 310px;
                height: 90px;
                background: transparent url('../images/pixel-trans.png');
            }
            div#contingut-clientes2 {
                clear:right;
                float: right;
                margin: 5px 90px 10px 0px;
                width: 310px;
                height: 350px; /* suficient perquè surti del quadre */
                background: transparent url('../images/pixel-trans.png');
            }
                div#contingut-clientes2 ul {
                    margin: 15px 0px;
                    list-style-type: none;
                    color: #bf192b;
                    text-transform: uppercase;
                    font-weight: bold;
                }
                    div#contingut-clientes2 ul li {
                        margin-bottom: 12px;
                    }
        
        
        div.fons-valor-anadido {
            background: transparent url('../images/fons-valor-anadido.jpg') no-repeat center top;
            height: 481px;
        }
            div#contingut-valor-anadido {
                float: left;
                margin: 90px 0px 10px 30px;
                width: 310px;
                padding: 10px 0px;
                background: transparent url('../images/pixel-trans.png');
            }
            div#contingut-valor-anadido2 {
                clear: left;
                float: left;
                margin: 5px 0px 10px 30px;
                width: 310px;
                height: 320px; /* suficient perquè surti del quadre */
                background: transparent url('../images/pixel-trans.png');
            }
        
        
        
        
        div.fons-contacto {
            background: transparent url('../images/fons-contacto.jpg') no-repeat center top;
            height: 481px;
        }
            div#contingut-contacto {
                float: left;
                margin: 25px 0px 10px 15px;
                width: 590px;
            }
            
            div#contingut-contacto-mapa {
                float: right;
                margin: 145px 30px 5px 5px;
                width: 300px;
                height: 300px;
            }
            
        
        
        form#formulari_contacte input, form#formulari_contacte textarea {
            border: 0px;
            margin-bottom: 5px;
        }
        
        form#formulari_contacte .btn_enviar {
            background-color: #bf192b;
            color: #fff;
            padding: 3px 10px;
            margin-top: 10px;
            font-size: 90%;
            width: auto;
        }
        
        
    div#peu {
        clear: both;
        width: 970px;
        margin: 5px auto;
        font-size: 11px;
        color: #bdbcbc;
        text-align: center;
    }

div.capsa_error {
    width: 630px;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    border: 1px dotted #900;
    background-color: #FFC2C3;
}
div.capsa_ok {
    width: 630px;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    border: 1px dotted #090;
    background-color: #C2FFC3;
}