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

	body {
	font-size:11px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	margin:0; padding:0;
	background-color:#999;
	background-repeat: no-repeat;
	}
	#header {
	float:left;
	width: 780px;
	height:100px;
	background-image: url(img/fons_actual_sup.gif);
	background-repeat: no-repeat;
    }
	#footer {
	float:right;
	width: 540px;
	text-align:center;
	padding-bottom: 20px;
	padding-top: 20px;
	text-decoration: none;
    }
	#naveg_sup {
	width: 740px;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#999;
	float: left;
	border-bottom: 3px solid #999;
	border-top: 3px solid #999;
	background-repeat: no-repeat;
	background-image: url(img/fons_naveg.gif);
    }
	#idiomes {
	float:right;
	padding-right: 12px;
	height: 20px;
	padding-top: 7px;
	text-transform:uppercase;
    }
	#situacio {
	float:left;
	width: 320px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 20px;
	background: #ffffff;
    }
	#pagines {
	float:right;
	width: 510px;
	padding-top: 10px;
	padding-bottom: 30px;
	padding-right: 30px;
	background: #ffffff;
	text-align:right;
    }
	#left {
	float:left;
	width:200px;
	height: auto;
	background: #ffffff;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 17px;
	padding-top: 20px;
	border-right: 3px solid #999;
	}
	#families {
	float:left;
	width: 187px;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#CCCCCC;
	margin-bottom: 3px;
	border-left: 3px solid #000000;
	border-bottom: 1px solid #999999;
	}
	#buscar {
	text-align:left;
	float:left;
	width:177px;
	background: #ffffff;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	margin-top: 10px;
	background-color: #CCCCCC;
	border-bottom: 1px solid #999999;
	background-image: url(img/fons_inf.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-left: 3px solid #ff6600;
	}
	#banner01 {
	float:left;
	width:200px;
	height: 80px;
	}
	#banner01b {
	float:left;
	width:200px;
	margin-top: 10px;
	height: 80px;
	}
	#banner02 {
	float:left;
	width:200px;
	margin-top: 10px;
	height: 80px;
	}
	#twitter {
	float:left;
	width:200px;
	margin-top: 10px;
	height: auto;
	}
	#middle {
	float:right;
	height: auto;
	width:485px;
	background: #ffffff;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 35px;
	}
	#contingut {
	float:right;
	width:485px;
	background: #ffffff;
	padding-top: 10px;
	padding-bottom: 30px;
	padding-left: 25px;
	padding-right: 30px;
	height: auto;
	}
	#titol {
	float:right;
	width:503px;
	background: #ffffff;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 17px;
	padding-right: 20px;
	}
	#center {
	text-align:left;
	width: 780px;
	margin:auto;
	height: auto;
	}
	#foto {
	float:left;
	width: 200px;
	height: 150px;
	border: 1px solid #999999;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	}
	#foto_empresa {
	float:left;
	width: 230px;
	height: 153px;
	margin-top:20px;
	}
	#foto_empresa02 {
	float:left;
	width: 230px;
	height: 153px;
	margin-left:25px;
	margin-top:20px;
	}
	#foto_empresa03 {
	float:left;
	width: 485px;
	height: 250px;
	margin: 0px 0px 20px 0px;
	}
	#form_clientes {
	float:left;
	height:133px;
	padding:20px;
	background-color:#cccccc;
	border: 1px solid #cccccc;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	}
	#descr_clientes {
	float:left;
	width:260px;
	height:175px;
	margin-right:15px;
	}
	#mapa {
	float:left;
	width: 300px;
	height: 300px;
	}
	#descripcio {
	float:left;
	width: 250px;
	background: #ffffff;
	margin-left: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	border-top: 1px dotted #999999;
	}
	#direccio {
	float:left;
	width: 150px;
	background: #ffffff;
	margin-left: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	border-top: 1px dotted #999999;
	}
	
	A:link {color: #000000; text-decoration:none;}
	A:visited {color: #000000; text-decoration:none;}
	A:active {color: #000000; text-decoration:none;}
	A:hover { color: #ff6600; text-decoration:none;}
	
	A.idioma:visited {color:#fff; text-decoration:none;}
    A.idioma:active {color:#fff; text-decoration:none;}
    A.idioma:link {color:#fff; text-decoration:none;}
    A.idioma:hover {color:#ff6600; text-decoration:none;}
	
	.idioma	{
	color:#999999;
	}
	
	.botons {
	font-size:11px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	background:#FFFFFF;
	border:0px;
	margin-top: 5px;
	}
	.text_naveg	{
		font-weight:bold;
		text-transform:uppercase;
		margin-left:10px;
	}
	.text_naveg_in	{
		font-weight:bold;
		text-transform:uppercase;
		color:#FFFFFF;
		margin-left:10px;
	}
	.text_familia	{
		font-weight:bold;
		text-transform:uppercase;
	}
	.text_familia_in	{
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	}
	.lletres_titol	{
	font-weight:bold;
	font-family:Georgia, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#ff6600;
	}
	.titol_contingut	{
	font-weight:bold;
	font-family:Georgia, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color:#ff6600;
	}
	.prod_ref	{

	color:#999999;
	}
	.buscador	{
	font-weight:bold;
	font-family:Georgia, Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#FFFFFF;
	}
	.prod_referencia01	{
	font-weight:bold;
	text-transform:uppercase;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#ff6600;
	}
	.prod_referencia02	{
	color:#999999;
	margin-left:5px;
	}
	.error	{
	font-weight:bold;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	}
div#pagination {
     height:50px;
     margin-top:3px;
 }
div#pagination .count {
     float:left;
     padding:5px;
     }
div#pagination .pages {
     float:right; padding:5px;
     }

div#paginationTop{height:40px; margin-bottom:3px;}
div#paginationTop .count { float:left; padding:5px;}
div#paginationTop .pages { float:right; padding:5px;}

div.pagination { padding: 3px; margin: 3px; }
div.pagination a {
     padding: 2px 5px 2px 5px;
     margin: 2px;
     border: 1px solid #999999;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
     text-decoration: none; 
     color: #999999;
}
div.pagination a:hover, div.pagination a:active {
     padding: 2px 5px 2px 5px;
     margin: 2px;
     border: 1px solid #999999;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
     background-color: #999999;
     color: #FFF;
}
div.pagination span.current {
     padding: 2px 5px 2px 5px;
     margin: 2px;
     border: 1px solid #ff6600;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
     font-weight: bold;
     background-color: #ff6600;
     color: #ffffff;
     }
div.pagination span.disabled {
     padding: 2px 5px 2px 5px;
     margin: 2px;
     border: 1px solid #cccccc;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
     color: #cccccc;
}
.bold14 {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.rederror {
	color: red;
}