/* CSS Document */

body{
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

table {
		font-size:12px;
		padding:1px;
}

#tot {
	position:fixed;
	top:0px;
	bottom:18px;
	left:0px;
	right:0px;
	background:url(../img/fons.gif) bottom repeat-x;
}

#peu{
	position:absolute;
	bottom:0px;
	height:17px;
	left:0px;
	right:0px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:12px;
}

#peu a{
	color:#FFFFFF;
	text-decoration:none;
}


* html body{ /*IE6 hack*/
	padding: 0 0 18px 0; /*Set value to (0 0 HeightOfFrameDiv 0)*/
}

* html #tot{ /*IE6 hack*/
	height: 100%; 
	width: 100%; 
}

.dades_peu{
	text-align:center; 
	color:#ffffff;
	font-size:12px;
}
h2{
	border-bottom:solid red 1px;
	font-size:15px;
	color:red;
	padding-top:2px;
	padding-bottom:1px;
	margin-bottom:5px;
	margin-top:5px;
}

h3{
 	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color:#ff1100;
}

h4{
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	text-decoration: none;
	margin:0px;
	margin-bottom:5px;
	padding:0px;
	color:#FF0000;
	background:url(../img/prova3.gif) bottom repeat-x;
}

h5{
	font-size:12px;
	margin-bottom:5px;
	margin-top:5px;
	color:#FF0000;
}

h3 a.vermell{
	color:#FF0000;
}
.vermell{
	color:#FF0000;
}
.vermell_negreta{
	color:#FF0000;
	font-weight:bold;
	font-style:italic;
}
.destaca{
	font-size:18px;
	font-style:italic;
	background-color:#ff1100;
	color:#fff;
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
	margin:0px;
	line-height:23px;
	padding-top:0px;
}

.subtitol{
	font-size:12px;
	font-style:italic;
	color:#333333;
	line-height:14px !important;
}

a{
	color:#ff1100;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}


a.negre{
	color:#000;
	text-decoration:none;
}
a.negre:hover{
	text-decoration:underline;
}


.tel_gran{
	font-size:18px;
	color:#FF0000;
	font-weight:bold;
	background:url(../img/tel.jpg) no-repeat;
	padding-left:25px;
}

/************* MENU ******************/
.menu, .menu_dret{
	background:url(../img/quadre_vermell.jpg)  no-repeat;
	height:12px;
}
.menu:hover{
	background:url(../img/quadre_vermell_inclinat.jpg)  no-repeat bottom left;
}

.menu_dret:hover{
	background:url(../img/quadre_vermell_inclinat.jpg)  no-repeat bottom right;
}

.menu a, .menu_dret a{
	text-decoration:none;
	color:#000;
}

.menu a:hover, .menu_dret a:hover{
	color:#FF1100;
}

.menu{
	background-position:bottom left;
	padding-left:9px;
}

.menu_dret{
	background-position:bottom right;
	padding-right:9px;
}


#menu_inici{
	position:absolute;
	/*left:20%;
	top:26%;*/
	left:65%;
	top:26%;
}

#menu_pres{
	position:absolute;
	left:40%;
	top:31%;
	z-index:499;
}

#menu_feines{
	position:absolute;
	left:20px;
	top:39%;
	z-index:500;
}

#menu_prods{
	position:absolute;
	left:54.4%;
	top:36.7%;
}

#menu_noticies{
	position:absolute;
	/*left:65.3%;
	top:26%;*/
	left:7%;
	top:25%;
}

#menu_contacte{
	position:absolute;
	left:61.4%;
	top:48.8%;
	z-index:2;
}
#fons_menu_contacte{
	position:absolute;
	left:62.2%;
	top:49.3%;
	width:61px;
	height:12px;
	background-color:#FFF;
	filter:alpha(opacity=90); 
	-moz-opacity:0.9;
	opacity:0.9;
	z-index:1;
}

#logo{
	position:absolute;
	text-align: center;
	width:100%;
	height:62px;
	top:8.15%;
}

/************* FI MENU ******************/

#capsa_presentacio{
	position:absolute;
	top:33%;
	left:9%;
	width:31%;
	height:34%;
	/*border:#0011FF solid 1px;*/
}

#presentacio{
	position:absolute; 
	top:0;
	right:0;
	width:90%;
	background-color:#fff;
	border:#FF1100 solid 1px;
	/*Afegit xq ja no sutilitza el inner (prob. amb IE6)*/
	padding:7px;
	line-height:16px;
}
/*HACK PER IE, problema amb width+padding*/
* html div#presentacio {
	position:absolute; 
	top:0;
	right:0;
	width:100%;
	height:100%;
	background-color:#fff;
	border:#FF1100 solid 1px;
	/*Afegit xq ja no sutilitza el inner (prob. amb IE6)*/
	padding:7px;
	padding-left:12px;
	line-height:16px;
	}

.inner{
	padding:7px;
	line-height:16px;
}

.inner_vertical{
	padding-top:5px;
}

a.op_menu{
	font-size:14px;
}

#feines {
	position:absolute;
	top:41%;
	bottom:18px;
	left:88px;
	right:12%;
	padding:7px;
	background-color:#fff;
	border:#ff1100 solid 1px;	
}

#feines2 {
	position:absolute;
	top:41%;
	bottom:18px;
	left:88px;
	right:12%;
	padding:12px 8px 8px 12px;
	background-color:#fff;
	border:#ff1100 solid 1px;	
}

#capsa_productes{
	position:absolute;
	top:38.3%;
	left:0;
	width:54.4%;
	height:60%;
	/*display:table-cell;*/
}

#productes, #productes2{
	width:82%;
	height:92%;
	max-height:350px;
	position:absolute;
	top:0;
	right:0;
	background-color:#fff;
	border:#FF1100 solid 1px;
}

#capsa_contacte{
	position:absolute;
	left:61.4%;
	top:48.8%;
}

#contacte{
	width:400px;
	margin-top:11px;
	position:absolute;
	top:0;
	right:0;
	background-color:#fff;
	border:#FF1100 solid 1px;
	/*height:50%;
	min-width:450px;
	min-height:206px;
	max-height:270px;
	max-width:600px;*/
}
#capsa_noticies{
	position:absolute;
	top:27%;
	left:7%;
	right:61%;	
	/*border:#00f solid 1px;*/
}

/*HACK PER IE, problema amb width+padding*/
* html div#capsa_noticies {
	width:26%;	
}

#noticies{
	position:absolute;
	top:2px;
	left:56px;
	background-color:#fff;
	border:#ff1100 solid 1px;
	overflow:auto;
}

/*HACK PER IE, problema amb width+padding*/
* html div#capsa_noticies {
	width:33%;	
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul li{
	padding-left:11px;
	background:url(../img/fletxa.gif) no-repeat;
}

.quadrats{
	margin:0px;
	padding:0px;
	list-style:none;
}
.quadrats li{
	padding-left:0px;
	background:url(../img/quadre_negre.gif) no-repeat;
	float:left;
}
.quadrats li:hover{
	background:url(../img/quadrat_vermell_inclinat2.gif) no-repeat;
}

.quadrats a{
	color:#000000;
}

.quadrats a:hover{
	color:#ff1100;
	text-decoration:none;
}

.marcat{
	background:url(../img/quadrat_vermell_inclinat2.gif) no-repeat !important;
	background-color:red;
	margin:15px;
}

.tornar{
	float:right;
	margin-top:5px;
	background:url(../img/quadre_tornar.jpg) top right no-repeat;
	font-size:11px;
	font-style:italic;
}
.tornar a{
	color:#333 !important;
}

.representativa{
	margin:2px 15px 4px 2px;
	height:245px;
	float:left;
	border:solid 1px #CCCCCC;
}

.icona
{
	/*margin-right:5px;*/
	margin:1px 2px 2px 0px;
	/*margin-bottom:2px;*/
	border:solid 1px #CCCCCC;
}

.icona:hover{
	padding:0;
	border:solid 1px #333333;
}

.iconaG
{
	float:left;
	margin-right:5px;
	padding:1px;
	margin-bottom:2px;
	max-width:170px;
	max-height:160px;
}

.quadrat{
	margin-left:5px;
	background:url(../img/quadre_negre.gif) no-repeat;
/*	float:left;*/
}
.quadrat:hover{
	background:url(../img/quadrat_vermell_inclinat2.gif) no-repeat;
}

.quadrat a{
	color:#000000;
}

.quadrat a:hover{
	color:#ff1100;
	text-decoration:none;
}
.clear{
	float:none;
	clear:both;
}

#capsa_lateral{
	width:300px;
	padding:5px;
	height:500px;
	border-bottom:#FF0000 solid 2px;
	border-left:1px dotted #333333;
	border-right:1px dotted #333333;
	position:absolute;
	left:68.5%;
	background-color:#FFFFFF;
	z-index:500;
}

.marc {
	border:#444444 solid 1px;	
}

.mostra_proj a{
	color:#333333;
}

.mostra_proj{
	width:140px;
	height:108px;
	float:left;
	font-size:11px;
	font-style:italic;
	margin:2px;
}

.nom_proj{
	padding-top:3px;
	height:14px;
	overflow:hidden;
	font-size:10px;
}

.buscar{
	background:url(../img/lupa.gif) right bottom no-repeat;
	margin-right:3px;
}
.buscar a:hover{
	text-decoration:none;
}

#gallery{
	/*border: 1px solid red;*/
}


/*********************** CONTACTE ***********************/
.input, .inputError, .inputObligatori{
	font: 1.05em arial, sans-serif;
	padding:0.15em;
	width:30em;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	border:0;
}

.input
{ 
	/*background:url(../img/input_bg.gif) repeat-x left top;*/
	border:1px solid #bbb;
	background:#fafafa;
}

.inputObligatori
{
	border:1px solid #bbb;
	background:#ffd;
}

.inputError
{
	border:1px solid #fbb;
	background:#fff4f0;
	color:#f00;
}

.input:hover, .input:focus {
	border-color:#999;
	background:#f6f6f6;
}

.inputObligatori:hover, .inputObligatori:focus {
	border-color:#999;
	background:#ffffd4;
}

.inputError:hover, .inputError:focus {
	border-color:#fbb;
	background:#ffe4e0;
	color:#000;.
}

.button {
	border:1px solid #bbb;
	background:#fafafa;
	font: 1.05em arial, sans-serif;
	padding:0.15em;
	width:6em;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

.clausula, .clausula a{
	font-size:10px !important;
	font-style:italic;
}

.miss_error {
	color:#ff0000;
}

/************************* NOTICIA ***********************/

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

.titol_noticia{
	/*color:red;*/
	font-weight:bold;
}

/************************ FEINES *******************/
#proj_1, #proj_2, #proj_3, #proj_4{
	float:left;
	border-left:1px dotted red;
}

.dins_5{
	padding-left:5px;
	padding-right:3px;
	width:98%;
	/*border:1px solid blue;*/
}

#proj_1, #proj_2, #proj_3{
	width:25.7%;
	margin-right:4px;
}
#proj_4{
	width:19%;
}

/*HACK PER IE, problema amb width+padding*/
* html div#feines {
	width:81%;	
}
	
#feines_a_feines {
	position:absolute;
	bottom:4px;
	right:8px;
	left:8px;
	top:35px;
	overflow:auto;
}

/*HACK PER IE, problema amb width+padding*/
* html div#feines_a_feines {
	overflow:auto;
}

#kwicks_container { 
	background-color: violet;
	height: 100px;
}
#kwicks {
	position: relative;
}
 
#kwicks .kwick {
	float: left;
	display: block;
	width: 117px;
	height: 100px;
}


/********************** FI FEINES *******************/