/*                          )`·.             )\  '
       )`·.             .·´   ..:).·´(_  .·´   `· .
        \::`·._)`·.  (::::....   .. .:\(      .:::)
  .·´(   )::. ..:::).·´;·::  ´ ´\::.    ::....:·´  '
  ):..\(;;::--  ´ ´               '\:::::::..::)
 (::...:/\                          ¯¯¯¯¯¯ /·.
   `·:/::::\...:´/        ___________'/..::)
      \::::/::::/        /::::::::::::·-  ´ ´\/    '
        \/;::-'/        /;;::·-  ´ ´         _\
             /                      .,.,·:::::'/
   )`·.    '/         _ .,., ·:::::::::::::::/
 (::..:(.·/         /::::::::::::::::--  ´ ´
  `·:...'/         /:::::::: · ´                   '
     ):/         /··  ´
     '/         /                                  '
   '/,...:::· ´/                    '
  /::::::::::/OLIOServer
'/;:: ·   ´                  
	(c) 2009 Folioserver
	Todos los derechos reservados
	All rights reserved

*/


/*----------------------------------------------------[templates/tienda/folioestilo.css]----------------------------------------------------*/
/* * * NO MODIFICAR: RESET DE ESTILOS QUE DIFIEREN ENTRE NAVEGADORES. NO TOCAR! * * */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td { padding: 0;	margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; }
ol,ul { padding-left: 20px; margin-top: 5px; margin-bottom: 5px; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
/* ^ fin de reset ^ */



/*	=GLOBAL
	Estilos "globales" - selectores afectan a tags */
/* obligamos al body a ocupar toda la ventana */
html, body {
    height: 100%;
}
body {
	color: #585858;
	font: normal 11px "Trebuchet MS",Tahoma, Arial, Verdana, sans-serif;
    text-align: center;
	background: #e0ecfe;
}
/* enlaces */
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	color: #666;
	text-decoration: none;
}
img {
	vertical-align: middle;
}
h1 {font-size: 2em}
h2 {font-size: 1.66em}
h3, h3 a {font-size: 1.33em}
h4 {font-size: 0.75em}
h5 {font-size: 0.5em}
h6 {font-size: 0.25em}
/* por defecto eliminamos los balazos de las listas */
ul {
	list-style:none;
}
button {
	border: 1px solid #aaa;
	border-left-color: #ccc;
	border-top-color: #ccc;
	height: 22px;
	padding-top: 0px;
	background: url(images/boton.png);
	cursor: pointer;
	margin: 1px;
}
	button img {
		vertical-align: bottom;
	}
    button:hover {
        color: #555;
    }
    button[disabled] {
        cursor: default;
    }
        button[disabled]:hover {
            text-decoration: line-through;
        }
hr, div.hr {
    display: block;
    border: none;
	border-bottom: 1px dotted #999;
}
strong,b {
    font-weight: bold;
}
input,textarea {
    padding: 2px 0px 0px 2px;
    background: #ffffff url(images/textbg.png);
    border: 1px solid #808080;
}
/* ESTILOS PARA EL EDITOR TINY MCE en panel */
body.mceContentBody {
	text-align: left;
	background: #fff;
	background-image: none;
	padding: 5px;
}
/* VENTANA POPUP (de momento solo imprimir pedido) */
body#ventana {
	padding: 10px;
	text-align: left;
	background: #fff;
}

/*	TEXTOS comunes */
.CABECERA_PARRAFO {
	font-size: 1.8em;
	color: #999;
}

.TEXTO_PARRAFO {
	font-size: 1em;
	/*margin-left: 20px;*/
	margin-bottom: 20px;
	text-align: justify;
    line-height: 1.4em;
}

/* este elemento se posicionará correctamente despues de elementos flotantes; asi una caja contenedora los abarcará correctamente */
.floatbreaker { display: block; clear: both }

/* elimina estilos para radiobuttons y checkboxes - de todos modos se le debe asignar la clase RADIO_CHECKBOX a un input
    tipo radio o checkbox, porque IE6 no pilla lo de input[type=...] */
input.RADIO_CHECKBOX, input[type=radio], input[type=checkbox] {
	border: none !important;
	background: none !important;
    width: auto !important;
    vertical-align: middle;
}

/*
 * A elementos con clase="foco" se les asignará la siguiente clase al recibir el foco del cursor
 */
.enfocado {
	background: #FFFFC0 url(images/textbg_foco.png) !important;
}

body.font_size_small {
    font-size: 9px;
}
body.font_size_normal {
    /* deberai de ser igual que el body */
    font-size: 11px;
}
body.font_size_large {
    font-size: 14px;
}


/*	=DISTRIBUCION
	distribucion/layout general */
.MARCO {
    margin-left: auto;
    margin-right: auto;
}
    .MARCO th {
        background-position: left top;
        background-repeat: repeat;
    }
    .MARCO th.celda1, .MARCO th.celda2, .MARCO th.celda3, .MARCO th.celda7, .MARCO th.celda8, .MARCO th.celda9 {
        height: 30px;
    }
    .MARCO th.celda1, .MARCO th.celda3, .MARCO th.celda4, .MARCO th.celda6, .MARCO th.celda7, .MARCO th.celda9 {
        width: 30px;
    }
    .MARCO th.celda1, .MARCO th.celda2, .MARCO th.celda3, .MARCO th.celda7, .MARCO th.celda8, .MARCO th.celda9 {
        background-image: url(images/marco/marco_v.png);
    }
    .MARCO th.celda4, .MARCO th.celda6 {
        background-image: url(images/marco/marco_h.png);
    }
    .MARCO th.celda1 {
        background-position: 0px -60px;
    }
    .MARCO th.celda2 {
        background-position: 0px 0px;
    }
    .MARCO th.celda3 {
        background-position: 0px -120px;
    }
    .MARCO th.celda4 {
        background-position: 0px 0px;
    }
    .MARCO th.celda6 {
        background-position: -30px 0px;
    }
    .MARCO th.celda7 {
        background-position: 0px -90px;
    }
    .MARCO th.celda8 {
        background-position: 0px -30px;
    }
    .MARCO th.celda9 {
        background-position: 0px -150px;
    }
.TABLA_FONDO {
	background-color: #fff;
	width: 748px;
}
	.TABLA_FONDO .espaciador_vertical {
		height: 10px;
	}
	.TABLA_FONDO .espaciador_horizontal {
		width: 10px; /* este es para que el espacio resultante del contenedor "contenido" sea divisible por 4 (puzzle) */
		border-right: 1px dotted #ccc;
	}
    .TABLA_FONDO .espaciador_horizontal2 {
        width: 10px;
    }
/*	=CABECERA */
.BANNER {
    display: block;
	height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
    .BANNER img {
        vertical-align: top;
    }
.CABECERA2 {
    width: 100%;
}
    .CABECERA2 .logotipo {
        text-align: left;
        float: left;
        padding-bottom: 20px;
        padding-top: 10px;
        padding-left: 10px;
    }
        /* contiene enlaces rapidos como "enviar a amigo", los botones de los idiomas, y el fomrulario de búsqueda */
        .CABECERA2 .HERRAMIENTAS {
            margin-left: auto;
            padding-top: 10px;
            text-align: right;
            padding-right: 10px;
            font-size: 11px;
        }
            .CABECERA2 .HERRAMIENTAS .herramienta {
                padding: 0 5px;
            }
                .CABECERA2 .HERRAMIENTAS .herramienta img {
                    vertical-align: middle;
                }
            .CABECERA2 .HERRAMIENTAS .IDIOMA_BOTON {
                display: inline;
            }
            .CABECERA2 .HERRAMIENTAS .IDIOMA_BOTON form {
                display: inline;
            }
                .CABECERA2 .HERRAMIENTAS .IDIOMA_BOTON form div {
                    display: inline;
                }
                    .CABECERA2 .HERRAMIENTAS .IDIOMA_BOTON form div button {
                        display: inline;
                        background: transparent;
                        border: 0px none;
                        cursor: pointer;
                        padding: 0px;
                    }
                        .CABECERA2 .HERRAMIENTAS .IDIOMA_BOTON form div button img {
                            border: 1px solid transparent;
                        }
                        .CABECERA2 .HERRAMIENTAS .IDIOMA_BOTON form div button img.activo, .CABECERA2 .HERRAMIENTAS .IDIOMA_BOTON form div button:hover img {
                            border-color: #666;
                        }
        .CABECERA2 .HERRAMIENTAS .BUSCADOR {
            margin-top: 15px;
            margin-right: 5px;
            vertical-align: top;
        }
            .CABECERA2 .HERRAMIENTAS .BUSCADOR div {
                text-align: right;
            }
                .CABECERA2 .HERRAMIENTAS .BUSCADOR div img {
                    vertical-align: top;
                    padding-top: 2px;
                }
        /* pestañas, o enlaces a secciones con órden mayor que 0 */
        /* la celda que alberga el enlace */
        .CABECERA2 .PESTANAS {
            width: 738px;
            height: 25px;
            background-image: url(images/tabs_centro.png);
            background-position: 0px -25px;
            text-align: left;
            color: #fff;
            padding: 0px 5px;
        }
            .CABECERA2 .PESTANAS .PESTANA {
                line-height: 25px;
                font-size: 1.2em;
                color: #A9C8Df;
                text-align: center;
            }
            .CABECERA2 .PESTANAS a.PESTANA {
                padding: 0 5px;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: bold;
                text-decoration: none;
                text-transform: uppercase;
            }
                .CABECERA2 .PESTANAS a.PESTANA:hover,.CABECERA2 .PESTANAS a.PESTANA.activa {
                    color: #fff;
                }
            .CABECERA2 .PESTANAS span.PESTANA {
            }
/* desplegable ENVIARAMIGO */
#enviaramigo {
    /*height: 50px;
    margin: 5px 0;
    padding: 5px;
    padding-top: 8px;*/
    text-align: left;
    background-color: #fff;
}
    #enviaramigo form {
        padding: 10px;
        border: 1px solid #999;
        border-bottom: none;
    }
    #enviaramigo th {
        padding: 0 5px;
    }
    #enviaramigo #enviaramigoRespuesta {
        padding: 10px;
        border: 1px solid #999;
        height: 100%;
        text-align: center;
        line-height: 50px;
        background-position: center;
        background-repeat: no-repeat;
    }
/*	=CUERPO
	tanto el panel lateral como "contenido" estan dentro de ESTA tabla: */
.CUERPO {
	width: 100%;
}
/*	=PANEL
	panel lateral */
.PANEL {
    width: 175px;
	vertical-align: top;
}
    /* este div rodea el panel lateral, y evita su desbordamiento */
    .PANEL .helper {
        width: 175px;
        overflow: hidden;
    }
    .PANEL .capsula {
        text-align: left;
    }
        .PANEL .capsula .caja {
            border: 1px solid #bbb;
        }
		.PANEL .capsula .titulo {
			padding: 2px;
			font-weight: bold;
			font-size: 1.5em;
            padding-left: 10px;
            padding-top: 3px;
            background: #fff url(images/capsula_fondo.png) center top repeat-x;
		}
            .PANEL .capsula .titulo img {
                vertical-align: top;
                padding-top: 2px;
            }
		.PANEL .capsula .contenido {
			padding-left: 5px;
		}
        .PANEL .capsula ul {
            list-style-image: none;
            margin-left: 0px;
            padding-left: 0px;
        }
            .PANEL .capsula ul li, .PANEL .capsula div ul li.raiz {
                padding-left: 10px;
                background-image: url('images/iconos/lista_raiz.png');
                background-position: left 6px;
                background-repeat: no-repeat;
            }
                .PANEL .capsula ul li li, .PANEL .capsula ul.aspas li{
                    padding-left: 12px;
                    background-image: url('images/iconos/lista_aspa.png');
                    background-position: left 4px;
                }

/*	=CONTENIDO	*/
.CONTENIDO {
	height: 100%;
	text-align: left;
	vertical-align: top;
}
	.CONTENIDO .ruta {
		margin-left: 18px;
		margin-bottom: 20px;
		padding: 2px;
		color: #75B4FF;
		font-weight: bold;
	}
		.CONTENIDO .ruta img {
            /* posicion de las flechas de la ruta */
			margin-bottom: 2px;
		}
	.CONTENIDO .contenido_real {
		padding: 0px 0px 20px 0px;
	}
/*	=GALERIA	*/

.GALERIA {
    margin-bottom: 20px;
}
    .GALERIA .THUMBNAIL_CONTAINER {
        width: 100%;
        padding: 0px 5px 5px 5px;
    }
        .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL {
            text-align: center;
            vertical-align: top;
            border: none;
        }
        .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a {
            margin: 10px auto;
            display: block;
            width: 100px;
            padding: 5px;
            cursor: pointer;
        }
        .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a:hover {
            border: 1px solid #aaa;
            padding: 4px;
        }
            .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a span.FOTO {
                display: block;
                width: 100px;
                height: 100px;
                line-height: 100px;
                text-align: center;
                vertical-align: middle;
            }
                .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a span.FOTO img {
                    vertical-align: middle;
                }
            .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a span {
                display: block;
                font-weight: bold;
                padding-bottom: 5px;
            }
/*	=NOTICIAS	*/
.NOTICIAS {
	margin-bottom: 20px;
}
	.NOTICIAS table {
		width: 100%;
	}
	.NOTICIAS .titulo {
		font-size: 1.8em;
	}
	.NOTICIAS .desc {
		text-align: justify;
		padding-right: 10px;
	}
	.NOTICIAS .fecha {
        display: block;
		font-weight: bold;
		color: #808080;
		padding-right: 10px;
	}
	.NOTICIAS .foto {
		vertical-align: middle;
        text-align: center;
        width: 120px;
	}
.NOTICIA {
	width: 100%;
}
	.NOTICIA .titulo {
		font-size: 1.8em;
	}
	.NOTICIA .desc {
		text-align: justify;
		margin-bottom: 20px;
		margin-left: 20px;
	}
	.NOTICIA .fecha {
        text-align: right;
		font-weight: bold;
		color: #808080;
		padding-right: 10px;
	}
	.NOTICIA .volver a{
		display: block;
		padding: 5px 10px;
	}
		.NOTICIA .volver:hover a{
			background: #ffffff;
			padding: 4px 9px;
			border: 1px solid #aaa;
		}
/* los enlaces a los feeds */
.RSS {
	width: 100%;
}
	.RSS .celda {
		background: transparent;
		border: none;
		padding: 10px;
	}
	.RSS .celda .ENLACE {
		width: 100%;
		height: 100%;
		margin: 1px;
	}
		.RSS .celda .ENLACE .icono{
			margin: 1px;
			padding: 10px;
		}


/*	=MENSAJES
	mensajes de error, informacion o dialogo (aceptar/cancelar) */
.MENSAJE {
	width: 100%;
}
	.MENSAJE .icono {
		vertical-align: top;
		text-align: center;
        float: left;
		padding: 20px;
	}
	.MENSAJE .desc {
        padding: 20px;
        padding-left: 80px;
		text-align: justify;
		font-size: 1.4em;
	}
	.MENSAJE .botones {
		padding-left: 100px;
	}
    .MENSAJE .formulario {
    }
        .MENSAJE .formulario label{
            font-size: 1.1em;
            margin-right: 10px;
        }
        .MENSAJE .formulario input {
            margin: 5px 0;
            width: 200px;
        }
/*	=PIE
	footer */
.PIE {
	padding: 15px 0 5px 0;
	border-top: 1px dotted #999;
	text-align: left;
}
	.PIE_left {
		float: left;
	}
	.PIE_right {
		width: 270px;
		text-align: right;
		margin-left: auto;
	}
.validation {
	width: 80px;
	padding-top: 5px;
	text-align: left;
}
	.validation a {
		display: block;
		-webkit-box-shadow: 0px 1px 5px  #b1b0af;
		-moz-box-shadow: 0px 1px 5px #b1b0af;
		box-shadow: 0px 1px 5px #b1b0af;
	}
		.validation a img {
			display: block;
		}
	
#poweredby {
	display: block;
	float: right;
}
/*	=CONTACTO	*/
.CONTACTO {
	width: 100%;
	padding: 40px;
}
	.CONTACTO table.contacto_tabla {
		width: 90%;
	}
    /* mensaje de error */
	.CONTACTO .mensaje {
		border: 1px solid #808080;
		background: #ffffff;
		padding: 10px;
		width: 80%;
		margin-bottom: 20px;
	}
    /* mensaje de informacion sobre envio correcto */
	.CONTACTO .info {
		text-align: left;
	}
    /* etiqueta de campo */
	.CONTACTO .etiqueta {
		width: 50px;
		text-align: right;
		padding-right: 10px;
		cursor: pointer;
	}
		.CONTACTO .etiqueta label{
			cursor: pointer;
		}
    /* campo de entrada */
	.CONTACTO .entrada {
		text-align: left;
		padding: 5px;
	}
    /* para seleccion de metodo de contacto preferido */
	.CONTACTO .radio {
		text-align: left;
	}
		.CONTACTO .radio .etiqueta{
			text-align: left;
			width: 99%;
			margin-bottom: 5px;
		}
		.CONTACTO .radio .entrada {
			width: 1%;
		}
		.CONTACTO .radio .entrada input {
			margin: 2px 5px;
			cursor: pointer;
		}
    /* textarea */
	.CONTACTO .entrada_texto {
		text-align: left;
		padding: 5px;
	}
		.CONTACTO .entrada_texto textarea {
			padding: 2px 0px 0px 2px;
			background: #ffffff url(images/textbg.png);
			border: 1px solid #808080;
		}
	.CONTACTO .captcha div {
		border: 1px solid #808080;
		background: #ffffff;
		padding: 5px;
		margin-bottom: 5px;
	}
	.CONTACTO .captcha_boton button {
		margin: 2px 5px 5px 5px;

	}
	.CONTACTO .enviar {
		margin-left: 20px;
	}
form .error_msg {
    display: block;
    background-color: #c00;
    color: #fff;
    width: 435px;
    padding: 5px 10px;
    border: 1px solid #F68520;
    margin-top: 2px;
}
/*	=PAGINACION
	de productos de tienda, fichas de inmobiliaria, habitaciones de hotel u otros */
.PAGINACION {
	font-size: 1.2em;
	height: 23px;
	margin: 10px 0px;
}
	.PAGINACION .etiqueta {
		width: auto;
		cursor: default;
	}
	.PAGINACION .pagina {
		cursor: pointer;
	}
	.PAGINACION .activo {
		cursor: default;
        text-decoration: underline;
	}
	.PAGINACION .activo, .PAGINACION .etiqueta, .PAGINACION .pagina {
		display: block;
		float: left;
		height: 15px;
		border: 1px solid #808080;
		background: #ffffff;
		padding: 3px;
		margin: 4px;
	}
	.PAGINACION .activo, .PAGINACION .pagina {
		width: 15px;
		text-align: center;
		vertical-align: middle;
	}
	.PAGINACION .pagina:hover {
		background: #ddd;
		color: #000;
		width: 21px;
		height: 21px;
		margin: 1px;
		font-size: 1.3em;
	}

/* =BUSQUEDA */
.RESULTADOS {
}
	.RESULTADOS .foto {
		height: 50px;
		width: 50px;
		margin: 10px;
		margin-top: 1px;
		border: 1px solid #bbb;
		float: left;
		background-repeat: no-repeat;
		background-position: center;
	}
	.RESULTADOS .descripcion {
		height: 80px;
		padding-top: 5px;
	}
	.RESULTADOS .destacado {
		background: #FFFF80;
		color: #000;
		font-weight: bold;
	}

/* =ACCESO - login y registro */
.ACCESO {
	width: 100%;
}
    /* bloque registrarse/identificarse */
	.ACCESO td.half {
		width: 45%;
		padding-left: 10px;
		vertical-align: top;
	}
	.ACCESO td.separador_bloques {
		width: 10px;
		border-right: 1px solid #666;
	}
	.ACCESO div.titulo {
		font-size: 1.5em;
	}
        /* login / registro */
		.ACCESO .LOGIN {
			width: 100%;
            height: 100%;
		}
            .ACCESO .formCell {
                vertical-align: bottom;
            }
			.ACCESO .LOGIN td {
				vertical-align: bottom;
			}

				.ACCESO .LOGIN td input, .ACCESO .LOGIN td select, .ACCESO .LOGIN td textarea {
					margin: 5px;
					width: 150px;
				}
			.ACCESO .LOGIN .boton {
				text-align: right;
                vertical-align: bottom;
			}
			.ACCESO .LOGIN thead {
				min-height: 10px;
			}
			.ACCESO .LOGIN .select_load {
				display: block;
				background-repeat: no-repeat;
				background-position: center;
				background-image: url(images/flechas_animadas.gif);
				height: 30px;
				width: 150px;
			}
			.ACCESO .LOGIN .etiqueta {
				text-align: right;
				font-size: 1.2em;
				padding-top: 5px;
				width: 180px;
                vertical-align: top;
			}
            /* planta y puerta: estan en la misma linea */
			.ACCESO .LOGIN .entrada_especial {
				text-align: left;
				font-size: 1.2em;
				width: 180px;
			}
            /* linea horizontal que clasifica los campos del formulario */
			.ACCESO .LOGIN .sep {
				height: 3px;
				border-top: 1px solid #aaa;
			}
			.ACCESO .LOGIN .error_msg {
				display: block;
				color: #c00;
				font-weight: bold;
				border: 1px dotted #c00;
				padding: 2px;
                padding-left: 22px;
                background: #fff url(images/iconos_cabecera/up_error.png) 2px 2px no-repeat;
			}
			.ACCESO .LOGIN label {
				font-size: 1.2em;
				cursor: pointer;
			}
			.ACCESO .LOGIN .esconder {
			}
			.ACCESO .LOGIN .checkbox {
				border: none;
				width: auto;
			}
			.ACCESO .LOGIN #mas_datos {
				line-height: 20px;
				padding-left: 5px;
				cursor: pointer;
				font-size: 1.2em;
				font-weight: bold;
			}
			.ACCESO .LOGIN #mas_datos:hover {
				text-decoration: underline;
			}
			.ACCESO .LOGIN #mas_datos #mas_datos_signo{
				font-size: 1.2em;
			}
    /* enlace a recuperar contraseña */
	.ACCESO .RECUPERAR div {
		margin: 10px;
	}
	.ACCESO .RECUPERAR button {
		margin-left: 30px;
	}


/* menú del panel de usuario (perfil, pedidos y cesta) */
.PANEL_USUARIO li {
	font-size: 2em;
    padding-bottom: 10px;
}


.sitemap {
    list-style: disc;
    font-size: 1.25em;
}
    .sitemap ul {
        font-size: 0.75em;
        list-style: circle;
        font-weight: bold;
    }
        .sitemap ul ul { /* subsub */
            font-size: 1em;
        }


/* puzzle/banners de portada */
.PUZZLE {
    position: relative;
    margin-bottom: 20px;
    margin-top: 4px;
}

    .PUZZLE .DIV {
        position: absolute;
        text-align: center;
    }
        .PUZZLE .DIV img {
            vertical-align: middle;
        }

/* Salida debug */
.LOGGER {
    text-align: left;
    background-color: #000;
    color: #C0FFC0;
}
    .LOGGER .linea{
        text-align: left;
        font-family: monospace;
    }
    .LOGGER td, .LOGGER th {
        vertical-align: top;
        border-top: 1px dotted #00cc00;
    }
    .LOGGER a {
        color: #fff;
    }


.FAQ {
}
    .FAQ ul {
        list-style-image: url(images/faq_li.png);
        font-size: 1.5em;
        font-weight: bold;
    }
        .FAQ ul li {
            padding-bottom: 2px;
        }

.ERROR_404 {
    padding: 20px;
}
    .ERROR_404 p {
        padding-left: 40px;
    }
    .ERROR_404 .num_404 {
        text-align: right;
        font-size: 15em;
        font-weight: bold;
        color: #ddd;
        font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    }
/*    =CATALOGO    */
.CETAGORIAS_LISTA {
    width: 100%;
    padding: 1px;
    border: 1px solid #808080;
    margin-top: 10px;
}
.CATEGORIAS_LISTA {
}
    .CATEGORIAS_LISTA a {
        display: block;
        /*height: 32px;*/
        border: 1px solid #808080;
        margin-bottom: 10px;
        padding: 5px;
        font-size: 2em;
        /*line-height: 32px;*/
    }
        .CATEGORIAS_LISTA a .ir {
            display: block;
            float: right;
            margin: 2px 10px;
            font-weight: bold;
        }
    .CATEGORIAS_LISTA a .desc {
        color: #666;
        font-size: 0.5em;
        display: block;
        padding-left: 40px;
        margin-top: -6px;
    }

.CATALOGO_MOD {
    /*font-size: 1.2em;*/
}
    .CATALOGO_MOD, .CATALOGO_MOD ul {
        margin-left: 15px;
    }
    .CATALOGO_MOD ul {
        margin-left: 0px;
    }
    .CATALOGO_MOD li {
        padding-left: 0;
    }
    .CATALOGO_MOD a {
        font-weight: bold;
        /*color: #84AD05;*/
    }
    .CATALOGO_MOD a:hover {
        text-decoration: underline;
    }
        .CATALOGO_MOD ul a {
            font-weight: normal;
        }
.PRODUCTOS {
}
    .PRODUCTOS .PRODUCTO_CAJA {
        width: 275px;
        min-height: 215px;
        float: left;
    }
        .PRODUCTOS .PRODUCTO_CAJA a {
            display: block;
            margin: 5px;
            background-color: #ffffff;
            border: 1px solid #bbb;
            cursor: pointer;
            min-height: 207px;
        }
        .PRODUCTOS .PRODUCTO_CAJA a:hover {
            color: #000000;
        }
            .PRODUCTOS .PRODUCTO_CAJA a:hover .titulo, .PRODUCTOS .PRODUCTO_CAJA.animation .titulo {
                background-color: #CCECFF;
            }
        .PRODUCTOS .PRODUCTO_CAJA a .titulo {
            display: block;
            font-weight: bold;
            padding: 2px 5px;
            /*height: 25px;*/
            margin-bottom: 10px;
            border-bottom: 1px solid #bbb;
        }
            .PRODUCTOS .PRODUCTO_CAJA a .titulo strong {
                font-size: 1.5em;
            }
            .PRODUCTOS .PRODUCTO_CAJA a .anyadir {
                display: block;
                float: right;
                width: auto;
                font-weight: normal;
                text-align: right;
                margin: 1px;
                cursor: pointer;
                padding: 2px;
                margin-bottom: 33px;
            }
            .PRODUCTOS .PRODUCTO_CAJA a .anyadir:hover {
                margin: 0;
                margin-bottom: 32px;
                border: 1px solid #bbb;
                background-color: #fff;
            }
            .PRODUCTOS .PRODUCTO_CAJA a .anyadir.agotado:hover {
                margin: 1px;
                border: none;
                background-color: inherit;
                cursor: default;
            }
        .PRODUCTOS .PRODUCTO_CAJA a .FOTO {
            display: block;
            height: 100px;
            width: 100px;
            line-height: 100px;
            vertical-align: middle;
            text-align: center;
            float: left;
            margin: 3px;
        }
        .PRODUCTOS .PRODUCTO_CAJA a cite {
            display: block;
            height: 100px;
            overflow: hidden;
            margin-left: 5px;
            padding-left: 5px;
        }
        .PRODUCTOS .PRODUCTO_CAJA a .precios {
            display: block;
            height: 32px;
            font-weight: bold;
            padding : 2px 5px;
            clear: both;
        }
            .PRODUCTOS .PRODUCTO_CAJA a .precios del { /* precio antiguo tachado */
                text-decoration: line-through;
                font-size: 1.2em;
                float: left;
                padding-top: 8px;
            }
            .PRODUCTOS .PRODUCTO_CAJA a .precios .precio {
                display: block;
                float: right;
                font-size: 1.5em;
                text-align: right;
                color: #c00;
                min-height: 32px;
                line-height: 32px;
            }
                .PRODUCTOS .PRODUCTO_CAJA a .precios .precio .precio_sin_descuento {
                    text-decoration: line-through;
                    font-weight: normal;
                    color: #000;
                }
            .PRODUCTOS .PRODUCTO_CAJA a .precios .euro {
                font-family: Arial,sans-serif;
            }
            .PRODUCTOS .PRODUCTO_CAJA a .descuento {
                display: block;
                min-height: 32px;
                padding : 2px 5px;
                border-top: 1px solid #ddd;
                text-align: left;
                vertical-align: middle;
            }
                .PRODUCTOS .PRODUCTO_CAJA a .descuento .precio {
                    display: block;
                    width: 80px;
                    float: right;
                    font-size: 1.5em;
                    color: #c00;
                    font-weight: bold;
                    padding-top: 5px;
                }
                .PRODUCTOS .PRODUCTO_CAJA a .descuento .tipo_cliente {
                    /*display: table-cell;
                    vertical-align: middle;*/
                }
                    .PRODUCTOS .PRODUCTO_CAJA a .descuento .tipo_cliente span {
                        display: block;
                        width: 100px;
                        float: left;
                        margin-left: 5px;
                    }
                    .PRODUCTOS .PRODUCTO_CAJA a .descuento .tipo_cliente img {
                        display: block;
                        width: 32px;
                        height: 32px;
                        margin: 0;
                        padding: 0;
                        float: left;
                    }

/* ficha de producto */
.PRODUCTO {
}
    .PRODUCTO .titulo {
        font-size: 2em;
        color: #808080;
        font-weight: bold;
        margin: 5px 0px;
    }
    .PRODUCTO .foto_principal {
        border: 1px solid #999;
    }
    .PRODUCTO .foto_principal, .PRODUCTO .foto_principal table {
            margin-left: auto;
            margin-right: auto;
            width: 500px;
            height: 400px;
    }
        .PRODUCTO .foto_principal td {
            background: #ffffff url(images/loading.gif) center no-repeat;
            text-align: center;
        }
    .PRODUCTO .TIRA_FOTOS {
        width: 500px;
        height: 110px;
        padding: 0;
        overflow: hidden;
        /*border: 1px solid #888;*/
        margin-left: 25px;
        margin-bottom: 10px;
        margin-top: 2px;
    }
        .PRODUCTO .TIRA_FOTOS table.tabla_tira {
            /*width: 100%;*/
        }
        .PRODUCTO .TIRA_FOTOS #ventana_tira {
            width: 450px;
            height: 110px;
            overflow: auto;
            position: relative;
            margin-left: auto;
            margin-right: auto;
        }
            .PRODUCTO .TIRA_FOTOS #ventana_tira #rollo {
                position: absolute;
                height: 110px;
                width: 100%;
            }
                  .PRODUCTO .TIRA_FOTOS #ventana_tira #rollo td, .FICHA #rollo td {
                      vertical-align: middle;
                      text-align: center;
                      /*width: 110px;*/
                      height: 110px;
                      line-height: 110px;
                      padding: 2px;
                }
                  .PRODUCTO .TIRA_FOTOS #ventana_tira #rollo td, .FICHA #rollo td a {
                      padding-top: 0;
                      margin-left: auto;
                      margin-right: auto;
                      text-align: center;
                }
                      .PRODUCTO .TIRA_FOTOS td .thumbnail, .FICHA td .thumbnail{
                          display: block;
                          width: 100px;
                          height: 100px;
                          line-height: 100px;
                          margin-top: 0;
                          padding: 2px;
                          border: 1px solid #888;
                          cursor: pointer;
                          vertical-align: middle;
                    }
                          .PRODUCTO .TIRA_FOTOS td .thumbnail:hover, .FICHA td .thumbnail:hover{
                              /*background-color: #999;*/
                              border-color: #333;
                        }
    /* rollo simple, sin scroll, para cuando hay menos de 6 fotos */
    .PRODUCTO #rollo {
        margin-left: auto;
        margin-right: auto;
    }
    .PRODUCTO .TIRA_FOTOS .boton {
        width: 30px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #E0E0E0;
        cursor: w-resize;
    }
    .PRODUCTO .TIRA_FOTOS .boton:hover {
        background-color: #CCECFF;
    }
        .PRODUCTO .TIRA_FOTOS #b_iz {
            background-image: url(images/flechas/menorque.png);
        }
        .PRODUCTO .TIRA_FOTOS #b_de {
            background-image: url(images/flechas/mayorque.png);
        }
            .PRODUCTO .TIRA_FOTOS #b_iz:hover {
                background-image: url(images/flechas/menorque2.png);
            }
            .PRODUCTO .TIRA_FOTOS #b_de:hover {
                background-image: url(images/flechas/mayorque2.png);
            }

    .PRODUCTO .ref {
        font-weight: bold;
    }
    .PRODUCTO .desc {
        text-align: justify;
        margin: 15px 0px 15px 0px;
    }
    .PRODUCTO .precio {
        font-weight: bold;
    }
    .PRODUCTO .precio td.precio_antiguo {
        font-size: 1.3em;
    }
        .PRODUCTO .precio td.precio_antiguo .valor{
            text-decoration: line-through;
        }
    .PRODUCTO .precio td.precio_real {
        font-size: 1.5em;
        color: #c00;
    }
    .PRODUCTO .iva {
        font-style: italic;
    }
    .PRODUCTO .BLOQUE_OPERACIONES {
        padding: 20px;
    }

    .PRODUCTO .BLOQUE_OPCIONES {
        margin: 15px 0;
    }
        .PRODUCTO .BLOQUE_OPCIONES .bloque {
            padding: 4px 20px 4px 0;
            border-bottom: 1px dotted #999;
        }
        .PRODUCTO .BLOQUE_OPCIONES div.color {
            width: 18px;
            height: 18px;
            float: left;
            background-color: #aaa;
            background-image: url(images/blanco_300x1.png);
            background-position: left center;
            background-repeat: repeat-y;
            margin: 1px;
        }
        .PRODUCTO .BLOQUE_OPCIONES select {
            display: block;
            background-color: #fff;
            border: 1px solid #999;
            height: 18px;
            font-size: 0.9em;
            padding-top: 0px;
            min-width: 100px;
            margin: 1px 0;
        }
        .PRODUCTO .BLOQUE_OPCIONES option.color{
            background-color: #ccc;
            background-image: url(images/blanco_300x1.png);
            background-position: left center;
            background-repeat: repeat-y;
            padding-left: 17px;
        }
        .PRODUCTO .BLOQUE_OPCIONES option.color:hover{
            background-image: url(images/gris_300x1.png);
            background-color: green;
        }
        .PRODUCTO .BLOQUE_OPCIONES option.color:active{
            background-image: url(images/gris_300x1.png);
            background-color: blue;
        }
/* efecto de añadir al carro */
div.zoom {
    border: 1px solid #333;
}
/*    =CESTA    modulo lateral    */
.CESTA_MODULO {
}
    .CESTA_MODULO titulo {
    }
    .CESTA_MODULO .contenido {
        display: table-cell;
        /*height: 30px;*/
    }
    .CESTA_MODULO .ir {
    }
    .CESTA_MODULO #pestana_cesta_holder {
        position: relative;
    }
        .CESTA_MODULO #pestana_cesta_holder #pestana_cesta {
            position: absolute;
            z-index: -1;
            width: 100px;
            height: 100px;
            margin: 5px;
        }
    /* seccion cesta */
.CESTA {
    width: 100%;
    font-size: 1.2em;
}
    .CESTA .fila:hover {
        background: #ffffff;
    }
    .CESTA > tbody > tr > td, .CESTA > tfoot > tr > td, .CESTA > thead > tr > td {
        border: 1px solid #ccc;
        padding: 5px;
    }
    .CESTA .cabeceras {
        font-size: 1.2em;
    }
    .CESTA .cantidad {
        /* celda */
        text-align: center;
    }
        .CESTA .cantidad .entrada {
            /* el input */
            text-align: center;
        }
    .CESTA .producto {
        width: 100%;
    }
        .CESTA .producto td {
            border: none;
        }
        .CESTA .producto .foto {
            width: 110px;
        }
            .CESTA .producto .foto a {
                display: block;
                width: 100px;
                height: 100px;
                margin: 1px;
            }
            .CESTA .producto .foto a:hover {
                margin: 0px;
                border: 1px solid #808080;
            }
        .CESTA .producto .titulo {
            font-size: 1.4em;
            text-align: left;
        }
        .CESTA .producto .opciones {
            width: 100%;
            font-size: 0.8em;
        }
        .CESTA .producto .opciones option.color{
        }
        .CESTA .producto .opciones desrip{
            width: 100%;
        }
    .CESTA .precio {
        color: #cc0000;
        text-align: right;
        font-size: 1.1em;
        vertical-align: bottom;
    }
        .CESTA .precio .precio_cliente {
            font-size: 0.8em;
            display: block;
            color: #000;
            text-align: left;
        }
            .CESTA .precio .precio_cliente img {
                display: block;
                float: left;
            }
    .CESTA .col_precio {
        width: 120px;
    }
    .CESTA .eliminar {
        text-align: center;
    }
    .CESTA .actualizar {
        padding: 0px;
    }
    .CESTA .total, .CESTA .subtotal, .CESTA .iva {
        text-align: right;
        font-weight: bold;
        font-size: 1.1em;
        color: #cc0000;
        padding-bottom: 3px;
    }
    .CESTA .total {
        font-size: 1.4em;
    }
    .CESTA .iva {
        font-size: 0.8em;
    }
    .operaciones {
        width: 100%;
        margin-top: 10px;
    }
        .operaciones td {
            /*width: 25%;*/
            text-align: left;
        }
    .formulario {
    }
        .formulario .entrada {
            text-align: left;
            width: 66%;
        }
        .formulario .etiqueta {
            text-align: right;
            padding: 10px;
        }
        .formulario .entrada td label{
            /* el selector solo afecta los */
            margin-bottom: 5px;
        }
        .formulario button {
            margin-left: 50px;
        }
    .CESTA .ayuda {
        border: none;
        margin: 0;
        padding: 0;
    }
    .CESTA .ayuda a {
        margin: 10px;
        display: block;
        padding: 5px 10px;
    }
        .CESTA .ayuda:hover a{
            background: #ffffff;
            padding: 4px 9px;
            border: 1px solid #aaa;
        }
    .CESTA .ENVIO_PAGO {
        margin-top: 10px;
    }
        .CESTA .ENVIO_PAGO label {
            cursor: pointer;
        }
        .CESTA .ENVIO_PAGO input {
            cursor: pointer;
            width: auto;
            height: auto;
            margin: 5px;
        }
.CHECKOUT {
    width: 100%;
    font-size: 1.2em;
    margin: 10px auto;
}
    .CHECKOUT > tbody > tr > td, .CHECKOUT > tfoot > tr > td, .CHECKOUT > thead > tr > td {
        border: 1px solid #ccc;
        padding: 5px;
    }
    .CHECKOUT  > thead {
        font-weight: bold;
    }
    .CHECKOUT  > thead label.etiqueta {
        cursor: pointer;
    }
    .CHECKOUT  > thead label.etiqueta:hover {
        color: #000;
    }
        .CHECKOUT  > thead label.etiqueta input {
            margin: 0;
        }
    .CHECKOUT .error_msg {
        display: block;
        color: #c00;
        font-weight: bold;
        border: 1px dotted #c00;
        padding: 2px;
    }
    .CHECKOUT .DATOS_ENVIO td {
        padding: 5px;
    }
.PEDIDO {
    font-size: 14px;
}
    .PEDIDO fieldset {
        border: 1px solid #ccc;
        padding: 10px;
    }
        /*.PEDIDO fieldset > * {
            margin: 10px;
        }*/
        .PEDIDO fieldset legend {
            margin: 10px 10px 0px 10px;
            font-size: 1.2em;
            font-weight: bold;
            border: 1px solid #ccc;
        }
        .PEDIDO fieldset table {
            margin-top: 5px;
            width: 100%;
        }
            .PEDIDO fieldset table td {
                vertical-align: top;
            }
        .PEDIDO fieldset.productos {
            padding: 0;
        }
            .PEDIDO fieldset.productos td, .PEDIDO fieldset.productos th {
                border: 1px solid #ccc;
                padding: 2px;
            }
                .PEDIDO fieldset.productos td.noRightBorder, .PEDIDO fieldset.productos th.noRightBorder {
                    border-right: none;
                }
                .PEDIDO fieldset.productos tr.noBottomBorder td {
                    border-bottom: none;
                }
                .PEDIDO fieldset.productos .opciones {
                }
                    .PEDIDO fieldset.productos .opciones td{
                        border: none;
                    }
                .PEDIDO fieldset.productos td.precio {
                    color: #c00;
                    font-weight: bold;
                }




/* REGALOS/LISTAS */

.REGALO {
    width: 100%;
    margin-bottom: 10px;
}
    .REGALO td, .REGALO th {
        border: 1px solid #999;
    }
    .REGALO th {
        text-align: center;
    }

    .REGALO .uds {
        text-align: center;
    }
    .REGALO .foto {
        width: 50px;
    }
        .REGALO .foto a {
            display: block;
            width: 50px;
            height: 50px;
            border: 1px solid #666;
            margin: 2px;
        }
    .REGALO .titulo {
        font-size: 1.2em;
        font-weight: bold;
        width: 50%;
    }
    .REGALO td.precio {
        text-align: right;
        padding-right: 5px;
    }
    .REGALO th.comprados, .REGALO td.comprados {
        width: 50px;
    }
        .REGALO .comprados input {
            border: none;
            width: auto;
        }
    .REGALO tr.COMPRADO {
        background-color: #FFD9CC;
    }
    .REGALO .ganchito {
        text-align: center;
        width: 50px;
        font-size: 0.8em;
        cursor: default;
    }
    .REGALO .comprados {
        text-align: center;
    }
    .REGALO .check_comprar,.REGALO .check_eliminar  {
        cursor: pointer;
        text-align: center;
        width: 80px;
    }
        .REGALO .check_comprar:hover label{
            background-color: #FFFFC0;
        }
        .REGALO .check_eliminar:hover label{
            background-color: #FFC0C0;
        }
    .REGALO .check_comprar input {
        cursor: pointer;
        border: none;
        width: auto;
    }
    .REGALO .datos_compra td {
        border: none;
    }
        .REGALO .datos_compra .etiqueta {
        }
        .REGALO .datos_compra .valor {
            padding-left: 5px;
            font-weight: bold;
        }


.REGALO_CREAR {
    width: auto;
    /*margin-left: 20px;*/
    margin-bottom: 20px;
}
    .REGALO_CREAR button {
        margin-top: 10px;
        margin-left: 10px;
    }
    .REGALO_CREAR input {
        margin-top: 10px;
        margin-left: 10px;
    }

.LISTAPEDIDOS {
}
    .LISTAPEDIDOS td {
        padding: 3px;
        padding-left: 15px;
        font-size: 1.4em;
    }
    .LISTAPEDIDOS tr.fila {
    }
        .LISTAPEDIDOS tr.fila:hover {
            background-color: #FFFFC0;
        }
.LISTA {
    margin: 20px 0;
}
    .LISTA .CLAVE td {
        padding-bottom: 5px;
    }
    .LISTA hr {
        border: none;
        border-bottom: 2px dotted #999;
        margin: 20px 0;
    }



.FABRICANTE {
    display: block;
    width: 145px;
    margin: 10px;
    border: 1px solid #999;
    text-align: center;
}
    .FABRICANTE .titulo {
        display: block;
        font-size: 14px;
        font-weight: bold;
        margin: 2px;
    }
    .FABRICANTE .foto {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 145px;
        height: 100px;
        margin: 0 auto;
    }
/*----------------------------------------------------[libs_oss/lightbox/lightbox.css]----------------------------------------------------*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 20px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
/* lightbox (popup de fotos) */
#prevLink { left: 0; float: left; background: url(../../images/prevlabel.gif) left 0% no-repeat; }
#nextLink { right: 0; float: right; background: url(../../images/nextlabel.gif) right 0% no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/prevlabel2.gif) left 0% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {  background: url(../../images/nextlabel2.gif) right 0% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: hidden;
	width: 100%
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 26px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;

	}
/*----------------------------------------------------[templates/tienda_001/inherit.css]----------------------------------------------------*/
body {
	background: #FFFFFF url(images/body-bg.jpg) repeat-x fixed center bottom;
}
/* enlaces */
a {
	color: #000;
}

input,textarea {
    padding: 1px 0px 0px 2px;
    background: #ffffff url(images/textbg.png);
    border: 1px solid #808080;
	margin-left:2px;
	
}

/*	=DISTRIBUCION
	distribucion/layout general */
.MARCO {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}
    .MARCO th {
        background-position: left top;
        background-repeat: repeat;
    }
    .MARCO th.celda1, .MARCO th.celda2, .MARCO th.celda3, .MARCO th.celda7, .MARCO th.celda8, .MARCO th.celda9 {
        height: 0px;
    }
    .MARCO th.celda1, .MARCO th.celda3, .MARCO th.celda4, .MARCO th.celda6, .MARCO th.celda7, .MARCO th.celda9 {
        width: 0px;
    }
    .MARCO th.celda1, .MARCO th.celda2, .MARCO th.celda3, .MARCO th.celda7, .MARCO th.celda8, .MARCO th.celda9 {
        background-image: none;
    }
    .MARCO th.celda4, .MARCO th.celda6 {
        background-image: none;
    }
    .MARCO th.celda1 {
        background-position: 0px;
    }
    .MARCO th.celda2 {
        background-position: 0px;
    }
    .MARCO th.celda3 {
        background-position: 0px;
    }
    .MARCO th.celda4 {
        background-position: 0px;
    }
    .MARCO th.celda6 {
        background-position: 0px;
    }
    .MARCO th.celda7 {
        background-position: 0px;
    }
    .MARCO th.celda8 {
        background-position: 0px;
    }
    .MARCO th.celda9 {
        background-position: 0px;
    }
.TABLA_FONDO {
	background-color: #fff;
	width: 950px;
	border:2px solid #c1d59d;
}
	.TABLA_FONDO .espaciador_vertical {
		height: 10px;
	}
	.TABLA_FONDO .espaciador_horizontal {
		width: 10px; /* este es para que el espacio resultante del contenedor "contenido" sea divisible por 4 (puzzle) */
		border-right: 1px dotted #ccc;
	}
    .TABLA_FONDO .espaciador_horizontal2 {
        width: 10px;
    }
	
	
	
	
/*	TEXTOS comunes */
.CABECERA_PARRAFO {
	font-size: 2em;
	color: #74B700;
}

.TEXTO_PARRAFO {
	font-size: 1.1em;
	/*margin-left: 20px;*/
	margin-bottom: 20px;
	text-align: justify;
    line-height: 1.4em;
}	
	
.BANNER {
    display: block;
	height: 175px;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
    .BANNER img {
        vertical-align: top;
    }	
	
        /* contiene enlaces rapidos como "enviar a amigo", los botones de los idiomas, y el fomrulario de búsqueda */
        .CABECERA2 .HERRAMIENTAS {
	    height: auto;
	    background-color: inherit;
        }
		.CABECERA2 .HERRAMIENTAS .BUSCADOR {
            margin-top: 15px;
            margin-right: 0px;
            vertical-align: top;
			font-weight:bold;
			font-size: 14px;
			padding-right: 6px;

        }
            .CABECERA2 .HERRAMIENTAS .BUSCADOR div {
                text-align: right;
            }
                .CABECERA2 .HERRAMIENTAS .BUSCADOR div img {
                    vertical-align: top;
                    padding-top: 2px;
					padding-right: 6px;
                }
		
		
		
        /* pestañas, o enlaces a secciones con órden mayor que 0 */
        /* la celda que alberga el enlace */
        .CABECERA2 .PESTANAS {
            width: 950px;
            height: 32px;
            background-image: url(images/tabs_centro.png);
            background-position: 0px 0px;
            padding: 0px 0px;
        }
            .CABECERA2 .PESTANAS .PESTANA {
                line-height: 32px;
                font-size: 1.3em;
                color: #E7F05F;
            }
            .CABECERA2 .PESTANAS a.PESTANA {
                padding: 0 15px;
                font-weight: bold;
                text-transform: uppercase;
            }
                .CABECERA2 .PESTANAS a.PESTANA:hover,.CABECERA2 .PESTANAS a.PESTANA.activa {
                    color: #fff;
                }
            .CABECERA2 .PESTANAS span.PESTANA {
            }			
			
			
.CUERPO {
	margin-bottom: 0;
}
/*	=CONTENIDO	*/

.CONTENIDO {
	height: 100%;
	text-align: left;
	vertical-align: top;
    padding-right: 10px;

}
	.CONTENIDO .contenido_real {
		padding: 0px 0px 20px 0px;
	}

/*	=PANEL
	panel lateral */
.PANEL {
    width: 175px;
	vertical-align: top;
    padding-left: 10px;
	font-size: 1.3em;
	
}
    /* este div rodea el panel lateral, y evita su desbordamiento */
    .PANEL .helper {
        width: 250px;
        overflow: hidden;
    }
    .PANEL .capsula {
        text-align: left;
    }
        .PANEL .capsula .caja {
            border: 3px solid #E7F05F;
        }
		.PANEL .capsula .titulo {
			padding: 2px;
			font-weight: bold;
			/*text-transform: uppercase;
			font-size: 1.6em;*/
			color:  #336600;
            padding-left: 10px;
            padding-top: 3px;
			padding-bottom: 10px;
            background: #fff url(images/capsula_fondo.png) center top repeat-x;
		}
			.PANEL .capsula .titulo a{
				color: #336600;
		}
			.PANEL .capsula .titulo a:hover{
				color: #74B700;
		}
            .PANEL .capsula .titulo img {
                vertical-align: inherit;
                padding-top: 2px;
            }
		.PANEL .capsula .contenido {
			padding-left: 5px;
		}
        .PANEL .capsula ul {
            list-style-image: none;
            margin-left: 0px;
            padding-left: 0px;
        }
            .PANEL .capsula ul li, .PANEL .capsula div ul li.raiz {
                padding-left: 12px;
                background-image: url('images/iconos/lista_raiz.png');
                background-position: left 5px;
                background-repeat: no-repeat;
            }
                .PANEL .capsula ul li li, .PANEL .capsula ul.aspas li{
                    padding-left: 12px;
                    background-image: url('images/iconos/lista_aspa.png');
                    background-position: left 4px;
                }
	
	
	
	
	
/* folioestilo_tienda.css */
/*    =CATALOGO    */
.CETAGORIAS_LISTA {
    width: 100%;
    padding: 1px;
    border: 3px solid #74B700;
    margin-top: 4px;
}
.CATEGORIAS_LISTA {
}
    .CATEGORIAS_LISTA a {
        display: block;
        /*height: 32px;*/
        border: 3px solid #74B700;
        margin-bottom: 10px;
        padding: 6px;
        font-size: 2em;
        /*line-height: 32px;*/
    }
        .CATEGORIAS_LISTA a .ir {
            display: block;
            float: right;
            margin: 0px 10px;
            font-weight: bold;
        }
    .CATEGORIAS_LISTA a .desc {
        color: #666;
        font-size: 0.5em;
        display: block;
        padding-left: 40px;
        margin-top: 0px;
    }

		
.PRODUCTOS {
}
    .PRODUCTOS .PRODUCTO_CAJA {
        width: 328px;
        min-height: 215px;
        float: left;
    }
        .PRODUCTOS .PRODUCTO_CAJA a {
            display: block;
            margin: 5px;
            background-color: #ffffff;
            border: 3px solid #74B700;
            cursor: pointer;
            min-height: 207px;
        }
        .PRODUCTOS .PRODUCTO_CAJA a:hover {
            color: #000000;
            border: 3px solid #E7F05F;
			

        }
            .PRODUCTOS .PRODUCTO_CAJA a:hover .titulo, .PRODUCTOS .PRODUCTO_CAJA.animation .titulo {
                background-color: #E7F05F;
	            border-bottom: 1px solid #E7F05F;

            }
        .PRODUCTOS .PRODUCTO_CAJA a .titulo {
            display: block;
            font-weight: bold;
            padding: 2px 5px;
            /*height: 25px;*/
            margin-bottom: 10px;
            border-bottom: 1px solid #74B700;
        }
            .PRODUCTOS .PRODUCTO_CAJA a .titulo strong {
                font-size: 1.5em;
				color: #336600;

            }
            .PRODUCTOS .PRODUCTO_CAJA a .anyadir {
                display: block;
                float: right;
                width: auto;
                font-weight: normal;
                text-align: right;
                margin: 0px;
                cursor: pointer;
                padding: 2px;
                margin-bottom: 33px;
            }
            .PRODUCTOS .PRODUCTO_CAJA a .anyadir:hover {
                margin: 0;
                margin-bottom: 33px;
                border: none;
                background-color: #fff;
            }
            .PRODUCTOS .PRODUCTO_CAJA a .anyadir.agotado:hover {
                margin: 1px;
                border: none;
                background-color: inherit;
                cursor: default;
            }
        .PRODUCTOS .PRODUCTO_CAJA a .FOTO {
            display: block;
            height: 100px;
            width: 100px;
            line-height: 100px;
            vertical-align: middle;
            text-align: center;
            float: left;
            margin: 3px;
        }
        .PRODUCTOS .PRODUCTO_CAJA a cite {
            display: block;
            height: 100px;
            overflow: hidden;
            margin-left: 5px;
            padding-left: 5px;
        }
        .PRODUCTOS .PRODUCTO_CAJA a .precios {
            display: block;
            height: 32px;
            font-weight: bold;
            padding : 2px 5px;
            clear: both;
        }
            .PRODUCTOS .PRODUCTO_CAJA a .precios del { /* precio antiguo tachado */
                text-decoration: line-through;
                font-size: 1.2em;
                float: left;
                padding-top: 8px;
            }
            .PRODUCTOS .PRODUCTO_CAJA a .precios .precio {
                display: block;
                float: right;
                font-size: 1.5em;
                text-align: right;
                color: #74B700;
                min-height: 32px;
                line-height: 32px;
            }
                .PRODUCTOS .PRODUCTO_CAJA a .precios .precio .precio_sin_descuento {
                    text-decoration: line-through;
                    font-weight: normal;
                    color: #000;
                }
            .PRODUCTOS .PRODUCTO_CAJA a .precios .euro {
                font-family: Arial,sans-serif;
            }
            .PRODUCTOS .PRODUCTO_CAJA a .descuento {
                display: block;
                min-height: 32px;
                padding : 2px 5px;
                border-top: 1px solid #ddd;
                text-align: left;
                vertical-align: middle;
            }
                .PRODUCTOS .PRODUCTO_CAJA a .descuento .precio {
                    display: block;
                    width: 80px;
                    float: right;
                    font-size: 1.5em;
                    color: #74B700;
                    font-weight: bold;
                    padding-top: 5px;
                }
                .PRODUCTOS .PRODUCTO_CAJA a .descuento .tipo_cliente {
                    /*display: table-cell;
                    vertical-align: middle;*/
                }
                    .PRODUCTOS .PRODUCTO_CAJA a .descuento .tipo_cliente span {
                        display: block;
                        width: 100px;
                        float: left;
                        margin-left: 5px;
                    }
                    .PRODUCTOS .PRODUCTO_CAJA a .descuento .tipo_cliente img {
                        display: block;
                        width: 32px;
                        height: 32px;
                        margin: 0;
                        padding: 0;
                        float: left;
                    }
		
		
/* ficha de producto */
.PRODUCTO {
        padding: 20px;


}
    .PRODUCTO .titulo {
        font-size: 2em;
        color: #74B700;
        font-weight: bold;
        margin: 5px 0px;
    }
    .PRODUCTO .foto_principal {
        border: 3px solid #74B700;
    }
    .PRODUCTO .foto_principal, .PRODUCTO .foto_principal table {
            margin-left: auto;
            margin-right: auto;
            width: 500px;
            height: 400px;
    }
        .PRODUCTO .foto_principal td {
            background: #ffffff url(images/loading.gif) center no-repeat;
            text-align: center;
        }
    .PRODUCTO .TIRA_FOTOS {
        width: 500px;
        height: 110px;
        padding: 0;
        overflow: hidden;
        /*border: 1px solid #888;*/
        margin-left: 25px;
        margin-bottom: 10px;
        margin-top: 2px;
    }
        .PRODUCTO .TIRA_FOTOS table.tabla_tira {
            /*width: 100%;*/
        }
        .PRODUCTO .TIRA_FOTOS #ventana_tira {
            width: 450px;
            height: 110px;
            overflow: auto;
            position: relative;
            margin-left: auto;
            margin-right: auto;
        }
            .PRODUCTO .TIRA_FOTOS #ventana_tira #rollo {
                position: absolute;
                height: 110px;
                width: 100%;
            }
                  .PRODUCTO .TIRA_FOTOS #ventana_tira #rollo td, .FICHA #rollo td {
                      vertical-align: middle;
                      text-align: center;
                      /*width: 110px;*/
                      height: 110px;
                      line-height: 110px;
                      padding: 2px;
                }
                  .PRODUCTO .TIRA_FOTOS #ventana_tira #rollo td, .FICHA #rollo td a {
                      padding-top: 0;
                      margin-left: auto;
                      margin-right: auto;
                      text-align: center;
                }
                      .PRODUCTO .TIRA_FOTOS td .thumbnail, .FICHA td .thumbnail{
                          display: block;
                          width: 100px;
                          height: 100px;
                          line-height: 100px;
                          margin-top: 0;
                          padding: 2px;
                          border: 1px solid #888;
                          cursor: pointer;
                          vertical-align: middle;
                    }
                          .PRODUCTO .TIRA_FOTOS td .thumbnail:hover, .FICHA td .thumbnail:hover{
                              /*background-color: #999;*/
                              border-color: #333;
                        }
    /* rollo simple, sin scroll, para cuando hay menos de 6 fotos */
    .PRODUCTO #rollo {
        margin-left: auto;
        margin-right: auto;
    }
    .PRODUCTO .TIRA_FOTOS .boton {
        width: 30px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #E0E0E0;
        cursor: w-resize;
    }
    .PRODUCTO .TIRA_FOTOS .boton:hover {
        background-color: #CCECFF;
    }
        .PRODUCTO .TIRA_FOTOS #b_iz {
            background-image: url(images/flechas/menorque.png);
        }
        .PRODUCTO .TIRA_FOTOS #b_de {
            background-image: url(images/flechas/mayorque.png);
        }
            .PRODUCTO .TIRA_FOTOS #b_iz:hover {
                background-image: url(images/flechas/menorque2.png);
            }
            .PRODUCTO .TIRA_FOTOS #b_de:hover {
                background-image: url(images/flechas/mayorque2.png);
            }
			

    .PRODUCTO .ref {
        font-weight: bold;
		color: #336600;

    }
    .PRODUCTO .desc {
        text-align: justify;
        margin: 15px 0px 15px 0px;
    }
    .PRODUCTO .precio {
        font-weight: bold;
    }
    .PRODUCTO .precio td.precio_antiguo {
        font-size: 1.3em;
    }
        .PRODUCTO .precio td.precio_antiguo .valor{
            text-decoration: line-through;
        }
    .PRODUCTO .precio td.precio_real {
        font-size: 1.5em;
        color: #74B700;
    }
    .PRODUCTO .iva {
        font-style: italic;
    }
    .PRODUCTO .BLOQUE_OPERACIONES {
        padding: 20px;
    }

    .PRODUCTO .BLOQUE_OPCIONES {
        margin: 15px 0;
    }
        .PRODUCTO .BLOQUE_OPCIONES .bloque {
            padding: 4px 20px 4px 0;
            border-bottom: 1px dotted #999;
        }
        .PRODUCTO .BLOQUE_OPCIONES div.color {
            width: 18px;
            height: 18px;
            float: left;
            background-color: #aaa;
            background-image: url(images/blanco_300x1.png);
            background-position: left center;
            background-repeat: repeat-y;
            margin: 1px;
        }
        .PRODUCTO .BLOQUE_OPCIONES select {
            display: block;
            background-color: #fff;
            border: 1px solid #999;
            height: 18px;
            font-size: 0.9em;
            padding-top: 0px;
            min-width: 100px;
            margin: 1px 0;
        }
        .PRODUCTO .BLOQUE_OPCIONES option.color{
            background-color: #ccc;
            background-image: url(images/blanco_300x1.png);
            background-position: left center;
            background-repeat: repeat-y;
            padding-left: 17px;
        }
        .PRODUCTO .BLOQUE_OPCIONES option.color:hover{
            background-image: url(images/gris_300x1.png);
            background-color: green;
        }
        .PRODUCTO .BLOQUE_OPCIONES option.color:active{
            background-image: url(images/gris_300x1.png);
            background-color: blue;
        }			

/* comentarios */
		.CONTENIDO_SOCIALentero {
			border-top: 1px solid #CCC;
			padding: 5px;
			padding-top: 15px;
			margin-bottom: 25px;
		}

		.CAJA_SOCIAL {
			float: left;
			width: 250px;
		}
			.CAJA_SOCIAL.comentarios_deshabilitados {
				width: auto;
				float: none;
				margin: auto;
			}

		.CAJA_COMENT {
			float: left;
			width: 426px;
			padding: 10px;
			background-color: #F4FCE6;
		}

		.ACCIONES_SOCIAL {
			margin-bottom: 10px;
			padding-right: 5px;
			font-size: 0.8em;
		}
			.ACCIONES_SOCIAL .iconos {
				width: 216px;
				margin: 5px auto;
			}
			.ACCIONES_SOCIAL a{
				display: block;
				float: left;
				width: 16px;
				height: 16px;
				margin: 5px 10px;
				background-image: url(images/iconos/news/social/todos.png);
				background-repeat: no-repeat;
				background-position: 0px 0px;
			}
			.ACCIONES_SOCIAL img{
				padding: 5px 0;
			}

		.textosRSS {
			border-top: 1px solid #CCC;
			border-bottom: 1px solid #CCC;
			padding-top:10px;
			font-size: 0.8em;
			padding-bottom:10px;
		}

			.textosRSS img{
				padding: 0px 1px 0px 6px;
			}

			.textosRSS a{
				display: block;
				color: #585858;
				margin: 5px 0;
			}

			.textosRSS a:hover{
				color: #000000;
			}

		.PERMALINK {
			border-bottom: 1px solid #CCC;
			padding:10px 0 10px 6px;
			font-size: 0.8em;
			color: #585858;
		}
		/* PARA LA CAJA DE COMENTARIOS */

		.titularCAJACOMENT {
			font-size: 1.7em;
			font-family: Arial, Helvetica, sans-serif, Tahoma;
			font-weight: bold;
			color: #062E5E;
			padding: 0px 0px 10px 3px;
			border-bottom: 1px solid #CCC;
			margin-bottom: 15px;
			text-align: center;
			}

			.titularCAJACOMENT2 {
				font-size: 1.7em;
				font-family: Arial, Helvetica, sans-serif, Tahoma;
				font-weight: bold;
				color: #CC7A00;
				padding: 10px;
				border: 1px solid #CCC;
				margin-bottom: 25px;
				margin-top: 5px;
				text-align: center;
			}

				.titularCAJACOMENT2 img{
			vertical-align: text-bottom;
		}

		.TXT_FORM_coment {
			font-size: 1em;
			font-family: Tahoma, Verdana, Arial;
			font-weight: normal;
			color: #062E5E;
			padding-bottom: 10px;
			}


			.FONDO_COMENTARIOS {
			padding: 5px;
			background-color: #CCCCCC;
			}


			.caja_AVATAR {
			width: 105px;
			float: left;
			}

			.CUERPO_NOMBRES {
			width: 550px;
			float: right;
			}

	
/*    =CESTA    modulo lateral    */
.CESTA_MODULO {
}
    .CESTA_MODULO titulo {
    }
    .CESTA_MODULO .contenido {
        display: table-cell;
        /*height: 30px;*/
    }
    .CESTA_MODULO .ir {
    }
    .CESTA_MODULO #pestana_cesta_holder {
        position: relative;
    }
        .CESTA_MODULO #pestana_cesta_holder #pestana_cesta {
            position: absolute;
            z-index: -1;
            width: 100px;
            height: 100px;
            margin: 5px;
        }
    /* seccion cesta */
.CESTA {
    width: 100%;
    font-size: 1.2em;
}
    .CESTA .fila:hover {
        background: #ffffff;
    }
    .CESTA > tbody > tr > td, .CESTA > tfoot > tr > td, .CESTA > thead > tr > td {
        border: 1px solid #ccc;
        padding: 5px;
    }
    .CESTA .cabeceras {
        font-size: 1.2em;
    }
    .CESTA .cantidad {
        /* celda */
        text-align: center;
    }
        .CESTA .cantidad .entrada {
            /* el input */
            text-align: center;
        }
    .CESTA .producto {
        width: 100%;
    }
        .CESTA .producto td {
            border: none;
        }
        .CESTA .producto .foto {
            width: 110px;
        }
            .CESTA .producto .foto a {
                display: block;
                width: 100px;
                height: 100px;
                margin: 1px;
            }
            .CESTA .producto .foto a:hover {
                margin: 0px;
                border: 1px solid #808080;
            }
        .CESTA .producto .titulo {
            font-size: 1.4em;
            text-align: left;
        }
        .CESTA .producto .opciones {
            width: 100%;
            font-size: 0.8em;
        }
        .CESTA .producto .opciones option.color{
        }
        .CESTA .producto .opciones desrip{
            width: 100%;
        }
    .CESTA .precio {
        color: #74B700;
        text-align: right;
        font-size: 1.1em;
        vertical-align: bottom;
    }
        .CESTA .precio .precio_cliente {
            font-size: 0.8em;
            display: block;
            color: #000;
            text-align: left;
        }
            .CESTA .precio .precio_cliente img {
                display: block;
                float: left;
            }
    .CESTA .col_precio {
        width: 120px;
    }
    .CESTA .eliminar {
        text-align: center;
    }
    .CESTA .actualizar {
        padding: 0px;
    }
    .CESTA .total, .CESTA .subtotal, .CESTA .iva {
        text-align: right;
        font-weight: bold;
        font-size: 1.1em;
        color: #74B700;
        padding-bottom: 3px;
    }
    .CESTA .total {
        font-size: 1.4em;
    }
    .CESTA .iva {
        font-size: 0.8em;
    }
    .operaciones {
        width: 100%;
        margin-top: 10px;
    }
        .operaciones td {
            /*width: 25%;*/
            text-align: left;
        }
    .formulario {
    }
        .formulario .entrada {
            text-align: left;
            width: 66%;
        }
        .formulario .etiqueta {
            text-align: right;
            padding: 10px;
        }
        .formulario .entrada td label{
            /* el selector solo afecta los */
            margin-bottom: 5px;
        }
        .formulario button {
            margin-left: 50px;
        }
    .CESTA .ayuda {
        border: none;
        margin: 0;
        padding: 0;
    }
    .CESTA .ayuda a {
        margin: 10px;
        display: block;
        padding: 5px 10px;
    }
        .CESTA .ayuda:hover a{
            background: #ffffff;
            padding: 4px 9px;
            border: 1px solid #aaa;
        }
    .CESTA .ENVIO_PAGO {
        margin-top: 10px;
    }
        .CESTA .ENVIO_PAGO label {
            cursor: pointer;
        }
        .CESTA .ENVIO_PAGO input {
            cursor: pointer;
            width: auto;
            height: auto;
            margin: 5px;
        }
.CHECKOUT {
    width: 100%;
    font-size: 1.2em;
    margin: 10px auto;
}
    .CHECKOUT > tbody > tr > td, .CHECKOUT > tfoot > tr > td, .CHECKOUT > thead > tr > td {
        border: 1px solid #ccc;
        padding: 5px;
    }
    .CHECKOUT  > thead {
        font-weight: bold;
    }
    .CHECKOUT  > thead label.etiqueta {
        cursor: pointer;
    }
    .CHECKOUT  > thead label.etiqueta:hover {
        color: #000;
    }
        .CHECKOUT  > thead label.etiqueta input {
            margin: 0;
        }
    .CHECKOUT .error_msg {
        display: block;
        color: #c00;
        font-weight: bold;
        border: 1px dotted #c00;
        padding: 2px;
    }
    .CHECKOUT .DATOS_ENVIO td {
        padding: 5px;
    }
.PEDIDO {
    font-size: 14px;
}
    .PEDIDO fieldset {
        border: 1px solid #ccc;
        padding: 10px;
    }
        /*.PEDIDO fieldset > * {
            margin: 10px;
        }*/
        .PEDIDO fieldset legend {
            margin: 10px 10px 0px 10px;
            font-size: 1.2em;
            font-weight: bold;
            border: 1px solid #ccc;
        }
        .PEDIDO fieldset table {
            margin-top: 5px;
            width: 100%;
        }
            .PEDIDO fieldset table td {
                vertical-align: top;
            }
        .PEDIDO fieldset.productos {
            padding: 0;
        }
            .PEDIDO fieldset.productos td, .PEDIDO fieldset.productos th {
                border: 1px solid #ccc;
                padding: 2px;
            }
                .PEDIDO fieldset.productos td.noRightBorder, .PEDIDO fieldset.productos th.noRightBorder {
                    border-right: none;
                }
                .PEDIDO fieldset.productos tr.noBottomBorder td {
                    border-bottom: none;
                }
                .PEDIDO fieldset.productos .opciones {
                }
                    .PEDIDO fieldset.productos .opciones td{
                        border: none;
                    }
                .PEDIDO fieldset.productos td.precio {
                    color: #c00;
                    font-weight: bold;
                }
	
			
/*	=PIE
	footer */
.PIE {
	padding: 20px;
	border-top: 1px dotted #999;
	text-align: left;
}