/* CSS Document */















body { background-color: #ffffff;
margin-top:10px; 
}















p,h1,h2,h3,th,td,a,blockquote,ul,li,caption,.norm,.aviso { font-family:Verdana; }















p,h1,h2,h3,th,td,blockquote,ul,li,caption,.norm { color: #555555; } /* Titol, paginacio ... */















p,h3,th,td,a,blockquote,ul,li,caption,.norm { font-size: 10px; }















h1 { font-size: 16pt; text-align: center; }















h2,.aviso { font-size: 12pt; }















.aviso  {font:Verdana; font-size: small}















td.lhead { font-weight: bold; text-align: right }















.mnu{background:none; border:none;}















big { font-size: 12pt; }















small { font-size: 9pt; }















hr            { width: 80%; align: center; color: #666666; }







th            {font:Verdana; font-size: 11px; font-weight: bold; background-color: #FF9900;} /* Capçalera Camps Taula */







td            {font:Verdana; font-size: 11px;}















A:link        {font:Verdana; font-size: 12px; text-decoration: none; color: #666666} /* Links */







A:visited     {font:Verdana; font-size: 12px; text-decoration: none; color: #666666} /* Links */







A:hover       {font:Verdana; font-size: 12px; text-decoration: none; color: #000000} /* Links */















A:link.nav    {font:Verdana; color: #000000}







A:visited.nav {font:Verdana; color: #000000}







A:hover.nav   {font:Verdana; color: #FF0000}















A:link.ver   {font:Verdana; color: #FFFFFF}







A:visited.ver {font:Verdana; color: #FFFFFF}







A:hover.ver   {font:Verdana; color: #FFFFFF}















.nav          {font:Verdana; color: #000000}







.texte_normal { font:Verdana; font-size: 10px; color: #000000}







a.texte_normal2:link { font:Verdana; font-size: 10px; color: #000000}







a.texte_normal2:visited { font:Verdana; font-size: 10px; color: #000000}







.texte_titular { font:Verdana; font-size: 16px; color: #000000}







.texte_cursiva { font:Verdana; font-size: 10px; color: #000000 ; font-style: italic}







.texte_negreta { font:Verdana; font-size: 10px; color: #000000 ; font-weight: bold}







.opcions_lateral_3 { font:Verdana; font-size: 10px; color: #666666 }







.texte_normal_gris { font:Verdana; font-size: 10px; color: #666666}















table tbody td {		/* Font taula list */







	font:Verdana;







	font-size:10px;







	color:#666666;







}















table tbody tr.odd:hover td{ /* Font taula list hover */







	color: #555555;







}















table tbody tr.odd { /* Fons cel·les taula list */







	background:none;







}















table tbody tr.odd:hover { /* Fons cel·les taula list hover */







	background: none;







}















table tbody tr.even { /* Fons cel·les taula list */







	background:none;







}















table tbody tr.even:hover { /* Fons cel·les taula list hover */







	background: none;







}















.link_opcion a{  /* Links Gris-Tronja */







	font-family:Verdana;







	font-size:12px;







	font-weight:bold;







	color:#666666;







	text-decoration:none;







}















.link_opcion a:hover{ /* Links Gris-Tronja hover */







	font-family:Verdana;







	font-size:12px;







	font-weight:bold;







	text-decoration:none;







	color:#FF6600;







}















.taula_list_style { /* Color Fons Taula list */







	background:none;







	font-weight:bold;







	color:#000000;







}







.taula_list_style22 { /* Color Fons Taula list */







	background:none;







}







.taula_blanca_style {  /* Estils Taula Buscador */







	border-bottom:solid;







	border-top:solid;







	border-right:solid;







	border-left:solid;







	border-color:#f9f9f9;







	border-width:1px;







	padding:15px;







}















.form_text_titol { /* Estils Text Opcions Formularis */



	font-family:Verdana;

	font-size:11px;

	font-weight:bold;

	text-decoration:none;

	color:#000000;

}



.form_text_titol2 { /* Estils Text Opcions Formularis */



	font-family:Verdana;

	font-size:10px;

	font-weight:bold;

	text-decoration:none;

	color:#000000;

}



















.taula_border { /* Estils vores taula Menús */







	border-bottom:solid;







	border-top:solid;







	border-right:solid;







	border-left:solid;







	border-color:#c9c9c9;







	border-width:1px;







}















.link_opcion_menu a{ /* Estils links opcions menús */







	font-family:Verdana;







	font-size:10px;







	color:#666666;







	text-decoration:none;







}















.link_opcion_menu a:hover{ /* Estils links opcions menús hover */







	font:Verdana;







	font-size:10px;







	text-decoration:none;







	color:#000000;







}















.titular_header{  /* Estils Titulars Header */







	font-size:20px;







	color:#FFFFFF;







	font-weight:bold;







	letter-spacing:2px;







	font-family:Arial, Helvetica, sans-serif;







	text-align:right;







	vertical-align:top;







	padding-right:20px;







	padding-top:5px;







}















.titular_taula{  /* Estils Titulars Taula */







	font:Verdana;







	font-size:12px;







	color:#FF6600;







	font-weight:bold;







	letter-spacing:1px;







}















.text_area { /* Text Areas */







	font:Verdana;







	font-size:9px;







	color:#555555;







	height:14px;







	border:1px solid #c9c9c9;







}















.text_area_gran { /* Text Areas */







	font:Verdana;







	font-size:9px;







	color:#555555;







	height:14px;







	border:1px solid #c9c9c9;







}















.file_area { /* File Areas */







	font:Verdana;







	font-size:9px;







	color:#555555;







	border:1px solid #c9c9c9;







}















.botons {  /* Estils Botons Gris-Taronja */







	font-family:Verdana;







	font-size:10px;







	background:none;







	color:#555555;







	cursor:pointer;







	border:1px solid #FF6600;







	height:18px;







}















.botons:hover { /* Estils Botons Gris-Taronja hover */







	font-family:Verdana;







	font-size:10px;







	background-color:none;







	color:#555555;







	cursor:pointer;







	border:1px solid #FF6600;







	height:18px;







}















/*menu lateral*/















h3 { margin:0 0 4px 0; font-size:13px; }







h4 { margin:4px 0; font-size:11px; }







ul { margin:0; padding:0; list-style:none; }







li {







	list-style: inside;







}







span:hover { text-decoration:none; }







span { text-decoration:underline; color:#303b74; cursor:pointer; margin:1px 0; }







a { display:block; color:#303b74; background:none; text-decoration:none; padding-left:2px; border:0px solid #fff; margin-left:4px; }







a:hover { border:0px solid #999; background:none; }







/*div { padding:4px 6px; }







table { border:1px solid #000; }*/















/* subfamilia centre*/











.subfamilia_menu{
	padding: 0px 0px 0px 0px;
	text-align: center;
	cursor: pointer;
	margin-top: -2px;
	margin-bottom: 0px;
	text-decoration: none;
	background: none;
	color: #000000;
	font-size: 9px;
}



.subfamilia {







width:100%;







background:none;







position:absolute;







top:200px;







left:300px;







}















#container {







	width:500px;







}















.tabs {







	







	cursor:pointer;







	







}















.familia_esq {


	width: 200px;







	padding: 0px 0px 0px 0px;







	text-align: left; 







	float:left;







	cursor: pointer;







	margin-top: 5px;







	text-decoration: none;







	background:none;







	color:#000000;







	font-weight:bold;







	font-size:12px;
top:auto;

}







.familia_esq1 {

top:auto;





	width: 200px;







	padding: 0px 0px 0px 0px;







	text-align:center; 















	cursor: pointer;



	margin-top: 0px;











	text-decoration: none;







	background:none;







	color:#000000;















	font-size:12px;







}















#content {



	

	clear:both;

	border:0px solid #fff;

	background:none;

}















#load {



	position: absolute;



	left: 0;



	top: 0;



	width: 100px;



	height: 20px;



	color: white;



	display: none;



	background-image: url(images/ajax-loader.gif);



}







.detall_foto{



border:#993300 solid 2px;



}







.fonsarticle {















background:none;







    







	 







}















.taula_principal{







border:#CC0001 solid 2px;







border-top:none;

















}







.taula_principal1{







border:#CC0001 solid 2px;







border-bottom:none;







border-top:#333333 solid 0px;















}







.menu_principal{



font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#FFFFFF;

text-align:center;



}







a.menu_principal:link, a.menu_principal:hover,a.menu_principal:visited{







font-family:Arial, Helvetica, sans-serif;







font-size:14px;







color:#FFFFFF;







text-align:center;







}







.passarela{







font-family:Arial, Helvetica, sans-serif;







font-size:14px;







text-align:right;







border-bottom:#000000 solid 2px;







}







#borderart {







  /*position:absolute;







  top:10px;







  left:10px;*/







  width:406px;







  height:400px;







  overflow:hidden;







}  







#article {







  /*position:absolute;







  top:0px; 







  left:0px;*/







  width:406px;







  height:400px;







  /*overflow:hidden;*/







  background:none;







  z-index:0;







}  







.productes {







font-family:Arial, Helvetica, sans-serif;







font-weight:bold;







color:#000000;







font-size:13px;







}







.imatge_cap {







padding-right:20px;







padding-bottom:5px;







text-align:right;







}







.on_soc {

color:#FFFFFF;

background:#666666;

}















.taula_peu {







border-top:#000000 1px solid;







}







.estils_peu, a.estils_peu:link, a.estils_peu:hover, a.estils_peu:visited{



text-align:center;

color:#000000;

font-weight:bold;

font-size: 10px;



}







.estils_conf {







font-family:Arial, Helvetica, sans-serif;







font-size:14px;







color:#000000;







/*font-weight:bold;*/







}







.border_linia {







border-left:#666666 2px solid;







}







.linia_baixa {







border-bottom:#666666 2px solid;







margin-left:5px;







}







#cabecera {







   position:absolute;







   







   







   top:0px;







   left:0px;







   width: 100%;







   height:200px;















}















#contenido{







   margin: 228 5 10 5px;







   







   







   







   







   







   } 







.productos_cesta {







font-size:12px;







text-align:center;







text-decoration:none;







font:Arial, Helvetica, sans-serif;







color:#000000;















}







.referencia_productes {







font-size:12px;







text-align:left;







text-decoration:none;







font:Arial, Helvetica, sans-serif;







color:#000000;







font-weight:bold;







}















/*********************** SCROLLERS ***********************/







.root 		{







		position:relative;







		height:			360px;







		width:			293px;







		margin: 			0px 0px 0px 0px;		







		}







.root p 	{







		margin:			3px 3px 3px 3px;







		}







.thumb 		{







		position:			absolute;







		height:			0px;







		width:			15px;







		left: 			0px;







		}







.up, .dn 	{







		position:			absolute;







		left: 			0px;







		}







.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{







		border:			0;







		}







.scrollContainer {
	position: absolute;
	left: 2px;
	top: 19px;
	width: 293px;
	height: 350px;
	clip: rect(0 467 350 0);
	overflow: auto;
	border-top: 0px solid #000000;
	border-left: 0px solid #333333;
	border-right: 0px solid #686262;
	border-bottom: 0px solid #686262;
	background: none;
}







.scrollContent { 







		position:			absolute; 







		left:			0px; 







		top:			0px; 







		width:			100px; 







	







		}











#Layer1 {

	position:relative;

	width:400px;

	height:400px;

	z-index:1;

	left: 10px;

	top: 30px;

	

}

#total {
    
	color: #FFFFFF;
	
}
.taula_total {
	/*border: thin dashed #ffffff;*/
	/*background-color: Black;*/
}

a.boto_compra:link, a.boto_compra:hover,a.boto_compra:visited{ 
 background-image: url(images/boto_compra2.jpg);
  background-repeat: no-repeat;
  color: White;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 15px;
  /*padding-left: -20px;
  margin-left: -20px;*/
}