body {
	background: #FFFFFF;
	margin: 0; /* 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: 0;
	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: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
}



.text {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #2A2A2A;
	line-height: 14px;
}
.textbold {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #282828;
	line-height: 14px;
}
.textgris {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #5A5A5A;
	line-height: 14px;
}
.bulletins {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #afa399;
	line-height: 14px;
}
.bulletidata {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FB9343;
	padding: 1px 15px 1px 18px;
	line-height: 14px;
}
.bull {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #BF8760;
	text-decoration: none;
	font-weight: normal;
	line-height: 14px;
}
.bull:link {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #98745A;
	text-decoration: none;
	font-weight: normal;
	line-height: 14px;
}
.bull:hover{
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #98745A;
	text-decoration: none;
	font-weight: normal;
	line-height: 14px;
}
.bull:active{
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color:#98745A;
	text-decoration: none;
	font-weight: normal;
	line-height: 14px;
}
.boletintitol {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #383838;
	background-color: #DFDFDF;
	padding-left: 18px;
	text-align: left;
	line-height: 14px;
	padding-right: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.textBulleti {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #2A2A2A;
	line-height: 14px;
	text-align: justify;
	padding-right: 20px;
	padding-bottom: 10px;
}
a:link {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #CC6600;
	text-decoration: none;
	line-height: 14px;
}
a:visited {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #CC6600;
	text-decoration: none;
	line-height: 14px;
}
a:hover {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #CC3300;
	text-decoration: none;
	line-height: 14px;
}
a:active {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #CC6600;
	text-decoration: none;
	line-height: 14px;
}
.textgrisbold {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #5A5A5A;
	font-weight: bold;
	line-height: 14px;
}
.textbold2 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #282828;
	line-height: 14px;
}
.textsang {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #2A2A2A;
	line-height: 14px;
	text-align: justify;
	padding-left: 14px;
	padding-top: 20px;
	padding-right: 18px;
}
.product_titol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 15px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}
.product_txt {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	padding-left: 3px;
	padding-bottom: 5px;
	padding-top: 3px;
	padding-right: 3px;
}
.input_field_text {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.carritoItems {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #FF8D1C;
	line-height: 14px;
}
.carritoItemsBold {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF8D1C;
	line-height: 14px;
}

.moduleRow { }
.moduleRowOver { background-color: #DEDEDE; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #EEEEEE; }


/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */
/* NOUS ESTILS 2008 */
/* ####################################################################### */
/* ####################################################################### */
/* ####################################################################### */
p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: justify;
	line-height: 15px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#header {
	background-color: #FFFFFF;
}
#idioma {
	float: right;
	margin-right: 10px;
}
#menu {	
	background-color: #d9dadb;
	padding-left:16px;
}
#menu a {
	margin-left: 5px;
	text-decoration: none;
}
#menu a:hover {
	margin-left: 5px;
	text-decoration: none;
}

#colMenu {
	padding:0px;
	background-image: url(../rcs/fons_ColMenu.gif);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	

}

.opcionsMenu{
	margin:0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#colMenu .opcionsMenu a {
	line-height: 20px;
	font-size:12px;
	margin-left: 20px;
	color: #FFFFFF;
	text-decoration: none;
}
#colMenu .opcionsMenu a:hover {
	margin-left: 20px;
	color: #FFFF00;
	text-decoration: none;
}

.linkActivat{
	color: #FFFF00;
}


.ImgColEsquerra {
	margin:0px;
}

#principal {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:11px;
	float: left;
	width: 450px;
	color: 333333;
	background-color: #ececed;
}
#principal p {
	margin-left: 10px;
	margin-right: 10px;
}

#principalBlanc {
	font-size:11px;
	float: left;
	width: 450px;
	color: 333333;
	background-color: #ffffff;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#principalBlanc p {
	margin-left: 10px;
	margin-right: 10px;
}

#container {
	width: 756px;  /* este ancho creará un contenedor que cabrá en una ventana de navegador 800px si el texto se deja con los tamaños de fuente predeterminados del navegador */
	background: #FFFFFF;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#mainContent {
	padding-top: 0px;
	margin-top: 10px;
}
 #footer {
	background-color: #FFFFFF;
	background-image: url(../rcs/fons_peu.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	height: 61px;
	color: #666666;
	font-size:11px;
}
#footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0px; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}



#colEsquerra {
	margin-right: 25px;
	width: 278px;
	float: left;
	background-color: #FFFFFF;
}
#colBoletin {
	margin-top: 10px;
	background-color: #dddedf;
	background-image: url(../rcs/fons_ColBoletin.gif);
	background-repeat: no-repeat;
	background-position: top;
	color: #FFFFFF;
}
.principalProductos {
	background-image: url(../rcs/fons_principalProd.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 15px;
}

form {
	margin:0px;
	padding:0px;
}





#credits {
	margin-left: 20px;
	float: right;
}





/*
	Vertical Accordions
*/


#vertical_container{
	width: 270px;


}
.accordion_toggle {
	display: block;
	height: 34px;
	width: 270px;
	/* padding: 0 10px 0 10px; */
	line-height: 20px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	cursor: hand,pointer;
	margin: 0 0 0 0;
}

.accordion_toggle_active {
	color: #ffffff;
}

.accordion_content {
	/* background-color: #ffffff; */
	padding-top:5px;
	padding-bottom:10px;
	color: #444444;
	overflow: hidden;
	font-weight: normal;
	
}
	
	
	
.accordion_content a {
	line-height: 20px;
	font-size:12px;
	margin-left: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.accordion_content a:hover {
	line-height: 20px;
	font-size:12px;
	margin-left: 30px;
	color: #FFFF00;
	text-decoration: none;
}	


.accordion_content a:visited {
	line-height: 20px;
	font-size:12px;
	margin-left: 30px;
	color: #FFFFAA;
	text-decoration: none;
}	




#vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 200px;
    }




.fonDosColumnes {
	background-image: url(../rcs/fons_columna_esquerra.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


.fotoEsquerra {
	float: left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.fotoDreta {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}