/***** RESET *****/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, em, font, img, s, small, strike, strong, sub, sup, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; }
table { border-collapse: separate; border-spacing: 0; }
th, td { text-align: left; font-weight: normal; }
img, iframe { border: none; text-decoration:none; }
ol, ul { list-style: none; }
input, textarea, select, button { font-size: 100%; font-family: inherit; }
select { margin: inherit; }
hr { margin: 0; padding: 0; border: 0; color: #000; background-color: #000; height: 1px; }



/***** BASE *****/

body {
	font: 62.5% Arial, Verdana, sans-serif, sans;
	margin: 0 auto;
	width: 950px;
	background: #666 url(img/bg.jpg) repeat-y top center;
	border: 1px solid black;
	border-width: 0 1px 0 1px;
}

* { font-size: 1em; }

a {
	color: #900;
	font-weight: bold;
	text-decoration: none !important;
}
a:hover {
	color: #f00;
	text-decoration: none !important;
}

p { margin-bottom: 5px; }
p small { font-size: 0.8em; }
strong { font-weight: bold; }
em { font-style: italic; }

h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin-bottom: 10px;
}
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4, h5, h6 { font-size: 1em; }

ul, ol {
	margin-left: 25px;
	margin-bottom: 10px;
}
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
ul li { list-style: circle; }
ol li { list-style: decimal; }

input, textarea {
	padding: 3px;
	font-size: 1.1em;
	border: 1px solid #ccc;
}

hr {
	color: #ddd;
	background-color: #ddd;
	height: 1px;
	margin-bottom: 10px;
}

/* ie */ 
* html legend { position: absolute; top: -.9em; left: .5em; }
* html fieldset { position: relative; margin-top: 1em; padding-top: 2em !important; }



/***** CLASES BASE *****/

p.derecha { text-align: right; }
p.centrar { text-align: center; }
*.nomostrar { display: none; }
input.error, textarea.error { border-color: #900; }

input.boton {
	width: auto !important;
	border-color: #999 !important;
}

fieldset.filtro {
	border: 0 !important;
	background: none !important;
	padding: 0 !important;
	width: auto !important;
}
fieldset.filtro legend {
	display: none !important;
}

fieldset.filtro p {
	font-size: .75em !important;
	text-align: right !important;
}


p.input_image {
	text-align: right;
	margin: 0 !important;
}

p.input_image input {
	padding: 0 !important;
	border: 0 !important;
	width: auto !important;
}

h2.no_clear,
h3.no_clear,
h4.no_clear {
	clear: both;
	padding-top: 10px;
}



/***** HEADER *****/

div#header {
	height: 120px;
	background: black url(img/header.jpg) no-repeat top center;
	margin: 0;
	padding-bottom: 0px;
	position: relative;
}
div#header h1 { text-indent: -999px; }
div#header h1 a { text-decoration: none !important; }



/***** MENU *****/

div#menu {
	height: 40px;
	background: black;
	margin-bottom: 25px;
}

div#menu ul {
	list-style: none !important;
	margin: 0;
}

div#menu ul li {
	list-style: none !important;
	float: left;
	margin-right: 10px;
}

div#menu ul li a {
	color: white;
	display: block;
	text-align: center;
	margin-left: 20px;
	line-height: 40px;
	text-decoration: none !important;
	font-size: 1.3em;
}
div#menu ul li.actual a, div#menu ul li a:hover { background: black url(img/menu_hover.png) no-repeat bottom center; }

div#menu ul li#menutienda {
	margin-right: 5px;
}
div#menu ul li#menutienda a {
	background: #900;
	padding: 0 10px;
	text-transform: uppercase;
	margin-left: 15px;
}
div#menu ul li.actual#menutienda a, div#menu ul li#menutienda a:hover { background: #900 url(img/menu_hover.png) no-repeat bottom center; }



/***** CONTENT *****/

div#content {
	font-size: 1.2em;
	width: 675px;
	float: left;
	margin: 0 0 25px 25px;
}

/* ie */
* html div#content { margin-left: 12px; }

div#content p { margin-bottom: 10px; }

div#content h2 {

}

div#content table {
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
}

div#content table thead tr th {
	padding: 3px;
	border: 0;
	background: #000 url(img/bg_thead.gif) repeat-x top center;
	color: white;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

div#content table thead tr th.btn1,
div#content table thead tr th.btn2 {
	width: 61px;
}

div#content table thead tr th.btn3 {
	width: 91px;
}

div#content table thead tr th.btn4 {
	width: 121px;
}


div#content table thead tr th.col_imagen {
	width: 100px;
}


div#content table thead tr th a {
	color: white !important;
	text-decoration: none !important;
}

div#content table tbody tr td {
	padding: 3px;
	background: white;
	border: 1px solid #ddd; 
	vertical-align: top;
}
div#content table tbody tr.impar td { background: #eee; }

div#content table tfoot {
}

div#content table tfoot tr td {
	padding: 5px;
	background: #999 url(img/bg_tfoot.gif) repeat-x top center;
	vertical-align: middle;
	text-align: right;
}

div#content table tfoot tr td.importe {
	background: #fff url(img/bg_tfoot_importe.gif) repeat-x top center;
	font-size: 1.2em;
	font-weight: bold;
}

div#content form fieldset {
	background: #eee url(img/fieldset_bg.gif) repeat-x bottom center;
	padding: 15px;
	width: 643px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
}

div#content form fieldset legend {
	background: #ccc url(img/legend_bg.gif) repeat-x center center;
	border: 1px solid #ccc;
	padding: 5px 10px;
	font-weight: bold;
}

div#content form label {
	font-weight: bold;
	display: block;
}

div#content form fieldset p.obligatorios {
	text-align: right;
	color: #900;
	position: relative;
	top: -6px;
	margin-bottom: 4px;
}

div#content form fieldset label span.obligatorio {
	color: #900;
	font-weight: normal;
}

div#content form fieldset label span.nota {
	font-weight: normal;
}

div#content form p.ancho input, div#content form p.ancho textarea { width: 633px; }
div.tienda form p.ancho input, div.tienda form p.ancho textarea { width: 408px !important; }
div#content form input.corto { width: 190px; }


div.ancha {
	width: 900px !important;
}

div.fancy_inline {
	width: 600px;
	height: 400px;
	overflow: auto;
	border: 1px solid #ccc;
	padding: 10px 10px 5px 10px;
	background: #eee;
	font-size: 1.2em;
}


/***** CONTENT MSG *****/

div#content div.msg_ok, div#content div.msg_error, div#content div.msg_info {
	background: #eee;
	padding: 10px 10px 5px 32px;
	width: 631px;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	font-size: .9em;
	color: #666;
}

div#content div.msg_ok {
	background: #efe url(img/msg/tick.png) no-repeat 8px 8px;
	border-color: #488a00;
}

div#content div.msg_error {
	background: #fee url(img/msg/cross.png) no-repeat 8px 8px;
	border-color: #bf3627;
}

div#content div.msg_info {
	background: #eef7ff url(img/msg/info.png) no-repeat 8px 8px;
	border-color: #0f57ac;
}

div#content div.msg_ok ul, div#content div.msg_error ul, div#content div.msg_info ul,
div#content div.msg_ok p, div#content div.msg_error p, div#content div.msg_info p {
	margin-bottom: 5px !important;
}

div.ancha div.msg_ok, div.ancha div.msg_error, div.ancha div.msg_info {
	width: 856px !important;
}

div.tienda div.msg_ok, div.tienda div.msg_error, div.tienda div.msg_info {
	width: 406px !important;
	margin: 10px 0 0 0 !important;
}

div.tienda div#info_cesta div.msg_ok, div.tienda div#info_cesta div.msg_error {
	margin-bottom: 10px !important;
}

div.tienda div#info_cesta div.msg_ok p {
	margin-bottom: 5px !important;
}



/***** CONTENT > RUTA *****/

div#content ul#ruta, div#content ul#ruta li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div#content ul#ruta {
	background: #ccc url(img/ruta_bg.gif) repeat-x center center;
	border: 1px solid #ccc;
	height: 2.2em;
	margin-bottom: 25px;
	font-size: .75em;
}

div#content ul#ruta li {
	float: left;
	line-height: 2.2em;
	color: #666;
	padding: 0 12px 0 .65em;
	background: #eee url(img/ruta.gif) no-repeat right center;
}

div#content ul#ruta li.actual {
	background-image: url(img/ruta_actual.gif);
}
div#content ul#ruta li a {
	display: block;
	color: #666;
	font-weight: normal;
	text-decoration: none !important;
}



/***** CONTENT MENU CONTENT *****/

div#content ul.menu_content {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#content ul.menu_content li {
	list-style: none;
	margin: 0 10px 5px 0;
	padding: 0;
	float: left;
}



/***** BOX *****/

div.box {
	background: #eee url(img/box/bg.gif) repeat-x bottom center;
	margin-bottom: 25px;
	border: 1px solid #ccc;
}


div#sidebar p,
div#sidebar_tienda p { margin-bottom: 0; }

div.box div.box_content { padding: 10px; }
div.box div.box_content p { margin-bottom: 0; }


div.box div.box_content input.buscar_q {
	width: 149px !important;
}

div.box div.box_content select.sidebar_select {
	width: 155px !important;
}

div.box div.box_content input.buscar_submit {
	padding: 0 !important;
	border: 0 !important;
	width: auto !important;
	height: auto !important;
	margin-left: 5px;
}

div.box div.box_content p.sidebar_select_p input.buscar_submit {
}


div.box div.box_content label {
	font-size: .9em;
}


div.box h2 {
	font-size: 1.1em;
	background: #eee url(img/box/base.jpg) no-repeat center left;
	padding: 5px 10px 5px 28px;
	color: #333;
	margin: 0;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}

div.box h2 a {
	color: #333;
	text-decoration: none !important;
}

div.box h2 a:hover {
	color: #666;
	border-bottom: 1px solid #666;
}

div#box_buscar h2 { background-image: url(img/box/buscar.jpg); }
div#box_bonos h2 { background-image: url(img/box/bono.jpg); }
div#box_categorias h2 { background-image: url(img/box/categorias.jpg); }
div#box_fabricantes h2 { background-image: url(img/box/buscar.jpg); }
div#box_informacion h2 { background-image: url(img/box/informacion.jpg); }
div#box_metodos_pago h2 { background-image: url(img/box/metodos_pago.jpg); }
div#box_oferta h2 { background-image: url(img/box/oferta.jpg); }
div#box_destacado h2 { background-image: url(img/box/destacado.jpg); }
div#box_cesta h2 { background-image: url(img/box/cesta.jpg); }
div#box_tucuenta h2 { background-image: url(img/box/tucuenta.jpg); }
div#box_calendario h2 { background-image: url(img/box/calendario.jpg); }

div#box_oferta p.imagen,
div#box_oferta p.nombre,
div#box_oferta p.precio,
div#box_oferta p.caducidad,
div#box_destacado p.imagen,
div#box_destacado p.nombre,
div#box_destacado p.precio,
div#box_destacado p.caducidad {
	text-align: center;
	margin-bottom: 10px;
}

div#box_oferta p.imagen img,
div#box_destacado p.imagen img {
	border: 1px solid #ccc;
	background: white;
}

div#box_oferta p.precio,
div#box_destacado p.precio { font-size: 1.2em; }

div#box_oferta p.precio strong,
div#box_destacado p.precio strong { color: #900; }

div#box_oferta p.caducidad,
div#box_destacado p.caducidad { font-size: .85em; }

div#box_metodos_pago p { text-align: center; }

div.box ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div.box ul li {
	list-style-type: none;
	background-image: url(img/box/li.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	display: block;
	padding: 5px 0 5px .8em;
	border-top: 1px dotted #ccc;
}
div.box ul li.primero { border: 0 !important; }

div.box ul li ul li {
	background: none;
	display: block;
	padding: 3px 0 0 0;
	border-top: 0px;
	font-size: .8em;
}
div.box ul li ul li.left {
	float: left;
}
div.box ul li ul li.right {
	padding-left: 84px;
}

div.box legend { display: none; }

div.box label { 
	font-size: 1.1em;
	font-weight: bold;
	display: block;
}

div.box input { width: 167px; }



/***** BOX_CESTA *****/

div#box_cesta div.cesta_elemento {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div#box_cesta p.nombre {
	padding-right: 17px;
	margin-bottom: 0;
}

div#box_cesta p.eliminar {
	float: right;
	margin-bottom: 0;
}

div#box_cesta p.cantidad { padding-top: 10px; }

div#box_cesta p.cantidad img {
	position: relative;
	top: 4px;
}

div#box_cesta p.cantidad span {
	border: 1px solid #999;
	background: white;
	padding: 2px 5px;
}

div#box_cesta p.precio {
	float: right;
	padding-top: 12px;
}

div#box_cesta p.atributo {
	font-size: .9em;
	margin-bottom: 0;
}

div#box_cesta p.total { text-align: right; }



/***** BOX_CALENDARIO *****/

div#box_calendario p {
	margin-bottom: 10px;
}

div#box_calendario table.calendario {
	width: 175px;
	text-align: center;
	margin-left: 2px;
	border-collapse: separate;
	border-spacing: 1px;
	font-size: .8em;
}

div#box_calendario table.calendario thead th, div#box_calendario table.calendario tbody td {
	width: 22px;
	height: 22px;
	text-align: center;
	border: 1px solid transparent;
	vertical-align: middle;
}

div#box_calendario p.mes { text-align: center; }
div#box_calendario p.mes a { text-decoration: none !important; }



/***** CONTENT > PRESENTACION *****/

div#content div.presentacion {
	width: 675px;
	height: 200px;
	background-color: white;
	background-repeat: no-repeat;
	background-position: top center;
	margin-bottom: 25px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 25px;
}

div#content div.presentacion div.invitacion {
	width: 200px;
	float: left
}

div#content div.presentacion div.invitacion p {
	width: 200px;
	font-size: 1.6em;
}

div#content div.presentacion div.invitacion ul { font-size: 1.2em; }
div#content div.presentacion div.noticias { float: right; }

div#content div.presentacion div.noticias div.noticias_anteriores {
	width: 210px;
	height: 115px;
	overflow: auto;
	margin-bottom: 10px;
	background: #eee;
	padding-right: 10px;
	border: 10px solid #eee;
}

div#content div.presentacion div.noticias div.noticias_anteriores h3 {
	font-size: 1em;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
}

div#content div.presentacion div.noticias div.noticias_anteriores h3 a { text-decoration: none !important; }

div#content div.presentacion div.productos {
	clear: both;
	padding-top: 15px;
}

div#content div.presentacion div.productos div.destacados {
	clear: both;
	padding-top: 15px;
}

div#content div.presentacion div.productos div.destacados h2 {
	margin-top: 15px;
	margin-bottom: 0;
	background: #eee;
	padding: 5px;
}

div#content div.presentacion div.productos div.destacados div {
	float: left;
	width: 90px;
	height: 190px;
	border: 1px solid #ccc;
	padding: 5px;
	margin-right: 12.5px;
	margin-top: 10px;
	position: relative;
}

div#content div.presentacion div.productos div.destacados div.ultimo { margin-right: 0; }
div#content div.presentacion div.productos div.destacados div p { font-size: .85em; }

div#content div.presentacion div.productos div.destacados div p.precio {
	position: absolute;
	bottom: 5px;
	display: block;
	width: 80px;
	padding: 5px;
	margin: 0;
	background: #eee;
	color: #900;
	font-size: 1.4em;
	text-align: center;
	font-weight: bold;
}



/***** CONTENT > CALENDARIO *****/

div#content div#calendario {
	width: 230px;
	float: left;
}

div#content div#calendario_eventos {
	width: 420px;
	float: right;
}

div#content div#calendario p.mes {
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: 10px;
}

div#content div#calendario p.mes a { text-decoration: none !important; }

div#content div#calendario table.calendario {
	width: 230px;
	text-align: center;
	border-collapse: separate;
	border-spacing: 1px;
	border: 0;
}

div#content div#calendario table.calendario thead th, div#content table.calendario tbody td {
	width: 30px;
	height: 30px;
	text-align: center;
	border: 1px solid #eee;
	vertical-align: middle;
}

/* ie */
* html div#content div#calendario table.calendario thead th, * html div#content table.calendario tbody td { height: 20px; }



/***** CONTENT > CONTACTO *****/

div#content div#contacto {
	width: 325px;
	float: left;
}

div#content div#formulario_contacto {
	width: 300px;
	float: right;
	border-left: 1px solid #ccc;
	padding-left: 25px;
}

div#content div#formulario_contacto form fieldset { width: 266px; }
div#content div#formulario_contacto form input, div#content div#formulario_contacto form textarea { width: 257px; }



/***** CONTENT > RECURSOS *****/

div#content div.codigo_banner {
	border: 1px solid #ccc;
	background: #eee url(img/bg_cajas.gif) repeat-x bottom center;
	padding: 10px;
	margin-bottom: 25px;
}

div#content div.codigo_banner p {
	margin: 0;
	font-weight: bold;
}

div#content div.codigo_banner p.codigo {
	font-family: monospace;
	margin-top: 5px;
	font-weight: normal;
}



/***** CONTENT > TU_CUENTA *****/

div#content div#registro {
	width: 323px;
	float: left;
}

div#content div#login {
	width: 325px;
	float: right;
}

div#content div#registro form fieldset,
div#content div#login form fieldset { width: 291px; }

div#content div.info_contacto,
div#content div.direccion,
div#content div.direccion_impar,
div#content div.pedido_estado,
div#content div.pedido_pago,
div#content div.bono {
	width: 330px;
	border: 1px solid #ccc;
	margin-bottom: 11px;
}

div.tienda div.direccion,
div.tienda div.direccion_impar {
	width: 218px !important;
}

div#content div.pedido_estado,
div#content div.pedido_pago,
div#content div.bono {
	width: auto !important;
}

div.tienda div.sin_direccion {
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

div#content div.info_contacto,
div#content div.direccion {
	clear: left;
	float: left;
}
div#content div.direccion_impar {
	clear: right;
	float: right;
}

div#content div.info_contacto div,
div#content div.direccion div,
div#content div.direccion_impar div,
div#content div.pedido_estado div,
div#content div.pedido_pago div,
div#content div.bono div {
	padding: 10px;
}

div#content div.info_contacto h3,
div#content div.direccion h3,
div#content div.direccion_impar h3,
div#content div.pedido_estado h3, 
div#content div.pedido_pago h3,
div#content div.bono h3 {
	border-bottom: 1px solid #ccc;
	margin: 0;
	font-size: 1.1em;
	padding: 5px 10px 5px 28px;
	color: #333;
	text-align: left;
}

div#content div.info_contacto h3 { background: #eee url(img/barras/usuario.jpg) no-repeat center left; }
div#content div.direccion h3,
div#content div.direccion_impar h3 { background: #eee url(img/barras/direccion.jpg) no-repeat center left; }
div#content div.pedido_estado h3 { background: #eee url(img/barras/pedido.jpg) no-repeat center left; }
div#content div.pedido_pago h3 { background: #eee url(img/barras/pago.jpg) no-repeat center left; }
div#content div.bono h3 { background: #eee url(img/barras/bono.jpg) no-repeat center left; }

div#content div.info_contacto p,
div#content div.direccion p,
div#content div.direccion_impar p,
div#content div.pedido_estado p,
div#content div.pedido_pago p,
div#content div.bono p {
	margin-bottom: 0;
}

div#content div.direccion p.edicion,
div#content div.direccion_impar p.edicion{
	height: 30px;
	margin: 4px 4px 0 0;
	text-align: right;
}

div#content div.info_contacto p.otra_info,
div#content div.direccion p.otra_info,
div#content div.direccion_impar p.otra_info {
	margin-top: 10px;
}

div#content div.info_contacto p.botones,
div#content div.direccion p.botones,
div#content div.direccion_impar p.botones {
	margin-top: 10px;
	margin-bottom: 0;
	text-align: right;
}

div#content div.pedido_pago form {
	display: inline;
}

div#content div.pedido_pago form p {
	display: inline;
}

div#content div.pedido_pago form p input{
	margin-right: 5px;
}

div#content div.bono form fieldset {
	margin-bottom: 0;
	background: none;
	border: 0;
	padding: 0;
}

div#content div.bono form fieldset legend {
	display: none;
}

div#content div.bono form fieldset p,
div#content div.bono form fieldset label {
	display: inline;
}

div#content div.bono form fieldset label {
	margin-right: 5px;
}


/***** CONTENT > FOTOGRAFIAS *****/

div#content table#gallery a.imagen img { border: 1px solid #ccc; }

div.albums div.album_impar,
div.albums div.album {
	float: left;
	border: 1px solid #ccc;
	margin: 0 0 11px 0;
	padding: 10px;
	width: 310px;
	background: #eee url(img/bg_cajas.gif) repeat-x bottom center;
}

div.albums div.album_impar {
	margin-right: 11px;
}


div.albums div h3,
div.albums div p.datos {
	display: block;
	width: 200px;
	float: left;
}


div.albums h3 {
	color: #333;
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}

div.albums h3 a {
	color: #333;
	text-decoration: none !important;
}


div.albums h3 a:hover {
	color: #666;
	border-bottom: 1px solid #666;
}

div.albums div p.datos {
	margin: 0 !important;
}

div.albums div p.clave {
	display: block;
	width: 100px;
	height: 100px;
	float: right;
	margin: 0 !important;
	border: 1px solid #ccc;
}

div.fotografias p#gallery {
	margin: 0 !important;
}

div.fotografias p#gallery img {
	border: 1px solid #ccc;
	margin: 0 10px 10px 0;
}



/***** CONTENT > NOTICIAS *****/

div.noticias h2 {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}

div.noticias h2 a {
	color: #333 !important;
	text-decoration: none !important;
}

div.noticias h2 a:hover {
	color: #666 !important;
	border-bottom: 1px solid #666;
}

div.noticias p.usuario_imagen {
	float: left;
	margin: 0 10px 0 0;
}

div.noticias p.usuario {
	margin: 0 !important;
}

div.noticias p.fecha {
}

div.noticias div.cuerpo_noticia {
	clear: both;
	margin: 10px 0 50px 0;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}



/***** CONTENT > CALENDARIO *****/

div.calendario h2 {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}

div.calendario p.calendario_imagen {
	float: left;
	margin: 0 10px 0 0;
}

div.calendario p.fecha {
	margin: 0 !important;
}

div.calendario p.usuario {
}

div.calendario div.cuerpo_evento {
	clear: both;
	margin: 10px 0 50px 0;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}



/***** CONTENT > TIENDA *****/

div#sidebar_tienda {
	width: 200px;
	float: left;
	padding-left: 25px;
	font-size: 1.2em;
}

div#content div#sidebar_tienda {
	padding: 0 25px 0 0;
	font-size: 1em;
}

div.tienda {
	width: 450px !important;
	float: left !important;
}

div.tienda form fieldset {
	width: 418px !important;
}

div.tienda ul.listado_categorias {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

div.tienda ul.listado_categorias li {
	list-style: none;
}

div.tienda ul.listado_categorias li a {
	float: left;
	margin: 0 5px 5px 0;
	text-decoration: none !important;
	border: 1px solid white;
}
div.tienda ul.listado_categorias li a:hover {
	border-color: #900;
}

div.tienda ul.categorias {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

div.tienda ul.categorias li {
	list-style: none;
}

div.tienda ul.categorias li a {
	float: left;
	padding: 3px 5px 3px 18px;
	margin: 0 5px 5px 0; 
	background: #900 url(img/categoria.gif) no-repeat 3px center;
	color: white;
	font-size: .9em;
	text-decoration: none !important;
}

div.tienda table ul.categorias li a {
	margin: 3px 3px 0 0;
}

div.tienda ul.categorias li a:hover {
	background: #f00 url(img/categoria_on.gif) no-repeat 3px center;
}

div.tienda ul.categorias_img {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

div.tienda ul.categorias_img li {
	list-style: none;
}

div.tienda ul.categorias_img li a {
	float: left;
	margin: 0 5px 5px 0;
	text-decoration: none !important;
}

div.tienda ul.fabricantes {
	list-style: none;
	padding: 0;
	margin: 0;
}

div.tienda ul.fabricantes li {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
	text-align: center;
}

div.tienda ul.fabricantes li a {
}


p.num_listados {
	text-align: right;
	font-size: .8em;
	clear: both;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

p.paginacion {
	margin-top: 13px;
	text-align: center;
	font-size: .9em;
}

p.paginacion a {
	padding: 2px 4px;
	margin: 0 3px 0 0; 
	background: #900;
	border: 1px solid #900;
	color: white;
	text-decoration: none !important;
}

p.paginacion a:hover {
	background: #f00;
	border-color: #f00;
}

p.paginacion strong {
	padding: 2px 3px;
	margin: 0 3px 0 0;
	border: 1px solid #900;
	text-decoration: none !important;
}

p.paginacion span {
	padding: 2px 0;
	margin: 0 3px 0 0;
}



/* PORTADA PRODUCTOS */

div.tienda div.portada_productos {
	clear: both;
}

div.tienda div.portada_productos_impar,
div.tienda div.portada_productos_par {
	width: 220px;
}

div.tienda div.portada_productos_impar {
	clear: left;
	float: left;
}

div.tienda div.portada_productos_par {
	clear: right;
	float: right;
}

div.tienda div.portada_productos div,
div.tienda div.portada_productos_impar div,
div.tienda div.portada_productos_par div {
	border: 1px solid #ccc;
	margin: 0 0 10px 10px;
	float: left;
	width: 198px;
	padding: 10px;
	position: relative;
}

div.tienda div.portada_productos div.primero,
div.tienda div.portada_productos_impar div,
div.tienda div.portada_productos_par div {
	margin: 0 0 10px 0;
	clear: both;
}

div.tienda div.portada_productos div p.imagen,
div.tienda div.portada_productos_impar div p.imagen,
div.tienda div.portada_productos_par div p.imagen {
	width: 100px;
	height: 100px;
	margin: 0 10px 10px 0;
	float: left;
	text-align: center;
}

div.tienda div.portada_productos div p.nombre a,
div.tienda div.portada_productos_impar div p.nombre a,
div.tienda div.portada_productos_par div p.nombre a {
	display: block;
	width: 88px;
	min-height: 100px;
	overflow: hidden;
	float: right;
	font-size: 1.1em;
	margin: 0 0 10px 0;
}

div.tienda div.portada_productos div p.precio,
div.tienda div.portada_productos_impar div p.precio,
div.tienda div.portada_productos_par div p.precio {
	display: block;
	clear: both;
	width: 188px;
	padding: 5px;
	margin: 10px 0 0 0 !important;
	background: #ccc url(img/precio_bg.gif) repeat-x center center;
	color: #900;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
}

div.tienda div.portada_productos div p.precio s,
div.tienda div.portada_productos_impar div p.precio s,
div.tienda div.portada_productos_par div p.precio s {
	color: #333;
	font-weight: normal;
}

div.tienda div.portada_productos li,
div.tienda div.portada_productos_impar li,
div.tienda div.portada_productos_par li {
	margin-bottom: 5px;
}



/* LISTADO PRODUCTOS */

div.tienda table#listado_productos th.col_producto_imagen,
div.tienda table#listado_productos th.col_producto_precio { width: 100px; }

div.tienda table#listado_productos td.cell_producto_imagen {
	background-color: white;
	text-align: center;
	vertical-align: top;
	height: 100px;
}

div.tienda table#listado_productos td.cell_producto_precio {
	text-align: center;
	vertical-align: middle;
	font-size: 1.1em;
}

div.tienda table#listado_productos td.cell_producto_precio strong { color: #900; }

div.tienda table#listado_productos td.cell_producto_precio span.caducidad_oferta {
	display: block;
	font-size: .75em;
	padding-top: 10px;
}

div.tienda table#listado_productos a.enlace_producto {
	display: block;
	font-size: 1.1em;
	margin-bottom: 5px;
}



/* LISTADO PRODUCTOS CESTA */

div.tienda table#listado_productos_cesta th.col_producto_imagen { width: 100px; }

div.tienda table#listado_productos_cesta td.cell_producto_imagen {
	background-color: white;
	text-align: center;
	vertical-align: middle;
	height: 100px;
}

div.tienda table#listado_productos_cesta th.col_producto_precio_cesta { width: 60px; }

div.tienda table#listado_productos_cesta th.col_producto_precio_total_cesta { width: 65px; }

div.tienda table#listado_productos_cesta th.col_producto_cantidad_cesta { width: 55px; }

div.tienda table#listado_productos_cesta td.cell_producto_precio_cesta,
div.tienda table#listado_productos_cesta td.cell_producto_precio_total_cesta {
	text-align: right;
}
div.tienda table#listado_productos_cesta td.cell_producto_cantidad_cesta {
	text-align: center;
}

div.tienda table#listado_productos_cesta td.cell_producto_precio_cesta strong { color: #900; }



/* LISTADO PRODUCTOS CESTA */

table#listado_productos_pedido th.col_producto_imagen { width: 100px; }

table#listado_productos_pedido td.cell_producto_imagen {
	background-color: white;
	text-align: center;
	vertical-align: middle;
	height: 100px;
}

table#listado_productos_pedido th.col_producto_precio_pedido { width: 60px; }

table#listado_productos_pedido th.col_producto_precio_total_pedido { width: 65px; }

table#listado_productos_pedido th.col_producto_cantidad_pedido { width: 55px; }

table#listado_productos_pedido td.cell_producto_precio_pedido,
table#listado_productos_pedido td.cell_producto_precio_total_pedido {
	text-align: right;
}
table#listado_productos_pedido td.cell_producto_cantidad_pedido {
	text-align: center;
}

table#listado_productos_pedido td.cell_producto_precio_pedido strong { color: #900; }



/* FICHA PRODUCTO */

div.tienda div#info_base {
	position: relative;
}

div.tienda div#info_base h2, div.tienda div#info_base h3 { width: 325px; }

div.tienda div#info_base h2 {
	margin-bottom: 5px;
	float: left;
}

div.tienda div#info_base h3 {
	float: left;
	clear: left;
	color: #999;
	font-size: 1em;
	margin-bottom: 10px;
}

div.tienda div#info_base p.precio {
	float: right;
	display: block;
	width: 80px;
	padding: 5px;
	margin: 0 0 10px 0;
	background: #ccc url(img/precio_bg.gif) repeat-x center center;
	color: #900;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
}

div.tienda div#info_base p.precio s {
	color: black;
	font-weight: normal;
}

div.tienda div#info_base p.caducidad_oferta {
	clear: both;
	float: right;
	display: block;
	width: 90px;
	margin: 0 0 10px 0;
	font-size: .8em;
	text-align: center;
}

div.tienda div#info_cesta {
	clear: both;
	border-top: 1px solid #999;
}

div.tienda div#info_cesta fieldset legend { display: none; }

div.tienda div#info_cesta p {
	margin: 0;
}

div.tienda div#info_cesta fieldset#cesta_atributos {
	clear: both;
	background: none;
	border: 0;
	padding: 10px 0 10px 0;
	margin: 0;
	width: 275px !important;
	float: left;
}

div.tienda div#info_cesta p.atributos {
	margin-bottom: 3px;
}

div.tienda div#info_cesta p.atributos label {
	display: inline;
	padding-right: 10px;
}

div.tienda div#info_cesta p.atributos select {
}

div.tienda div#info_cesta p.valor {
	margin-bottom: 3px;
}

div.tienda div#info_cesta p.valor label {
	display: inline;
	padding-right: 10px;
}

div.tienda div#info_cesta p.valor input {
	width: 80px;
}

div.tienda div#info_cesta fieldset#cesta_add {
	background: none;
	border: 0;
	padding: 10px 0 10px 0;
	margin: 0;
	width: 149px !important;
	float: right;
}

div.tienda div#info_cesta fieldset#consultar {
	background: none;
	border: 0;
	padding: 10px 0 10px 0;
	margin: 0;
	width: 149px !important;
	float: right;
}

div.tienda div#info_cesta fieldset#consultar p { margin-bottom: 5px; }
div.tienda div#info_cesta fieldset#consultar p.input_image { margin-bottom: 0; }

div.tienda div#info_cesta fieldset#consultar input {
	width: 141px;
}

div.tienda div#info_cesta fieldset#cesta_add p.cantidad {
	margin-bottom: 6px;
	text-align: right;
}

div.tienda div#info_cesta fieldset#cesta_add p.derecha {
	text-align: right;
}

div.tienda div#info_cesta fieldset#cesta_add label {
	display: inline;
	padding-right: 10px;
}

div.tienda div#info_cesta fieldset#cesta_add input {
	width: 35px;
}

div.tienda div#info_extendida {
	clear: both;
	border-top: 1px solid #999;
	padding-top: 10px;
	
}

div.tienda div#info_extendida p#info_imagen  {
	float: right;
	padding: 5px;
	margin: 0 0 10px 10px;
	border: 1px solid #999;
	font-size: .8em;
	text-align: center;
	color: #999;
}

div.tienda div#info_adicional {
	clear: both;
	padding-top: 10px;
	position: relative;
	top: 10px;
	border-top: 1px solid #999;
	font-size: .9em;
}

div.tienda div#info_adicional p { margin-bottom: 0; }

div.tienda div#info_adicional p.fabricante img { margin: 0 10px 10px 0; }



/***** SIDEBAR *****/

div#sidebar {
	width: 200px;
	float: right;
	padding-right: 25px;
	font-size: 1.2em;
}



/***** CALENDARIO *****/

table.calendario thead th {
	border-color: #ddd !important;
	background: #ddd !important;
	color: #333 !important;
	font-weight: bold;
}

table.calendario tbody td.finde {
	background: #edd !important;
	border-color: #edd !important;
}

table.calendario tbody td.finde_hoy {
	background: #edd !important;
	border-color: #000 !important;
}

table.calendario tbody td.hoy {
	border-color: #000 !important;
}

table.calendario tbody td.acto {
	background: #900 !important;
	border-color: #900 !important;
}

table.calendario tbody td.acto_hoy {
	background: #900 !important;
	border-color: #000 !important;
}

table.calendario tbody td a {
	text-decoration: none !important;
	font-weight: normal !important;
	color: white !important;
	display: block;
}



/***** PROVEEDORES *****/

div#proveedores {
	clear: both;
	background: black url(img/logos.gif) repeat-x 0px center;
	height: 40px;
	margin-bottom: 10px;
	border-bottom: 2px solid white;
}
div#proveedores * { display: none; }



/***** FOOTER *****/

div#footer {
	background: #333;
	color: white;
	clear: both;
	margin: 0;
	font-size: 1.1em;
	padding: 0 0 10px 0;
	font-weight: bold
}

div#footer a { color: #ccc !important; }

div#footer p {
	text-align: center;
	margin: 0;
}
