/* CSS Document */

body {
	height:100%;
	font:Georgia, "Times New Roman", Times, serif;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #666666;
	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: #333333;
	/*background-image: url(../img/fons2.jpg);*/
/*
background-image: url(../img/bgaigua.jpg);
background-position: center top;
background-color: #663380;
*/
	background-image: url(../img/fonsgris.jpg);
	background-position: center top;
	background-color: #333333;
}

.oneColFixCtr #container {

	width: 780px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */

	background-image:url(../img/trans60.png);

	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */

	/*border: 1px solid #000000;*/

	text-align: left; /* esto anula text-align: center en el elemento body. */

}

.oneColFixCtr #mainContent {

	padding: 0; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	overflow: hidden;
	
	

}

.oneColFixCtr #menu1 {

	padding: 0; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	/*background:#663380;*/
	/*background-image:url(../img/trans60negre.png);*/
	background-image:url(../img/trans80lila.png);
	height: 30px;
	color:#999999;
	padding-top:10px;
	padding-left:20px;
	font-size:16px;
	font-style:italic;
}

.oneColFixCtr #menu1 a {
	color:#FFF;
}
.oneColFixCtr #menu1 a:hover {
	color:#b0cf1c;
}

.oneColFixCtr #peu {

	/*background-image:url(../img/trans60negre.png);*/
	background-image:url(../img/trans80lila.png);
	height: 30px;
	color:#fafafa;
	padding-top:10px;
	padding-left:10px;
	font-size:14px;
}

 .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */

	clear:both;

	height:0;

	font-size: 1px;

	line-height: 0px;

}
	
a:link {
	color: #63367b;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #63367b;
}
a:hover {
	text-decoration: underline;
	/*color: #CCCCFF;*/
	color: #b0cf1c;
}
a:active {
	text-decoration: none;
	color: #63367b;
}
#colesq {
	float:left;
	width:190px;
	/*background-image:url(../img/trans60negre.png);*/
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	color:#fafafa;
}
#coldre {
	float:right;
	width:530px;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../img/trans90.png);
}

#colcen {
	width:720px;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	margin-top:20px;
	margin-bottom:20px;
	padding: 10px;
	background-image:url(../img/trans90.png);
	/*font-family:"Times New Roman", Times, serif;*/
	font-size:14px;
}
#colesqentrada {
	float:left;
	width:300px;
	height:480px;
}
#coldreentrada {
	float:right;
	width:400px;
	height:450px;
	/*background-color: #ffffff;*/
	background-image:url(../img/trans90.png);
	margin: 20px;
	padding: 20px;
	/*font-family:"Times New Roman", Times, serif;*/
	font-size:14px;
}

h1 {
font:Georgia, "Times New Roman", Times, serif;
color: #663380;
margin:0;
padding:0;
font-style:italic;
font-weight:bold;
font-size:18px;
}

h2 {
/*font:Georgia, "Times New Roman", Times, serif;*/
color: #663380;
margin:0;
padding:0;
font-style:italic;
font-weight:normal;
font-size:14px;
display: inline; 
}

.fila {
width: 100%;
margin: auto;
margin-bottom:12px;
margin-top:12px;
background:url(../img/punts.png);
background-position:center;
background-repeat:repeat-x;
/*font-family:"Times New Roman", Times, serif;*/
font-size:16px;
font-weight:bold;
/*color:#333;*/
color: #663380;
font-style:italic;
}

.punts {
padding: 0;
/*border-bottom: dotted black thin;*/
}

.producte {
float: left;
margin: 0;
padding: 0;
padding-right:10px;
padding-left:10px;
background:#FFF;

}

.preu {
float: right;
background:#FFF;
margin: 0;
padding: 0;
padding-left:10px;
padding-right:10px;
}

/*****************************************************************************/

#menu_serveis {
	font-size:14px;
}

#menu_serveis ul {
margin: 0;
padding: 0;
list-style-type:disc;
font-weight:bold;
margin-bottom:10px;
}

#menu_serveis ul ul {
list-style-image:none;
list-style-type:none;
/*color:#b0cf1c;*/
color:#CCF;
}

#menu_serveis ul ul ul {
list-style-type:square;
font-weight:normal;
font-style:normal;
color:#FFF;
}

#menu_serveis li { 
margin-left: 10px;
}

#menu_serveis li li { 
margin-left:0px;
}

#menu_serveis li li li { 
margin-left:30px;
}

#menu_serveis a {
	color:#FFF;
}
#menu_serveis a:hover {
	color:#b0cf1c;
	text-decoration: underline;
}

#menu_serveis ul ul li:before {
	content: "\00BB \0020";
	}

#menu_serveis ul ul ul li:before {
	content: "";
	}

#servei {
	font-size:14px;
}

#servei ul {
margin: 0;
padding: 0;
list-style-type:disc;
margin-left:30px;
margin-top:6px;
margin-bottom:6px;
}

big {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#666;
	
}

.c2punts{
    display:block;

    /*set the div in the bottom right corner*/
    position:absolute;
    bottom:10px;
    right:10px;
    width:100px;
	height:20px;
  }

.c2punts a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666;
  }
.c2punts a:hover{
	text-decoration: underline;
	/*color: #CCCCFF;*/
	color: #63367b;
  }
 
#titol_serveis{
	height:30px;
	background-image:url(../img/trans80lila.png);
	padding-left:20px;
	padding-top:6px;
	color:#fff;
	font-size:16px;
	font-style:italic;
  }