@CHARSET "UTF-8";

body {
	font-family: Arial, Helvetica, sans-serif;
   	font-weight:normal;
   	font-size: 10px;
	margin: 0; padding: 0;
	text-align: center;
	width: 100%;
}



div.main{
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	top: 10px;
	width:1000px;
	height: 100%;
	margin:auto;
	border-spacing:5px;
	z-index: 0;
}

div.top{
		margin:auto;
		width: 980px;
		height: 102px;
		position:absolute;
		top: 0px; left: 0px;
		text-align: center;
		margin: auto;
}


div.bottom{
		margin:auto;
		width: 980px;
		height: 102px;
		position:absolute;
		top: 700px; left: 0px;
		text-align: center;
		margin: auto;
}

div.menu{
		margin:auto;
		width: 980px;
		height: 20px;
		position:absolute;
		top: 100px; left: 0px;
		text-align: center;
		margin: auto;
		background-color: black;
}

	div .central{
		margin:auto;
		width: 980px;
		height:600px;
		position:absolute;
		top: 120px; left: 0px;
		text-align: center;
		margin: auto;
		/*overflow: auto;*/
		/*background-color: gray;*/
	}
		div #apartat{
			width: 95%;
			height: 20px;
			position: absolute;
			top: 0px; left:0px;
			-moz-border-radius:6px;
			border-radius:6px;
			background-color:#F2F3FA;
			border:2px solid #929ce3;
			border-spacing:5px;
			text-align: left;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
		}
		div #info{
			width: 95%;
			height: 450px;
			position: absolute;
			top: 21px; left:0px;
			-moz-border-radius:6px;
			border-radius:6px;
			background-color:#F2F3FA;
			border:2px solid #929ce3;
			border-spacing:5px;
			text-align: center;
			overflow: auto;
		}

	div #logo_index{
		width: 200px;
		position:absolute;
		text-align: left;
		top:30px;
		left:150px;
		cursor: pointer;
	}
	div #idiomes{
		/*display: none;*/
		font-family: Arial, Helvetica, sans-serif;
		font-weight:100;
   		font-size:12px;
   		color:gray;
		text-align:left;
	   	color:gray;
	   	position:absolute;
		top:10px;
		right:30px;
		cursor:pointer;
	}
	
div.logo{
	position: absolute;
	top:0px;
	left: 0px;
	cursor: pointer;
}

div.titol{
	position: absolute;
	top:0px;
	left: 330px;
	font-size:26px;
	text-align:center;
	color: e2031a;
}

div .peu_pagina{
	position: absolute;
	bottom: 0px;
	left: 230px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
   font-size:12px;
   text-align:center;
   color:gray;
}

	
/* Menu Apartats*/
#menupane {
	margin:auto;
	top:50px;
	left:0px;
	width: 145px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
   font-weight:500;
   font-size: 14px;
   text-align:left;
   color:gray;
   cursor: pointer;
  /* background-color: yellow; */
}
.menu_head {
	padding: 1px 10px;
	position: relative;
	margin:1px;
	cursor: pointer;
}
.menu_body {
	display:none;
}
.menu_body p {
  display:block;
  color: gray;
 /* background-color:#EFEFEF;*/
  padding-left:10px;
  margin: 10px;
  font-family: Arial, Helvetica, sans-serif;
   font-weight:100;
   font-size: 12px;
   color:gray;
  text-decoration:none;
}
.menu_body p:hover {
  color: #000000;
  text-decoration:underline;
}

#loading{
	position: absolute;
	top: 100px;
}


/************************
	Global_view
*************************/
 
 /*
 #info_table td{
 	text-align:right;
 }
   
.tr_capsal{
 
 font-weight: bold;
 font-size: small;
 text-align: center;
 }
 .td_capsal{
 background-color: #AEBCBB;
 text-align: center;
 }

*/












/********************/
/*productes kitchen */
/********************/
span.home_page{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size: 12px;
	text-align:left;
	color:gray;
	font-weight:900;
	cursor: pointer;
}
div.mainCatalogue{
	position:relative;
	width:1000px;
	height:600px;
	margin:auto;
	border-spacing:5px;
}




/***************************************/
/********* Familia, Subfamilia *********/
/***************************************/
.espai_petites {
	height: 360px;
	width: 160px;
	/*margin: -180px 0 0 -450px;*/
	top: 0px; left: 0px;
	position: relative;
}
ul.img_petites {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 360px;
}
ul.img_petites li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 40px;
	height: 40px;
}
ul.img_petites li img {
	width: 30px; height: 30px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}
ul.img_petites li img.hover {
	background:url(thumb_bg.png) no-repeat center center;
	border: none;
}

div #menu_carac{
	font-weight: normal;
  	font-size:12px;
  	text-align:left;
  	color:gray;
  	position:relative;
	top:0px;
	right:0px;
	}
hr{
	color:gray;
	border-style: double;
	}
	
div.div_central{
	 font-family: Arial, Helvetica, sans-serif;
   font-weight:500;
   font-size: 12px;
   text-align:center;
   color:gray;
   	width:330px;
   	position:absolute;
	top:40px;
	left:0px;
	/* background-color: red; */
}

img#img_gran{
	cursor: pointer;
}
	
div.div_dret{
	 font-family: Arial, Helvetica, sans-serif;
   font-weight:500;
   font-size: 12px;
   text-align:left;
   color:gray;
   	width:450px;
   	position:absolute;
	top:0px;
	left:350px;
	/* cursor: pointer; */
	/* background-color: blue; */
}

span.product_LINK{
	cursor: pointer;
}

#descriptionProd{
	cursor: pointer;
}
#drawingsProd{
	cursor: pointer;
}
#detailsProd{
	cursor: pointer;
}

#descriptionSubFam{
	cursor: pointer;
}
#drawingsSubFam{
	cursor: pointer;
}
#detailsSubFam{
	cursor: pointer;
}

p#subFamilia_titol{
	 font-family: Arial, Helvetica, sans-serif;
   font-weight:700;
   font-size: 16px;
   text-align:left;
   color: gray;
   cursor: text;
}

	
div#variable{
	width: 420px;
	height: 330px;
	margin: auto;
}

/* BUSCA */
span#subFamBusca{
	cursor : pointer;
}
span#prodBusca{
	cursor : pointer;
}