/*Estilo básico del cuerpo*/
body {
  margin:0px;
  padding:0px;
  font-family: 'Calibri', 'Trebuchet MS';
  font-size: 12px;
  background-color:#FFFFFF;
  letter-spacing: 0;
  line-height: 20px;
  list-style: square url('optimizadas/punto.jpg');
  
}
/*TABLAS introducidas desde panel de control----------------------------------*/
table.cProducto {
	border: 1px solid #88b4da;
	border-collapse: collapse;
	width: 100%;
	padding: 0px;
}
td.cProducto {
	border: 1px solid #EEEEEE;
	padding: 2px;
	text-align: center;
}
th {
	border: 1px solid #EEEEEE;
	padding: 2px;
	text-weight: bold;
	text-align:center;
	background-color: #88b4da;
	color: #FFFFFF;
}
/*GENERAL---------------------------------------------------------------------*/
/*Tabla General*/
table.estructura {
	border-collapse:collapse;
	border:0px solid red;
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
}
/*Celda donde se ubica el logotipo*/
td.logo {
	text-align:center;
	border:0px solid green;
}
/*Celda donde se ubica el buscador y el menú general*/
td.menuGeneral {
	text-align:right;
	border:0px solid green;
	padding-right:10px;
}
td.ubicacionPestanas {
	text-align:center;
	padding:0px;
	border: 0px solid blue;
	width: 2000px;
}
td.separacionPestanas {
	background-image:url('optimizadas/fondoSeparacionMenus.jpg');
	background-repeat: repeat;
	padding:0px;
	background-color: #88b4da;
	height:20px;
}
td.contenido {
	padding:0px;
}
/*PESTANAS-------------------------------------------------------------------------*/
/*DIV para mostrar una pestana*/
div.izqSuperiorActiva {
	background-image: url('optimizadas/pestanasSuperiores/izqActiva.jpg');
	background-repeat: no-repeat;
	width: 10px;
	height: 30px;
	color: #FFF;
	float: left;
}
div.pestanaSuperiorActiva {
	background-image: url('optimizadas/pestanasSuperiores/activa.jpg');
	background-repeat: repeat;
	height: 25px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	float: left;
	padding-top: 5px;
}
div.derSuperiorActiva {
	background-image: url('optimizadas/pestanasSuperiores/derActiva.jpg');
	background-repeat: no-repeat;
	width: 10px;
	height: 30px;
	color: #FFF;
	float: left;
}
div.izqSuperiorInactiva {
	background-image: url('optimizadas/pestanasSuperiores/izqInactiva.jpg');
	background-repeat: no-repeat;
	width: 10px;
	height: 30px;
	color: #FFF;
	float: left;
}
div.pestanaSuperiorInactiva {
	background-image: url('optimizadas/pestanasSuperiores/Inactiva.jpg');
	background-repeat: repeat;
	text-align: center;
	height: 25px;
	color: #000;
	font-weight: bold;
	text-align: center;
	float: left;
	padding-top: 5px;
}
div.derSuperiorInactiva {
	background-image: url('optimizadas/pestanasSuperiores/derInactiva.jpg');
	background-repeat: no-repeat;
	width: 10px;
	height: 30px;
	color: #FFF;
	float: left;
}

/*DISTRIBUCIÓN DEL CONTENIDO---------------------------------------------------------*/
/*Tabla distribución donde se mostrarán los dos menus y el contenido central*/
table.distribucion {
	width: 1000px;
	border-collapse: collapse;
	border: 0px solid red;
	height: 100%;
}
td.distribucion {
	padding:0px;
	border: 0px solid green;
	vertical-align:top;
	background-image:url('optimizadas/fondoSeparacionMenus.jpg');
	background-repeat: repeat;
}
td.distribucionBlanco {
	padding:0px;
	border: 0px solid green;
	vertical-align:top;
}
/*MENU DE LA IZQUIERDA------------------------------*/
table.menuIzq {
	background-image:url('optimizadas/fondoMenusIzq.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	width: 250px;
}

td.menuIzq {
	border: 0px solid orange;
	vertical-align:top;
}

table.categorias {
	width:250px;
	border-collapse:collapse;
	border: 0px solid black;
} 

td.subCategoria {
	background-image:url('optimizadas/botonMenuFamilia.gif');
	background-repeat: no-repeat;
	width: 220px;
	height: 16px;	
	padding-left: 30px;
	border: 0px solid red;
	line-height:18px;
}
td.subCategoriaDesplegado {
	background-image:url('optimizadas/botonMenuFamiliaDesplegado.gif');
	background-repeat: no-repeat;
	width: 230px;
	height: 16px;	
	padding-left: 20px;
	border: 0px solid black;
	line-height:18px;
}
td.seccion {
	background-image:url('optimizadas/botonMenuFamiliaSobre.gif');
	background-repeat: repeat;
	width: 200px;
	padding-left: 30px;
	padding-top:4px;
	padding-bottom:4px;
	border: 0px solid black;
}

table.carrito {
	width:250px;
	border-collapse:collapse;
	border: 0px solid black;
} 

td.arribaCarrito {
	background-image:url('optimizadas/arribaCarrito.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 38px;	
	color:#000000;
	font-weight: bold;
	font-size:14px;
	text-align:center;
	border: 0px solid black;
}
td.arribaCategoriasBlog {
	background-image:url('optimizadas/arribaCategoriasBlog.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 38px;	
	color:#FFFFFF;
	font-weight: bold;
	font-size:14px;
	text-align:center;
	border: 0px solid black;
}
td.carrito {
	background-image:url('optimizadas/carrito.jpg');
	background-repeat: repeat;
	width: 210px;
	color: #000000;
	padding-left:20px;
	padding-right:20px;
	border: 0px solid black;
}
td.abajoCarrito {
	background-image:url('optimizadas/abajoCarrito.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 10px;
	border: 0px solid black;
}

/*MENU DE LA DERECHA------------------------------*/
table.menuDer {
	background-image:url('optimizadas/fondoMenusDer.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	width: 250px;
}

td.menuDer {	
	border: 0px solid orange;
	vertical-align:top;
}

table.opciones {
	width:250px;
	border-collapse:collapse;
	border: 0px solid black;
}

table.opcionesIluminado {
	width:250px;
	border-collapse:collapse;
	border: 1px solid red;
} 

td.arribaOpciones {
	background-image:url('optimizadas/arribaOpciones.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 38px;	
	color:#000000;
	font-weight: bold;
	font-size:14px;
	text-align:center;
	border: 0px solid black;
}
td.opciones {
	background-image:url('optimizadas/opciones.jpg');
	background-repeat: repeat;
	width: 210px;
	color: #000000;
	padding-left:20px;
	padding-right:20px;
	border: 0px solid black;
}
td.abajoOpciones {
	background-image:url('optimizadas/abajoOpciones.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 10px;
	border: 0px solid black;
}

/*CONTENIDO CENTRAL GENERAL--------------------------------------------*/
div.arribaVotacion {
	background-image: url('optimizadas/arribaVotacion.gif');
	height: 20px;
	width: 150px;
	text-align: center;
	float: right;
	clear: both;
}
div.votacion {
	background-image: url('optimizadas/centroVotacion.gif');
	width: 150px;
	height: 60px;	
	text-align: center;
	float: right;
	clear: both;
}
div.titulo {
	font-weight: bold;
	font-size: 20px;
	color: #88b4da;	
}
span.subTitulo {
	font-weight: bold;
	font-size: 14px;
	color: #88b4da;	
}
span.precio {
	font-weight: bold;
	font-size: 20px;
	color: #88b4da;	
}
span.oferta {
	font-weight: bold;
	font-size: 20px;
	color: #88b4da;
	text-decoration: line-through;
}
div.indent {
	text-indent: 20px;
	text-align: justify;
	padding-left: 20px;
	padding-right: 20px;
}
div.imagenCentrada {
	text-align: center;	
}
table.cuadro {
	width:450px;
	border-collapse:collapse;
	border: 0px solid black;
	margin-left: auto;
	margin-right: auto;
} 

td.arribaCuadro {
	background-image:url('optimizadas/arribaContenido.jpg');
	background-repeat: repeat;
	width: 410px;
	height: 38px;
	color:#000000;
	font-size:14px;
	text-align:left;
	padding-left: 20px;
	padding-right: 20px;
	border: 0px solid black;
}
div.izqCuadro {
	float:left;
	width: 300px;
	text-align: left;
	font-weight: bold;
}
div.derCuadro {
	float:right;
	width: 110px;
	text-align: right;
}
td.cuadro {
	background-image:url('optimizadas/contenido.jpg');
	background-repeat: repeat;
	width: 410px;
	color: #000000;
	padding-left:20px;
	padding-right:20px;
	border: 0px solid black;
}
td.cuadroImagen {
	background-image:url('optimizadas/contenido.jpg');
	background-repeat: repeat;
	width: 410px;
	padding-left: 20px;
	padding-right: 20px;
	border: 0px solid black;
}
td.abajoCuadro {
	background-image:url('optimizadas/abajoContenido.jpg');
	background-repeat: no-repeat;
	width: 450px;
	height: 10px;
	border: 0px solid black;
}
/*BLOG-----------------------------------------------------------------*/
div.tituloBlog {
	font-weight: bold;
	font-size: 20px;
	color: #b81415;	
}
span.subTituloBlog {
	font-weight: bold;
	font-size: 14px;
	color: #b81415;	
}
table.blog {
	width:450px;
	border-collapse:collapse;
	border: 0px solid black;
	margin-left: auto;
	margin-right: auto;
} 

td.arribaBlog {
	background-image:url('optimizadas/arribaBlog.jpg');
	background-repeat: repeat;
	width: 410px;
	height: 38px;
	
	font-size:14px;
	text-align:left;
	padding-left: 20px;
	padding-right: 20px;
	border: 0px solid black;
}
div.izqBlog {
	float:left;
	width: 280px;
	text-align:left;
	font-weight: bold;
	color:#FFFFFF;
}
div.derBlog {
	float:right;
	width: 120px;
	text-align: right;
	font-size: 12px;
	font-style: italic;
	color: #000000; 
}
td.blog {
	background-image:url('optimizadas/contenido.jpg');
	background-repeat: repeat;
	width: 410px;
	color: #000000;
	padding-left:20px;
	padding-right:20px;
	border: 0px solid black;
	text-align: justify;
	font-size: 12px;
}
td.abajoBlog {
	background-image:url('optimizadas/abajoContenido.jpg');
	background-repeat: no-repeat;
	width: 450px;
	height: 10px;
	border: 0px solid black;
}
/*DETALLE DE CARRO-----------------------------------------------*/
td.detalle {
	padding-left: 5px;
	padding-right: 5px;	
}
div.aviso {
	background-color: #66a000;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}
div.avisoParpadeo {
	background-color: #b81415;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}
div.msgError{
	background-color: #FF0000;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}
div.separacion {
	height: 30px;	
}
div.izqCampo {
	width: 75px;
	float: left;
	text-align: right;
	clear: left;
}
div.todo {
	width: 100%;
	clear: both;
}
div.derCampo {
	width: 130px;
	float: right;
	clear: right;
}
div.parteIzquierda {
	width: 38%;
	float: left;
	text-align: right;
	padding-right: 5px;
	clear: left;
}
div.parteDerecha {
	width: 58%;
	float: right;
	clear: right;
	height: 100%;
}
div.nota {
	width: 90%;
	text-align: center;
	font-size: 11px;
	font-style: italic;
	margin-left: auto;
	margin-right: auto;
}
div.conFondo {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 10px;
	background-color: #EEE;
	display: table;
}
div.conFondoNaranja {
	background-image: url('optimizadas/decoracion.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 10px;
	background-color: #ffe198;
	display: table;
}
div.izquierda{
	float: left;
}
div.derecha {
	float: right;
}
/*PESTAÑAS INTERNAS-------------------------------------------*/
div.pestana1Activa {
	margin-left: 10px;
	background-image: url('optimizadas/PestanasInternas/pestana1Activa.jpg');
	background-repeat: no-repeat;
	width: 150px;
	height: 25px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	float: left;
	padding-top: 10px;
}
div.pestana2Activa {
	background-image: url('optimizadas/PestanasInternas/pestana2Activa.jpg');
	background-repeat: no-repeat;
	width: 150px;
	height: 25px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	float: left;
	padding-top: 10px;
}
div.pestana3Activa {
	margin-right: 10px;
	background-image: url('optimizadas/PestanasInternas/pestana3Activa.jpg');
	background-repeat: no-repeat;
	width: 180px;
	height: 25px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	float: right;
	padding-top: 10px;
}
div.pestana1Inactiva {
	margin-left: 10px;
	background-image: url('optimizadas/PestanasInternas/pestana1Inactiva.jpg');
	background-repeat: no-repeat;
	width: 150px;
	height: 25px;
	color: #000;
	font-weight: bold;
	text-align: center;
	float: left;
	padding-top: 10px;
}
div.pestana2Inactiva {
	background-image: url('optimizadas/PestanasInternas/pestana2Inactiva.jpg');
	background-repeat: no-repeat;
	width: 150px;
	height: 25px;
	color: #000;
	font-weight: bold;
	text-align: center;
	float: left;
	padding-top: 10px;
}
div.pestana3Inactiva {
	margin-right: 10px;
	background-image: url('optimizadas/PestanasInternas/pestana3Inactiva.jpg');
	background-repeat: no-repeat;
	width: 180px;
	height: 25px;
	color: #000;
	font-weight: bold;
	text-align: center;
	float: right;
	padding-top: 10px;
}
div.bajoPestanas {
	background-image: url('optimizadas/PestanasInternas/bajoPestanas.jpg');
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-right: 10px;
	width: 480px;
	height: 10px;
	float: left;	
}
div.contenidoPestanas {
	background-image: url('optimizadas/PestanasInternas/contenidoPestanas.jpg');
	background-repeat: repeat;
	padding: 20px;
	width: 440px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;	
}
div.abajoPestanas {
	background-image: url('optimizadas/PestanasInternas/abajoContenidoPestanas.jpg');
	background-repeat: no-repeat;
	width: 480px;
	margin-left: 10px;
	margin-right: 10px;
	height: 10px;
	float: left;
	clear: both;
}
div.paso1 {
	background-image: url('optimizadas/paso1.jpg');
	background-repeat: no-repeat;
	width: 200px;
	height: 21px;
	float: left;
}
div.paso2 {
	background-image: url('optimizadas/paso2.jpg');
	background-repeat: no-repeat;
	width: 200px;
	height: 21px;
	float: left;	
}
div.paso3 {
	background-image: url('optimizadas/paso3.jpg');
	background-repeat: no-repeat;
	width: 200px;
	height: 21px;
	float: left;	
}
div.centroPaso {
	background-image: url('optimizadas/centroPaso.jpg');
	background-repeat: repeat;
	width: 190px;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
}
div.abajoPaso {
	background-image: url('optimizadas/abajoPaso.jpg');
	background-repeat: no-repeat;
	width: 200px;
	height: 5px;
	float: left;	
}
/*INFERIOR----------------------------------------------------*/
td.pie {
	background-color: #666666;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
}

/*ENLACES-----------------------------------------------------------------------*/
a.cabecera {
	color: #444444;
	text-decoration:none;
	font-weight: bold;
	line-height: 20px;
}

a.cabecera:hover {
	color: #AAAAAA;
	text-decoration:none;
	font-weight: bold;
	line-height:20px;
}

a.pie {
	color: #FFFFFF;
	text-decoration:none;
	font-weight: bold;
	line-height: 20px;
}

a.pie:hover {
	color: #AAAAAA;
	text-decoration:none;
	font-weight: bold;
	line-height:20px;
}
a.pestanaActiva {
	color: #FFF;
	text-decoration:none;
	font-weight: bold;
	font-size:14px;
}
a.pestanaActiva:hover {
	color: #AAA;
	text-decoration:none;
	font-weight: bold;
	font-size: 14px;
}
a.pestanaInactiva {
	color: #000;
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
}
a.pestanaInactiva:hover {
	color: #666;
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
}
a {
	color: #b81415;
	font-weight:bold;
	text-decoration:none;
	font-size: 12px;
}
a:hover {
	color: #666666;
	font-weight:bold;
	text-decoration:none;
	font-size: 12px;
}
a.azul {
	color: #88b4da;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}
a.azul:hover {
	color: #666666;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}
a.titulo {
	color: #88b4da;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}
a.titulo:hover {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}
/*OTROS-------------------------------------------------------------------------------*/
img {
	border:0px;
	margin:0px;
}

img.borde {
	border: 1px solid #000;
	margin: 10px;
}

img.articulo {
	border:0px;
	margin:10px;
}
img.enlaces {
	border:0px;
	margin-left:10px;
	margin-right: 10px;
}

img.icono {
	border:0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
img.opcion {
	border:0px;
	margin-left:0px;
	margin-right:2px;
	margin-bottom: 5px;
}

.camposCabecera {
  background-color: #EEEEEE;
  border: 1px solid #767475;
  color: #000000;
  font-weight: normal;
  text-align:left;
}
.campos {
  background-color: #EEEEEE;
  border: 1px solid #767475;
  color: #000000;
  font-weight: normal;
  text-align:left;
  font-size:11px;
}
.botonImagen {
	width: 150px;
	height: 25px;
}

div.error {
	text-align: center;
	color: #FF0000;
}
hr {
	height: 0.5px;
	width: 80%;
	text-align: left;
	border: 1px solid #88b4da;
}
hr.blog {
	height: 0.5px;
	width: 80%;
	text-align: left;
	border: 1px solid #b81415;
}
hr.gris {
	height: 0.5px;
	width: 80%;
	text-align: center;
	border: 1px solid #CCCCCC;
}
hr.cien {
	height: 0.5px;
	width: 100%;
	text-align:left;
	border: 1px solid #88b4da;
}