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;
}

table {
background-color:#ccc;
text-align:center;
font: bold 12px/14px verdana, arial, helvetica, sans-serif;
}
td {
text-align:center;
background-color:#f5f5f5;
color:#333333;
width: 65px;
}
th {
text-align:center;
background-color:#f5f5f5;
font: normal 10px/14px verdana, arial, helvetica, sans-serif;
color:#333333;
}

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

#servorecambios
{
padding: 1px;
background-color: #fff;
border: 0;
}

#servorecambios h1
{
padding: 1px;
margin: 0;
color: #ffffff;
text-decoration: none;
background: #cccccc;
text-align: center;
font: bold 10px/14px 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;
}

#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 per la part central*/
#catalogo
{
float: left;
margin: 0;
padding: 0;
background-color: #fff;
width: 572px;
}

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

/* css requadre rosa info de servorecambios online -------------------------------- */

#presentacion {
float:right;
color: #666;
background: #ccc;
width: 182px;
border: 0px solid #999999;
margin: 2px;
}

#presentacion p {
color: #666;
font: normal 11px/14px arial, helvetica, sans-serif;
letter-spacing: 1px;
background: #cccccc;
margin: 0 10px;
text-align:center;
}

#presentacion a:link, #presentacion a:visited
{
color: #333333;
text-decoration: none;
font: normal 11px/14px arial, helvetica, sans-serif;
}

#presentacion a:hover
{
background-color: #f5f5f5;
color: #000000;
}

.roundtop { 
	background: url(/imagenes/grey2.jpg) no-repeat top right; 
}

.roundbottom {
	background: url(/imagenes/grey4.jpg) no-repeat top right; 
}

img.corner {
   width: 20px;
   height: 20px;
   border: none;
   display: block !important;
   margin:0;
   padding:0;
   text-align:left;
}

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

#infoempresa
{
margin: 0;
padding: 1px;
color: #fff;
background-color:#333;
font: bold 10px arial, helvetica, sans-serif;
text-align: center;
width: 100%;
clear:both;
}

/* primer bloc motors--------------------------------------------------------*/

#motores { 
width: 187px;
float:left;
margin: 1px 8px 2px 5px;
text-align: left;
background-color: #e0ebeb;
}


#motores h2
{
margin: 0;
padding: 2px 2px 2px 10px;
font: bold 12px/14px verdana, arial, helvetica, sans-serif;
background: #669999 url(/imagenes/top_right.gif) top right no-repeat;
color: #ffffff;
}

#motores ul
{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 10px/12px verdana, arial, helvetica, sans-serif;
}

#motores a
{
display: block;
padding: 1px;
width: 183px;
background-color: #ffffff;
border-bottom: 1px solid #336666;
border-right: 1px solid #336666;
}

#motores ul li a:link, #motores ul li a:visited
{
color: #336666;
text-decoration: none;
border-left: 1px solid #336666;
}

#motores ul li a:hover
{
background-color: #cce6e6;
color: #336666;
border-left: 1px solid #ffffff;
}

#motores a.sub, a.sub:link, a.sub:visited
{
font: bold 12px/16px verdana, arial, helvetica, sans-serif;
text-decoration: none;
background-color: #e0ebeb; 
color: #336666;
}

#motores a.sub:hover
{
color: #336666;
background-color: #cce6e6;
}

/* segon bloc recanvis----------------------------------------------------------- */

#recambios { 
width: 189px;
float:left;
margin: 1px 8px 2px 0;
text-align: left;
background-color: #f7edf0;
}

#recambios h2
{
margin: 0;
padding: 2px 2px 2px 10px;
font: bold 12px/14px verdana, arial, helvetica, sans-serif;
background: #bd7589 url(/imagenes/top_right.gif) top right no-repeat;
color: #ffffff;
}

#recambios ul
{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 10px/12px verdana, arial, helvetica, sans-serif;
}

#recambios a
{
display: block;
padding: 1px;
width: 185px;
background-color: #ffffff;
border-bottom: 1px solid #a74661;
border-right: 1px solid #a74661;
color: #a74661;
}

#recambios ul li a:link, #recambios ul li a:visited
{
color: #a74661;
text-decoration: none;
border-left: 1px solid #a74661;
}

#recambios ul li a:hover
{
background-color: #e9d1d7;
color: #a74661;
border-left: 1px solid #ffffff;
}

#recambios a.sub, a.sub:link, a.sub:visited
{
font: bold 12px/16px verdana, arial, helvetica, sans-serif;
text-decoration: none;
background-color: #f7edf0; 
color: #a74661;
}

#recambios a.sub:hover
{
color: #bd7589;
background-color: #e9d1d7;
}
/* tercer bloc ventilacio------------------------------------------------- */

#ventiladores { 
width: 187px;
float:left;
margin: 1px 8px 2px 0;
text-align: left;
background-color: #f5f5ff;
}

#ventiladores h2
{
margin: 0;
padding: 2px 2px 2px 10px;
font: bold 12px/14px verdana, arial, helvetica, sans-serif;
background: #72788c url(/imagenes/top_right.gif) top right no-repeat;
color: #ffffff;
}

#ventiladores ul
{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 10px/12px verdana, arial, helvetica, sans-serif;
}

#ventiladores a
{
display: block;
padding: 1px;
width: 183px;
background-color: #ffffff;
border-bottom: 1px solid #63687a;
border-right: 1px solid #63687a;
color: #63687a;
}

#ventiladores ul li a:link, #ventiladores ul li a:visited
{
color: #63687a;
text-decoration: none;
border-left: 1px solid #63687a;
}

#ventiladores ul li a:hover
{
background-color: #dee2f1;
color: #63687a;
border-left: 1px solid #ffffff;
}

#ventiladores a.sub, #ventiladores a.sub:link, #ventiladores a.sub:visited
{
font: bold 12px/16px verdana, arial, helvetica, sans-serif;
text-decoration: none;
background-color: #f5f5ff; 
color: #72788c;
}

#ventiladores a.sub:hover
{
color: #72788c;
background-color: #cdcdff;
}

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

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

/* espais entre blocs per  pagina motor recambio ventialcion------------------------------ */
#gris { 
width: 130px;
float:left;
margin: 1px 1px 5px 0;
text-align: left;
background-color: #b8b8b8;
height: 100%;
clear:none;
}

#espai { 
width: 150px;
float:left;
margin: 1px 10px 5px 0;
padding: 3px;
text-align: left;
background-color: #fff;
height: 200px;
clear:none;
color: #666;
font: normal 11px/14px arial, helvetica, sans-serif;
}

#logos {
width: 754px;
margin: 1px auto;
color: #000;
background: #fff;
border: 0;
padding: 1px 3px;
clear: both;
}
#logos p {
color: #000;
background: #fff;
font: bold 10px/10px arial, helvetica, sans-serif;
letter-spacing:1px;
}

/* espais entre blocs per  pagina CONTACTAR - almacen------------------------------ */

form {
	width: 500px;
	text-align: left;
	border: 1px dotted #ccc;
	background-color:e0e0e0;
	padding: 5px;}

p.ambmarge{
font: 10pt arial, helvetica, sans-serif;
text-align: left;
color: #333;
padding: 1px 0;
margin:  5px 40px;
}
h5.ambmarge{
font: 10pt arial, helvetica, sans-serif;
text-align: left;
color: #333;
padding: 1px 0;
margin:  5px 15px;
}
.formulari{
font: 10pt arial, helvetica, sans-serif;
text-align: left;
color: #000;
padding: 1px 0;
margin:  5px;
}

h4.formu{
font: 14px arial, helvetica, sans-serif;
text-align: left;
color:#999;
border-left: 6px solid #999;
border-bottom: 1px solid #999;
padding: 1px 3px;
margin:  20px 5px 5px;
}

.gris{
	color: #333;
	padding: 1px 0;
	border-left: 10px solid #ccc;
	;
	width: 163px;
}
 
#sitemapwidth{
width: 600px;
margin: 2px auto;}