/* Etiquetas generales */

html {
	background-color: #fff;
}

body {
	background: url(../images/cabecera_fondo.gif) repeat-x;
	text-align: center;
	padding: 0;
	margin: 0;
}

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

p.clear {
	margin: 0;
	padding: 0;
	clear: both;
}

p, ul li {
	font-family: "Trebuchet MS", sans-serif;
	color: #555;
}

/* Fin etiquetas generales */



/* ---------------------------------------------------------------------------------------------------------------- */


/* ETIQUETAS PAGINA PRINCIPAL */


/* Etiquetas para el marco de la página */

div.super {
	margin: 0 auto;
	text-align: left;
	width: 745px;
}

/* Fin de las etiquetas para el marco de la página */



/* ---------------------------------------------------------------------------------------------------------------- */



/* Etiquetas para la imagen promocional */

div.promo {
	width: 418px;
	float: left;
	margin-bottom: 30px;
}

	div.promo img {
		padding-bottom: 2px;
		border-bottom: 2px solid #f2f2f2;
	}

/* Fin de las etiquetas para la imagen promocional */

	
	

div.destacados {
	width: 408px;
	float: left;
	margin-left: 10px;
	_margin-left: 5px;
	margin-bottom: 35px;
}


div.destacados h4 {
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0 0 5px 0;
	background: url(../images/fondo_titulo_destacados.gif) no-repeat bottom right;
}


div.destacados ul {
	margin: 0;
	padding: 0;
}

div.destacados ul li {
	font: 0.7em/1.2em "Trebuchet MS" , sans-serif;
	display: inline;
	float: left;
	list-style: none;
	margin: 0 10px 0 10px;
	padding: 0 0 22px 0;
	width: 115px;
}

div.destacados ul li img {
width: 90px;
	padding: 1px;
	border: 1px solid #ddd;
	margin: 0 10px 0 0;
	float: left;
}



/* Etiquetas para el listado del catalogo */

div.catalogo {
	width: 280px;
	float: right;
	margin-top: 27px;
	
	font: 0.75em/1.85em "Trebuchet MS", sans-serif;
}

	div.catalogo h4 {
		margin-top: 0;
		margin-bottom: 7px;
		padding: 0 0 5px 0;
		background: url(../images/fondo_titulo_destacados.gif) no-repeat bottom right;
	}

	div.catalogo div.lista-derecha {
		float: right;
		width: 125px;
	}
	
	div.catalogo div.lista-izquierda {
		float: left;
		width: 145px;		
	}
	
	div.catalogo ul {
		margin: 0 0 0 10px;
		padding: 0;
	}
	
	div.catalogo ul li {
		list-style: none;
		background: url(../images/icono_lista.gif) no-repeat 0 .5em;
		margin: 0 0 7px 0;
		line-height: 16px;
		padding: 0 0 0 10px;
	}

	
		div.catalogo ul li ul {
			margin-bottom: 10px;
		}
		
		div.catalogo ul li ul li {
			background: none;
			font-size: .9em !important;
			line-height: 16px;
			padding: 0;
			margin: 0;
		}	
	
/* Fin de las etiquetas para el listado del catalogo*/





/* Etiquetas para el area de clientes */

div.clientes {
	width: 250px;
	height: 165px;
	float: right;
	margin-top: 15px;
	padding: 10px 15px;
	background: url(../images/area_clientes_fondo.gif) no-repeat top;
}



	div.clientes p.top {
		height: 10px;
		background-color: #CCCCCC;
		margin: 0;
		padding: 0;
	}

	div.clientes p.bottom {
		height: 10px;
		background-color: #ccc;
		margin: 0;
		padding: 0;	
	}



	div.clientes h4 {
		margin-top: 0;
		margin-bottom: 12px;
		padding: 0 0 5px 0;
	}
	
	div.clientes p {
		margin: 7px 0 7px 0;
		font: 0.7em/1.25em "Trebuchet MS", sans-serif;		
	}

	div.clientes p.link {
		margin: 0 0 20px 10px;
	}
		
	div.clientes p.link a, div.clientes p.link {
		font-weight: bold;
		color: #00e;
	}
	
/* Fin de las etiquetas para el area de clientes */









/* Etiquetas para el footer */

div.footer {
	background: url(../images/footer_fondo.gif) repeat-x top;
	padding: 0 12px;
	margin: 0;

	font: 0.7em/2em "Trebuchet MS", sans-serif;
}

	div.footer p {
		width: 100%;
		margin: 0;
		padding: 10px 0 0 0;
		height: 35px;
	}
	
	/* Para alinear correctamente la imagen del 'hecho por cercleweb' */
	div.footer img {
		padding-top: 3px;
	}
	
	div.footer span.left {
		float: left;
	}	
	
	div.footer span.right {
		float: right;
	}
	
	div.footer span.separar {
		padding: 0 7px;
	}

/* Fin de las etiquetas para el footer */


/* ---------------------------------------------------------------------------------------------------------------- */


/* ETIQUETAS PAGINAS INTERNAS */


/* Etiquetas para las zonas de contenido internas */

div.content-izquierda {
	margin-left: 10px;
	_margin-left: 6px;
	width: 445px;
	float: left;
	padding-bottom: 60px;
	_padding-bottom: 20px;
}

div.content-derecha {
	margin-right: 10px;
	_margin-right: 6px;
	width: 235px;
	float: right;
}

div.full {
	width: 680px;
}

/* Fin de las etiquetas para las zonas de contenido internas */



/* Etiquetas para el contenido */

div.content-izquierda h4 {
	margin-bottom: 5px;
	margin-top: 0;
}

div.content-izquierda p {
	margin: 0 0 14px 0;
	font: .8em/1.4em "Trebuchet MS", sans-serif;
}

div.content-izquierda p.destacado {
	font: bold .9em/1.2em "Trebuchet MS", sans-serif;
	color: #888;	
}

div.content-izquierda p.breadcrumb {
	margin: 0 0 0 0;
	font: .7em "Trebuchet MS", sans-serif;
}

div.content-izquierda p.nota {
	font: .7em "Trebuchet MS", sans-serif;
}

div.content-izquierda span.warning {
	font: bold 1.25em/1.2em "Trebuchet MS", sans-serif;
	color: #C00;
}

div.content-izquierda h1, div.content-izquierda h2, div.content-izquierda h3, div.content-izquierda h4, div.content-izquierda h5 {
	font-family: "Trebuchet MS", sans-serif;
	color: #132E63;
}

div.content-izquierda h2 {
	margin: 10px 0 20px 0;
}

div.content-izquierda h5 {
	margin-bottom: 0;
	margin-top: 0;
}

div.content-izquierda img.left {
	padding: 1px;
	margin: 0 15px 10px 0;
	border: 1px solid #ddd;
	float: left;	
}

div.content-izquierda img.right {
	padding: 1px;
	margin: 0 0 10px 15px;
	border: 1px solid #ddd;
	float: right;	
}

div.content-izquierda img.center {
	padding: 1px;
	margin: 15px auto;
	border: 1px solid #ddd;
	clear: both;
}

div.content-izquierda ul, div.content-izquierda ol {
	font: .7em/1.7em "Trebuchet MS", sans-serif;
	margin: 0 0 30px 40px !important;
	padding: 0;
}

/* Fin de las etiquetas para el contenido */



/* Etiquetas para el menu local */

div.modulo-cliente {
	width: 233px;
	background: url(../images/area_clientes_inside_fondo.gif) repeat-x top;
	margin-bottom: 20px;
}

	div.modulo-cliente p.top {
		margin: 0;
		background: url(../images/modulo_top.gif) no-repeat top;
		height: 5px;
		overflow: hidden;
	}
	
	div.modulo-cliente p.bottom {
		margin: 10px 0 0 0;
		background: url(../images/modulo_bottom.gif) no-repeat top;
		height: 5px;
		overflow: hidden;
	}
	
	div.modulo-cliente h3 {
		margin: 10px 0 0 15px;
	}
	
	div.modulo-cliente p {
		font: .75em "Trebuchet MS", sans-serif;
		margin: 5px 0 0 15px;
	}
	
	div.modulo-cliente a {
		color: #00e;
	}
	
	div.modulo-cliente ul {
		margin: 15px 0 0 20px;
		padding: 0;
		list-style: none;
	}
	
	div.modulo-cliente ul li {
		background: url(../images/vineta_carro.gif) no-repeat 0 .4em;
		font: .7em/1.1em "Trebuchet MS", sans-serif;
		padding-left: 7px;
		margin: 7px 0 0 0;
	}
	
	div.modulo-cliente ul li.no-list {
		background: none;
	}
	
        div.modulo-cliente strong {
                            padding-right: 50px;



                            }	

	/* ------------------------------------ */
	
div.menu-representantes {
	width: 233px;
	background: url(../images/menu_representantes_fondo.gif) no-repeat top right;
}	

	div.menu-representantes p.top {
		margin: 0;
		background: url(../images/modulo_top.gif) no-repeat top;
		height: 5px;
		overflow: hidden;
	}

	div.menu-representantes p.bottom {
		margin: 10px 0 0 0;
		background: url(../images/modulo_bottom.gif) no-repeat top;
		height: 5px;
		overflow: hidden;
	}
	
	div.menu-representantes h3 {
		margin: 10px 0 0 15px;
	}
	
	div.menu-representantes h5 {
		font: bold 12px "Trebuchet MS", sans-serif;
		margin: 20px 0 5px 20px;
		color: #333;
	}
	
	div.menu-representantes p {
		font: .7em "Trebuchet MS", sans-serif;
		color: #666;
		margin: 0 0 0 20px;
	}

	div.menu-representantes blockquote {
		margin: 0 0 25px 10px;
	}
	
	
	/* ------------------------------- */
	

	div.modulo-buscador {
		background: url(../images/buscador_inside_fondo.gif) repeat-x top !important;
		margin-bottom: 50px;
	}
	
		div.modulo-buscador h3 {
			margin-bottom: 10px !important;
		}
		
		div.modulo-buscador label {
			margin: 0 0 0 20px !important;
			font: .7em "Trebuchet MS", sans-serif;
			color: #333;
		}
		
		div.modulo-buscador input.campo-busqueda {
			width: 115px;
			margin-left: 20px;
		}


	/* ---------------------------------- */
	
	
div.menu-local, div.menu-productos {
	width: 233px;
	background: url(../images/menu_local_fondo.gif) no-repeat top right;
}

	div.menu-local p.top, div.menu-productos p.top {
		margin: 0;
		background: url(../images/modulo_top.gif) no-repeat top;
		height: 5px;
		overflow: hidden;
	}
	
	div.menu-local p.bottom, div.menu-productos p.bottom {
		margin: 10px 0 0 0;
		background: url(../images/modulo_bottom.gif) no-repeat top;
		height: 5px;
		overflow: hidden;
	}
	
	div.menu-local h3, div.menu-productos h3 {
		margin: 10px 0 0 15px;
	}
	
	div.menu-local p, div.menu-productos p {
		font: .7em "Trebuchet MS", sans-serif;
		color: #666;
		margin: 0 0 0 20px;
	}
	
	div.menu-local a {
		color: #00e;
	}
	
	div.menu-local ul {
		margin: 10px 0 0 20px;
		padding: 0;
		list-style: none;
	}
	
	div.menu-local ul li {
		background: url(../images/icono_lista_flechas.gif) no-repeat 0 .8em;
		font: .75em/2em "Trebuchet MS", sans-serif;
		color: #666;		
		padding-left: 10px;
		margin: 0 0 0 0;
	}
	
	div.menu-local ul li.selected {
		background: url(../images/icono_lista_flechas_off.gif) no-repeat 0 .8em !important;
	}	
	
	
	
	
	
	div.menu-productos a {
		color: #00e;
	}
	
	div.menu-productos ul {
		margin: 10px 0 0 20px;
		padding: 0;
		list-style: none;
	}
	
	div.menu-productos ul li {
		background: url(../images/icono_lista.gif) no-repeat 0 .7em;
		font: .7em/1.7em "Trebuchet MS", sans-serif;
		color: #666;		
		padding-left: 10px;
		margin: 0 0 0 0;
	}
	
	div.menu-productos ul ul {
		margin: 0 0 10px 0 !important;
	}
	
	div.menu-productos ul ul li {	
		background: none;
		font: .9em/1.5em "Trebuchet MS", sans-serif;
		color: #666;		
		margin: 0 0 0 0 !important;
	}
	
/* Fin de las etiquetas para el menu local */





/* Etiquetas para los formularios */

span.asterisco {
	font: 12px Verdana, sans-serif;
}





table.formulario {
	margin: 0 0 30px 25px !important;
	font: .7em "Trebuchet MS", sans-serif;	
}

table.formulario th, table.formulario td {
	padding: 7px 0 7px 5px;
}

table.formulario th {
	padding-top: .7em;
	text-align: right;
	vertical-align: top;
}

table.formulario textarea {
	width: 250px;
	height: 100px;
}

table.formulario input.big {
	width: 200px;
}

table.formulario input.medium {
	width: 150px;
}

table.formulario input.small {
	width: 85px;
}

table.formulario input.smallalot {
	width: 30px;
text-align: center;                                   
}


table.formulario td.radio label { 
display: block;
padding: 0;
margin: 0;
margin-bottom: 5px;
 }

table.formulario td.radio input { 
margin-top: 0;  
margin-bottom: 0;
vertical-align: middle;
 }

table.formulario label.hidden {
	display: none;
}

table.formulario th.acabado {
	font-size: 1.2em !important;
	text-align: left !important;
	padding-left: 0 !important;
}

table.extra th {
	font-size:1.4em !important;
}



.separado-izquierda { /* Estilo para elementos con un padding izquierdo */
	margin-left: 135px;
}

/* Fin de las etiquetas para los formularios */



/* Etiquetas exclusivas del backoffice */

table {
	border-collapse: collapse;
}

table.familias thead > tr > td, table.subfamilias thead > tr > td, table.criterios thead > tr > td, table.productos thead > tr > td, table.materiales thead > tr > td, table.acabados thead > tr > td, table.clientes thead > tr > td, table.administradores thead > tr > td, table.opciones thead > tr > td {
	font: bold .7em "Trebuchet MS";
	background-color: #f5f5f5;
	padding: 6px 10px;
	border-bottom: 1px solid #ccc;
}

table.familias td, table.subfamilias td, table.criterios td, table.productos td, table.materiales td, table.acabados td, table.clientes td, table.administradores td, table.opciones td {
	font: .7em "Trebuchet MS";
	padding: 6px 10px;
	border-bottom: 1px solid #ccc;
}

div.paginacion, p.anadir {
	margin: 10px 0 0 10px !important;
	font: .7em "Trebuchet MS" !important;
}

/* ----------- */



/* Etiquetas para la seccion de productos */

div.productos h4, div.familias h4 {
	margin-top: 0px;
}

div.productos {
	margin: 10px 0 0 10px;
	_margin-left: 5px;
	width: 210px;
	float: left;
}

div.familias {
	margin: 10px 0 0 10px;
	width: 215px;
	float: right;
}

div.productos ul, div.familias ul {
	margin: 0 0 0 10px !important;
	padding: 0 !important;
}

div.productos ul li, div.familias ul li {
	list-style: none;
	background: url(../images/icono_lista.gif) no-repeat 0 .50em;
	font-size: 1.1em !important;
	margin: 0;
	padding: 0 0 7px 10px;
}

div.productos ul li ul, div.familias ul li ul {
	padding-bottom: 10px !important;
}


div.productos ul li ul li, div.familias ul li ul li {
	background: none;
	font-size: 1.2 !important;
	line-height: 16px;
	padding: 0;
	margin: 0;
}



/* li's familias */

/*
li.pulsera {
	background: url(../images/lista_pulsera.gif) no-repeat left center;
}

li.collar {
	background: url(../images/lista_collar.gif) no-repeat left center;
}

li.pendiente {
	background: url(../images/lista_pendiente.gif) no-repeat left center;
}

li.colgante {
	background: url(../images/lista_colgante.gif) no-repeat left center;
}

li.anillo {
	background: url(../images/lista_anillo.gif) no-repeat left center;
}

li.tobillera {
	background: url(../images/lista_tobillera.gif) no-repeat left center;
}

li.accesorio {
	background: url(../images/lista_accesorio.gif) no-repeat left center;
}
*/



/* li's subfamilias */

/*
li.cristal-swarovski {
	background: url(../images/lista_cristal_swarovski.gif) no-repeat left center;
}

li.cadena-mecanica {
	background: url(../images/lista_cadena_mecanica.gif) no-repeat left center;
}

li.coleccion-perla-bolas {
	background: url(../images/lista_coleccion_perla_bolas.gif) no-repeat left center;
}

li.coleccion-motivos {
	background: url(../images/lista_coleccion_motivos.gif) no-repeat left center;
}

li.identidad {
	background: url(../images/lista_identidad.gif) no-repeat left center;
}

li.fantasia {
	background: url(../images/lista_fantasia.gif) no-repeat left center;
}

li.coleccion-infantil {
	background: url(../images/lista_coleccion_infantil.gif) no-repeat left center;
}
*/

/* ---------------- */



div.productos h4, div.familias h4 {
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0 0 5px 0;
	background: url(../images/fondo_titulo_destacados.gif) no-repeat bottom right;
}

div#imagenProducto {
	width: 160px;
	height: 160px;
	padding: 1px;
	float: right;
	margin-top: 14px;
}

div#imagenProducto img {
	border: 1px solid #d0d0d0;
                         }

div#referenciaImagen {
	position: relative;
	font: 0.7em/1.25em "Trebuchet MS", sans-serif;
	font-weight: bold;
	margin-top: -1.2em;
	margin-left: 0.2em;
}

div#descripcionImagen {
	position: relative;
	font: 0.6em/1em "Trebuchet MS", sans-serif;
	margin-top: 1em;
	margin-left: 0.2em;
}


div.paginacion {
	padding-top: 15px;
	clear: both;
}


div#listadoProductos ul {
	margin: 10px 0 0 10px !important;
	_margin: 10px 0 0 5px !important;
	float: left;
	width: 125px;
}

div#listadoProductos ul li {
	list-style: none;
	background: url(../images/icono_lista.gif) no-repeat 0 .65em;
	margin: 0;
	padding: 0 0 0 10px;
}	

div.acabados label {
	font: .8em "Trebuchet MS", sans-serif;
	color: #555;
}

/* ----------- */

div.mensaje, div.mensaje p {
	font: bold .9em "Trebuchet MS", sans-serif;
	color: #cc0000;
}

div.login-right div.mensaje {
	margin-top: -10px;
	margin-bottom: 10px;
}

div#loading {
position: absolute;
z-index: 1;
}



/* Etiquetas para la ficha de productos */

div.ficha-left {
	float: left;
	margin-right: 15px;
}

div.ficha-left img {
	padding: 1px;
	border: 1px solid #ccc;
}

div.ficha-right {
	float: right;
	width: 220px;
	padding-top: 0;
}

div.relacionados {
	margin-top: 0px !important;
}

	div.relacionados h3 {
		margin-bottom: 7px;
	}

	div.relacionados p {
		margin-top: 0;
		padding: 0px 13px;
	}
	
	
	
	div.relacionado {
		float: left;
		text-align: center;
		width: 100px;
		margin-left: 0px;
		margin-right: 10px;
		margin-bottom: 12px;
	}
	
		div.relacionado img {
			padding: 1px;
			border: 1px solid #ccc;
		}	

		div.relacionado label {
			font: .6em "Trebuchet MS", Arial, sans-serif;
		}




p.ref {
	font: bold 14px "Trebuchet MS", sans-serif !important;
	color: #000;
}

p.descripcion {
	font-size: .7em !important;
	margin-left: 12px !important;
}

p.precio {
	font-size: .8em !important;
	font-weight: bold !important;
	margin-left: 12px !important;
}

span#precio {
	color: #c00;
	font: bold .8em "Trebuchet MS", sans-serif;
	padding-left: 5px;
}

span#acabado-texto {
	font: .8em "Trebuchet MS", sans-serif;
	padding-left: 5px;	
}

div.ficha-right label {
	font-size: .7em;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #333 !important;
	margin-left: 12px;
}

div.ficha-right td {
	padding: 4px;
}

div.ficha-right input.cantidad {
	width: 78px;
}



/* Etiquetas para el carro de la compra */

table.lista-carro-small {
	width: 198px;
	margin: 15px 0 0 20px;
}

table.lista-carro-small tr {
	height: 20px;
}

table.lista-carro-small td {
	font: .7em "Trebuchet MS", sans-serif;
}

table.lista-carro-small td.referencia {
}

table.lista-carro-small td.unidades {
	text-align: right;
}

table.lista-carro-small td.boton {
	text-align: right;
	width: 15px;
}


p.calcular {
	margin-left: 20px !important;
}


/* Etiquetas para la pantalla del carrito para calcular los precios */

table.carrito {
margin: 0 0 20px 20px;
width: 100%;
}

table.carrito th, table.carrito td {
padding: 4px 10px 4px 10px;
height: 2.5em !important;
}

table.carrito th {
font: .8em "Trebuchet MS", Arial, sans-serif;
color: #333;
background-color: #eee;
border-bottom: 1px solid #666;
}

table.carrito td {
border-bottom: 1px solid #eee;
}


table.carrito th.referencia {
width: 130px;
}

table.carrito th.precio {
width: 100px;
}

table.carrito th.unidades {
width: 75px;
}

table.carrito th.acabado {
width: 120px;
}

table.carrito th.total, table.carrito td.total {
text-align: right;
}

table.carrito th.total {
font-weight: bold;
}

table.carrito td {
font: .8em "Trebuchet MS", Arial, sans-serif;
color: #333;
}

table.carrito th.eliminar {
width: 60px;
text-align: center;
}


table.carrito tr.total td {
border-bottom: 0 !important;
padding-top: 15px !important;
text-align: right;
}


table.carrito input.cantidad {
width: 50px;
}


p#enlace-actualizar, p.total, p.enlaces-carrito {
text-align: right;
padding-right: 70px;
}

p.total {
font-size: .8em !important;
margin-top: -10px !important;
margin-bottom: 30px !important;
}

span.separacion-barra {
padding: 0 10px;
}

span.red {
	color: #c00;
}

p.ampliar {
	font-size: 0.7em !important;
	margin-left: 40px !important;
	padding-left: 15px;
	background: url(/images/lupa.gif) no-repeat left;
}

div.datos-envio {
	float: left;
	width: auto;
	padding: 10px 25px;
}

	div.datos-envio p {
		margin-bottom: 0;
	}


div.login-right {
	float: right;
	padding-left: 25px;
	width: 326px;
	background: url(/images/separador_vertical.gif) left top no-repeat;
}

div.login-left {
	float: left;
	width: 300px;
}


div.indent {
	margin-left: 20px;
}


/* Pestañas acabados */


div.pestanyas-acabados ul
{ 
  padding-left: 1em;
  font-size: 0.9em;
  border-bottom: 1px solid #ccc;
  margin: 0 !important;
  margin-bottom: 1em !important;
 }

div.pestanyas-acabados ul li 
{ 
  margin-right: 7px;
  background-color: #ddd;
  border: 1px solid #ccc;
  display: inline;
  padding: 3px 10px 3px 10px;   

  }

div.pestanyas-acabados ul li a 
{ 

  text-decoration: none;  
  color: #667;
  }