* { font-family: Arial, Helvetica, sans-serif; }

html {min-height:100.1%; margin: 0; padding: 0;} 

body { text-align: center; margin: 0; padding: 0; }

img { border: 0; margin: 0; padding: 0;}

caption { display: none; }

a { margin: 0; padding: 0 .2em; text-decoration: none; background-color: inherit; color: #ED4000; font-size: .9em; font-weight: bold; }
a:hover	{ color: #000; background-color: inherit; padding: 0 .2em; }

.invisible { display: none; }
.derecha { text-align: right; }
.izquierda { text-align: left; }
.centrado { text-align: center; }
.indentado { margin-left: 1em; }
.normal { font-weight: normal; }
.pequeno { font-size: .7em; }
.mediano { font-size: .8em; }
.grande { font-size: 1.4em; }
.oferta { font-size: .8em; font-weight: bold; color: #F00; background-color: inherit; }
.ofertap { font-size: .7em; font-weight: bold; color: #F00; background-color: inherit; }
.novedad { font-size: .8em; font-weight: bold; color: #008000; background-color: inherit; }
.h2_spas { font-size: 1.1em; color: #2D0383; background-color: #inherit; padding: 0; text-align: center;  margin: 1em 0; }

hr { color: #2D0383; background-color: inherit; margin: 0; }

h1 { text-align: right; font-size: 1.4em; margin: .5em 1em 0 0; }

/***************************************** CAPAS y MENUS *********************************/

#fondo {
					position: relative;
					margin: .5em auto;
					text-align: center;
					width: 750px;
				}

/********************************* INDEX ****************************/

#izquierdaindex { 
									position: relative; float: left; clear: left; 
									width: 435px;
									padding: 0; margin: 0;
									text-align: center;
									color: #2D0383; background-color: inherit;
									font-size: .9em; font-weight: bold; 
								}
								
#izquierdaindex img { margin-top: .5em; }

#derechaindex { 
								position: relative; float: right; 
								width: 305px; 
								padding: 0; margin: 1em 0 0 0;
								background-color: #E8F5FE; color: inherit;
							}
							
#derechaindex a { margin: 0; padding: 0; }

#cabeceratiendaindex { width: 100%; margin: 0; padding: .5em 0; background-color: #2D0383; color: #FFF; font-size: 1.2em; font-weight: bold; }

.categoriatiendaindex { margin: .5em 0; padding: 0 1em; text-align: right; font-size: 1.1em; }

/********************************* CABECERA ****************************/

#cabecera { 
						position: relative; float: left; clear: both; 
						width: 100%;
						padding: 0; margin: 0;
					}

#logotipo { 
						position: relative; float: left; clear: left; 
						width: 100%;
						text-align: left; 
						color: #FFF; background-color: #E8F5FE;
					}

#logotipo img { margin: 0; }

#menuprincipal { 
								position: relative; float: left; clear: left; 
								width: 100%;
								text-align: left; font-size: .9em; font-weight: bold;
								margin: 0; padding: .3em 0; 
								color: #FFF; background-color: #2D0383;
							}

#menuprincipal ul { list-style-type: none; margin: 0 0 0 1em; padding: 0; }
#menuprincipal ul li { margin: 0; padding: 0;  display: inline; }
#menuprincipal ul li a { color: #FFF; background-color: #2D0383; margin: 0; padding: 0 .2em; } 
#menuprincipal ul li a:hover	{ color: #8EE9FC; background-color: #2D0383; margin: 0; padding: 0 .2em; }

#menuprincipal span { margin: 0; padding: 0 .2em; font-size: .9em; color: #8EE9FC; background-color: inherhit; }

/********************************* CONTENIDO ****************************/

#contenido {
							position: relative; float: left; clear: left;
							width: 100%; margin: 0; padding: 0;
					}

#buscador {
						position: relative; float: left;
						width: 220px;
						padding: 0; margin: .5em 0;
				}
				
#buscador h2 { margin: 0; padding: 0; font-size: .9em; }
#buscador h3 { margin: 0; padding: 0; font-size: .9em; text-align: left; font-weight: bold; }
#buscador h4 { margin: 0; padding: 0; font-size: .9em; text-align: left; font-weight: bold; }

#buscador form { margin: .2em 0 .5em 0 ; padding: 0; text-align: left; }
#buscador form select { font-size: .8em; font-weight: normal; }

.boton { color: #ED4000; background-color: #2D0383; border: 0; font-size: .9em; font-weight: bold; margin: .2em 0 0 0; padding: 0; cursor: pointer; }
.boton:hover { color: #FFF; background-color: #2D0383; }

#cabecerabuscador { 
										width: 100%; 
										margin: 0; padding: 0; 
										background-color: #2D0383; color: #FFF; 
										font-size: 1em; font-weight: bold; 
									}

#cabecerabuscador h2 { padding: .5em 0; }

#camposbuscar { 
								margin: .5em 0 .2em 0; padding: .5em .5em; 
								background-color: #2D0383; color: #FFF; 
								font-size: .8em; font-weight: bold; text-align: left; 
							}
							
#camposseleccion { 
									margin: .2em 0;  padding: .5em .5em; 
									background-color: #2D0383; color: #FFF; 
									font-size: .8em; font-weight: bold;  text-align: left;
								}

#camposvisualizar { 
									margin: .2em 0;  padding: .5em .5em; 
									background-color: #2D0383; color: #FFF; 
									font-size: .8em; font-weight: bold;  text-align: left;
								}

#camposatencion { 
									margin: .2em 0;  padding: .5em .5em; 
									background-color: #FFF; color: #2D0383; 
									font-size: .8em; font-weight: bold; text-align: left;
									border: 1px solid #2D0383;
								}

#camposatencion p { margin: 0; padding: 0; }

.telefono { text-align: right; color: #000; background-color: inherit; margin: 0 0 0 .5em; padding: 0; font-size: 1em; vertical-align: top; }

#titulog { 
				position: relative; float: left; clear: left; 
				width: 100%; height: 50px; 
				padding: 0; margin: .5em 0;
				background: url(titulog.jpg) no-repeat top left;
		}

#titulog h1 { text-align: right; font-size: 1.2em; margin: .1em 1em 0 0; color: #2D0383; background-color: inherit; }

#titulop { 
				position: relative; float: right; 
				width: 520px; height: 50px; 
				padding: 0; margin: .5em 0;
				background: url(titulop.jpg) no-repeat top left;
		}
		
#titulop h2 { text-align: right; font-size: 1.2em; margin: .1em 1em 0 0; color: #2D0383; background-color: inherit; }
#titulop h3 { text-align: right; font-size: 1em; margin: .1em 1.2em 0 0; color: #F44E19; background-color: inherit; }

#sinregistros {
								position: relative; float: right;
								width: 520px; height: 50px;
								padding: 0; margin: 1em 0;
								background-color: #FFF; color: #2D0383;
							}
							
#sinregistros h3 { font-size: .9em; text-align: center; font-weight: bold; }
#sinregistros h4 { text-align: center; font-weight: bold; }

.encabezado_producto {
											position: relative; float: right;
											width: 500px;
											padding: .5em; margin: .1em 0;
										}
.encabezado_producto h4 { font-size: 1em; color: #2D0383; background-color: inherit; text-align: left; text-align: left; margin: 0; font-weight: bold; }

.lista_producto {
										position: relative; float: right;
										width: 500px;
										padding: .5em; margin: 0;
										background-color: #E8F5FE; color: #2D0383;
										text-align: left; font-size: 1.2em; 
									}

.lista_producto h4 { margin: 0; font-size: .8em; font-weight: bold; }
.lista_producto p { font-size: .7em; color: #000; background-color: inherit; margin: 0; text-align: left; }

.lista_producto_2 {
										position: relative; float: right;
										width: 470px;
										padding: .5em; margin: 0;
										background-color: #E8F5FE; color: #2D0383;
										text-align: left; font-size: 1.2em; 
									}

.lista_producto_2 h5 { margin: 0; font-size: .7em; font-weight: bold; }
.lista_producto_2 p { font-size: .7em; color: #000; background-color: inherit; margin: 0; text-align: left; }

#notas_resultados {
										position: relative; float: right;
										width: 505px;
										padding: .5em; margin: .1em 0;
										border: 1px solid #2D0383;
										font-size: .7em; text-align: left; 
									}

#notas_resultados p { margin: .5em 0; }

.resultados {
							position: relative; float: right;
							width: 505px;
							padding: .5em; margin: .1em 0;
							background-color: #E8F5FE; color: #2D0383;
						}

.resultados_izda {
										position: relative; float: left;
										width: 400px;
										padding: .5em; margin: .1em 0;
										background-color: #E8F5FE; color: #2D0383;
									}

#contenido_izda {
									position: relative; float: left;
									width: 405px;
									padding: 0; margin: 0;
								}
										
#formulario_dcha {
										position: relative; float: right;
										width: 320px;
										padding: .5em 0 0 0; margin: .2em 0 0 0;
										border: 1px solid #E8F5FE;
										font-size: .9em; 
									}

#formulario_dcha h2 { font-size: 1.1em; color: #2D0383; background-color: inherit; }
#formulario_dcha p { font-size: .8em; text-align: justify; margin-left: .5em; margin-right: .5em; }

.img_resultados { float: left; width: 150px; }
.cont_resultados { float: right; width: 340px; text-align: right; font-size: 1.1em; }

.img_resultados_izda { float: left; width: 150px; }
.cont_resultados_izda { float: right; width: 240px; text-align: justify; font-size: 1.1em; }

.cont_resultados p { font-size: .7em; color: #000; background-color: inherit; margin: 0; text-align: left; }
.cont_resultados h4 { font-size: 1em; }
.cont_resultados h5 { font-size: .7em; color: #000; background-color: inherit; margin: .8em 0 0 0; text-align: left; }
.cont_resultados h6 { font-size: .7em; color: #000; background-color: inherit; margin: .5em 0 0 0; text-align: left; font-weight: normal; }

.cont_resultados_izda h3 { font-size: .8em; font-weight: bold; }

.resultados form { margin: .2em 0 0 .5em; padding: 0; font-size: 1em; }
.resultados fieldset { border: 0; margin: 0; padding: 0; text-align: right; }
.resultados legend { display: none; }
.resultados label { font-size: .7em; font-weight: bold; vertival-align: top; }

.botoncesta { 
							position: relative; float: right; 
							color: #2D0383; background-color: #E8F5FE;
							border: 1px solid #2D0383; 
							font-size: .7em; font-weight: bold; text-align: center; 
							margin-top: 2em; padding: .1em .5em;
							cursor: pointer; 
						}

#pie_resultados {
									position: relative; float: right;
									width: 505px;
									padding: .5em; margin: .5em 0 0 0;
									background-color: #E8F5FE; color: #2D0383;
									font-weight: bold;
								}


#pie_resultados_i {
									position: relative; float: left;
									text-align: left; font-size: .8em; 
								}
								
#pie_resultados_d {
									position: relative; float: right;
									text-align: right; font-size: .8em;
									}

#pie_resultados_d a { padding: 0; margin: 0; }
#pie_resultados_d img { padding: 0 .2em; margin: 0; }
#pie_resultados_d span { padding: 0 .2em;  vertical-align: top; }

#volver {
					position: relative; float: right; 
					width: 520px;
					padding: 0; margin: .2em 0 0 0;
					font-size: .8em; text-align: left;
				}

#volverg {
					position: relative; float: left; 
					padding: 0; margin: .2em 0 0 0;
					font-size: .9em; text-align: left;
				}

#datos_pedido {
								position: relative; float: left; clear: left; 
								width: 97%;
								padding: .5em; margin: .5em 0 1em 0;
								border: 1px solid #2D0383;
							}
							
.cabecera_pedido { font-size: .8em; margin: 0; padding: 0; font-weight: normal; text-align: left; }

#detalle_pedido {
								position: relative; float: left; clear: all; 
								width: 99%;
								padding: 0; margin: .5em 0 0 0;
								text-align: center;
							}

#detalle_pedido form { margin: 0; padding: 0; }
#detalle_pedido fieldset { border: 0; margin: 0; padding: 0; text-align: right; }
#detalle_pedido legend { display: none; }
#detalle_pedido label { font-size: .7em; font-weight: bold; vertival-align: top; }
							
#detalle_pedido table { margin: 0 auto; empty-cells: hide; text-align: left; width: 98%; }
#detalle_pedido table th { font-size: .9em; border-bottom: 1px solid #2D0383;  padding: 0 .2em .2em .2em; }
#detalle_pedido table td { font-size: .7em; vertical-align: top; background-color: #E8F5FE; color: inherit; padding: .2em; }
#detalle_pedido table td img { float: left; vertical-align: top; margin: 0 .5em 0 .2em; }
#detalle_pedido table td a { font-size: 1em; }
#detalle_pedido table td h3,h4 { font-size: 1em; font-weight: normal; text-align: left; }
#detalle_pedido h2 { font-size: 1em; text-align: left; }
#detalle_pedido h3 { font-size: .8em; text-align: left; font-weight: normal; margin: 0 1em;  }

#sinpedido h3 { font-size: .9em; text-align: center; font-weight: bold; }
#sinpedido p { font-size: .8em; text-align: center; }

.subtotal { text-align: right; font-weight: bold; }
															
#formulario { position: relative; float: left; text-align: center; width: 100%; }
#formulario form { text-align: left; font-size: .9em; width: 80%; margin: 0 10%; }
#formulario form fieldset { border: 0; }
#formulario form fieldset ul { font-size: .8em; }
#formulario form fieldset ul li { list-style-type: none; margin: 1.5em 3em 0 0; padding: 0; }														
#formulario label { font-weight: bold; padding: 0 .2em; }
#formulario h2 { font-size: 1em; }
						
#formulario_contacto form { margin: 0; padding: 0; }
#formulario_contacto fieldset { border: 0; margin: 0; padding: 0; text-align: right; }
#formulario_contacto legend { display: none; }
#formulario_contacto input { margin: 1em 1.5em .5em 0; font-size: .7em; }
#formulario_contacto h2 { font-size: 1em; text-align: left; }
#formulario_contacto h3 { font-size: .9em; text-align: left; font-weight: normal; margin: .2em 0 0 1em; }

#formulario_contacto ul { list-style-type: none; text-align: left; font-size: .8em; }
#formulario_contacto ul li { list-style-type: none; text-align: left; margin-left: -2em; }

#somos p { text-align: justify; font-size: .8em; background-color: #FFF; color: #2D0383; }

#somos p span { font-size: 1.2em; font-weight: bold; }
								
/********************************* PIE ****************************/

#pie { 
				position: relative; float: left;
				width: 750px; height: 56px; 
				padding: 0; margin: .5em 0 0 0;
				text-align: center; font-weight: bold;
				background: url(pie.jpg) no-repeat top left;
		}
		
#pie ul { list-style-type: none; margin: 1.5em 3em 0 0; padding: 0; }
#pie ul li { margin: 0; padding: 0;  display: inline; font-size: .8em; }
#pie ul li a { margin: 0; padding: 0; }
#pie span { font-size: .9em; }


/************************************* KBD **********************************/
		kbd {
			float: left;
			width: 1.4em;
			border: 2px outset;
			text-align: center;
			font-weight: bold; font-size: 1em; 
			margin-right: .5em; 
		}


/****************** boton submit ****************************/

.botoninput { color: #2D0383; background-color: #E8F5FE; border: 1px solid #2D0383; padding: .1em 1em; cursor: pointer; vertical-align: middle; font-weight: bold; }

.botones {
						font-size: .8em; font-weight: bold; text-align: right;
						margin: 1em 0 2em 0; padding: 0; 
					}
					
.botones a { color: #2D0383; background-color: #E8F5FE; border: 1px solid #2D0383; margin: 0 .5em; padding: .2em 1em; }
.botones a:hover { color: #E8F5FE; background-color: #2D0383; border: 1px solid #2D0383; margin: 0 .5em; padding: .2em 1em; }