body {
margin: 0;
padding: 0;
background-color:#fff;
font-family: arial, Helvetica, sans-serif;
background-image : url(../imagenes/motores.gif);
}

p {
font: 10pt arial, helvetica, sans-serif;
text-align: left;
color: #333;
background-color:#fff;
padding: 1px 0;
margin:  0;
}

#container
{
width: 760px;
margin: 1px auto;
padding: 0;
background-color: #fff;
color: #333;
border: 1px dotted #ccc;
line-height: 130%;
text-align: center;
}

#servorecambios
{
padding: 1px;
background-color: #fff;
border: 0;
float: left;
width: 760px;
}

#servorecambios h1
{
padding: 1px;
margin: 0;
color: #ffffff;
text-decoration: none;
background: #cccccc;
text-align: center;
font: bold 10px/14px verdana, arial, helvetica, sans-serif;
letter-spacing:1px;
clear: both;
}

#servicios
{
width: 758px;
float: left;
background:#999999 url(../imagenes/top_right.gif) top right no-repeat;
}

#servicios ul { padding: 0 10px 0 0; }
#servicios ul li { display: inline; }

#servicios ul
{
margin: 0;
color: #cccccc;
font: bold 9px verdana, arial, helvetica, sans-serif;
letter-spacing:2px;
}

#servicios ul li a
{
padding: 0.2em 12px;
margin: 0;
background-color: #999999;
color: #cccccc;
text-decoration: none;
float: right;
border-left: 1px solid #cccccc;
font: bold 9px verdana, arial, helvetica, sans-serif;
}

#servicios ul li a:hover
{
background-color: #cccccc;
color: #ffffff;
}

#barraservicios li a:hover, #barraservicios li a:active
{
color: #ffffff;
text-decoration: none;
background: #cccccc;
text-align: left;
font: bold 9px verdana, arial, helvetica, sans-serif;
}

/* css requadre negre info per contactar servorecambios -----------------------------*/

#infoempresa
{
margin: 0;
padding: 0;
color: #fff;
background-color:#333;
font: normal 11px verdana, arial, helvetica, sans-serif;
text-align: center;
width: 758px;
float:left;
}

.picleft {
float: left;
margin: 2px;
clear: none;
}

.picleft0 {
float: left;
margin: 0px;
clear: none;
}

.picright {
float: right;
margin: 0;
padding: 0;
}

.picrighttop {
float: right;
vertical-align:top;
margin: 0;
padding: 0;
}

/* continguts-----------------------------*/


#continguts { 
float: right;
clear: right;
width: 555px;
background: #ffffff;
clear: none;
padding: 0 0 20px 0;
margin: 0;
 } 
 
#agrupacions {
width: 543px;
padding: 1px 4px;
margin: 2px;
float: right;
clear: right;
color: #669999;
background-color: #e0ebeb;
font: normal 11px verdana, arial, helvetica, sans-serif;
}

#agrupacions a {
	padding: 0px 4px 0px 0px;
	color: #669999;
	background-color: #e0ebeb; 
}

#agrupacions a:hover{
	background-color: #cce6e6;
}

#agrupacio {
width: 543px;
margin: 10px 2px;
padding: 0;
float: right;
clear: right;
background-color: #ffffff;
color: #b8b8b8;
font: normal 10px verdana, arial, helvetica, sans-serif;
text-align: center;
border: 1px dotted #c2c2c2;
border-bottom: 2px solid #c2c2c2;
}

#agrupacioh2{
width: 543px;
margin: 0;
padding: 0;
float: right;
clear: right;
background-color: #ffffff;
color: #b8b8b8;
font: normal 10px verdana, arial, helvetica, sans-serif;
text-align: left;
}

table {
margin: 6px 0 6px 0;
float: right;
width: 543px;
padding: 0;
clear: right;
position:relative;
}

table.sub {
margin: 6px 6px 6px 0;
float: right;
width: 494px;
padding: 0;
clear: right;
position:relative;
border: 1px dotted #c2c2c2;
border-bottom: 2px solid #c2c2c2;
}
th {
padding: 1px;
color: #333333;
text-align: center;
font: bold 11px/20px verdana, arial, helvetica, sans-serif;
border-bottom: 1px solid #e0e0e0;
border-top: 5px solid #ffffff;
border-right: 3px solid #ffffff;
border-left: 3px solid #ffffff;
background-color: #f5f5f5;
vertical-align:top;
}

td.despieces {
	width: 232px;
	text-align:left;
	font: normal 10px/16px verdana, arial, helvetica, sans-serif;
}
table.despieces {
	width: 696px;
	margin-right: 10px;
	clear: both;
}


td {
padding: 1px;
color: #333333;
font: normal 10px verdana, arial, helvetica, sans-serif;
border-bottom: 1px solid #e0e0e0;
border-top: 2px solid #ffffff;
border-right: 3px solid #ffffff;
border-left: 3px solid #ffffff;
text-align:center;
}

td.text {
padding: 3px;
color: #333333;
text-align: left;
font: normal 11px verdana, arial, helvetica, sans-serif;
border-bottom: 1px solid #e0e0e0;
}

h2.continguts
{
width: 393px;
padding: 0;
margin: 0;
color: #ffffff;
background: #b8b8b8 url(../imagenes/top_right.gif) top right no-repeat;
text-align: center;
font: bold 13px verdana, arial, helvetica, sans-serif;
letter-spacing:1px;
clear: right;
float: right;
border-bottom: 2px solid #e0e0e0;
}
p.juntotabla
{
width: 383px;
padding: 8px 2px 0 8px;
margin: 0;
color: #333333;
text-align: left;
font: normal 11px/16px verdana, arial, helvetica, sans-serif;
clear: right;
float: right;
}

p.enpdf
{	margin: 2px;
	color: #990000;
	background-color: #cccccc;
	border-left: 35px solid #669999;
	text-align: left;
	font: bold 11px/14px verdana, arial, helvetica, sans-serif;
	clear: none;
	float: right;
	width: 410px;
	padding: 3px 4px;
}

p.enpdfsubcategorias
{
	width: 400px;
	padding: 1px 4px;
	margin: 8px 8px 4px 10px;
	color: #990000;
	background-color: #cccccc;
	border-left: 35px solid #669999;
	text-align: left;
	font: bold 11px/14px verdana, arial, helvetica, sans-serif;
	clear: both;
	float: right;
}

p.enpdf a {
	padding: 0px 4px 0px 0px;
	color: #333333;
	background-color:#f5f5f5;
	display:block;
}
p.enpdfsubcategorias a {
	padding: 0px 4px 2px 0px;
	color: #333333;
	background-color:#f5f5f5;
	display:block;
}

/* taula de presentaci? de les subcategories i les agrupacions -----------------------------------------------*/

p.tabla
{
padding: 8px 4px;
margin: 1px;
color: #333333;
font: normal 11px/18px verdana, arial, helvetica, sans-serif;
width: 158px;
text-align:center;
}

a.sub
{
font: bold 10px/16px verdana, arial, helvetica, sans-serif;
text-decoration: underline;
color: #669999;
background-color: #ffffff; 
}

a.sub:link, a.sub:visited
{
color: #669999;
}

a.sub:hover
{
background-color: #e0ebeb; 
color: #669999;
}

table.sub {
margin: 6px 6px 6px 0;
float: right;
width: 494px;
padding: 0;
clear: right;
position:relative;
border: 1px dotted #c2c2c2;
border-bottom: 2px solid #c2c2c2;
}

/* lincs per les categories pagina de categories -----------------------------------------------*/

h2.categories
{
width: 100%;
padding: 0;
margin: 0;
color: #ffffff;
text-align: center;
font: bold 12px verdana, arial, helvetica, sans-serif;
letter-spacing:1px;
clear: right;
float: right;
border-bottom: 1px solid #336666;
background: #669999 url(../imagenes/top_left_pt.gif) top left no-repeat;
}
h3.categories
{
width: 100%;
padding: 0;
margin: 0;
color: #f5f5f5;
background-color: #b8b8b8;
text-align: center;
font: bold 11px/12px verdana, arial, helvetica, sans-serif;
letter-spacing:1px;
clear: right;
float: right;
border-bottom: 1px solid #e0e0e0;
}

a.cat
{
font: normal 11px/12px verdana, arial, helvetica, sans-serif;
text-align:left;
text-decoration: none;
color: #333333;
padding: 2px;
margin: 0;
background-color: #f5f5f5;
display:block;
border-left: 4px solid #f5f5f5;
}

a.cat:link, a.cat:visited
{
color: #333333;
}

a.cat:hover
{
background-color: #e0ebeb; 
color: #669999;
border-left: 4px solid #cce6e6;
}


/* ----comencen estils dels colors de recanvis---------menu horitzontal -----------------------------*/

#blocs {
width: 747px;  /* precision for Opera */
float: left;
color: #ffffff; 
background: #669999 url(../imagenes/top_right.gif) top right no-repeat;
font: normal 12px verdana, arial, helvetica, sans-serif;
border: 1px solid #ffffff;
border-bottom: 2px solid #336666;
text-align: left;
padding: 2px  2px 2px 10px;
}

#blocs h1 {
margin: 0;
padding: 0;
color: #ffffff; 
width: 748px;
font: bold 14px/16px verdana, arial, helvetica, sans-serif;
text-align: left;
}

p.picture {
margin:0;
padding:0;
background:#e0ebeb;
}


/* -----------------------------------menu vertical -----------------------------*/
#navegacio { 
float: left;
width: 187px;
background: #e0ebeb;
padding: 0 0 100px 0;
clear: none;
}
/* -----------------------------------continguts-----------------------------*/
h1.continguts
{
padding: 0;
margin: 5px;
color: #a74461;
text-align: center;
font: normal 12px/14px arial, helvetica, sans-serif;
letter-spacing:1px;
clear: both;
width: 550px;
}

h1.continguts em
{
padding: 0;
margin: 5px;
color: #669999;
text-align: center;
font: bold 14px/14px verdana, arial, helvetica, sans-serif;
letter-spacing:1px;
clear: both;
}

h1.categories
{
padding: 0;
margin: 12px 5px;
color: #336666;
text-align: left;
font: bold 12px/15px verdana, arial, helvetica, sans-serif;
clear: none;
width: 520px;
float: right;
}

a.categories {
margin: 2px;
padding: 0;
color: #669999;
background-color: #ffffff; 
font: bold 12px/15px verdana, arial, helvetica, sans-serif;
}

a.categories:hover{
background-color: #cce6e6;
}

a.recanvi {
border: 0;
margin: 0;
padding: 0;
}