@charset "utf-8";
/* CSS Document */

body {
font: 80% Tahoma, Helvetica, Arial,  sans-serif;
background: #FFFFFF;
margin: 0; 
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;
margin-top: 15px;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #333333;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #5F8ABD;
scrollbar-track-color: #F5F5F5;
scrollbar-arrow-color: #FFFFFF;
font-family: Tahoma, Helvetica, Arial, sans-serif;
font-size: 80%;
}

h2 {
	font-size: 14px;
	color: #666666;
}

/*********/
a:link, a:active, a:visited {
	color:#000000;
	text-decoration:none;
}
a:hover {
	
	color:#babdaf;
	text-decoration:underline;
}


#container { /***contenedor principal****/
	width: 780px;  
	height: auto;
	background: #FFFFFF;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    text-align: left; /* esto anula text-align: center en el elemento body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: arial;
	font-size: 11px;
	color: #787667;

}

#header {

	padding: 0px;
	margin:0px;
	margin-bottom:0px;
	background-color: #FFFFFF;
}

#header h1 {
	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header 
	evita la contracción del margen (un espacio inexplicable entre divs). 
	Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 5px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}

#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 */

}
#collection_cont {
	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: #FFFFFF;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	/* text-align: right; esto anula text-align: center en el elemento body. */

}

#collection_cont h1 {font-size:22px;}
#collection_cont_detalle {
	background: #FF77FF;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	/* text-align: right; esto anula text-align: center en el elemento body. */

}
#detall_cont {
	width: 380px;  /* 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 */
	height: 330px;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: left; /* esto anula text-align: center en el elemento body. */
	background-color:#FFFFFF;
	vertical-align: middle;
}
#detall_cont_img {
	width: 390px;  /* 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 */
	border:thin;
	background: #FFFFFF;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: right; /* esto anula text-align: center en el elemento body. */
}

#product_list_cont {/*el menú amb les miniatrues dels productes de cadacol.lecció*/
	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 */
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	overflow-x: auto !important;
	overflow-y: hidden !important;
}
#product_list {/*el menú amb les miniatrues dels productes de cadacol.lecció*/
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: right; /* esto anula text-align: center en el elemento body. */

}
#product_list_cont a:link, #productlist_cont a:active  {
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
#product_list_cont a:visited {
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
#product_list_cont a:hover {
	font-size:10px;
	color:#babdaf;
	text-decoration:underline;
}

#productos_carrito {/***************** és el llistat de productes sel.leccionats quan cliquem a mibolsa*/
	width:auto;
	clip: rect(auto,auto,30px,auto);
	overflow: auto;
	text-align: justify;
	overflow-y: auto !important;
	overflow-x: hidden !important;

	padding-top: 5;
	padding-right: 0px;
	padding-bottom: 5;
	padding-left: 0px;
}

#productos_carrito td {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #FFFFFF;

}

#faq {
	height: 400px;
	width: 300px;
	clip: rect(auto,auto,30px,auto);
	overflow: auto;
	text-align: justify;
	color: #333333;
	padding: 10px;

}

#footer {
	width: 780px;
	padding: 0 0px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	background:#FFFFFF;
	/*  
	border: 1px solid #000000;
	*/
}

#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 0; /* 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 */

}

#carrito {

	background:#747165;
	color:#FFFFFF;
}

#table_content {
	height: 440px;
	width: 780px;
}



/* links............................................................................*/

#carrito a:link, #carrito a:active, #carrito a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
#carrito a:hover{
	color:#babdaf;
	text-decoration:underline;
	}


#links {/****la franja on estan els links a la , el bloc i el contacte*/

	padding: 0 0px; /* este relleno coincide con la alineación izquierda 
	de los elementos de los divs que aparecen por encima de él. */
	background:#babdaf;
}
#links a:link, #links a:active, #links a:visited {
	font-size:10px;
	color:#000000;
	text-decoration:none;
}
#links a:hover {
	font-size:10px;
	color:#ffffff;
	text-decoration:underline;
}
	
#logo { /*la franja de baix de tot on està el logo*/
	padding: 0 10px; /* este relleno coincide con la alineación izquierda 
	de los elementos de los divs que aparecen por encima de él. */
	background:#FFFFFF;
}
#bosseta {
	position:relative;
	left:inherit;
	right:auto;
	top:486px;
	z-index: 98;
	width: 57px;
}	

.fons1 {
	color: #333333;
	background-color:#F2F2F2;
	text-align: justify;
	text-indent: 10px;
	padding: 10px;
}

.fons_miperfil {
	color: #333333;
	text-align: justify;
	text-indent: 10px;
	padding: 10px;
}




.fons_miperfil a:link, .fons_miperfil a:active, .fons_miperfil a:visited { 
text-decoration:blink;
background-color:#E5E5E5;
}
/* accés usuari  */
input.acces_usuari {
	font-size:9px;
	background-color: #E7EBD8;
	height: 15px;
	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;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.usuari_text{
	font-size:9px;
}

/* formularis..........................*/
form {padding:0;margin:0;} 
input {
	background-color:#cccccc;
	height: 18px;
	border: thin none #FFFFFF;
}
textarea {
	background-color:#CCCCCC;
	border: thin none #FFFFFF;
}
list {border: 1px solid #CCC;}
option { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FFF; display: block; }
option.uno {background-color: #CCC}
option.dos {background-color: #666} 
label { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FFF; display: block; }

button {
	color: #FFFFFF;
	background-color: #AAA693;
}