/***** 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, ins, q, s, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 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: 675px;
	color: #333;
}

* { font-size: 1em; }

a {
	color: #900;
	font-weight: bold;
	text-decoration: underline !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 {
	margin-left: 25px;
	margin-bottom: 10px;
}
ul ul { margin-bottom: 0; }
ul li { list-style: circle; }

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

/* 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: red; }

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

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

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



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

div#header {
}
div#header h1 { text-align: center; }
div#header h1 a { text-decoration: none !important; }



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

div#menu {
	display: none;
}



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

div#content {
	font-size: 1.2em;
	width: 600px;
}

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 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 p.ancho input, div#content form p.ancho textarea { width: 633px; }
div#content form input.corto { width: 190px; }


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

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

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: 836px !important;
}

div.tienda div.msg_ok, div.tienda div.msg_error, div.tienda div.msg_info {
	width: 386px !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;
}

div#content div.msg_ok {
	background: #efe url(img/msg/ok.gif) no-repeat left top;
	border-color: #488a00;
}

div#content div.msg_error {
	background: #fee url(img/msg/error.gif) no-repeat left top;
	border-color: #bf3627;
}

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



/***** 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.3em;
	margin-bottom: 25px;
	font-size: .8em;
}

div#content ul#ruta li {
	float: left;
	line-height: 2.3em;
	color: #666;
	padding: 0 15px 0 .75em;
	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; }



/***** 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;
}



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

div#content div.presentacion {
	width: 675px;
	height: 200px;
	background-color: white;
	background-repeat: no-repeat;
	background-position: top center;
}

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: 300px;
	float: left;
	border-right: 1px solid #ccc;
	padding-right: 25px;
}

div#content div#calendario_eventos {
	width: 325px;
	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: 300px;
	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: 40px;
	height: 40px;
	text-align: center;
	border: 1px solid #eee;
	vertical-align: middle;
}

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



/***** 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; }



/***** 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 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-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}



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

div#sidebar_tienda {
	display: none;
}

div.tienda {
}

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

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;
}





p.num_listados {
	text-align: right;
	font-size: .8em;
	clear: both;
}

p.paginacion {
	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;
}



/* PRODUCTOS */

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

div.tienda div#productos div.primero {
	margin: 0 0 10px 0;
	clear: both;
}


div.tienda div#productos div p.imagen {
	width: 100px;
	height: 100px;
	margin: 0 10px 10px 0;
	float: left;
	text-align: center;
}

div.tienda div#productos 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#productos div p.precio {
	display: block;
	clear: both;
	width: 188px;
	padding: 5px;
	margin: 10px 0 0 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#productos div p.precio s {
	color: #333;
	font-weight: normal;
}



/* 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: middle;
	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; }

div.tienda p.bono {
	text-align: right;
	border: 1px solid #ddd;
	padding: 10px;
	font-size: 1.2em;
}



/* 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.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 select {
}

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 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-right: 10px; }



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

div#sidebar {
	display: none;
}



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

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

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

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 {
	display: none;
}



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

div#footer {
	display: none;
}