html {margin: 0px;
padding: 0px;}

body, form, input, textarea, select, option, p, div, span, h1, h2, h3, h4, h5 {
font-family: helvetica, tahoma;
font-size: 12px;
}

form {margin: 0px;
padding: 0px;}

div.contenedor {width: 812px;
margin: 0px auto;
display: table;
}

.separador {border-top: 1px solid gray;
width: 98%}

.puntero {cursor: pointer;}

div.baron {
display: block;
width: 812px;
height: 117px;
font-size: 0px;
background-image: url(../img/encabezado.jpg);
cursor: pointer;
padding: 0px; margin: 0px;
}

div.mensaje {
width: 804px; 
color: black; 
padding: 4px; 
font-size: 11px; 
background: #C0C0C0; 
margin-bottom: 3px; 
text-align: right;
}

div.mensaje span {
color: red;
}

div.menu {
width: 812px;
height: 30px;
background-image: url(../img/menu.jpg);
background-repeat: no-repeat;
margin-bottom: 2px;
}

div.menu div.izquierda {
float: left;
padding: 7px;
}

div.menu div.izquierda div {
float: left;
}

div.menu div.izquierda div a {
font-size: 12px;
color: black;
text-decoration: none;
font-weight: bold;
}

div.menu div.izquierda div a:hover {
color: #CA031A;
}

div.menu div.izquierda div a.on {
color: #CA031A;
}

div.menu div.izquierda div.bienvenido {
float: right;
text-align: right;
width: 180px;
}

div.menu div.izquierda div.bienvenido a {
color: #CA031A;
font-weight: normal;
}

div.menu div.derecha {
float: right;
}

div.menu div.derecha span {
float: left;
margin-right: 10px;
margin-top: 7px;
color: white;
}

div.menu div.derecha input.buscador {
float: left;
background: white;
border: 0px;
width: 160px;
height: 15px;
margin-top: 5px;
font-size: 11px;
padding-top: 4px;
padding-left: 4px;
}

div.menu div.derecha img.boton {
float: left;
cursor: pointer;
padding: 6px;
padding-top: 5px;
margin-right: 10px;
}

div.imagen-home {
width: 812px;
height: 414px;
clear: both;
background-repeat: no-repeat;
margin-bottom: 5px; display: table;
}

div.imagen-home-n0 {
background-position: 0px -70px;
background-image: url(../img/imagen-home-0.jpg);
}

div.imagen-home-n1 {
background-image: url(../img/imagen-home-1.jpg);
}

div.imagen-home-n2 {
background-image: url(../img/imagen-home-2.jpg);
}

div.imagen-home-n3 {
background-image: url(../img/imagen-home-3.jpg);
}

div.imagen-home-n4 {
background-image: url(../img/imagen-home-4.jpg);
}

div.imagen-home-n5 {
background-image: url(../img/imagen-home-5.jpg);
}

div.imagen-home-n6 {
background-image: url(../img/imagen-home-6.jpg);
}

div.imagen-home-n7 {
background-image: url(../img/imagen-home-7.jpg);
}

div.imagen-home-n8 {
background-image: url(../img/imagen-home-8.jpg);
}

div.imagen-home-n9 {
background-image: url(../img/imagen-home-9.jpg);
}

div.imagen-home-n10 {
background-image: url(../img/imagen-home-10.jpg);
}

div.imagen-home div.categorias {
width: 122px;
height: 404px;
background-image: url(../img/fondo-categorias.png);
background-repeat: no-repeat;
margin-left: 20px;
padding: 5px;
float: left;
border-right: 1px solid gray;

}

div.imagen-home div.categorias ul {
width: 122px;
list-style: none;
padding: 0px;
margin: 0px;
margin-top: 5px;
}

div.imagen-home div.categorias ul li {
text-align: center;
cursor: pointer;
padding-bottom: 2px;
}

div.imagen-home div.categorias ul li a {
color: #BC051B;
text-decoration: none;
}

div.imagen-home div.categorias ul li.seleccionado {
background-color: #CA031A;
}

div.imagen-home div.categorias ul li.seleccionado a {
color: white;
}

div.imagen-home div.categorias ul li:hover {
background-color: #CA031A;
}

div.imagen-home div.categorias ul li:hover a {
color: white;
}

div.imagen-home div.controles {
float: right;
margin-top: 390px;
}

div.imagen-home div.controles img {
padding-right: 5px;
cursor: pointer;
}

div.interior-n0 {
background-image: url(../img/imagen-interior-top-0.jpg);
}

div.interior-n1 {
background-image: url(../img/imagen-interior-top-1.jpg);
}

div.interior-n2 {
background-image: url(../img/imagen-interior-top-2.jpg);
}

div.interior-n3 {
background-image: url(../img/imagen-interior-top-3.jpg);
}

div.interior-n4 {
background-image: url(../img/imagen-interior-top-4.jpg);
}

div.interior-n5 {
background-image: url(../img/imagen-interior-top-5.jpg);
}

div.interior-n6 {
background-image: url(../img/imagen-interior-top-6.jpg);
}

div.interior-n7 {
background-image: url(../img/imagen-interior-top-7.jpg);
}

div.interior-n8 {
background-image: url(../img/imagen-interior-top-8.jpg);
}

div.interior-n9 {
background-image: url(../img/imagen-interior-top-9.jpg);
}

div.nube {
width: 267px;
height: 223px;
background-image: url(../img/mas-buscados.jpg);
float: left;
}

div.nube p {
display: block;
width: 230px;
height: 100px;
padding-top: 70px;
margin-left: 23px;
}

div.nube p a {
text-decoration: none;
color: gray;
}

div.nube p a:hover {
color: #CA031A;
}

div.banner-producto {
margin-bottom: 5px;
float: right;
border: 1px solid #D9D9D9;
width: 539px;
height: 221px;
}

div.banner-producto img {
margin: 10px;
margin-top: 15px;
float: left;
}

div.banner-marcas {
clear: both;
width: 812px;
height: 50px;
background-color: #C0C0C0;
padding-top: 10px;
text-align: center;
overflow: hidden;
}

div.copy {
padding-top: 20px;
font-size: 10px;
text-align: right;
padding-bottom: 20px;
width: 812px;
margin: 0px auto;
display: table;
}

div.copy a {
text-decoration: none;
color: #CA031A;	
}

div.cuerpo {margin-left: 170px;
font-size: 10px;}

div.cuerpo h2 {font-size: 20px;
color: #CA031A;
padding-top: 70px;}

div.cuerpo h3 {font-size: 15px;
font-weight: normal;
color: gray;}

div.cuerpo h3 strong {color: #CA031A;}

div.cuerpo p {font-size: 11px;
color: gray;}

div.cuerpo p.orden {text-align: right;}

div.cuerpo a {text-decoration: none;
color: #CA031A;}

div.item-listado-home {
width: 200px; 
float: left;
cursor: pointer;
}

div.item-listado-home h2 {
color: #000000;
}

div.item-listado {
margin-bottom: 20px;
height: 75px;
margin-top: 30px;
display: table;
}

div.item-listado img {
float: left;
margin-right: 10px;
}

div.item-listado div {
border-left: 1px solid gray;
float: left;
padding-left: 10px;
padding-right: 10px;
height: 75px;
color: #DEDEDE;
width: 500px;
display: table;
}

div.item-listado div h4 {
color: #CA031A;
padding: 0px;
padding-bottom: 5px;
margin: 0px;
}

div.item-listado div a {
color: gray;
text-decoration: none;
}

div.item-listado div a:hover {
color: #CA031A;
}

div.item-listado div span {
color: gray;
float: left;
padding-right: 2px;
}

div.item-listado div span.eliminar {
float: right;
margin-top: 5px;
margin-right: 10px;
font-size: 10px;
cursor: pointer;
}

div.item-listado div span.precio {
color: #CA031A;
float: none;
padding-right: 0px;
}

div.item-listado div input.cantidad {
border: 1px solid gray;
width: 30px;
float: left;
margin-right: 5px;
}

#opacidad {
position: absolute;
width: 100%;
height: 10000px;
top: 0px;
left: 0px;
background-color: #000000;
filter: alpha(opacity=65);
-moz-opacity:.65;
opacity:.65;
z-index: 2;
display: none;
cursor: pointer;
}

#imagenAmpliada {
border: 3px solid #CA031A; 
display: none;
position: fixed;
width: 320px;
height: 240px;
top: 100px;
left: 100px;
z-index: 2;
cursor: pointer;
}

div.paginador {
margin-bottom: 10px;
width: 100%;
float: left;
height: 25px;
}

div.paginador a {
display: block;
width: 15px; 
height: 15px;
border: 1px solid #CA031A;
background: #CA031A;
color: white;
float: right;
margin-right: 5px;
text-decoration: none;
text-align: center;
}

div.paginador a.actual {
background: white;
color: #CA031A;
}

div.descripcionLarga {
width: 100%;
clear: both;
display: table;
}

div.descripcionLarga a {
color: #CA031A;
text-decoration: none;
}

table.formulario-carrito td {
color: gray;
}

table.formulario-carrito p {
display: block;
width: 400px;
margin-left: 20px;
}

table.formulario-carrito input, textarea, select {
border: 1px solid gray;
color: gray;
margin-left: 20px;
margin-right: 20px;
}

table.formulario-carrito input.boton {
margin-top: 20px;
}

div.contenedorAJAX {display: none;}

div.aviso-mayorista {
position: fixed;
top: 0px;
width: 50px;
font-size: 20px;
color: #FFFFFF; 
text-align: center;
height: 5000px;
background-color: #CA031A;
font-weight: bold;
left: 20px;
}

div.alerta {
width: 400px;
height: 135px;
border: 5px solid #CA031A;
background-color: white;
text-align: center;
display: none;
position: fixed;
}

div.alerta input {
border: 1px solid gray;
color: gray;
}
