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

*{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#646466;}
a{border:none;text-decoration:none;}
img{border:none;}

/*HEADER*/
#preheader{height:220px;width:100%;background:url(../img/header_px.jpg) repeat-x;}
#preheader #header{width:1000px;height:220px;margin:0 auto;background:url(../img/header.jpg);position:relative;}

#preheader #header #menu{position:absolute;bottom:0;left:50px;}
#preheader #header #menu .button{cursor:pointer;width:180px;height:35px;text-align:center;line-height:36px;float:left;}
#preheader #header #menu .button a{font-weight:bold;font-size:18px;color:#FFF;}
#preheader #header #menu .button:hover{background-color:#620e1a;}
#preheader #header #menu .button.active{background-color:#620e1a;}
#preheader #header #menu .button.active{background-color:#620e1a;}

/*CONTENT*/
#content{width:900px;margin:0 auto;}
#content h1{font-size:24px;font-weight:bold;color:#A31235;margin:15px 0;}
#content .bread{font-size:11px;font-weight:bold;color:#646466;margin-right:25px;line-height:30px;}
#content .bread:hover{text-decoration:underline;color:#A31235;}
#content .bread.active{text-decoration:underline;color:#A31235;}
	/*EMPRESA*/
	#content #empresa p{width:600px;text-align:justify;float:left;}
	#content #empresa img{float:right;width:300px;}
	/*CLIENTS*/
	#content #clients{}
	#content #clients #grid{width:900px;}
	#content #clients #grid img{width:194px;}
	#content #clients #grid .unique1{width:194px;padding:15px;border-right:1px dashed #9B9C9E;border-bottom:1px dashed #9B9C9E;float:left;}
	#content #clients #grid .unique2{width:194px;padding:15px;border-right:1px dashed #9B9C9E;border-bottom:1px dashed #9B9C9E;float:left;}
	#content #clients #grid .unique3{width:194px;padding:15px;border-right:1px dashed #9B9C9E;float:left;}
	/*SERVEIS*/
	#content #serveis{}
	#content #serveis #left{width:230px;float:left;}
	#content #serveis #left div{padding:10px;background-color:#646466;margin:7px 0;cursor:pointer;}
	#content #serveis #left div:hover,#content #serveis #left div.active{background-color:#A31235;}
	#content #serveis #left div a{color:#FFF;font-weight:bold;}
	
	#content #serveis #right{width:600px;float:right;margin-top:7px;}
	#content #serveis #right h2{color:#A31235;font-size:20px;font-weight:bold;}
	#content #serveis #right p{margin-top:10px;}
		/*MARQUETING*/
		#content #serveis #right .marqueting{clear:both;padding-top:30px;}
		#content #serveis #right .marqueting h2{margin-bottom:10px;}
		#content #serveis #right .marqueting p{margin-top:0;width:290px;float:left;text-align:justify;}
		#content #serveis #right .marqueting img{float:right;width:290px;}
	
	/*CONTACTE*/
	#content #contacte{}
	#content #contacte #left{float:left;}
	#content #contacte #left b{line-height:20px;}
	#content #contacte #left p a:hover{text-decoration:underline;}
	
	#content #contacte #right{float:right;width:400px;margin-top:15px;}

/*FOOTER*/
#prefooter{width:100%;height:156px;background:url(../img/footer_px.jpg) repeat-x;}
#prefooter #footer{width:1000px;height:156px;margin:0 auto;background:url(../img/footer.jpg);font-size:13px;font-weight:bold;color:#58595A;position:relative;}
#prefooter #footer a{font-size:13px;font-weight:bold;color:#58595A;}
#prefooter #footer a:hover{text-decoration:underline;}

#prefooter #footer #left{position:absolute;left:50px;top:80px;}

#prefooter #footer #right{position:absolute;right:50px;top:110px;}