/*
	
	mototienda.css
	20050909
	Cratom Servimedia, S.L.
	desarrollo@cratom.com
	
																																					*/
																																	/*
+--------------------------------------------------------------------------------------------+
|	Elementos HTML																										|
+--------------------------------------------------------------------------------------------+		*/
body
	{
		background	: White;
		margin		: 0px;
		padding		: 0px;
		text-align	: center;
	}

img
	{
		border	: 0px;
	}

label
	{
		cursor	: hand;
	}

form
	{
		margin	: 0px;
		padding	: 0px;
	}
																																	/*
+--------------------------------------------------------------------------------------------+
|	ENCABEZADO																											|
+--------------------------------------------------------------------------------------------+		*/
#encabezado
	{
		width		: 760px;
		height	: 70px;
		margin	: 0px auto 0px auto;
	}

#encabezadoLogotipoYSolapas
	{
		width		: 594px;
		height	: 70px;
		float		: left;
	}

#encabezadoLogotipo
	{
		width		: 244px;
		height	: 56px;
		float		: left;
	}

#encabezadoIdentificacionYOpciones
	{
		width				: 326px;
		height			: 52px;
		margin			: 2px 0px 0px 10px;
		padding			: 0px;
		float				: left;
		text-align		: left;
		border-bottom	: 1px Solid Gray;
	}

#identificacionEncabezadoTitulo
	{
		font				: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: Gray;
		background		: White;
		padding-bottom	: 1px;
		border-bottom	: 1px Solid Gray;
		margin-bottom	: 1px;
	}

#identificacionEncabezadoTitulo a
	{
		font					: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color					: Blue;
		background			: White;
		text-decoration	: underline;
	}

#identificacionEncabezadoTitulo a:hover
	{
		color	: Red;
	}

#identificacionEncabezadoDatos
	{
		float			: left;
		background	: White;
		width			: 130px;
		font			: 10px verdana, Geneva, Arial, Helvetica, sans-serif;
		color			: Gray;
		background	: White;
	}

#identificacionEncabezadoDatosUsuario
	{
		float			: left;
		background	: White;
		width			: 236px;
		font			: 10px verdana, Geneva, Arial, Helvetica, sans-serif;
		color			: Gray;
		background	: White;
	}

#identificacionEncabezadoDatosUsuario a
	{
		color					: Green;
		text-decoration	: underline;
	}

#identificacionEncabezadoDatosUsuario a:hover
	{
		color	: Red;
	}

#identificacionEncabezadoOpcionesYFinsesion
	{
		float			: right;
		font			: 10px Verdana, Geneval, Arial, Helvetica, sans-serif;
	}

#identificacionEncabezadoOpcionesYFinsesion a
	{
		color					: Green;
		text-decoration	: underline;
	}

#identificacionEncabezadoOpcionesYFinsesion a:hover
	{
		color	: Red;
	}

.identificacionEncabezadoLinea
	{
		border-left		: 4px Solid Gray;
		text-align		: center;
		width				: 234px;
		height			: 14px;
		background		: White;
		clear				: both;
	}

.identificacionEncabezadoLinea input
	{
		border		: 1px Solid Gray;
		font			: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		width			: 140px;
		height		: 14px;
		background	: White;
		color			: Gray;
	}

.identificacionEncabezadoDatoTitulo
	{
		width				: 46px;
		padding-left	: 4px;
		padding-top		: 1px;
		text-align		: left;
		vertical-align	: middle;
		float				: left;
		height			: 16px;
		font				: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: Gray;
		background		: White;
	}

.identificacionEncabezadoDatoCampo
	{
		width				: 80px;
		text-align		: left;
		vertical-align	: top;
		float				: left;
		height			: 16px;
		font				: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: Gray;
		background		: White;
	}

#identificacionEncabezadoOpciones
	{
		float			: right;
		background	: White;
		width			: 85px;
	}
#identificacionEncabezadoOpciones label
	{
		font				: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: Gray;
		height			: 13px;
		vertical-align	: middle;
	}

#encabezadoSolapas
	{
		width		: 594px;
		height	: 14px;
		float		: left;
	}

.encabezadoSolapa
	{
		width				: 80px;
		height			: 14px;
		background		: url(/img/solapa.gif);
		text-align		: center;
		vertical-align	: middle;
		font				: 10px Verdana, Geneval, Arial, Helvetica, sans-serif;
		color				: Black;
		float				: left;
	}
	
.encabezadoSolapa#encabezadoSolapaAct
	{
		background		: url(/img/solapaAct.gif);
	}
	
.encabezadoSolapa a
	{
		color	: Blue;
	}
	
.encabezadoSolapa a:hover
	{
		color	: Red;
	}

#encabezadoListaExtras
	{
		float			: right;
		text-align	: left;
		width			: 160px;
		height		: 60px;
	}

#encabezadoListaExtras div
	{
		height	: 17px;
		font		: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

#encabezadoListaExtras div a
	{
		font					: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color					: Blue;
		text-decoration	: underline;
	}

#encabezadoListaExtras div a:hover
	{
		color	: Red;
	}
																																	/*
+--------------------------------------------------------------------------------------------+
|	DISCRIMINADOR																										|
+--------------------------------------------------------------------------------------------+		*/
#discriminador
	{
		width				: 760px;
		height			: 62px;
		border			: 1px Solid Black;
		border-top		: 0px;
		background		: #DFDFDF;
		font				: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: Gray;
		text-align		: left;
		vertical-align	: middle;
		margin			: 0px auto 0px auto;
	}

#discriminador #discriminadorBtnInicio {
	width			: 70px;
	height		: 62px;
	text-align	: center;
	float			: left;
}

#discriminador .discriminadorListas {
	width			: 680px;
	float			: right;
}

#discriminador .discriminadorListas div {
	float	: left;
}

#discriminador select {
	font	: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color	: Black;
	width	: 136px;
}
																																	/*
+--------------------------------------------------------------------------------------------+
|	MENÚ DE MARCAS																										|
+--------------------------------------------------------------------------------------------+		*/
#menumarcas {
	font			: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color			: Black;
	text-align	: center;
	width			: 760px;
}

#menumarcas a {
	color					: Blue;
	text-decoration	: underline;
}

#menumarcas a:hover {
	color	: Red;
}

.menumarcasSeparador
	{
		padding		: 0px 2px 0px 2px;
		text-align	: center;
		font-size	: 10px;
	}

																																	/*
+--------------------------------------------------------------------------------------------+
|	MIGA DE PAN																											|
+--------------------------------------------------------------------------------------------+		*/
#localizador
	{
		background		: White;
		width				: 760px;
		text-align		: left;
		font				: 10px Arial;
		color				: Black;
		margin			: 2px auto 0px auto;
		padding			: 0px 0px 1px 0px;
		border-bottom	: 1px Solid Black;
	}

#localizador a {
	color					: Blue;
	text-decoration	: underline;
}

#localizador a:hover {
	color	: Red;
}

#localizador .localizadorSeparador {
	padding		: 0px 2px 0px 2px;
	text-align	: center;
	font-size	: 10px;
}

																																	/*
+--------------------------------------------------------------------------------------------+
|	ELEMENTOS GENÉRICOS																								|
+--------------------------------------------------------------------------------------------+		*/
#CONTENIDO
	{
		font		: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color		: Black;
		width		: 760px;
		margin	: 0px auto 0px auto;
	}

#CONTENIDO a {
	font	: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color	: Blue;
}

#CONTENIDO a:hover {
	color	: Red;
}

.CONTENIDOEncabezado
	{
		font			: bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align	: center;
		margin		: 14px 0px 14px 0px;
		width			: 760px;
	}

.separadorRelacionElementos {
	padding		: 0px 2px 0px 2px;
	font-size	: 10px;
}
																																	/*
+--------------------------------------------------------------------------------------------+
|	LISTAS DE ANUNCIOS																								|
+--------------------------------------------------------------------------------------------+		*/
#listaAnuncios {
	width				: 750px;
	padding			: 0px;
	margin			: 0px;
	text-align		: left;
}

#mensajeListaVacia {
	padding		: 90px 0px 140px 0px;
	font			: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	width			: 760px;
}

.mensajeListaVaciaDestacado
	{
		font-weight	: bold;
	}

.listaAnunciosColumna
	{
		width	: 378px;
		float : left;
	}	

.listaAnunciosAnuncio
	{
		background		: White;
		width				: 378px;
		text-align		: left;
		padding			: 1px;
		margin-bottom	: 2px;
		border			: 1px Solid Gray;
		font				: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
		height			: 50px;
	}

.listaAnunciosAnuncio a
	{
		font					: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color					: Blue;
		text-decoration	: underline;
	}

.listaAnunciosAnuncio a:hover
	{
		font	: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color	: Red;
	}

.listaAnunciosAnuncioFoto {
	width			: 60px;
	height		: 50px;
	text-align	: center;
	float			: left;
	margin		: 0px;
}

.listaAnunciosAnuncioMoto {
	width			: 250px;
	/*height		: 18px;*/
	background	: White url(/img/degradadogrises.jpg) repeat-y right;
	float			: right;
	font			: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color			: Black;
	padding		: 0px 0px 0px 4px;
}

.listaAnunciosAnuncioMoto a
	{
		font					: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color					: Blue;
		text-decoration	: underline;
	}

#listaAnuncios .listaAnunciosAnuncio .listaAnunciosAnuncioMoto a:hover
	{
		color	: Red;
	}

.listaAnunciosAnuncioPrecio {
	width				: 64px;
	height			: 18px;
	vertical-align	: top;
	text-align		: right;
	font				: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color				: Black;
	background		: #eee;
	float				: right;
}

.listaAnunciosAnuncioDatos {
	width		: 314px;
	height	: 16px;
	float		: right;
	padding	: 0px 0px 0px 4px;
}

																																	/*
+--------------------------------------------------------------------------------------------+
|	PIE DE PÁGINA																										|
+--------------------------------------------------------------------------------------------+		*/
#pie
	{
		width			: 760px;
		font			: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color			: Black;
		text-align	: center;
		padding		: 2px 2px 2px 2px;
		margin		: 20px auto 0px auto;
		border-top	: 1px solid Black;
		clear			: both;
	}

#pie a {
	font					: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color					: Blue;
	text-align			: right;
	text-decoration	: underline;
}

#pie a:hover {
	color	:	Red;
}

#menuPie
	{
		background	: White;
		margin		: 0px 0px 20px 0px;
		padding		: 2px 2px 20px 2px;
	}

#menuPie a
	{
		font					: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color					: Blue;
		background			: White;
		text-align			: right;
		text-decoration	: underline;
	}

#menuPie a:hover
	{
		color	: Red;
	}

.menuPieSeparador
	{
		padding		: 0px 2px 0px 2px;
		text-align	: center;
		font-size	: 10px;
	}

																																	/*
+--------------------------------------------------------------------------------------------+
|	PAGINACIÓN																													|
+--------------------------------------------------------------------------------------------+		*/
.paginacionInfoPaginacion {
	margin	: 2px 0px 0px 0px;
	color		: Gray;
	height	: 12px;
	clear		: both;
}

.paginacionTotal {
	text-align	: left;
	float			: left;
	font			: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color			: Black;
}

.paginacionPaginaXdeY {
	text-align	: right;
	float			: right;
	font			: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color			: Black;
}

.paginacionNavegacionPaginas
	{
		vertical-align	: middle;
		margin			: 2px 0px 2px 0px;
		height			: 36px;
		clear				: both;
	}

.paginacionAnteriorSiguiente
	{
		text-align		: left;
		vertical-align	: middle;
		float				: left;
		height			: 18px;
		width				: 160px;
		padding			: 2px 0px 0px 0px;
	}

.paginacionListaCompleta
	{
		width				: 440px;
		text-align		: center;
		vertical-align	: middle;
		float				: left;
		height			: 18px;
		padding			: 2px 0px 0px 0px;
	}

.paginacionPaginaActual
	{
		font			: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color			: Black;
		text-align	: center;
		padding		: 0px 1px 0px 1px;
		margin		: 0px 2px 0px 0px;
	}

.paginacionListaBloques
	{
		text-align		: right;
		font				: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: Black;
		vertical-align	: middle;
		float				: right;
		height			: 18px;
		width				: 160px;
	}

.paginacionListaBloques select
	{
		width				: 130px;
		font				: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		vertical-align	: middle;
	}

.paginacionPaginas
	{
		text-align		: right;
		font				: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color				: Black;
		vertical-align	: middle;
		height			: 18px;
		clear				: both;
	}

#CONTENIDO .paginacionPaginas a
	{
		font					: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color					: Blue;
		text-decoration	: underline;
		text-align			: center;
		width					: 14px;
		margin				: 0px 2px 0px 0px;
		padding				: 0px 1px 0px 1px;
	}

#CONTENIDO .paginacionPaginas a:hover
	{
		color	: Red;
	}