body {
	font-family: 'Dosis', sans-serif;
	background: #ffffff  url(../images/background.png) repeat-x top left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 15px;
	color: #1a1a1a;
	text-align: center;
}



@media screen {
	
	
	
	.input {
		font-family: 'Dosis', sans-serif;
		color: #1a1a1a;
		border: 1px solid #1a1a1a;
		font-size: 12px;
		padding: 5px;
	}
	
	img {
		border: none;
	}
	
	
		
	.contenedor {
		float: none;
		margin: 0px auto !important;
		border: 0px;
		width: 978px;

	}
	
	.fondo {
		text-align: left !important;
		float: left;
		width: 978px;
		margin: 0px 0px 0px 0px;
		background: url(../images/bgArriba.png) no-repeat top left;
	}
	
	.menuDistribuidores {
		float: left;
		width: 978px;
		margin: 0px 0px 0px 0px;
	}
	
	.menu {
		float: left;
		width: 765px;
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 24px 0px;
	}
	
	.menu a {
		float: left;
		margin: 0px 0px 0px 0px;
		font-size: 19px;
		color: #ffffff;
		text-decoration: none;
	}
	
	.menu a:hover, .menu a.activo {
		color: #000000;
	}
	
	.menu a.activo {
		font-weight: bold;
	}
	
	.menu span {
		float: left;
		margin: 7px 0px 0px 0px;
		width: 42px;
		height: 13px;
		background: url(../images/puntoMenu.png) no-repeat top left;
	}
	
	.distribuidores {
		float: left;
		width: 205px;
		margin: 0px 0px 0px 0px;
		padding: 12px 0px 12px 0px;
		background: url(../images/bgDistribuidores.png) no-repeat top left;
		text-align: center;
	}
	
	.distribuidores a {
		color: #ffffff;
		font-size: 18px;
		text-decoration: none;
	}
	
	.distribuidores a:hover {
		color: #d70b19;
	}
	
	.contenido {
		float: left;
		width: 1000px;
		margin: 15px 0px 0px 0px;
	}
	
	.izquierda {
		float: left;
		width: 241px;
		margin: 0px 0px 0px 0px;
	}
	
	.logo {
		float: left;
		width: 241px;
		margin: 0px 0px 0px 0px;
	}
	
	.acceso {
		float: left;
		width: 241px;
		margin: 10px 0px 0px 0px;
		color: #938989;
	}
	
	.negro {
		color: #000000;
	}
	
	.acceso0 {
		float: left;
		width: 241px;
		margin: 0px 0px 0px 0px;
	}
	
	.acceso0 a {
		color: #1a1a1a;
		text-decoration: none;
	}
	
	.acceso0 a:hover {
		text-decoration: underline;
	}
	
	.acceso1 {
		float: left;
		width: 241px;
		height: 31px;
		margin: 5px 0px 0px 0px;
		border: 1px solid #cdcdcd;
		background: url(../images/bgUsuario.png) no-repeat top right;
	}
	
	.acceso2 {
		float: left;
		width: 241px;
		height: 31px;
		margin: 5px 0px 0px 0px;
		border: 1px solid #cdcdcd;
		background: url(../images/bgLlave.png) no-repeat top right;
	}
	
	.inputA {
		float: left;
		width: 185px;
		margin: 0px 0px 0px 7px;
		border: none;
		background: none;
		color: #cdcdcd;
		font-family: 'Dosis', sans-serif;
		padding: 5px 0px 5px 0px;
		font-size: 14px;
	}
	
	.inputA:focus {
		color: #696969;
	}
	
	.acceso3 {
		float: left;
		width: 241px;
		margin: 5px 0px 0px 0px;
	}
	
	.acceso3a {
		float: left;
		width: 175px;
		margin: 7px 0px 0px 7px;
	}
	
	.acceso3a a {
		color: #d70b19;
		text-decoration: none;
	}
	
	.acceso3a a:hover {
		color: #000000;
	}
	
	.acceso3b {
		float: left;
		width: 59px;
		margin: 0px 0px 0px 0px;
	}
	
	.botonA {
		float: left;
		width: 59px;
		height: 52px;
		border: none;
		font-size: 0px;
		cursor: pointer;
		background: url(../images/botonEnviar.png) no-repeat top left;
	}
	
	.buscador {
		float: left;
		width: 241px;
		margin: 10px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
		border-top: 1px solid #efefef;
	}
	
	.buscador0 {
		float: left;
		width: 241px;
		margin: 0px 0px 0px 0px;
	}
	
	.buscador0 a {
		color: #d70b19;
		text-decoration: none;
	}
	
	.buscador0 a:hover {
		color: #000000;
	}
	
	.buscador1 {
		float: left;
		width: 241px;
		height: 31px;
		margin: 5px 0px 0px 0px;
		border: 1px solid #cdcdcd;
	}
	
	.inputB {
		float: left;
		width: 193px;
		margin: 0px 0px 0px 7px;
		border: none;
		background: none;
		color: #cdcdcd;
		font-family: 'Dosis', sans-serif;
		padding: 5px 0px 5px 0px;
		font-size: 14px;
	}
	
	.inputB:focus {
		color: #696969;
	}
	
	.botonB {
		float: left;
		width: 23px;
		height: 21px;
		margin: 5px 0px 0px 7px;
		border: none;
		font-size: 0px;
		cursor: pointer;
		background: url(../images/lupa.png) no-repeat top left;
	}
	
	.pedido {
		float: left;
		width: 241px;
		margin: 10px 0px 0px 0px;
	}
	
	.izquierda h2 {
		float: left;
		width: 241px;
		margin: 0px 0px 3px 0px;
		font-size: 22px;
		text-transform: uppercase;
	}

	.izquierda h2 a {
		color: #1a1a1a;
		text-decoration: none;
	}
	
	.izquierda h2 a:hover {
		color: #d70b19;
	}
	
	.pedido0 {
		float: left;
		width: 241px;
		margin: 0px 0px 1px 0px;
		padding: 0px 0px 1px 0px;
		border-bottom: 1px solid #1a1a1a;
	}
	
	.pedido0 a {
		color: #1a1a1a;
		text-decoration: none;
	}
	
	.pedido0 a:hover {
		color: #d70b19;
	}
	
	.rojo, .especialx2 {
		color: #d70b19;
	}
	
	.tachado {
		text-decoration: line-through;
	}
	
	.negrita {
		font-weight: bold;
	}
	
	.categorias {
		float: left;
		width: 241px;
		margin: 10px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
		border-top: 1px solid #efefef;
	}
	
	.categorias0 {
		float: left;
		width: 241px;
		margin: 0px 0px 12px 0px;
		border: 1px solid #f3f3f3;
	}
	
	.categorias0a {
		float: left;
		margin: 0px 0px 0px 0px;
		width: 241px;
		height: 71px;
		text-align: center;
	}
	
	.categorias0b {
		float: left;
		width: 241px;
		margin: 0px 0px 0px 0px;
		padding: 3px 0px 3px 0px;
		background: #f3f3f3;
		text-align: center;
	}
	
	.categorias0b a {
		font-size: 18px;
		color: #605e5e;
		text-decoration: none;
	}
	
	.categorias0b a:hover {
		color: #000000;
	}
	
	h2.bajado {
		margin-top: 90px;
	}
	
	.ofertas {
		float: left;
		width: 241px;
		margin: -10px 0px 0px 0px;
	}
	
	.ofertas p {
		float: left;
		width: 241px;
		margin: 10px 0px 0px 0px;
	}
	
	.ofertas img {
		float: left;
		display: block;
		margin: 0px 9px 0px 0px;
		padding: 10px 0px 30px 0px;
	}
	
	.ofertas a {
		color: #c3b8b8;
		text-decoration: none;
	}
	
	.ofertas a:hover {
		color: #000000;
	}
	
	.ofertas0 {
		float: left;
		width: 241px;
		margin: 10px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
		border-top: 1px solid #efefef;
		text-align: right;
		font-size: 12px;
	}
	
	.ofertas0 a {
		padding: 0px 0px 0px 10px;
		background: url(../images/puntoRojo.png) no-repeat left;
		text-decoration: none;
		color: #1a1a1a;
	}
	
	.ofertas0 a:hover {
		color: #d70b19;
	}
	
	.banners {
		float: left;
		width: 236px;
		margin: 20px 0px 0px 5px;
	}
	
	
	.derecha {
		float: left;
		width: 738px;
		margin: 0px 0px 0px 15px;
	}
	
	.productos {
		float: left;
		width: 738px;
		margin: 50px 0px 0px 15px;
		padding: 12px 0px 0px 0px;
		border-top: 1px solid #efefef;
	}
	
	.campoForm {
		float: left;
		width: 350px;
		margin: 0px 0px 5px 0px;
	}
	
	.campoForm2 {
		float: left;
		width: 738px;
		margin: 0px 0px 5px 0px;
	}
	
	.productos a {
		color: #1a1a1a;
	}
	
	.productos_separador {
		float: left;
		width: 738px;
		margin: 10px 0px 10px 0px;
	}
	
	.paginacion {
		float: left;
		width: 738px;
		margin: 10px 0px 0px 0px;
	}
	
	.paginacion a {
		float: left;
		margin: 0px 2px 0px 0px;
		border: 1px solid #1a1a1a;
		padding: 3px 7px 3px 7px;
		color: #1a1a1a;
		text-decoration: none;
	}
	
	.paginacion a:hover, .paginacion a.activo {
		background: #efefef;
	}
	
	.claseProducto {
		float: left;
		width: 738px;
		margin: 0px 0px 0px 0px;
	}
	
	.oculto {
		display: none;
	}
	
	.imagen {
		float: left;
		width: 300px;
		display: block;
		margin: 0px 0px 0px 0px;
	}
	
	.producto_descripcion {
		float: left;
		width: 438px;
		margin: 0px 0px 0px 0px;
	}
	
	.producto_descripcion .campo {
		float: left;
		width: 438px;
		margin: 0px 0px 10px 0px;
	}
	
	.iconos {
		float: left;
		width: 738px;
		margin: 20px 0px 0px 0px;
		color: #d70b19;
	}
	
	.iconos a {
		color: #d70b19;
		text-decoration: none;
		padding: 0px 0px 0px 18px;
	}
	
	.iconos a.comentarios {
		background: url(../images/bgComentarios.gif) no-repeat left;
	}
	
	.iconos a.comercial {
		background: url(../images/comercial.gif) no-repeat left;
	}
	
	.iconos .carrito {
		color: #d70b19;
		background: #ffffff url(../images/bgCarrito.gif) no-repeat left;
		padding: 0px 0px 0px 18px;
		cursor: pointer;
		border: none;
		font-family: 'Dosis', sans-serif;
		font-size: 14px;
	}
	
	.imagen a {
		color: #1a1a1a;
		text-decoration: none;
		font-size: 12px;
		font-style: italic;
		margin-top: 15px;
	}
	
	.imagen a:hover {
		text-decoration: underline;
	}
	
	.comentariosx {
		float: left;
		width: 738px;
		margin: 30px 0px 0px 0px;
	}
	
	.comentariosy {
		float: left;
		width: 738px;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 10px 0px;
		border-bottom: 1px solid #f3f3f3;
	}
	
	h4 {
		float: left;
		width: 738px;
		margin: 40px 0px 10px 0px;
		font-weight: normal;
	}
	
	.ruta {
		float: left;
		width: 738px;
		margin: 7px 0px 0px 15px;
	}
	
	.ruta a {
		color: #1a1a1a;
		text-decoration: none;
	}
	
	.ruta a:hover {
		text-decoration: underline;
	}
	
	.productos_interior {
		margin-top: 14px;
		min-height: 655px;
	}
	
	.derecha h1 {
		float: left;
		width: 738px;
		margin: 0px 0px 3px 0px;
		font-size: 22px;
		text-transform: uppercase;
	}
	
	.derecha h2 {
		float: left;
		width: 738px;
		margin: 0px 0px 3px 0px;
		font-size: 22px;
		text-transform: uppercase;
	}
	
	.derecha h3 {
		float: left;
		width: 738px;
		margin: 0px 0px 3px 0px;
		font-size: 18px;
		color: #d70b19;
	}
	
	.productos0 {
		float: left;
		width: 227px;
		height: 230px;
		margin: 0px 19px 55px 0px;
	}
	
	.productos0a {
		float: left;
		width: 227px;
		height: 150px;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 10px 0px;
		text-align: center;
		border: 1px solid #f3f3f3;
	}
	
	.botonvolver
	{
		color: #00000;
		font-size: 16pt;
		text-decoration: none;
		border-color: #ff0000;
	}
	
	.productos0b {
		float: left;
		width: 227px;
		margin: 2px 0px 0px 0px;
	}
	
	.productos0b a {
		color: #c3b8b8;
		text-decoration: none;
	}
	
	.productos0b a:hover {
		color: #000000;
	}

	.productos0c 
	{
		display: block;
		float: left;
		width: 227px;
		font-size: 16pt;
		margin: 2px 0px 0px 0px;
	}
	
	.productos0c a {
		color: #c3b8b8;
		text-decoration: none;
	}
	
	.productos0c a:hover {
		color: #000000;
	}

	
	.precio {
		padding: 5px 12px 5px 12px;
		color: #ffffff;
		background: #d70b19;
		margin-top: 7px;
		float: left;
	}
	
	.banners2 {
		float: left;
		width: 738px;
		margin: 37px 0px 0px 15px;
	}
	
	.pie {
		float: left;
		width: 978px;
		margin: 30px 0px 30px 0px;
		padding: 10px 0px 0px 0px;
		border-top: 1px solid #efefef;
	}
	
	.pie0 {
		float: left;
		margin: 0px 0px 0px 0px;
	}
	
	.pie1 {
		float: right; 
		text-align: right;
		margin: 0px 0px 0px 0px;
		font-size: 12px;
		line-height: 20px;
	}
	
	.pie1 a {
		color: #1a1a1a;
		text-decoration: none;
	}
	
	a.enlGris {
		color: #abaaaa;
	}
	
	.pie1 a:hover {
		color: #d70b19;
	}
	
	.formulario {
		float: left;
		width: 738px;
		margin: 0px 0px 0px 0px;
	}
	
	.formulario0 {
		float: left;
		width: 738px;
		margin: 0px 0px 10px 0px;
	}
	
	.formulario1 {
		float: left;
		width: 150px;
		margin: 0px 0px 0px 0px;
	}
	
	.formulario2 {
		float: left;
		width: 588px;
		margin: 0px 0px 0px 0px;
	}
	
	.inputC {
		float: left;
		width: 300px;
		margin: 0px 0px 0px 0px;
		padding: 2px 2px 2px 2px;
		font-size: 14px;
		font-family: 'Dosis', sans-serif;
		color: #1a1a1a;
		border: 1px solid #1a1a1a;
	}
	
	.inputCB {
		margin: 0px 0px 0px 0px;
		padding: 2px 2px 2px 2px;
		font-size: 14px;
		font-family: 'Dosis', sans-serif;
		color: #1a1a1a;
		border: 1px solid #1a1a1a;
	}
	
	.inputCx {
		float: left;
		width: 738px;
		height: 100px;
		margin: 0px 0px 0px 0px;
		padding: 2px 2px 2px 2px;
		font-size: 14px;
		font-family: 'Dosis', sans-serif;
		color: #1a1a1a;
		border: 1px solid #1a1a1a;
	}
	
	.botonC2, .botonC {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 5px 12px 5px 12px;
		color: #ffffff;
		font-size: 14px;
		font-family: 'Dosis', sans-serif;
		border: 1px solid #ffffff;
		background: #d70b19;
		cursor: pointer;
	}
	
	.botonCx {
		float: left;
		margin: 10px 0px 0px 0px;
		padding: 5px 12px 5px 12px;
		color: #ffffff;
		font-size: 14px;
		font-family: 'Dosis', sans-serif;
		border: 1px solid #ffffff;
		background: #d70b19;
		cursor: pointer;
	}
	
	.tabla {
		float: left;
		width: 738px !important;
		margin: 10px 0px 0px 0px;
	}
	
	.tabla table {
		font-size: 14px;
		text-align: left;
		width: 738px !important;
		
	}
	
	.tabla td {
		padding: 5px;
	}
	
	.tabla thead, .tabla .conFondo {
		background: #cccccc;
	}
	
	.fondoGris {
		border-bottom: 1px solid #cccccc;
		font-size: 14px;
	}
	
	
	
	.tabla th, .tabla .conFondo td {
		padding: 5px;
		color: #000000;
		border-bottom: 1px solid #000000;
		font-style: italic;
		text-align: left;
	}
	
	.tabla table .centrado {
		text-align: center;
	}
	
	.tabla table .derechax {
		text-align: right !important;
	}
	
	.tabla .numero {
		float: left;
		width: 17px;
		margin: 0px 2px 0px 0px;
		text-align: right;
	}
	
	.tabla .mas {
		float: left;
		width: 12px;
		margin: -7px 0px 0px 0px;
	}
	
	.tabla .menos {
		float: left;
		width: 12px;
		margin: 7px 0px 0px -12px;
	}
	
	.tabla a {
		text-decoration: none;
		color: #969696;
	}
	
	.tabla a:hover {
		color: #000000;
	}
	
	.tabla .gastos {
		padding: 5px 30px 7px 7px;
		background: #f0f0f0;;
		color: #000000;
		text-transform: lowercase;
	}
	
	.negro {
		color: #000000;
		text-decoration: none;
	}
	
	.grande {
		font-size: 14px;
	}
	
	
	
}

@media print {
   
}

@media aural {
    h1, h2, h3 { 
            voice-family: paul, male; 
            stress: 20; 
            richness: 90;
    }
    h1 { 
            pitch: x-low;
            stress: 90; 
            pitch-range: 90;
    }
    h2 { 
            pitch: x-low;
            pitch-range: 80;
    }
    h3 { 
            pitch: low; 
            pitch-range: 70;
    }
    li { 
            pitch: medium;
            richness: 60;
    }
    .u { 
            pitch: medium;
            pitch-range: 60;
            richness: 60;
    }
    a:link { 
            voice-family: harry, male; 
    }
    a:visited { 
            voice-family: betty, female; 
    }
    a:active { 
            voice-family: betty, female; 
            pitch-range: 80; 
            pitch: x-high;
    }
}

.cookies-overlay 
{
	background: rgba(0, 0, 0, 0.85);
	position: fixed;
	left: 0%;
	bottom: 0;
	color: #fff;
	width: 100%;
	z-index: 9999;
	font-size: 12px;
	text-align: left;
	padding: 10px 0;
}
.cookies-overlay button 
{
	background: rgba(255, 255, 255, 0.75);
	border: none;
	border-radius: 100%;
	margin: 0 10px;
	color: #000;
	width: 24px;
	height: 24px;
	float: right;
	font-size: 16px;
	font-weight: bold;
}