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

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/body_bg.gif);
	background-color:#787676;
	background-repeat:repeat-x;
	background-position:bottom;
	margin:10px 0px 0px 0px;
	padding:0px;
}
.complet{
	width:910px;
	height:100%;
	/*border:1px solid #FF0000;*/
	float:left;
	position:relative;
	left: 50%;
	margin-left:-455px;
}

.clear{ clear:both}
.idiomes{
	float:right;
	font-size:12px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
}
.idiomes a{
	color:#FFFFFF;
	text-decoration: none;
}
.idiomes a:hover{
	text-decoration: underline;
}
/***********************************
************************************
*******CAPÇALERA
*************************************
*************************************/


.capcalera{
	background-image: url(../images/head/random.images.php);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 164px;
	width:908px;
	margin: 0px;
	padding: 0px;
	border:1px solid #000000;
	border-bottom-color:#FFFF00;
	
}
.menu{
	position: relative;
	top: 120px;
	height: 35px;
	padding: 10px;
	padding-left:5px;
	font-size: 11px;
	color: #FFFFFF;
	margin-right: 11px;
	margin-top:8px;
	margin-bottom:5px;
	text-align:center;
}
.menu-inici{
	background-color:#FF0000;
	color:#FFFFFF;
	float:left;
	margin-left:5px;
	padding:3px 5px;
	width:60px;
	margin-right:70px;
}
.menu-inici a{
	color:#FFFFFF;
	text-decoration:none;
}
.menu-inici a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.menu-item{
	background-color:#FF0000;
	color:#FFFFFF;
	float:left;
	margin-left:5px;
	padding:3px 5px;
	font-weight:bold;
	width:100px;
}
.menu-item a{
	color:#FFFFFF;
	text-decoration:none;
}
.menu-item a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}


/***********************************
************************************
*******DEFINICIO
*************************************
*************************************/


.banner{
	/*background-image:url(../images/imatge_composta.jpg);*/
	width:908px;
	height:159px;
 	left: 50%;
    margin-left: -455px;
	position: relative;
	background-color:#686667;
	border: 1px solid #000000;
	border-top: 0px;
	border-bottom: 0px;
}


/***********************************
************************************
*******CONTINGUT******
*************************************
*************************************/


.contingut{
	background-color:#e4e4e4;
	float:left;
	position:relative;
	width:908px;
	margin-top:0px;
	border: 1px solid #000000;
	border-top:0px;
	font-size:11px;
	padding-top: 10px;
	padding-bottom:15px;
}
.contingut p{padding-left:10px; padding-bottom:2px; margin:0px;}
.contingut img{
	float: left;
	margin-left: 10px;
}

.detall_destacat{
	float:left;
	padding: 5px;
	background-color:#c1c1c1;
	width: 170px;
	height: 120px;
}

.detall_destacat h3{
	font-size:15px;
	margin:0px;
}
.detall_destacat p{
	font-size: 11px;
	margin:0px;
}
.inform_imatge2{
	float:left;
	margin-left:30px;
	margin-top:25px;
}
.text2{
	background-color:#c1c1c1;
	float:left;
	width:180px;
	float:left;
	height:130px;
}
.titol{
    float:left;
    clear:both;
    margin-top:6px;
    margin-left:10px;
    color:#FFFFFF;
    font-size:25px;
    font-weight: bold;;
    margin-top: 30px;
} 


.subtitol{
	float:left;
	clear:both;
	width:540px;
	margin-top:6px;
	margin-left:10px;
	color:#FFFFFF;
	font-size:12px;
}
.acces_clients{
	background-image:url(../images/imatge_boto.jpg);
	background-repeat: no-repeat;
	margin-left:30px;
	float:right;
	margin-right:10px;
	width:190px;
	height:100px;
	padding-left:17px;
	padding-top:19px;
	padding-right:3px;
	color:#FFFFFF;
	font-size:15px;
	font-weight: bold;
}
.block{
	width:190px;
	float:left;
	/*position:relative;*/
	border:1px solid #626262;
	margin-left:10px;
	margin-bottom:5px;
	padding:0px;
	margin-right:10px;
}
.block img{
	margin:0px;
	width:190px;
	border:0px;
}
.producte{
	float:left;
	clear:both;
	width:190px;
	position:relative;
	background-color:#626262;
}
.producte span{
	float:left;
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	margin:0px;
}
.producte img{
	float:left;
	width:20px;
	height:20px;
	padding:3px;
}
.model{
	width:20px;
	padding:3px;
	margin:3px;
	background-color:#ffca08;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;}

/***********************************
************************************
********PEUS********
**************************************
*************************************/


.direccio{
	color:#ffd51d;
	font-size:11px;
	clear:both;
	float:left;
	width:250px;
	position:relative;
}
.direccio-1{
	color:#ffd51d;
	font-size:11px;
	float:left;
	width:200px;
	position:relative;
}
.telefon{
	color:#FFFFFF;
	font-size:11px;
	float:left;
	width:250px;
	position:relative;
}
.telefon-1{
	color:#FFFFFF;
	font-size:11px;
	float:left;
	position:relative;
}
.mapa_web{
	color:#ffd51d;
	float:left;
	position:relative;
	margin-left:30px;
	font-size:11px;
}
.mapa_web a{
	color:#ffd51d;
	font-size:11px;
	text-decoration:none;
}
.mapa_web a:hover{
	color:#ffd51d;
	font-size:11px;
	text-decoration:underline;
}
.peu_imatge{
	color:#ffd51d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:right;
	position:relative;
}

.peufinal{
	clear:both;
	position:relative;
	background-image:url(../images/peu_final.gif);
	background-repeat:repeat-x;
	background-color:#787676;
	margin-top:10px;
	bottom:0px;
	width:100%;
	height:25px;
}
.peufinal p{
	color:#FFFFFF;
	text-align:right;
	font-size:11px;
	padding: 6px 10px;
}

/**********************************
***********************************
TAULES
************************************
***********************************/
.taula{background-color:#e4e4e4;}
.taula tr td{
	text-align:left;
	font-size:9px;
}

.part_esquerra{
	float:left;
	position:relative;
	padding:0px;
/*	margin-right:8px;*/
}
.part_esquerra table tr td p{
	text-align:right;
}
.part_dreta{
	float:left;
	position:relative;
	padding:0px;
	margin-top:-10px;
	margin-left:5px;
}
.taula th{
	text-align:left;
	font-size:9px;
	color:#FFFFFF;
}
table.taula tr.even td, table.taula tr.even th { background-color:#e4e4e4; } 
table.taula tr.odd td { background-color:#cecece; } 

/**********************************
***********************************
FORMULARIS
************************************
***********************************/
.formulari{
	float:right;
	width:280px;
	margin-left:10px;
	background:#FF0000;
	height:500px;
	padding-bottom:20px;
}
.boto_enviar{
	background-color: #ffcb08;
	width:120px;
	height:19px;
	font-size:10px;
	margin-top:5px;
	padding-top:5px;
	text-align:center;
	float:right;
}
.data_ini{
	float:left;
	width:120px;
}
.data_fi{
	float:left;
	width:125px;
	margin:0px;

}
.taules h1{
	text-align:left;
	font-size:11px;
	margin-left:5px;
}
.taules{
	float:left;
	width:280px;
	background:#CCCCCC;
	font-size:11px;
	margin-bottom:123px;
}
.preCamp{
	display: -moz-inline-box;
	display: inline-block;	
	margin: 5px 10px 0 10px;
	padding: 0 2px;
	width: 60px;
}
/*AFEGITS PER EN ROBERT*/
.contingut_botiga{
	border:1px solid black;
	border-top:0px;
	width:908px;
	height:520px;
	float: left;
}
.form{
float:left;
width:250px;
}
.formulari p{
float:left;}


 .titol_botiga{
 background:#ffcb08;
 color: #4f4f4f;
 float:left;
 position:relative;
 width:520px;
 height:25px;
 margin-left:5px;
 padding-left:5px;
 padding-top:5px;
 }
 
.botiga-model {
	font-size: 12px;
}	 
.botiga-model span{
	background:#ffcb08;
	padding: 6px;
	margin: 3px;
	font-weight: bold;
}	 
 
.form1{
	width:20px;
	font-size: 11px;
	padding:4px;
	margin-bottom:0px;
	color: #666666;
	margin-bottom:8px;
	}
.taula_form{
text-align:left;
font-size:9px;
}
.tac{
margin-bottom:10px;
margin-left:3px;}
.td{
padding-top:5px;}
.td input{
	height:9px;}
.imatge{
	float:left;
	width: 160px;
	margin-left: 10px;
	margin-top:15px;
 } 
.barra_inf{
	background-color:#C1C1C1;
	width:150px;
	font-size: 9px;
	padding: 3px;
	height: 22px;
}
.barra_inf span{
	font-size: 12px;
	font-weight: bold;
}
.columna_e{
	background-color:#e4e4e4;
	width:550px;
	height:500px;
	padding: 10px 0px;
	float: left;
	overflow: auto;
}
.columna_d{
	background-image:url(../images/columna_d_bg.gif);
	background-repeat:repeat-y;
	background-color:#aeadad;
	width:338px;
	height:500px;
	float:right;
	position:relative;
	padding: 10px;
	overflow: auto;
}
.titol_d{
	background-color:#686868;
	color:#FFFFFF;
	float:left;
	font-style:italic;
	font-size:14px;
	width:264px;
	height:25px;
	text-align:left;
	padding-left: 5px;
	padding-top: 5px;
	margin-left: 10px;
	}