html {
	background-image: url(../img/bgBody.png);
	background-repeat: repeat-x;
	background-color: #ceb8d0;
}

body {
	background-image: url(../img/bgAdornos.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;		
	height: 100%;
	margin: 0;
}

.hr {
	margin-left: 4px;
	margin-top: 10px;
	margin-bottom: 8px;
	width: 708px;
	border-top: 1px #6c2b79 solid;
}

h1 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 30px;
	font-weight: bold;
	color: #6c2b79;
	margin-bottom: -5px;
}

h2 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 18px;
	color: #6c2b79;
	margin-bottom: -5px;
}

h3 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px;
	color: #000000;
	margin-bottom: -10px;
}

h4 {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px;
	color: #6c2b79;
}

#contenedor {
	width: 1036px;
	height: 100%;
	background-image: url(../img/bgContenido.png);
	background-repeat: repeat-y;
	margin: 0 auto 0 auto;
	min-height: 100%;	
	overflow-x: hidden;
	overflow-y: hidden;
}

.contenido {
	margin-left: 28px;
	margin-right: 30px;
}

#cabecera {
	background-image: url(../img/bgCabecera.jpg);
	background-repeat: no-repeat;
	height: 129px;
}

#logo {
	float: left;
}

#clientes {
	float: right;
	margin-right: 50px;
	width: 296px;
	height: 100px;
	background-image: url(../img/bgClientes.png);
	background-repeat: repeat-y;
}

.clientesBorde {
	clear: both;
	height: 113px;	
	background-image: url(../img/bgBordeClientes.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#menu {
	margin-top: 5px;
	background-image: url(../img/bgMenu.jpg);
	background-repeat: repeat-x;
	height: 46px;
}

#zonaSubmenu {
	background-color: #c3a3ca;
	height: 124px;
	border-top: 1px #d8d0e5 solid;
}

#animacion {
	background-color: #d5d1e6;
	height: 125px;
	margin-bottom: 3px;
}

#barraNavegacion {
	background-color: #6c2b79;
	height: 30px;
	padding: 10px;
	vertical-align: middle;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 30px;
}

#zonaContenido {
	background-color: #dbdbdb;
	border-bottom: 5px #c1a1c8 solid;
	margin-bottom: 5px;
	width: 100%;
}

#zonaProductos {
	background-color: #dccddd;
	vertical-align: middle;
	padding-left: 2px;
	padding-bottom: 7px;
}

#zonaProductos .bloqueProductos {
	margin-left: 7px;
	margin-top: 7px;
	padding: 11px;
	background-color: #FFFFFF;
	display: block; 
	width: 132px;
	height: 230px;
	text-align: center;
	float: left;
	cursor: pointer;
}

#zonaProductos .bloqueProductos:hover {
	margin-left: 7px;
	margin-top: 7px;
	padding: 11px;
	background-color: #dadada;
	display: block; 
	width: 132px;
	height: 230px;
	text-align: center;
	float: left;
	cursor: pointer;
}

#zonaSubfamilias {
	background-color: #dccddd;
	vertical-align: middle;
	padding-left: 2px;
	padding-bottom: 7px;
}

#zonaSubfamilias .bloqueFamilia {
	margin-left: 7px;
	margin-top: 7px;
	padding: 11px;
	background-color: #FFFFFF;
	display: block; 
	width: 132px;
	height: 175px;
	text-align: center;
	float: left;
	cursor: pointer;
}

#zonaSubfamilias .bloqueFamilia:hover {
	margin-left: 7px;
	margin-top: 7px;
	padding: 11px;
	background-color: #91609b;
	display: block; 
	width: 132px;
	height: 175px;
	text-align: center;
	float: left;
	cursor: pointer;
}

#lateralIzq {
	float: left;
	background-color: #FFFFFF;
	margin: 6px;
	padding: 5px;
	width: 720px;
}

#lateralDch {
	float: right;
	background-color: #FFFFFF;
	margin-top: 6px;
	margin-right: 6px;
	padding: 5px;
	width: 220px;
}

#zonaCentral {
	background-color: #cdcdcd;
	height: 450px;
}

#zonaInferior {
	background:url(../img/bgInferior.png) no-repeat;
	background-position: bottom right;
	background-color: #dbdbdb;
	height: 440px;
}

#bloqueZonaInferior {
	border: 1px #af95b4 solid;
	float:left;
	height: 148px;
	width: 962px;
	margin-left: 7px;
	margin-top: 5px;
}

#bloqueZonaInferior .bloqueInferior {
	display: block; 
	float: left;
	width: 310px;
	text-align: left;	
}

#bloqueZonaInferior .bloqueInferior li {
	list-style: none;
	background: url(../img/rombo.png) left bottom no-repeat;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: bold;	
	padding-left: 20px;
	margin-bottom: 2px;
}

#carritoSubMenu {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	width: 958px;
	height: 105px;
	background:url(../img/bgCarrito.jpg) no-repeat;
	background-color:#CCCCCC;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 5px;
	float: left;	
}

#zonaSubmenu ul {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	width: 228px;
	height: 105px;
	background:url(../img/bgSubMenu.jpg) no-repeat;
	background-color:#CCCCCC;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 5px;
	float: left;
}

#zonaSubmenu li {
	list-style: none;
	background: url(../img/rombo.png) left bottom no-repeat;
	font-weight: bold;	
	padding-left: 20px;
	margin-bottom: 2px;
}

#bloqueZonas {
	border: 1px #af95b4 solid;
	background-image: url(../img/bgBloqueGris.jpg);
	background-repeat: repeat-x;
	float:left;
	height: 131px;
	width: 962px;
	margin-left: 7px;
	margin-top: 5px;
}

#bloqueZonas .bloqueZona {
	display: block; 
	float: left;
	width: 300px;
	text-align: center;	
	padding: 10px;
}

#bloqueOfertas {
	border: 1px #af95b4 solid;
	background-image: url(../img/bgBloqueGris.jpg);
	background-repeat: repeat-x;
	float:left;
	height: 131px;
	width: 962px;
	margin-left: 7px;
	margin-top: 3px;
}

#bloqueOfertas .bloqueOferta {
	display: block; 
	float: left;
	width: 312px;
	text-align: left;
	background-image: url(../img/bgOfertas.png);
	background-position: right bottom;
	background-repeat: no-repeat;	
}

.fotoOferta {
	background-color: #FFFFFF;
	width: 125px;
	height: 125px;
	border: 1px #af95b4 solid;
	text-align: center;
	vertical-align: middle;
	line-height: 123px;
	margin: 2px;
	float: left;
}

.fotoOferta_M {
	background-color: #FFFFFF;
	width: 310px;
	height: 310px;
	border: 1px #af95b4 solid;
	line-height: 310px;
	text-align: center;
	vertical-align:middle;
	margin-top: 5px;
}

#zonaIzq_G {
	float: left;
	width: 700px;
	margin: 5px;
}


#zonaIzq {
	float: left;
	width: 390px;
	margin: 5px;
}

#zonaDch {
	float: right;
	width: 320px;
	text-align: center;
}

.parrafoDestacado {
	background-color: #e5dae6;
	text-align: justify;
	width: 370px;
	padding: 7px;
}

.textoOferta {
	width: 180px;
	float: right;	
}

.textoSmall {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	font-weight: bold;
	color: #7f7b80;
}

.textoDtoSmall {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}

.textoPrecioAntes {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	font-weight: bold;
	color: #7f7b80;
	text-decoration: line-through;
}

.enlace
{
	color:#000000;
	text-decoration: none;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px;	
}

.link
{
	color:#000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

.marcoFoto {
	border: 5px #FFFFFF solid;
}

.marcofotom {
	background:url(../img/marcofotom.png) no-repeat;
	padding: 5px 35px 5px 5px;
}

a 
{
    color: #8d8d8d;
    text-decoration: none;
}

a:hover
{
    color: #6a6a6a;
    text-decoration: none;
}

.footer, .push {
	height: 8px;
}

.pie {
	height: 50px;
	background-image: url(../img/bgPie.png);
	background-repeat: repeat-x;	
}

.pie a {
	color: #7a7a7a;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	text-decoration: none;
}

.pie a:hover {
	color: #7a7a7a;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	text-decoration: underline;
}

.contenidoPie {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color: #7a7a7a;
	margin: 0 auto -50px;
	width: 980px; 	
	padding-top: 10px;
}

.textoBlanco {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #FFFFFF;
}

.titulo {	
	color: #FFFFFF;
}

input {
	border: 1px #b995c1 solid;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #676767;
	margin: 2px;
}

textarea {
	border: 1px #b995c1 solid;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #676767;
	margin: 2px;
}

select {
	border: 1px #b995c1 solid;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #676767;
	margin: 2px;
}

.tabladatos 
{
	empty-cells: show;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size:11px;
	padding: 0px;
	margin: 0px;
	width: 97%;
}

.tabladatos thead td
{
	color: #FFFFFF;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #a87b94;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #dbdbdb;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size:11px;			
}	

.fila {
	background-color: #DFDFDF;
	height:17px;	
}

.filaon {
	background-color: #dbdbdb;	
	height:17px;	
}

.filtro{
	background-color:#EEEEEE;
	font-size:11px;
	color:#333333;
	font-weight:bold;
}

.boton {
	background-color: #a87b94;
	border: 1px #b995c1 solid;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	margin: 2px;
	cursor: pointer;
}

/* root element for scrollable items */
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 830px;
	height:120px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin-top: 15px;
	margin-left: 5px;
	cursor:pointer;
	width:133px;
	height:100px;
}

/* active item */
.scrollable .active {
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

.scrollable2 {
	position:relative;
	overflow:hidden;
	width: 978px;
	height:170px;
}

.scrollable2 .items2 {
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable2 img {
	border: 5px #000000 solid;
	float:left;
	cursor:pointer;
	margin-left: 7px;
	margin-top: 3px; 
	margin-bottom: 3px;
	height: 150px; 
	width: 306px;	
}

.scrollable2 .active {
}

.scrollable2 {
	float:left;	
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

@media print {
	.noprint
	{ 
	    display: none;
	}
}