@charset "utf-8";
/* ---------------------- CSS RESET ---------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0 }
table { }
fieldset,img { border:0 }
address,caption,cite,code,dfn,strong,th,var { font-style:normal;	font-weight:normal }
ol,ul {	list-style:none }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal }
q:before,q:after { content:'' }
abbr,acronym { border:0 }

/*------------------------IMATGES-------------------------*/



 /* CLEARFIX ----------------------------------------------------------------------------------------------------------------------------------- */
.clearfix:after			{ height:0; line-height:0; display:block; visibility:hidden; clear:both; content:"." }
.clearfix				{ display:inline-block }
html[xmlns] .clearfix	{ display:block }
* html .clearfix 		{ height:1% }


body 	{ font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 80%; background:#eaebee url(imatges/bg_body.jpg) top repeat-x; }

/* LINKS */


/* FORMS */
form 			{ margin:0 }
input 			{ font-family:tahoma,verdana,sans-serif; margin:0;  }
fieldset		{ border: none }
label		 	{ display:block;padding: 5px 0 }
label br 		{ clear:left }
input.text		{ padding:2px; border:1px solid #ae998d; }
input.boto		{ cursor:pointer; }

/* TYPOGRAPHY  daurat => color:#c9a622     */
p {  line-height:22px; color:#444444 }
p, ul, ol { margin:0 }
h1			{ font-size: 150%; line-height:37px; margin:20px 0 15px 0px; color:#b00002;}
h2			{ font-size: 130%; text-align:left; line-height:37px; padding:0px 10px 10px 0px; color:#b00002; }
h3			{ font-size: 1.1em; color:#b00002; padding:5px 0 15px 20px; margin-bottom:15px }
h4			{ font-size:  .9em }
h5			{ font-size:  .8em }
a			{ color:#b00002; text-decoration:none }
a:hover			{ color:#000000; text-decoration:underline }
strong	{ color:#000000; font-weight:bold }
table		{ border:0; margin:0; padding:0;}

/* LISTS */
ul { margin:0; list-style:none; padding:0; font-size:100%; }
li { margin:0; padding:0; }
dl { margin:0; padding:0 }
dt { margin:0; padding:0 }

/* GENERAL */
img			{ border:none }
img.privacitat	{ float:right; margin:6px 20px 6px 20px; } 
img.dreta	{margin:10px 10px 20px 20px; float:right; border:#efefef solid 5px;} 
img.esquerra	{margin:10px 10px 20px 0px; float:left; border:#efefef solid 5px;} 
img.nomarc	{margin:0px 0px 10px 20px; float:right;}
img.plano	{margin:20px 0px 40px 0px; border:#b69c0b solid 5px;} 


img.centre	{border:#e9f7fe solid 5px;}
hr			{ clear:both }
.clear	{ clear:both; font-size:0px; height:0px; line-height:0px }

.imatge 				{ float:left; border:1px solid #5cc1f6; background:#e9f7fe; margin:0 0 0 0 }
.imatge img			{ margin:7px }
.imatge p				{ font-size:.95em; line-height:1.3em; padding:0 8px 0px 8px; margin:0; color:#006699 }
 

/* LAYOUT */
#web			{ width:950px; margin:0 auto 0 auto;  }
#idioma		{ float:left; height:30px; width:950px; background-image:url(imatges/bg_idioma.jpg); }
#cap	 		{ float:left; width:950px;}
#cos			{ background-color:#FFFFFF; border-left:#c0c1c3 1px solid; border-right:#c0c1c3 1px solid; }
#contingut	{ float:left; width: 680px; margin-left:40px }

/* MENUS */
#menu					{ float:left; width:197px; background:url(imatges/bg_menu.jpg) top no-repeat; line-height:30px; padding-bottom:170px; border-top:1px solid #ededed; }
#menu a					{ text-decoration:none; border-bottom:1px solid #ededed; background:url(imatges/bg_menu.gif) left repeat-y; display:block; padding-left:10px; color:#555; font-weight:bold }
#menu a:hover 			{ color:#B00002 }
#menu ul 				{ list-style:none; }
#menu ul li ul 			{ padding:0; margin:0; line-height:24px }
#menu ul li ul li ul 	{ border-bottom:1px solid #d7e4f1; }
#menu ul li ul a 		{ font-weight:normal; border-color:#d7e4f1; padding-left:10px; }
#menu ul li ul li a 	{ padding-left:16px; border:0; color:#555 }
#menu ul li ul li a:hover 	{ color:#b69c0b }


#contingut h1 { border-bottom:1px dotted #b69c0b;   }

#contingut ul		{ }
#contingut ul li 	{ line-height:18px; margin-left:20px; list-style:square; list-style-position:inside; margin-bottom:16px; color:#b00002;}
#contingut ul li ul li 	{ line-height:18px; margin-left:20px; list-style:disc; list-style-position:inside; margin-bottom:3px; color:#555555;}


#maquines	{ float:left; width:220px; margin-top:52px }
ul ul	{ margin-left:20px; list-style:circle; list-style-position:inside; text-align:left; color:#444444}

table.imatges			{ border-collapse:separate; border-spacing:10px; }
table.imatges td		{ vertical-align:top; border-bottom:#efefef solid 2px; }
td.imatges img			{ text-align:left; border:#efefef solid 6px; margin-top:10px  }
td.imatges h3 			{ padding:10px 6px 0px 6px; color:#C00;   }
td.imatges p			{ color:#555; margin: 0px 6px}

#descripcions_maquines table.llista_peu	{  border:none; font-size:95%; vertical-align:top; }
#descripcions_maquines td.llista_peu	{  border:none; vertical-align:top }

#peu 			{ clear:both; color:#368fbd; width:949px; font-size:100%; background-color:#b00002;}
#peu p			{ color:#FFF; padding:15px; line-height:18px }
#peu a			{ color:#FFF; text-decoration:none }
#peu a:hover{ color:#efefef; text-decoration:underline }


/* IDIOMES */
#idioma 					{ list-style:none; text-align:left; font-size:100% }
#idioma li				{ display:inline; line-height:30px; padding-left:10px }
#idioma a					{ color:#FFF; text-decoration:none }
#idioma a:hover		{ text-decoration:underline; }
#idioma .actiu		{ font-weight:bold; color:#FFF; }




/* MENUS  MAQUINES */
#maquines				{ border:1px solid #DAD9DE }
.llista_maquines ul 			{ list-style:none; }
.llista_maquines a				{ text-decoration:none; color:#1155a0; padding-top:4px; padding-left:12px; padding-bottom:4px; line-height:20px }
.llista_maquines a:hover	{ padding-top:4px; padding-bottom:4px; color:#b00002; background:url(imatges/fletxeta.jpg) left center no-repeat;  }

.submenu2						{ font-weight:normal; font-size:95%;}
.submenu2 a					{ text-decoration:none; color:#1155a0; padding-left:8px }
.submenu2 a:hover		{ text-decoration:underline;}

/* NOVETATS */
#novetats p		{ padding:10px 20px 20px 30px}
#novetats h2		{ padding:0 20px 0px 20px; float:left;}




/* PROJECTE DESTACAT */
#projecte_destacat p 		{ height:37px; color:#FFFFFF; font-size:.85em; text-align:left; padding-left:40px;}

/* CONTINGUT */
#contingut p		{ padding:0 0px 20px 0px}
#contingut ul		{ padding:0 0px 20px 0px}
#contingut .llista li		{ list-style:disc inside; padding:0 4px 4px 15px; margin-left:30px; line-height:16px; padding-bottom:0px}





/* CLASES ESPECIALS */
#resum_serveis			{ margin-top:10px; padding:5px 10px 0px 10px; background:#cfeaf8 url(../imatges/bg_resum_serveis.gif) top repeat-x; border:1px solid #cfeaf8 }
#resum_serveis h1		{ font-size:1em; color:#000; text-align:right }
#resum_serveis dt		{ font-weight:bold; color:#0078b5; margin:0; padding:0; border-left:5px color #a4d7f2 }
#resum_serveis dd		{ margin:0 0 10px 0; border-left:5px color #a4d7f2 }
#resum_serveis a.mes	{ display:block; margin-bottom:5px; color:#000; font-weight:bold; text-align:right }

/* FORMULARI DE CONTACTE 
---------------------------------------------------------------- */

#formulari 						{ margin:15px 0 15px 10px;  }
#formulari th					{ text-align:left; font-weight:normal; width:30%; color:#444444; vertical-align:top; line-height:25px; }
#formulari td					{ text-align:left; padding:2px 5px; }
#formulari td input				{ width:400px; background:#F1F4F1; padding:3px; border:1px solid #C3D1C3; }
#formulari td .mal				{ border:1px solid #CC0000; color:#AA0000; }
#formulari td textarea			{ width:400px; background:#F1F4F1; padding:3px; border:1px solid #C3D1C3; height:150px; }
#formulari td.boto				{ text-align:center; }
#formulari td.boto input.boto	{ color:#000; }



/* PROJECTES */
img.projecte		{ float:right; margin:0 0 5px 10px; background-position:center center; background-repeat:no-repeat }

/* CONTINGUT DEL PEU */
.links 					{ text-align:left; float:right; list-style:none; color:#FFFFFF; line-height:40px; margin-right:10px }
.links a 					{ text-decoration:underline; }


#peu a.gotop 			{ float:right; font-weight:bold }

#ImageBoxOverlay			{ background-color: #000 }
#ImageBoxCaption			{ background-color: #fff }
#ImageBoxContainer			{ width:250px; height:250px; background-color:#fff }
#ImageBoxCaptionText		{ font-weight:bold; padding-bottom:5px; font-size:.9em; color:#000 }
#ImageBoxCaptionImages		{ margin:0 }
#ImageBoxNextImage			{ background-image:url(images/imagebox/spacer.gif); background-color:transparent }
#ImageBoxPrevImage			{ background-image:url(images/imagebox/spacer.gif); background-color:transparent }
#ImageBoxNextImage:hover	{ background-image:url(images/imagebox/next_image.jpg); background-repeat:no-repeat; background-position:right top }
#ImageBoxPrevImage:hover	{ background-image:url(images/imagebox/prev_image.jpg); background-repeat:no-repeat; background-position:left bottom }