@charset "UTF-8";
/* CSS Document */

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
:focus {
	outline:0;
}

table{
	border-collapse:separate;
	border-spacing:0;
}
th, td{
	text-align:left;
	font-weight:normal;
}
img, iframe{
	border:none;
	text-decoration:none;
}
ol, ul{
	list-style:none;
	padding:0;
	margin:0;
}


/*generals*/

body {
	font-family::Arial, Helvetica, sans-serif;
}

h1{
	font:18px Arial, Helvetica, sans-serif;
	color:#ec9435;
	font-weight:600;
}
p{
	font:13px Arial, Helvetica, sans-serif;
	color:#666;
}
h2{
	font:11px Arial, Helvetica, sans-serif;
	color:#ec9435;
	font-weight:600;
	text-transform:uppercase;
}
h3{
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	margin-top:2px;
	background:#CCC;
	height:15px;
	padding:1px 0px;
	border-bottom: 0px;
}
#content p{
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
}
/*contenido*/
#wrap {
	overflow:hidden;
	width: 900px; 
	height:525px;
	margin: 10px auto;
	background:#F2F2EA;
	border-bottom:1px solid #aaa;	
}

#wrap-3 {
	overflow:hidden;
	width: 900px; 
	height:525px;
	margin: 10px auto;
	background:  url(../img/Fons_caracteristicas.jpg) no-repeat;
	border-bottom:1px solid #999;
}
#logo{
	cursor:pointer;
	width:136px ;
	height:62px ;
	float:right;
	margin-right:30px;
	margin-top:25px;
}
#logo_index{
	float:left;
	height:62px;
	width:136px;
	cursor:pointer;
	margin-left:50px;
	padding-top:25px;
}

#content{
	float:left;
	height:425px;
	width:900px;
	overflow:hidden;
}
div.imatge{
	width:900px;
	height:425px;
	overflow:hidden;
	background:url(../img/bg_home.jpg) no-repeat 0px 0px;
	}
	
#content p.slogan{
	display:block;
	float:left;
	font-size:18px;
	color:#fff;
	margin-top:165px;
	margin-left:48px;
}
.text{
	margin-top:10px;
	margin-left:50px;
}

ul#menu { 
	float:left;
	display:block;
	
}

#text_presentacio{
	margin-top:10px;
	margin-left:65px;
	width:310px;
}
#text_presentacio h1{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: 2px solid #006039;
}
ul#text_index li{
	margin-top:50px;
	width:300px;
	float:left;
	margin-left:100px;
	height:170px;
}
#head{
	padding-top:0px;
	overflow:hidden;
	height:100px;
	width:900px;
	background:#e4e4dc;
	float:left;
}

div#head div.idiomes {
float:right;
margin-right:10px;
height:60px;
margin-top:10px;
text-align:right;
width:200px;
}
div#head div.idiomes form {
display:block;
height:60px;
margin-top:0;
width:200px;
}
#head_index{
	height:150px;
	width:900px;
	background:#e4e4dc;
	float:left;
}

/*menu*/

div#head ul.menu{
	display:block;
	width:530px;
	float:right;
	overflow:hidden;
	margin-top:70px;
	}
div#head ul.menu li{
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	color: #333;
	font-size:13.5px;
	padding:5px;
	}
div#head ul.menu li a{
	color: #333;
	text-decoration:none;
	text-transform:uppercase;
	}
div#head ul.menu li a.active{
	text-decoration:none;
	color:#00603a;
	font-weight:bold;
	text-transform:uppercase;
	}
	
a.link_pdf{
	font-family:Arial, Helvetica, sans-serif;
	margin-top:7px;
	font-size:0.7em;
	display:block;
	height:24px;
	background:url(../img/pdf.jpg) no-repeat top left;
	padding-left:26px;
	padding-top:6px;
	width:300px !important;
	color:#333;
	text-decoration:underline;
	}
a.link_pdf:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
	}
/*taula*/
td{
	border-bottom:1px solid #999;
	width:100px;
	height:5px;
}
td p{		
	text-align:center;
}

td.composition{
	border-bottom:1px solid #999;
	width:515px;
}
td.composition p{
	text-align:left;
}
td.medidas{
	border-bottom:1px solid #999;
	width:170px;
}

/*PRESENTACION*/
div.presentacion{
	width:900px;
	height:425px;
	overflow:hidden;
	background: #fff;
	}
div.presentacion div.a{
	width:570px;
	height:277px;
	border-bottom:1px solid #aaa;
	float:left;
	background:url(../img/img_01.jpg) -35px 0px no-repeat;
	}
div#content div.presentacion div.a p.titular{
	display:block;
	color:#EC9435;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:600;
	line-height:normal;
	margin:35px 15px 0px 125px;
}
div#content div.presentacion div.a p.texto{
	display:block;
	font-size:12px;
	line-height:16px;
	margin:10px 10px 0px 325px;
}


div#content div.presentacion div.b{
	width:330px;
	height:277px;
	border-bottom:1px solid #aaa;
	float:left;
	background:url(../img/img_02.jpg) 3px 10px no-repeat;
	overflow:hidden;
	}
div#content div.presentacion div.b p.texto_a{
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	line-height:normal;
	margin:175px 10px 10px 3px;
	float:left;
	font-size:12px;
}
div#content div.presentacion div.b p.texto{
	display:block;
	font-size:12px;
	line-height:16px;
	float:left;
	margin:0px 10px 0px 3px;
	width:310px;
}

div#content div.presentacion div.c{
	width:900px;
	height:147px;
	float:left;
	background:url(../img/img_3.jpg) -198px 0 no-repeat;
	}








