body    { color: #fff; font-size: 11px; font-family: Tahoma; background-color: #000; background-image: url(../images/bg_harley.jpg); background-repeat: repeat-x; text-align: center; margin: auto; padding: 0 }
a  { outline-width: 0 }

/* ----- ESTRUCTURA PRINCIPAL ----- */

#contenedor                    { background-color: #000; margin: auto; width: 960px; border: solid 4px #000 }
*html #contenedor                    { background-color: #000; margin: auto; width: 968px; border: solid 4px #000 }

#header { background-image: url(../images/bg_header.jpg); background-repeat: no-repeat; height: 136px }
#logo    { float: left }
#registro        { margin-top: 10px; margin-left: 120px; float: left }
#menu    { margin-bottom: 14px; width: 960px; height: 36px }
#contenido  { }
#footer    { color: #fff; font-size: 10px; background-image: url(../images/bg_footer.gif); background-repeat: repeat-x; margin-top: 20px; height: 54px }
#footer1  { margin-top: 34px; margin-left: 12px; float: left }
#footer2    { background-image: url(../images/linea_footer.gif); background-repeat: no-repeat; background-position: right 0; text-align: right; margin-top: 11px; margin-right: 12px; padding-top: 10px; padding-right: 6px; height: 33px; float: right }
.link_footer { color: #dcd670; text-decoration: none }
.link_footer:hover { text-decoration: underline }
.texto_blanco { color: #fff; font-size: 11px }

.texto_nanrajo_bold  { color: #fc6105; font-size: 11px; font-weight: bold }
.link_naranjo10   { color: #fd940a; font-size: 10px; text-decoration: underline }

/* ----- LOGIN USUARIO ----- */

.campo_login  { color: #fff; font-size: 10px; font-family: Tahoma; font-weight: bold; background-color: #fc6105; padding: 3px; width: 96px; border-width: 0; outline-width: 0 }
.btn_entrar  { background-color: #3f3; background-image: url(../images/btn_entrar.gif); background-repeat: no-repeat; width: 47px; height: 19px; border-width: 0; outline-width: 0 }


/* ----- FORMULARIOS REGISTROS Y CONTACTO ----- */

.campos_formulario  { color: #fff; font-size: 10px; font-family: Tahoma; background-image: url(../images/campo.jpg); background-repeat: no-repeat; padding: 5px; width: 354px; height: 25px; border-width: 0; outline-width: 0 }

.text_area   { color: #fff; font-size: 10px; font-family: Tahoma; background-image: url(../images/campo_mensaje.jpg); background-repeat: no-repeat; padding: 5px; width: 354px; height: 130px; border-width: 0; outline-width: 0 }

.etiqueta_formulario { color: #dcd670; font-size: 11px; font-weight: bold }
.select_formulario  { color: #fff; font-size: 10px; font-family: Tahoma; font-weight: bold; background-color: #090909; padding: 2px; width: 110px; border: solid 1px #000; outline-width: 0 }
.btn_registrarme { background-image: url(../images/btn_registrarme.jpg); background-repeat: no-repeat; width: 164px; height: 34px; border-width: 0; outline-width: 0 }
.nota_formulario { color: #535353; font-size: 10px }
.nota_formulario2  { color: #fc7e06; font-size: 10px; font-weight: bold }
.btn_enviar { background-image: url(../images/btn_enviar.jpg); background-repeat: no-repeat; width: 163px; height: 33px; border-width: 0; outline-width: 0 }



/* ----- PAGINADOR ----- */
.paginas  { color: #d8d8d8; font-size: 11px; font-weight: bold }
.paginas:active  { color: #fff; font-size: 11px; font-weight: bold; text-decoration: underline }

/* ----- DESTACADOS PORTADA ----- */

#fecha_destacados       { color: #fff; font-size: 10px; font-weight: bold; text-align: right; margin-top: 4px; padding-bottom: 3px; width: 148px; float: left; border-bottom: 1px solid #fc6105 }
#usuario_publicado      { color: #5f5f5f; font-size: 10px; text-align: right; margin-bottom: 4px; padding-top: 3px; width: 148px; float: left }
.marco_foto_destacado { border: solid 2px #030404 }
.texto_destacados_home  { color: #fff; font-size: 10px }
.valor_precio  { color: #fe9311; font-size: 13px; font-weight: bold }


/* ----- VISTA PRODUCTO ----- */

#codigo_producto { color: #fff; font-size: 10px }
#titulo_producto    { color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; padding-bottom: 2px; border-bottom: 1px solid #fc6105 }
#sub_titulo_producto  { color: #5f5f5f; font-size: 10px; margin-top: 2px }
#fecha_producto { float: left }
#autor_producto { float: right }
#estrellas_producto      { margin-top: 2px; margin-bottom: 10px; width: 324px; float: left }
#descripcion_producto  { color: #fff; font-size: 11px; float: left }

#precio_producto  { color: #5f5f5f; font-size: 10px }
#valor_producto   { color: #fe9311; font-size: 17px; font-weight: bold }



/* ----- BUSCADOR COLUMNA ----- */

.campo_buscador { color: #fff; font-size: 10px; font-family: Tahoma; background-image: url(../images/campo_buscador.jpg); background-repeat: no-repeat; padding: 5px; width: 264px; height: 25px; border-width: 0; outline-width: 0 }
.campo_buscador2  { color: #fff; font-size: 10px; font-family: Tahoma; background-image: url(../images/campo_buscador2.jpg); background-repeat: no-repeat; padding: 5px; width: 600px; height: 25px; border-width: 0; outline-width: 0 }
.btn_buscador   { background-image: url(../images/lupa_buscar.jpg); background-repeat: no-repeat; width: 30px; height: 25px; border-width: 0; outline-width: 0 }

/* ----- MURO PEDIDOS ----- */

.fecha_muro  { color: #dcd670; font-size: 11px; font-weight: bold; background-image: url(../images/flecha.gif); background-repeat: no-repeat; background-position: left center; padding-left: 9px }

/*MENÚ*/

#nav2   { background-image: url(../images/bg_menu.jpg); background-repeat: no-repeat; display: block; width: 960px; height: 36px }
#nav2 ul { list-style-type: none; margin: 0; padding: 0 }
#nav2 ul li { float: left }
#nav2 ul li span { display: none }
#nav2 ul li.home a     { background: url(../images/menu_01.jpg) no-repeat left top; display: block; margin: 0; width: 55px; height: 36px }
#nav2 ul li.home a:hover      { background: url(../images/menu_01.jpg) no-repeat left -36px; display: block; margin: 0; width: 55px; height: 36px }
#nav2 ul li.feria a     { background: url(../images/menu_02.jpg) no-repeat left top; display: block; margin: 0; width: 131px; height: 36px }
#nav2 ul li.feria a:hover      { background: url(../images/menu_02.jpg) no-repeat left -36px; display: block; margin: 0; width: 131px; height: 36px }
#nav2 ul li.oferta a     { background: url(../images/menu_03.jpg) no-repeat left top; display: block; margin: 0; width: 139px; height: 36px }
#nav2 ul li.oferta a:hover      { background: url(../images/menu_03.jpg) no-repeat left -36px; display: block; margin: 0; width: 139px; height: 36px }
#nav2 ul li.cuenta a     { background: url(../images/menu_04.jpg) no-repeat left top; display: block; margin: 0; width: 83px; height: 36px }
#nav2 ul li.cuenta a:hover      { background: url(../images/menu_04.jpg) no-repeat left -36px; display: block; margin: 0; width: 83px; height: 36px }
#nav2 ul li.faq a     { background: url(../images/menu_05.jpg) no-repeat left top; display: block; margin: 0; width: 170px; height: 36px }
#nav2 ul li.faq a:hover      { background: url(../images/menu_05.jpg) no-repeat left -36px; display: block; margin: 0; width: 170px; height: 36px }
#nav2 ul li.contacto a     { background: url(../images/menu_06.jpg) no-repeat left top; display: block; margin: 0; width: 80px; height: 36px }
#nav2 ul li.contacto a:hover      { background: url(../images/menu_06.jpg) no-repeat left -36px; display: block; margin: 0; width: 80px; height: 36px }
#nav2 ul li.registrate a        { background: url(../images/menu_08.jpg) no-repeat left top; display: block; margin-left: 132px; width: 170px; height: 36px }
#nav2 ul li.registrate a:hover         { background: url(../images/menu_08.jpg) no-repeat left -36px; display: block; margin-left: 132px; width: 170px; height: 36px }
#nav2 ul li.vacio a      { background-color: transparent; display: block; margin: 0; width: 83px; height: 36px }



/*MENÚ LOGUEADO*/

#nav3   { background-image: url(../images/bg_menu.jpg); background-repeat: no-repeat; display: block; width: 960px; height: 36px }
#nav3 ul { list-style-type: none; margin: 0; padding: 0 }
#nav3 ul li { float: left }
#nav3 ul li span { display: none }
#nav3 ul li.home a     { background: url(../images/menu_01_logueado.jpg) no-repeat left top; display: block; margin: 0; width: 55px; height: 36px }
#nav3 ul li.home a:hover      { background: url(../images/menu_01_logueado.jpg) no-repeat left -36px; display: block; margin: 0; width: 55px; height: 36px }
#nav3 ul li.oferta a     { background: url(../images/menu_02_logueado.jpg) no-repeat left top; display: block; margin: 0; width: 146px; height: 36px }
#nav3 ul li.oferta a:hover      { background: url(../images/menu_02_logueado.jpg) no-repeat left -36px; display: block; margin: 0; width: 146px; height: 36px }
#nav3 ul li.pedido a     { background: url(../images/menu_03_logueado.jpg) no-repeat left top; display: block; margin: 0; width: 138px; height: 36px }
#nav3 ul li.pedido a:hover      { background: url(../images/menu_03_logueado.jpg) no-repeat left -36px; display: block; margin: 0; width: 138px; height: 36px }
#nav3 ul li.cuenta a     { background: url(../images/menu_04_logueado.jpg) no-repeat left top; display: block; margin: 0; width: 195px; height: 36px }
#nav3 ul li.cuenta a:hover      { background: url(../images/menu_04_logueado.jpg) no-repeat left -36px; display: block; margin: 0; width: 195px; height: 36px }
#nav3 ul li.faq a     { background: url(../images/menu_05_logueado.jpg) no-repeat left top; display: block; margin: 0; width: 170px; height: 36px }
#nav3 ul li.faq a:hover      { background: url(../images/menu_05_logueado.jpg) no-repeat left -36px; display: block; margin: 0; width: 170px; height: 36px }
#nav3 ul li.contacto a     { background: url(../images/menu_06_logueado.jpg) no-repeat left top; display: block; margin: 0; width: 80px; height: 36px }
#nav3 ul li.contacto a:hover      { background: url(../images/menu_06_logueado.jpg) no-repeat left -36px; display: block; margin: 0; width: 80px; height: 36px }





/* TABLA SORTER */

.sortable      { font-size: 11px; width: 954px }
.sortable th {padding:4px 6px 6px; background:#444; color:#fff; text-align:left; color:#ccc}
.sortable td    { color: #676767; font-size: 10px; background: #232323; padding: 2px 4px 4px }
.sortable .head   { color: #fff; background: #090909 url(../images/sort.gif) no-repeat 6px center; cursor: pointer; padding-left: 18px; border-bottom: 2px solid #fb6205 }
.sortable .desc   { color: #d6d6d6; background: #222 url(../images/desc.gif) no-repeat 6px center; cursor: pointer; padding-left: 18px; border-bottom: 2px solid #fb6205 }
.sortable .asc   { color: #d6d6d6; background: #222 url(../images/asc.gif) no-repeat 6px center; cursor: pointer; padding-left: 18px; border-bottom: 2px solid #fb6205 }
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .even td    { background: #000; border-bottom: 2px solid #090909 }
.sortable .odd td    { background: #000; border-bottom: 2px solid #090909 }


/* MENU CATEGORÍAS */

div.sdmenu           { color: #fff; font-size: 11px; font-family: Arial; padding-bottom: 10px; width: 188px }
div.sdmenu div    { background-position: 0 0; overflow: hidden }
div.sdmenu div:first-child    { background-position: 0 0 }
div.sdmenu div.collapsed  { height: 25px }
div.sdmenu div span                   { color: #fc6105; font-weight: bold; background-image: url(../images/flecha_categoria.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 10px center; cursor: pointer; display: block; padding: 3px 25px }
div.sdmenu div.collapsed span         { color: #fff; background-image: url(../images/flecha_menos.gif) }
div.sdmenu div a               { color: #c9c9c9; font-size: 10px; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; padding: 3px 10px 3px 25px }
div.sdmenu div a.current   { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
div.sdmenu div a:hover       { color: #fff; text-decoration: underline; background-position: right center }





/* LISTADO DE PEDIDOS */

.tabla_pedidos_header     { color: #fff; font-size: 11px; font-weight: bold; background-color: #000; cursor: pointer; padding: 3px; border-bottom: 2px solid #fb6205 }
.tabla_pedidos_filas     { color: #a8a8a8; font-size: 11px; background: #232323; padding: 2px 4px; border-bottom: 1px solid #676767 }