/*GLOBAL*/
html{
	height: 100%;
}
body{
padding:0px;
margin:0px;
text-align:center;
background-color:#9a9a9a;
font-family: Tahoma;
width: 100%;
height: 100%;
}

table{
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
}

#glob_pg {
width:954px;
height:650px;
margin:auto;
position:relative;
}

#intro{
	margin: auto;
	width:954px;
	height: 256px;
}

.centxcent{
	width: 100%;
	height: 100%
}

/*UTILS */
.blanc{color: #FFFFFF}
.w100{width: 100%}
.mleft10{margin-left: 10px}
.mbottom{margin-bottom: 5px}
.fleft{float: left}
.fright{float: right}

/*HEADER*/
#header{
width:954px;
height:312px;
}
#heFlash{
width:954px;
height:257px;
}
#heMenu{
	width:954px;
	height:55px;
	position:relative;
	background-image: URL(img/fonsmenu.jpg);
}
#heM1{left:345px;}
#heM2{left:105px;}
#heM3{left:185px;}
#heM4{left:265px;}
#heM10{left:425px;}
#heM5{left:510px;}

/* idioma alemany */
#heM6{left:205px;}
#heM7{left:305px;}
#heM8{left:385px;}
#heM11{left:485px;}
#heM9{left:565px;}

.heMNom1{
display:block;
width:70px;
height:30px;
margin:auto;
margin-top:19px;
cursor:inherit;
}
.heMNom2{
display:block;
width:70px;
height:30px;
margin:auto;
margin-top:12px;
}

.heMNom3{
display:block;
width:100px;
height:30px;
margin:auto;
margin-top:12px;
}

.heMNom4{
display:block;
width:100px;
height:30px;
margin:auto;
margin-top:19px;
cursor:inherit;
}

a.menu,a.menu:link{
display:block;
width:80px;
height:55px;
position:absolute;
/*background-image:url(img/boton1.png);
background-repeat:no-repeat;*/
font-weight:normal;
font-family:Tahoma;
font-size:12px;
text-align:center;
text-decoration:none;
background-position:top center;
color:#FFFFFF;
}
a.menu_on,a.menu_on:link,a.menu_on:hover{
	display:block;
	width:80px;
	height:55px;
	position:absolute;
	background-image:url(img/fonsmenu-on.jpg);
	font-weight:normal;
	font-family:tahoma;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	background-position:bottom center;
	color:#000000;
	font-weight: bold;
}
a.menu:hover{
	background-image:url(img/fonsmenu-on.jpg);
	background-position:bottom center;
	color:#000000;
	font-weight: bold;
}

a.menu2,a.menu2:link{
display:block;
width:100px;
height:55px;
position:absolute;
/*background-image:url(img/boton1.png);
background-repeat:no-repeat;*/
font-weight:normal;
font-family:Tahoma;
font-size:12px;
text-align:center;
text-decoration:none;
background-position:top center;
color:#FFFFFF;
}
a.menu_on2,a.menu_on2:link,a.menu_on2:hover{
	display:block;
	width:100px;
	height:55px;
	position:absolute;
	background-image:url(img/fonsmenu-on.jpg);
	font-weight:normal;
	font-family:tahoma;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	background-position:bottom center;
	color:#000000;
	font-weight: bold;
}
a.menu2:hover{
	background-image:url(img/fonsmenu-on.jpg);
	background-position:bottom center;
	color:#000000;
	font-weight: bold;
}
#heIdiomes{
width:155px;
height:40px;
float:right;
margin-right:10px;
position:relative;
}
#headerBanl1{
display:block;
width:4px;
height:5px;
position:absolute;
top:16px;
left:17px;
color:#c0c1c2;
}
#headerBanl2{
display:block;
width:4px;
height:5px;
position:absolute;
top:16px;
left:43px;
color:#c0c1c2;
}

#headerBanl3{
display:block;
width:4px;
height:5px;
position:absolute;
top:16px;
left:67px;
color:#c0c1c2;
}
#headerBandCa{
display:block;
width:29px;
height:20px;
position:absolute;
top:20px;
left:0px;
background-image: URL(img/es.jpg);
}
#headerBandEs{
display:block;
width:29px;
height:20px;
position:absolute;
top:20px;
left:38px;
background-image: URL(img/en.jpg);
}
#headerBandEn{
display:block;
width:29px;
height:20px;
position:absolute;
top:20px;
left:75px;
background-image: URL(img/fr.jpg);
}

#headerBandDe{
display:block;
width:29px;
height:20px;
position:absolute;
top:20px;
left:114px;
background-image: URL(img/de.jpg);
}
a.headerBan,a.headerBan:link,a.headerBan:hover,a.headerBan:visited{
display:block;
height:13px;
font-size:12px;
color:#c0c1c2;
font-weight:bold;
text-decoration:none;
background-position: bottom center;
}

a.headerBan:hover{
display:block;
height:13px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
background-position: bottom center;
}
a.headerBanOn,a.headerBanOn:link,a.headerBanOn:hover{
display:block;
height:13px;
font-size:12px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
background-position: bottom center;
}
.headerBan:hover{
display:block;
height:13px;
font-size:12px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

/**CHANGE**/
#change{
display:table;
width:954px;
margin:auto;
position:relative;
background-color:#000000;
}
/*PRODUCTES*/
.toggler{
width:954px;
height:30px;
margin:auto;
background-color:#242424;
/*border-top:2px solid #000000;*/
text-align:left;
}
/*accordion*/
#accordion {
	width:954px;
	min-height:285px;
	margin:auto;
	position:relative;
	margin:0px 0px;
	text-align:left;
}
h3.toggler {
	cursor: pointer;
	font-family: Trebuchet MS,Arial;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px 0px 3px 0px;
	text-decoration:none;
	text-align:left;
	align:left;
	font-weight:bold;
	padding-left: 10px;
	padding-top: 5px;
	width: 944px;
	height: 25px;
	background-image:url(img/line1.png);

}

h3.toggler:hover {
	cursor: pointer;
	font-family: Trebuchet MS,Arial;
	font-size: 12px;
	color: #000000;
	margin: 0px 0px 3px 0px;
	text-decoration:none;
	text-align:left;
	align:left;
	font-weight:bold;
	padding-left: 10px;
	padding-top: 5px;
	width: 944px;
	height: 25px;
	background-image:url(img/line2.png);

}

h3.togglerOn {
	cursor: pointer;
	font-family: Trebuchet MS,Arial;
	font-size: 12px;
	color: #000000;
	margin: 0px 0px 3px 0px;
	text-decoration:none;
	text-align:left;
	align:left;
	font-weight:bold;
	padding-left: 10px;
	padding-top: 5px;
	width: 944px;
	height: 25px;
	background-image:url(img/line2.png);

}
div.element{
position:relative;
color: #9c9e9f;
}
div.element p, div.element h4 {
margin:0px;
padding:4px;
}
blockquote {
padding:5px 20px;
border:1px solid #00FF00;
}
.prodElglob1{
width:954px;
height:150px;
background-color:#000000;
position:relative;
}
.prodElglob2{
width:954px;
height:150px;
background-color:#242424;
position:relative;
}
.prodElRef{
width:40px;
height:18px;
position:absolute;
top:65px;
left:50px;
text-align:center;
font-family:Tahoma;
font-size:12px;
color:#FFFFFF;
}
.prodElDescr{
width:140px;
height:60%;
top:20%;
left:170px;
position:absolute;
text-align:justify;
font-family:Tahoma;
font-size:12px;
color:#FFFFFF;
}
.prodElIcons{
width:266px;
height:46px;
top:50px;
left:360px;
position:absolute;
background-image:url(img/icons1.png);
}
.prodElDescar{
display:block;
width:100px;
height:18px;
top:65px;
left:680px;
position:absolute;
text-align:justify;
font-family:Tahoma;
font-size:12px;
color:#FFFFFF;
}
.prodElFoto{
width:95px;
height:140px;
top:5px;
left:830px;
position:absolute;
border:1px solid #00FF00;
}

/*QUALITAT*/
#quatop{
width:920px;
height:40px;
}
#quaNav{
width:920px;
height:208px;
margin:auto;
position:relative;
}
#quaImg{
width:265px;
height:210px;
	/*
		background-image:url(img/quaimg.png);
	*/
float:left;
}
#quaTxt{
width:640px;
height:208px;
float:right;
background-color:#242424;
font-size:11px;
text-align:justify;
font-family:Tahoma;
color:#FFFFFF;
}
#quaTxt1{
display:block;
width:610px;
height:85px;
margin:auto;
margin-top:8px;
}
#quaTxt2{
display:block;
width:610px;
height:60px;
margin:auto;
margin-top:10px;
}
#quaTxt3{
display:block;
width:610px;
height:25px;
margin:auto;
margin-top:10px;
}

/*EMPRESA*/
#emptop{
width:920px;
height:15px;
}
#empNav{
	width:920px;
	height:284px;
	margin:auto;
	position:relative;
}
#empImg{
width:265px;
height:284px;
background-image:url(img/empimg.png);
float:left;
background-repeat:no-repeat;
}

#empTxt{
width:640px;
height:208px;
float:right;
background-color:#242424;
font-size:11px;
text-align:justify;
font-family:Tahoma;
color:#FFFFFF;
}



#empTxt1{
display:block;
width:610px;
height:40px;
margin:auto;
margin-top:10px;
}
#empTxt2{
display:block;
width:610px;
height:65px;
margin:auto;
margin-top:10px;
}
#empTxt3{
display:block;
width:610px;
height:55px;
margin:auto;
margin-top:10px;
}

#empLogos{
	width: 640px;
	float: right;
}

/*CONTACTAR*/
#conttop{
width:920px;
height:40px;
}
#contNav{
width:920px;
height:208px;
margin:auto;
position:relative;
}
#contCont{
width:340px;
height:208px;
float:right;
background-color:#242424;
}
#contMap{
	width:560px;
	height:208px;
	float:left;
}
#contInps{
float:right;
margin-top:8px;
margin-right:8px;
font-size:11px;
text-align:left;
font-family:Tahoma;
color:#FFFFFF;
}
.contInp{
width:250px;
height:18px;
border:0;
background-color:#878787;
color:#FFFFFF;
}
.contArea{
width:250px;
height:70px;
border:0;
background-color:#878787;
color:#FFFFFF;
}
.contBt1{
display:block;
float:left;
background-color:#242424;
border:0;
text-align:center;
font-family:tahoma;
font-weight:bold;
color:#FFFFFF;
cursor:pointer;
}
.contBt2{
display:block;
float:right;
background-color:#242424;
border:0;
text-align:center;
font-family:tahoma;
font-weight:bold;
color:#FFFFFF;
cursor:pointer;
}
.contErr{
font-size:10px;
color:#FF3333;
font-weight:bold;
}
#contMsgS{
font-family:tahoma;
font-size:12px;
color:#CCCCCC;
font-weight:bold;
}

/*FOOTER*/
#footer{
	width:954px;
	height:45px;
	background-color:#000000;
	border-top:5px solid #242424;
	font-family:Tahoma;
}
#downl{
padding-left:10px;
float:left;
}
.downla, .downla:link, .downla:hover{
color:#9a9a9a;
font-size:10px !important;
text-align:left;
text-decoration:none;
display: block;
padding-top:15px;
}

#downr a, #downr a:link, #downr a:hover{
color:#9a9a9a;
font-size:10px !important;
text-align:left;
text-decoration:none;
}
#downr{
width:835px;
float:right;
padding-top:15px;
padding-right:12px;
color:#9a9a9a;
font-size:10px;
text-align:right;
}

/* productes per sectors*/
#sectors{
	padding-top: 5px;
	padding-bottom: 5px;
	color: #9a9a9a;
	background-color: #242424;
}

#sectors a.off,a.off:link,a.off:visited{
  font-family: Tahoma;
  font-size: 10px;
  color: #9a9a9a;
  text-decoration: none;
}

#sectors a.off:hover{
  color: #ffffff;
  text-decoration: none;
}

#sectors a.on,a.on:link,a.on:visited,a.on:hover{
  color: #ffffff;
  text-decoration: none;
  font-family: Tahoma;
  font-size: 10px;
}

.tdref{ width: 150px; font-weight: bold; font-size: 15px;color: #eeff66;}
.tdtext{ width: 200px; line-height: 18px; padding-left: 10px;}
.tdnorma{ width: 150px; line-height: 18px; padding-left: 15px;}
.tdmante{ width: 100px; line-height: 18px; padding-left: 15px;}
.tdicos{ width: 300px; }
.tddoc{ width: 144px;}

a.pdf,a.pdf:link,a.pdf:visited{
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.pdf:hover{
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}

a.mail,a.mail:link,a.mail:visited{
	font-size: 12px;
	color: #9a9a9a;
	text-decoration: none;
}
a.mail:hover{
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}
.fonsgris{
	background-color: #606060;
	}
/*final productes per sectors*/

/*gammes teixits*/

a.subfam,a.subfam:link,a.subfam:visited{
	font-size: 12px;
	color: #9c9e9f;
	text-decoration: none;
	font-weight: normal;
	display: block;
	float: left;
	padding: 5px;
	height: 100%;
	text-align: center;
}

a.subfam:hover{
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

.subfami{
	padding-bottom: 10px;
	padding-left: 10px;
	height: 15px;
	padding-top: 3px;
}

a.subfamon,a.subfamon:link,a.subfamon:visited,a.subfamon:hover{
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	background-color: #3a3a3a;
	display: block;
	float: left;
	padding: 5px;
	height: 100%;
	text-align: center;
}

.wgames{
	width: 954px;
}

/*final gammes teixits*/

.brtopgris{border-top: 15px solid #242424;}

#titcontact{
	background-color: #242424;
	text-align: left;
	color: #FFFFFF;
	font-size: 14px;
	padding: 5px;
	height: 15px;
	font-weight: bold;
	padding-left: 15px;
}

.fgrisfosc{
	background-color:#242424;
}

.padcontact{padding-top:10px;padding-right:10px}
.padcontact2{padding-top:10px;}

.grisbd{color: #b6b6b6}

/*noticies*/
.box-anys{
	width: 175px;
}
a.anys,a.anys:link,a.anys:visited{
	display: block;
	background-color: #383838;
	color: #FFFFFF;
	text-decoration: none;
	/*width: 100%;*/
	padding: 7px;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}

a.anys:hover{
	display: block;
	background-color: #494949;
	color: #FFFFFF;
	text-decoration: none;
}

.mesos{
	/*background-color: #383838;*/
	width: 100%;
}

a.mes,a.mes:link,a.mes:visited{
	display: block;
	background-color: #383838;
	color: #FFFFFF;
	text-decoration: none;
	/*width: 100%;*/
	padding: 3px 3px 3px 15px;
	text-align: left;
	font-size: 12px;
}

a.mes:hover{
	display: block;
	background-color: #494949;
	color: #FFFFFF;
	text-decoration: none;
}

#empTxtNotis{
	width:728px;
	height:208px;
	float:right;
	font-size:12px;
	text-align:left;
	font-family:Tahoma;
	color:#FFFFFF;
	display: table;
}

.box-detall-noti{
	background-color: #242424;
	width: 98%;
	display: table;
	padding: 5px 10px 5px 10px;
	margin-bottom: 5px;
}

.data{
	font-size: 12px;
	font-weight: bold;
}

.titular-detall-noti{
	display: block;
	border-bottom: 1px solid #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}

a.anysOn,a.anysOn:link,a.anysOn:visited{
	display: block;
	background-color: #494949;
	color: #FFFFFF;
	text-decoration: none;
	/*width: 100%;*/
	padding: 7px;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}

a.anysOn:hover{
	display: block;
	background-color: #494949;
	color: #FFFFFF;
	text-decoration: none;
}

a.mesOn,a.mesOn:link,a.mesOn:visited,a.mesOn:hover{
	display: block;
	background-color: #494949;
	color: #FFFFFF;
	text-decoration: none;
	/*width: 100%;*/
	padding: 3px 3px 3px 15px;
	text-align: left;
	font-size: 12px;
}
