body
{
	margin: 0px;
	background: #fff url(../../imagenes/general/fondos/fd_body.gif) left top repeat-x;
	text-align: center;
	font-family:verdana;
	font-size:10px;
	color:#868686;
}

/*** CAPAS DE FONDO Y ESQUELETO **************************************************************/

#falsa_contenedora_principal
{
	width: 950px;	
	margin: 0px auto 0px auto;
	padding:0px;
	text-align: left;	
	background-color: #D1DFD6;	
}
#contenedora_principal
{
	float: left;
	width: 948px;
	min-height: 300px;
	height: auto;
	margin:0px auto 0px auto;	
	padding:0px;
	
	border-left:1px solid #b5b4b3;
	border-right:1px solid #b5b4b3;
	text-align: left;
}
#contenedora_principal #contenedor_auxiliar
{
	float: left;
	width: 948px;
	margin: 0px auto 0px auto;
	padding:0px;
}

/*** SECCIÓN 1: CABECERA ********************************************************************/

#cabecera
{
	float: left;
	width: 948px;
	height: 80px;	
	background: url(../../imagenes/general/cabecera/fd_cabecera.jpg) left top no-repeat;
	margin:0px;
	padding: 0px;	
}
#menu_sup
{
	float: left;
	width: 948px;
	height: 34px;	
	background: url(../../imagenes/menu/fd_horizontal.jpg) left top no-repeat;
	margin:0px;
	padding: 0px;	
}
#menu_sup ul
{
	float: left;
	width: 915px;
	height: 33px;	
	clear:both;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;	
	list-style-type:none;
}
#menu_sup ul li
{
	float: left;	
	margin:0px;
	padding:0px 0px 0px 0px;
}
#menu_sup ul li a
{
	float:left;
	height: 22px;
	margin:0px 0px 0px 0px;
	padding:11px 17px 0px 17px;
	font-family: Verdana;
	font-size: 11px;
	color: #00496b;
	font-weight: bold;
	text-decoration: none;
	text-transform:uppercase;
	background: url(../../imagenes/menu/fd_item.gif) right 3px no-repeat;
}
#menu_sup ul li a:hover
{
	color:#2685ac;
}

#buscador
{
	float: left;
	width: 948px;
	height: 26px;	
	background: url(../../imagenes/general/fondos/fd_buscador.gif) left top no-repeat;
	margin:0px;
	padding: 0px;	
}
#buscador form
{
	float: left;
	width: 260px;
	background: url(../../imagenes/general/fondos/bullet_buscador.gif) left top no-repeat;
	margin:6px 0px 0px 15px;
	padding: 0px 0px 0px 30px;	
}
#buscador form a.enviar
{
	float: right;
	margin:0px;
	padding: 1px 3px 1px 3px;	
	font-family: Verdana;
	font-size: 10px;
	color: #4ebee4;
	font-weight: bold;
	text-decoration:none;
	text-transform:uppercase;
	font-style:italic;
}
#buscador form a.enviar:hover
{
	color:#00496b;
}
#buscador form input
{
	border:1px solid #63b1d5;
	width:200px;
	margin:0px;
	padding: 0px;	
	font-family: Verdana;
	font-size: 10px;
	color: #00496b;
	font-weight: normal;
}

#buscador a.registro
{
	float: right;
	
	margin:4px 23px 0px 0px;
	padding: 2px 40px 2px 40px;	
	
	font-family: Verdana;
	font-size: 10px;
	color: #44a1cd;
	font-weight: bold;
	font-style:italic;
	text-decoration:none;
	
	text-transform:uppercase;	
	border:1px dashed #cacaca;
	background: url(../../imagenes/general/fondos/fd_registro.gif) 22px 5px no-repeat;
}
#buscador a.registro:hover
{
	color:#00496b;
}
#buscador span.iva
{
	float: right;
	margin:5px 20px 0px 0px;
	padding: 0px;	
	font-family: Verdana;
	font-size: 10px;
	color: #6F6F6F;
	font-weight: bold;
}
/*** SECCIÓN 2: MENÚ DE OPCIONES IZQUIERDO **************************************************/

#menu_izq
{
	float: left;
	width: 166px;
	margin: 0px;
	padding: 0px;	
	
}
#menu_izq ul#menu
{
	float: left;
	margin: 0px 0px 0px 13px;
	padding: 0px;	
	width: 153px;
	
}

/*********** Estilo de menú genérico y para opciones de nivel 1 ************/

#menu_izq ul#menu li
{
	float: left;
	width: 144px;
	height:23px;
	margin: 4px 0px 4px 0px;
	padding: 0px;	
	
	list-style-type: none;
}
#menu_izq ul#menu li span.niveluno
{
	float: left;
	width: 138px;
	height:19px;
	
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 6px;
	
	background: transparent url(../../imagenes/menu/fd_nivel1.gif) left top repeat-x;
	color: #44a1cd;
	font-size:10px;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration: none;
	border:1px solid #e2e2e2;
}

#menu_izq ul#menu li a:hover
{
	color: #00496b;
}
#menu_izq ul#menu li a.actual{color: #00496b;}
#menu_izq ul#menu li img{float:left;}

/*********** Lista de nivel 1 que contiene las opciones de nivel 2 ***********/

#menu_izq ul#menu li.li_nivel2
{
	float:left;
	width:145px;
	min-height:18px;
	height:auto;
	margin:0px;
	padding:0px;
}


/*********** Estilo de menú para opciones de nivel 2  ***********/

#menu_izq ul#menu ul.nivel2
{
	float: left;
	width:145px;
	min-height:18px;
	height:auto;
	margin: 0px;
	padding: 0px;	
}
#menu_izq ul#menu ul.nivel2 li
{
	float: left;
	width:145px;
	min-height:18px;
	height:auto;
	margin: 0px;
	padding: 0px;	
}
#menu_izq ul#menu ul.nivel2 li a
{
	float:left;
	width:128px;
	min-height:16px;
	height:auto;	
	
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 17px;
	border:0px;
	background: transparent url(../../imagenes/menu/bullet_nivel2.gif) no-repeat 8px 5px;
	
	color: #40bded;
	font-weight: normal;
	text-decoration: none;	
	text-transform:none;
}
#menu_izq ul#menu ul.nivel2 li a:hover{color: #00496b;}
#menu_izq ul#menu ul.nivel2 li a.actual{color: #00496b;}

#menu_der
{
	float: right;
	width: 177px;
	height:500px;
	margin: 0px 10px 0px 0px;
	padding: 0px;	
}
#menu_der #login
{
	float: left;
	width: 175px;
	min-height:87px;
	height:auto;
	margin: 3px 0px 0px 0px;
	
}
#menu_der #login_ok
{
	float: left;
	width: 175px;
	min-height:97px;
	height:auto;
	padding: 25px 0px 0px 0px;	
	background: #0f6288 url(../../imagenes/portada/fd_login_ok.gif) no-repeat left top;
}
#menu_der #login_ok span.nombre
{
	float:right;
	clear:both;
	margin:5px 10px 15px 0px;
	color: #ffffff;
	font-weight: normal;
	font-size:10px;
}
#menu_der #login_ok a
{
	float:left;
	clear:both;
	color: #ffffff;
	font-weight: normal;
	font-size:10px;
	text-decoration:none;
	height:14px;
	margin:0px 0px 2px 10px;
	padding:0px 0px 0px 30px;
	background: url(../../imagenes/portada/bullet_login.gif) no-repeat left top;
}
#menu_der #login_ok a:hover
{
	text-decoration:underline;
}
#menu_der #login_nok
{
	float: left;
	width: 175px;
	min-height:97px;
	height:auto;
	padding: 25px 0px 0px 0px;	
	background: #efefef url(../../imagenes/portada/fd_login.gif) no-repeat left top;
}
#menu_der #login span.etiqueta
{
	float:left;
	margin:2px 0px 0px 8px;
	color: #40bded;
	font-weight: normal;
	text-decoration: none;	
	width:50px;
}
#menu_der #login_nok a.link_recuperar
{
	float:left;
	display:block;
	margin:2px 0px 2px 8px;
	color: #00496B;
	font-weight: normal;
	text-decoration: none;		
}
#menu_der #login_nok a.link_recuperar:hover
{
	text-decoration:underline;
}
#menu_der #login input.texto
{
	width:100px;
	color: #6A6A6C;
	font-weight: normal;
	text-decoration: none;	
	border:1px solid #e3e3e3;
	font-size:10px;
}
#menu_der #login input.acceder
{
	float:left;
	width:130px;
	height:23px;
	margin:0px 0px 10px 25px;
	background: url(../../imagenes/portada/btn_entrar.gif) no-repeat left top;
	color: #00496b;
	font-weight: bold;
	font-size:11px;
	text-transform:uppercase;
	border:0px;
}
#menu_der #carrito_portada
{
	float: left;
	width: 155px;
	height:110px;
	margin: 2px 0px 2px 0px;
	padding: 30px 4px 0px 15px;
	border:1px solid #d1d1d1;
	background: url(../../imagenes/portada/fd_carrito.jpg) no-repeat left top;
	
}
#menu_der #carrito_portada span.texto
{
	float:left;
	color: #cdf0fd;
	font-weight: normal;
	font-size:10px;
}
#menu_der #carrito_portada span.cifra
{
	float:left;
	color: #00496b;
	font-weight: normal;
	font-size:10px;
	width:145px;
	height:12px;
	border:1px solid #cdf0fd;
	background-color:#FFFFFF;
	text-align:right;
	margin:0px 0px 6px 0px;
}
#menu_der #carrito_portada a.vercarrito
{
	float: right;
	width: 93px;
	height:22px;
	margin: 9px 5px 0px 0px;
	padding: 7px 0px 0px 9px;
	background: url(../../imagenes/portada/btn_vercarrito.jpg) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
	font-size:10px;
	text-decoration:none;
}
#menu_der #carrito_portada a.vercarrito:hover
{
	text-decoration:underline;
}
/*** SECCIÓN 3: CUERPO Y ZONA CENTRAL ********************************************************/

#zona_contenidos
{
	float: left;
	width:948px;
	margin:0px;
	padding:0px;
	background: transparent url(../../imagenes/general/fondos/fd_contenidos.gif) repeat-y left top;
}
#zona_contenidos #zona_central
{
	float: left;
	width: 594px;
	min-height:300px;
	height:auto;
	margin: 0px;
	padding: 0px;	
}
#zona_contenidos #zona_central h2
{
	float:left;
	clear: both;
	background-color:#cfecf8;
	border:1px solid #4ec9f8;
	margin:4px 0px 10px 0px;
	padding:4px 0px 0px 10px;
	font-family: Verdana;
	font-size: 11px;
	color: #00496b;
	font-weight: bold;
	
	height:19px;
	width:578px;
}

/*** SECCIÓN 4: PIE DE PÁGINA ****************************************************************/

#pie
{
	float: left;
	width: 950px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	background: transparent url(../../imagenes/general/fondos/fd_pie.gif) no-repeat left top;
	text-align: center;	
}
#pie #texto_pie
{
	float:right;
	padding:0px;
	margin: 0px;
	color: #00496b;
}
#pie #texto_pie a
{
	color: #03aace;
	font-weight: normal;
	text-decoration: underline;
}
#pie #texto_pie a:hover{}
#pie p.informacion
{
	float:left;
	margin:0px;
	padding:0px;
	color:#9c9c9c;
}

/*** OTROS ESTILOS: LISTADO DE CATEGORÍAS, TEXTO CATEGORÍAS, TEXTO NORMAL, RUTA Y PAGINACIÓN */

/*** Listado de categorías ***/

#listado_categorias
{
	float: left;
	margin: 10px 0px 0px 30px; 	
	width:508px;
	min-height: 84px;
	height: auto;	
}
#listado_categorias ul
{
	float:left;
	width:508px;
	min-height:84px;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;	
}
#listado_categorias ul li
{
	float:left;
	width:508px;
	height:84px;
	margin:0px 0px 2px 0px;
	list-style-type: none;
	border:1px solid #96d5ef;
}
#listado_categorias ul li a
{
	float:left;
	width:486px;
	height:52px;
	margin:1px;
	font-family: Verdana;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	padding:30px 0px 0px 20px;
	background: url(../../imagenes/categorias/fd_cat.gif) repeat-y left top;
}
#listado_categorias ul li a:hover
{
	width:484px;
	height:50px;
	text-decoration:none;
	border:1px solid #00496b;
	background: url(../../imagenes/categorias/fd_cat_hover.gif) repeat-y left top;
}

/*** Texto de categorías ***/

div.texto_categorias
{
	line-height: 14px;
	text-align: justify;
	margin: 0px 0px 0px 0px;
	padding:20px;	
}
div.texto_categorias img{margin: 10px;float: left;}
div.texto_categorias a{color: #868686;font-weight: bold;text-decoration: underline;}
div.texto_categorias a:hover{text-decoration: underline;}
div.texto_categorias ul{clear:both;}
div.texto_categorias ul li{}
div.texto_categorias ul li a{}
div.texto_categorias ul li a:hover{text-decoration:underline;}
div.texto_categorias ul li strong{font-weight:bold;}
div.texto_categorias span{}
div.texto_categorias strong{font-weight:bold;}

/*** Texto Normal ***/

.textoNormal
{
	line-height: 14px;
	text-align: justify;
	margin: 5px;
	padding: 0px 5px 0px 0px;
	color:#837d7d;
}
.textoNormal a{color: #868686;font-weight: bold;text-decoration: underline;}
.textoNormal a:hover{text-decoration: underline;}
.textoNormal ul {}
.textoNormal ul li{}
.textoNormal ul li a{}
.textoNormal ul li a:hover{}
.textoNormal ul li strong{}
.textoNormal span{}
.textoNormal strong{}

/*** Ruta de navegación ***/

#ruta
{
	clear:both;
	margin:0px 0px 10px 0px;
	padding:0px;
}
#ruta p
{
	margin:0px;
	padding:0px;
}
#ruta p a
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #868686;
	text-transform: lowercase;
	text-decoration: none;
}
#ruta p a:hover{text-decoration: underline;}

/*** Paginación de resultados ***/

#paginacion
{
	font-size:11px;
	clear:both;
	margin: 20px 0px 20px 0px;
	text-align: center;	
	color:#2A9EC7;
}
#paginacion a
{
	color: #2A9EC7;
	background-color: #FFF;
	text-decoration: none;
}
#paginacion a:hover
{
	color: #FFF;
	background-color: #2A9EC7;
	text-decoration: none;
}
#paginacion .pagina_actual
{
	font-weight: bold;
	border: 1px solid #2A9EC7;
}
a.volver
{
	float:left;
	clear:both;
	padding:4px 0px 0px 8px;
	margin:30px 0px 0px 20px;
	width:45px;
	height:19px;
	color: #4da5cf;
	font-weight:bold;
	text-decoration: none;
	background: url(../../imagenes/general/fd_volver.gif) no-repeat left top;
	border:1px solid #e2e2e2;
}
a.volver:hover
{
	text-decoration: underline;
}