@charset "UTF-8";
body {
	margin: 0px; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0px;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #B5880B url(rcs/fons_body.gif) repeat-x center top;
    }

    #container {
	width: 900px;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 0px;
	border-style:none;
	background-color: #FFFFFF;
	padding: 0px;
    }

    #header {
	padding: 0px;
    }

    #mainContent {
	background: #FFFFFF;
	padding-top: 35px;
	padding-right: 35px;
	padding-left: 35px;
	margin: 0px;
    }

    #footer {
	background-color: #B38C0F;
	padding: 0px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;

    }
	
	h1{
		margin:0px;
		padding:0px;
		color:#B48A0D;
		font-weight:bold;
		font-size:11px;
	}
	
	#footerProductos {
	background-color: #B38C0F;
	padding: 0px;
    margin-top: 10px;

    }
	
#footerIntro {
	background-color: #B38C0F;
	padding: 0px;
	margin-bottom: 0px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}	



.finalPagina {
	text-decoration: none;
	text-align: center;
	background: #B5880B url(rcs/fons_peu.gif) no-repeat center top;
	margin-right: 0px;
	margin-left: 0px;
}


.fonsIntro .finalPagina {
	text-decoration: none;
	text-align: center;
	background: #B5880B url(rcs/fons_peu.gif) no-repeat center top;
	margin-right: 0px;
	margin-left: 0px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	
}

/* ############ ESTILS SCROLLBARS ################### */

#scrollbar_container {
	position:relative;
	width:300px;
}

#scrollbar_track {
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:8px;
	background-color:transparent;
	cursor:move;
	background-image: url(rcs/linia_scroll.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#scrollbar_handle {
	width:8px;
	background-color:#B38C0F;
	cursor:move;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px; */
	opacity:0.9;
/*    -moz-opacity:0.9; */
}

#scrollbar_content {
	overflow:hidden;
	width:280px;
	height:300px;
	font-size: 11px;
	line-height: 19px;
	text-align: justify;
}


#scrollbar_content_desactivat {
	width:480px;
	font-size: 11px;
	line-height: 19px;
	text-align: justify;
}





/* ############ ESTILS NOUS ################### */
img {
	border:none;
	padding:0px;
	margin:0px;
}


.clearFloat{
	font-size:1px;
	line-height:0px;
	clear:both;
}

    #intro {
	padding: 0px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
	margin: 0px;
    }
	
	
.peuNegre {
	background-color: #000000;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
	margin-top: 6px;
	float: left;
}

.peuGroc {
	background-color: #B38C0F;
	font-size: 10px;
	color: #000000;
	padding-top: 6px;
	padding-right: 20px;
	margin-top: 6px;
	float: right;
	padding-bottom: 5px;
}
.menuIdiomes {
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#intro img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
.peuNegre a {
	color: #FFFFFF;
	text-decoration: none;
}
.peuNegre a:hover {
	color: #FDC300;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #B38C0F;
}
.peuGroc a {
	color: #000000;
	text-decoration: none;
}
.peuGroc a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.blocEsquerra {
	color: #000000;
	float: left;
}

.blocEsquerraText {
	color: #000000;
	margin: 0px;
	padding: 0px;
	width: 300px;
	float: left;
}

.blocEsquerraFoto {
	color: #000000;
	float: left;
}

.blocDreta {
	color: #000000;
	margin: 0px;
	padding: 0px;
	width: 300px;
	float: right;
}

.blocDretaText {
	color: #000000;
	margin: 0px;
	padding: 0px;
	width: 300px;
	float: right;
}

.blocDretaFoto {
	color: #000000;
	float: right;
}







p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.marcatGroc {
	background-color: #B38C0F;
}
.marcatGroc a {
	color: #000000;
	text-decoration: none;
}
.marcatGroc a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.taulaLegal {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.tdEtiqueta {
	margin-right: 2px;
	margin-bottom: 2px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #E0CDA1;
	font-weight: bold;
	vertical-align: top;
	text-align: right;
}
.taulaLegal td {
	vertical-align: top;
}
.tdValor {
	margin-right: 2px;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;
}
.tdValor a {
	color: #000000;
	text-decoration: none;
}
.tdValor a:hover {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #B38C0F;
}
.blocDretaProductos {
	color: #000000;
	margin: 0px;
	padding: 0px;
	width: 380px;
	float: right;
}
.blocEsquerraProductos {
	color: #000000;
	float: left;
}
.blocEsquerraProductos #scrollbar_container {
	position: relative;
	width: 412px;
}
.blocEsquerraProductos #scrollbar_content {
	overflow:hidden;
	width:392px;
	height:275px;
	font-size: 11px;
	line-height: 19px;
	text-align: justify;
}


.marcGrocGran {
	border: 4px solid #B38C0F;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.miniProductos {
	clear: both;
	padding-top: 10px;
	background-color: #FFFFFF;
	width: 870px;
}

.miniProductos .marcGroc {
	border: 2px solid #B38C0F;
}
.miniProductos a {
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
}

.miniProductos a .marcGroc:hover {
	border: 2px solid #000000;
}

.miniProductos .marcGrocActiu {
	border: 2px solid #000000;
}




/* SCROLL PRODUCTE */


.miniProductos ul {
	margin: 0;
	padding:0;
	position: relative;
	top: 0;
	left: 0;
	/*height: 64px;*/
}                      

.miniProductos ul li {
	width: 86px;
	height: 76px;
	text-align: center;
	list-style:none;
	float:left;
}







/* FORMULARI INICI */


.colFormA {
	width: 239px;
	float: left;
	padding-bottom: 5px;
	color: #000000;
}


.colFormB {
	padding-bottom: 5px;
	color: #000000;
	width: 479px;
}


.textFieldA {
	width: 225px;
	color: #000000;
	text-decoration: none;
	background-color: #E0CDA1;
	vertical-align: middle;
	float:left;
	margin-top: 2px;
	border: 1px solid #B38C0F;
	padding: 2px;
}
.textFieldC {
	width: 200px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	vertical-align: middle;
	float:left;
	margin-top: 2px;
	border: 1px solid #000000;
	padding: 2px;
}

.textFieldB {
	width: 464px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #B38C0F;
	background-color: #E0CDA1;
	vertical-align: middle;
	margin-top: 2px;
	padding: 2px;
}

.textAreaB {
	width: 464px;
	height: 150px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #B38C0F;
	background-color: #E0CDA1;
	vertical-align: middle;
	margin-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.colFormB a {
	color: #B38C0F;
	text-decoration: none;
}
.colFormB a:hover {
	color: #B38C0F;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #B38C0F;
}

/* FORMULARI FINAL */
.errorParagraf {
	color: #000;
}











/* FINAL SCROLL PRODUCTE */





#scrollbar_content p strong {
	color: #B48A0D;
}
.menuSup {
	background-color: #B48A0D;
	text-align: center;
}
#divBlanc {
	background: #FFF;
	padding-bottom: 10px;
}
.fonsIntro {
	background: #B68708 url(rcs/fons_idiomes.jpg) no-repeat center top;
}
.fonsIntro #container{
	background: url(none);
}
.despiece {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 60px;
	font-size: 10px;
	color: #FFF;
}
.despiece a {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}

/****** idiomes capçalera ******/
.capaIdiomes{
	width:900px;
	height:23px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.llistaIdiomes{
	padding-left:726px;
}

.idiomes{
	margin-right:3px;
	float:left;
}