img {border-style:none;}

html,body {
margin:0px;
padding:0px;
width:100%;
overflow-x:hidden;
background-color:#0057A5;
height:100%;
}

html {

}

#contenedor {
position:relative;
float:left;
width:100%;
overflow:hidden;
min-height:100%; /* real browsers */
height:auto !important; /* real browsers */
height:100%;
}

#seccion, #header, #productos_header, #productos_contenido {
margin-bottom: -99999px;
padding-bottom: 99999px;
}

#seccion {
position:relative;
float:left;
}

#header {
position:relative;
float:left;
width:192px;
background-color:#B3B3B3;
}

#contacto {
position:relative;
float:left;
padding:20px 0px 30px 10px;
font-weight: normal;
}

.sombra {
height:100%;
background-image: url(images/sombra.png);
background-repeat: repeat-y;
position:absolute;
width:20px;
top:0px;
left:192px;
}

#logo {
position:absolute;
left:20px;
top:5px;
z-index:2;
}

#logo_michelin {
position:absolute;
left:726px;
top:0px;
z-index:2;
}

.fondo_secciones {
position:absolute;
top:0px;
left:0px;
}

#productos_header {
position:relative;
float:left;
width:150px;
min-height:700px;
background-color:#00417A;
}

#productos_menu {
position:absolute;
top: 125px;
left:22px;
color:white;
}

.productos_sombra {
height:100%;
background-image: url(images/sombra.png);
background-repeat: repeat-y;
position:absolute;
width:20px;
top:0px;
}

#productos_contenido {
position:relative;
float:left;
margin-top:120px;
margin-left:20px;
width:638px;
}

.productos_destacado {
position:relative;
float:left;
width:619px;
height:180px;
margin:0 15px 15px 0;
border-style:solid;
border-width:2px;
border-color:white;
background-image: url(images/titulo_fondo.png);
}

.productos_caja {
position:relative;
float:left;
width:300px;
height:180px;
margin:0 15px 15px 0;
border-style:solid;
border-width:2px;
border-color:white;
background-image: url(images/titulo_fondo.png);
}

.productos_imagen {
position:relative;
float:left;
height:180px;
width:112px;
}

.productos_titulo {
position:relative;
float:left;
width:170px;
left:10px;
padding-top:5px;
}

.productos_titulo h3 {
color:#FFE800;
font-weight:bold;
}

.productos_texto {
position:relative;
float:left;
width:170px;
left:10px;
}

.productos_mas {
position:absolute;
bottom:10px;
left:122px;
}

.productos_mas p {
color:#FFE800;
font-weight:bold;
}

.productos_mas a:link, .productos_mas a:visited {
text-decoration:none;
}

.destacado_titulo {
position:relative;
float:left;
width:485px;
left:10px;
padding-top:5px;
}

.destacado_titulo h3 {
color:#FFE800;
font-weight:bold;
font-size:30px;
}

.destacado_texto {
position:relative;
float:left;
width:230px;
left:10px;
padding-top:5px;
}

.destacado_texto p, .destacado_caracteristicas p {
font-size:16px;
}

.destacado_caracteristicas p span {
color:#FFE800;
}

.destacado_caracteristicas {
position:relative;
float:left;
width:485px;
left:10px;
padding-top:5px;
}

.titulo_caja {
position:absolute;
left:50px;
top:120px;
width:285px;
padding:15px;
background-image: url(images/titulo_fondo.png);
}

#novedades_contenido {
position:relative;
float:left;
top:120px;
width:800px;
padding-left:20px;
}

.novedades_caja {
position:relative;
float:left;
width:100%;
padding:15px;
margin-bottom:15px;
background-image: url(images/titulo_fondo.png);
}

.n_titulo {
position:relative;
float:left;
width:100%;
height:30px;
}

.n_imagen {
position:relative;
float:left;
padding-right:15px;
}

.n_texto p {
font-size:14px;
}

.control {
position:relative;
float:left;
width:400px;
}

.recomendaciones {
position:relative;
float:left;
width:400px;
}

#menu {
position:relative;
float:left;
margin-top:120px;
}

#menu ul {
margin: 0; 
padding: 0;
}

.menu_texto {
position:absolute;
top:7px;
left:8px;
}

#menu ul li {
position:relative;
float:left;
width:192px;
height:70px;
display:block;
overflow:hidden;
}

#menu ul li a.m_productos, #menu ul li a.m_servicios, #menu ul li a.m_historia, #menu ul li a.m_multigarantia, #menu ul li a.m_novedades, #menu ul li a.m_contacto {
position:absolute;
top:0px;
left:0px;
width:192px;
height:70px;
}

#menu ul li a.m_productos:hover,
#menu ul li a.m_servicios:hover,
#menu ul li a.m_historia:hover,
#menu ul li a.m_multigarantia:hover,
#menu ul li a.m_novedades:hover,
#menu ul li a.m_contacto:hover,
#menu ul li.current a {
background-position: 0 -70px;
}

#menu ul li a.m_productos {
background-image: url(images/m_productos.jpg);
}

#menu ul li a.m_contacto {
background-image: url(images/m_contacto.jpg);
}

#menu ul li a.m_historia {
background-image: url(images/m_historia.jpg);
}

#menu ul li a.m_servicios {
background-image: url(images/m_servicios.jpg);
}

#menu ul li a.m_multigarantia {
background-image: url(images/m_multigarantia.jpg);
}

#menu ul li a.m_novedades {
background-image: url(images/m_novedades.jpg);
}

h3 a:link, h3 a:visited {
text-decoration:none;
color:white;
}

h2 a:link, h2 a:visited {
text-decoration:none;
color:white;
}

p a:link, p a:visited {
text-decoration:none;
color:white;
font-weight:bold;
}


p {font-size: 12px; font-family: arial; margin:0px; color:white;}

h2 {font-size: 20px; font-family: arial; color:white; margin:0px; font-weight:normal;}
h3 {font-size: 17px; font-family: arial; color:white; margin:0px; font-weight:normal;}
h1 {font-size: 25px; font-family: arial; color:white; margin:0px; font-weight:bold;}