body {
font-family: Helvetica,"Century Gothic", Arial, sans-serif;	
font-size:12px;
color:#555;
background-color:#1a1e27;	
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
/* =-=-=-=-=-=-=-[Menu]-=-=-=-=-=-=-=- */
	
#menu {
	float:left;
	width:250px;
	height:605px;
	background:#fff url('../imagenes/backmenu.jpg');
	border-style: solid solid none solid;
	border-color: #94AA74;
	border: 1px;
	border-width: 1px;
	margin:0;
	font-size:14px;
}
* html #menu {border:0px;}  /* Esta línea corrige el borde en IE6, o inferiores */
*+html #menu {border:0px;}

#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #fff;
	display: block;
	background: url(../imagenes/menu3.gif);
	padding: 8px 0 0 10px;
	}
	
#menu li a:hover {
	color: #283A50;
	background: url(../imagenes/menu3.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
#menu li a:active {
	color: #283A50;
	background: url(../imagenes/menu3.gif) 0 -64px;
	padding: 8px 0 0 10px;
	}
	
	
#contenedor{
margin: 50px auto;
border:#999 solid 1px;
width:900px;
background-color: #ffff33;
position:relative;	
}
* html #contenedor {margin:40px auto;}  /* Esta línea corrige el margen en IE6, o inferiores */
*+html #contenedor {margin:40px auto;}  /* Esta línea corrige el margen en IE7*/

#logo{
position:absolute;
top:-45px;	
}
#telefonos{
position:absolute;
top:-42px;	
left:660px;
color:#fff;
}
#cabecera{
width:900px;
height:225px;
background: #cccc10 url('../imagenes/logo.jpg') no-repeat;	
}

#flash{
float:left;
width:615px;
height:225px;
background-color:#eee;	
}

#slogan{
float:left;
width:275px;
height:185px;
border-left: 10px solid #12335a;
background:#375476 url('../imagenes/slogan.jpg') no-repeat;
}

#contacto {
float:left;
width:275px;
height:40px;
border-left: 10px solid #c33;
text-align:center;
background-color:#405d7f;
}

#contacto li a {
text-decoration:none;
height:40px;
width:275px;	
}
* html #contacto li a {height:30px;}  /* Esta línea corrige la altura en IE6, o inferiores */
*+html #contacto li a {height:30px;}

#contacto li a:link, #contacto li a:visited {
	color: #fff;
	font-size:1.6em;
	font-weight:bold;
	padding-top:10px;
	display: block;
	background: url('../imagenes/contacto.png');
	}

#contacto li a:hover, #contacto li a:active {
	color: #fff;
	display: block;
	background: url('../imagenes/contacto2.png');
	}

#contenido{
	float:left;
	width:650px;
	height:605px;
	background-color:#fff;
}

#pie1{
float:left;
font-size:10px;
text-align:center;
width:220px;
height:72px;
padding:10px;	
border-right: 10px solid #c33;
background: #fff url('../imagenes/lubricantes-copia.jpg') repeat-y;
}

* html #pie1 {padding:7px;width:226px;height:79px}  /* Esta línea corrige el tamaño en IE6, o inferiores */
#pie2{
float:left;
position:relative;
width:650px;
height:92px;	
background: #cebec1 url('../imagenes/lubricantes.jpg') repeat-x;
}
#enlaces {
position:absolute;
top:100px;
left:435px;
}
#enlaces a{
color:#fff;
text-decoration:none;
}

h2{
font-family:"Eras Light ITC";	
}
#presentacion{
background-color:#ddd;
width:610px;
height:100px;
margin-left:10px;
padding:10px;	
}
#curiosidades{
width:610px;
height:100px;
margin-left:10px;
margin-top:50px;
padding:10px;	
}
#fotos{
float:left;
position:relative;
background-color:#eee;
width:290px;
height:310px;
margin-top:10px;
margin-left:10px;
padding:10px;	
}
* html #fotos {margin-left:5px;}

#visita{
float:left;
position:relative;
background-color:#eee;
width:290px;
height:310px;
margin-top:10px;
margin-left:10px;
padding:10px;	
}
.enlacever{
font-size:11px;
text-align:right;	
}

.enlacever2{
position:absolute;
top:310px;
left:255px;
font-size:11px;
text-align:right;	
}
* html .enlacever2{left:240px; }
