/* CSS Document */
#sts{
	position:absolute;
	right:10px;
	bottom:10px;
	width:auto;
	height:auto;
}

/* ESTRUCTURA */
a img{
	border:0;
}
#intro{
	position:absolute;
	width:800px;
	height:600px;
	top:50%; margin-top:-300px;
	left:50%; margin-left:-400px;
	background-color:#333333;
}

#capferre{
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-155px;
	width:310px;
	height:40px;
	background-image:url(img/txtferrecandau.gif);
	background-repeat:no-repeat;
}
#inici{
	position:absolute;
	width:430px;
	height:430px;
	top:50%; margin-top:-215px;
	left:50%; margin-left:-215px;
}

#introoferta{
	position:absolute;
	width:125px;
	height:100px;
	right:20px;
	bottom:50px;
	background-color:#333333;
	text-align:center;
}


/* modevisual: capa per indicar com es volen veure els resultats de la búsqueda. */
#modevisual{
	position:absolute;
	top:130px;	left:620px;
	width:140px;
	height:auto;
	text-align:right;
	font-size:10px;
	color:#666666;
}

#contenedor{
	position:absolute;
	width:800px;
	height:600px;
	top:50%;
	margin-top:-300px;
	left:50%;
	margin-left:-400px;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
}

.fcontacto{
	background-image:url(img/f_contacto.gif);
}
.fequipo{
	background-image:url(img/f_equipo.gif);
}
.fproductos{
	background-image:url(img/f_productos.gif);
}
.ftienda{
	background-image:url(img/f_tienda.gif);
}
.fmetall{
	background-image:url(img/metall.jpg);
	background-position:top;
}

#menu{
	position:absolute;
	left:330px;
	top:90px;
}

#sobre{
	position:absolute;
	top:45px;
	right:30px;
	width:120px;
	height:10px;
	text-align:right;
}

#rotulo{
	position:absolute;
	width:125px;
	height:45px;
	top:200px;
	left:10px;
}

#info{
	position:absolute;
	width:280px;
	height:320px;
	top:260px;
	left:30px;
	overflow:auto;
}

#fotobotiga{
	position:absolute;
	width:250px;
	height:250px;
	top:290px;
	left:50px;
}

#mapa{
	position:absolute;
	height:380px;
	top:200px;
	left:330px;
	overflow:auto;
	width: 450px;
}

#textbotiga{
	position:absolute;
	top:250px;
	left:330px;
	overflow:auto;
	width: 450px;
	line-height:16pt;
}

#submenu{
	position:absolute;
	width:250px;
	height:330px;
	top:260px;
	left:30px;
	overflow:auto;
}

#contingut{
	position:absolute;
	height:400px;
	top:190px;
	left:290px;
	overflow:auto;
	width: 490px;
}

#minis{
	position:absolute;
	width:750px;
	height:80px;
	top:480px;
	left:30px;
	text-align:center;
}

#fotogran{
	position:absolute;
	width: 560px;
	height:320px;
	top:240px;
	left:150px;
}

#celda{
	position:relative;
	float:left;
	text-align:center;
	width:100px;
	height:120px;
	font-size:9px;
	border:1px solid #ccc;
}

/* ESTILS ***************************************************************************************************/

body{
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:11px;
}

/* FORMAT DE TEXT */
p{
	color:#666666;
	font-size:10px;
}

/* TITULARS */
h1{
	color:#333333;
}
h2{
	color:#99CC00;
}
h3{	
	color:#333333;
}
h4{
	color:#666666;
	font-size:14px;
}
h5{
	color:#99CC00;
}
/* TABLAS */

th{
	background-color:#99CC00;
	color:#fff;
	font-size:12px;
}

th a:link, th a:visited{
	color:#fff;
	text-decoration:underline;
}

th a:hover{
	color:#666699;
	text-decoration:none;
	background-color:#FFF;
}

table.menu{
	background-color:#99CC00;
	color:#FFFFFF;
}

td.menu{
	background-color:#99CC00;
	color:#FFFFFF;
}

/* LISTA */
ul{
	list-style-type:none;
	padding-left:10px;
	margin-left:0px;
}
li{
	padding:5px;
	margin-left:0px;
	list-style-type:none;
}

/* LINKS */
a:link, a:visited{
	color:#CC0033;
	text-decoration:underline;
}

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

.migas{
	color:#99CC00;
	font-size:10px;
}

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

.migas a:link, .migas a:visited{
	color:#99CC00;
	text-decoration:none;
}

.migas a:hover{
	color:#333;
	text-decoration:underline;
}

#sobre a:link, #sobre a:visited{
	color:#99CC00;
	text-decoration:none;
}

#sobre a:hover{
	color:#fff;
	background-color:#99CC00;
}

.fam a:link, .fam a:visited{
	color:#666666;
	text-decoration:none;
}

.fam a:hover{
	color:#99CC00;
	text-decoration:underline;
}

/* VISTA DE MOSAIC */
#mosaic{
	position:relative;
	width:100px;
	height:100px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	font-size:10px;
	color:#666666;
	border: 1px dotted #ccc;
	overflow:hidden;
	padding-top:5px;
}

#mosaicfoto{
	position:relative;
	width:100px;
	height:100px;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	font-size:10px;
	color:#666666;
	border: 1px dotted #ccc;
	overflow:hidden;
	text-align:center;
}

#mosaicfoto img{
	border:0;
	width:100px;
	height:100px;
}
#mosaicprov{
	position:relative;
	width:105px;
	height:120px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	font-size:10px;
	color:#666666;
	border: 1px dotted #ccc;
	overflow:hidden;
	padding-top:5px;
	text-align:center;
}

#mosaic a, #mosaicprov a{	text-decoration:none;	font-size:10px;}