@charset "utf-8";

.test {
	background-color: yellow;
	border: 1px solid red;
}

.test div {
	background-color: green;
	border: 1px solid blue;
}

.test label {
	background-color: pink;
	border: 1px solid black;
}

body {
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	color:#939598;
}
/*
	Establecemos 100 como base para la web, esto nos permite mandar elementos al fondo sin tener en cuenta el número de elementos superiores.
	Para las superposiciones explicitas se tilizarán los estilos adecuados.
	En el caso de incluir plugins que hagan uso de este atributo, será necesario controlar su uso para un z-index base modificado.
	Este grupo de estilos, en caso de utilizarse de forma extendida dentro del portal, tendrán que ubicarse dentro de las distintas hojas screen_xxxx.css

	Z-INDEX
	999	elementos por encima de cualquier otro, solo se ha de mostrar uno de estos elementos a la vez
	100	elementos de superposición por componente.
	200	elementos de interacción gráfica que no pueden quedar ocultos, botones, enlaces
	300	elementos de interacción funcional que no pueden quedar ocultos, botones, enlaces
	500	Menús y desplegables de usabilidad que han de tapar temporalmente otros elementos.
*/
body *	{z-index: 100;}
.zBase	{z-index: 100 !important;position: relative;}
.zBack	{z-index:   1 !important;position: relative;}
.zUp	{z-index: 200 !important;position: relative;}
.zUp-1	{z-index: 250 !important;position: relative;}
.zActive{z-index: 300 !important;position: relative;}
.zMenu	{z-index: 500 !important;position: relative;}
.zUpper	{z-index: 999 !important;position: relative;}

.fll {
	float:left;
}
.flr {
	float:right !important;
}
a {text-decoration:none}
a:link {color:#939598}
a:visited {color:#939598}
a:hover {color:#333333}
a:active {color:#939598}
/*a.destacado {color:#515E38;}*/
a.destacado {color:#657101;}
a.destacado:visited {color:#657101;}
a.natural {text-decoration:underline}

#pie {
	text-align: center;
}

#pie a {
	text-decoration: underline;
}
	
#cabecera { }
	#logo { }
	#cabecera h1 {
		display:none;
	}
	
	#cabecera .last  img{
		float:right;
	}
	
	.idiomas {
		margin-top: 10px;
	}
	.idiomas  a {
		margin-right:10px;
	}

#cuerpo { }

#contenido{
	/*min-height:278px;*/
}

	#productosOferta .producto {
		/*margin-top: 120px;*/
	}
	#productosOferta #ofertaDestacada{
		margin-top: 80px;
	}

	.producto {
		text-align: center;
		margin-top: 10px;
	}

	.precio {
		font-weight: bold;
		/*background: url(../img/fnd/precio.png) no-repeat;*/
		/*padding: 5px;*/
		/*font-size: 0.9em;*/
	}
	
		.precio .small {
			margin-bottom:0;
		}
		.precio .ref {
			font-weight:normal;
			padding-right:15px;
			text-align:right;
		}

		.precio .name {
			font-weight:bold;
			font-size:1.5em;
		}

		.precio  .link {
			padding: 5px 0 0 12px;
			text-align: left;
		}
		
		.precio a, .precio a:visited {
			/*color: #515E38;*/
			color: #657101;
			text-decoration: none;
		}

#pie .small {
	margin-bottom:0px;
}
/* REGISTRO DE USUARIOS */
#registro {
	text-align:center;
	background:#fff;
}
	#registro .line {
		margin-bottom: 5px;
	}
	#registro .span-4  *{
		margin-right: 10px;
	}
	#registro .span-4  img{
		margin-right: -10px;
	}

	.fondoReg {
		background:url(../img/fnd/registro1.jpg) repeat-x;
	}
	.areaReg {
		background:url(../img/fnd/registro.jpg) no-repeat;
		/*min-height:398px;*/
		width:100%;
	}
	#registro .button {
		color: green;
		border: 1px solid #BBBBBB;
		font-size: 1em;
	}

	#registro input.text {
		padding:1px;
		border:1px solid #bbb;
		margin: 0 10px 0 0;
		font-size: 1em;
	}
	#registro label {
		font-size: 1em;
	}

	#registro input.text:focus {
		border:1px solid #666;
	}
	#notificacion {
		color:red;
		height: 50px;
	}
	#sello {
		/*text-align:center;*/
		margin-left: -5px;
		margin-bottom: -5px;
	}
		
	#btn-aso, #btn-cat {
		background:url(/restyling/img/obj/btnasociados_backup.gif) repeat-x;
		text-align:center;
		height:28px;
		padding: 10px 0 0 0;
		border-left: 1px solid grey;
		border-right: 1px solid grey;
		font-weight:bold;
		font-size: 0.9em;
	}
	#btn-cat {
		background:url(/restyling/img/obj/btncatalogo_backup.gif) repeat-x;
		padding: 2px 0 0 0;
		height:36px;
	}
	#btn-aso  a {
		color: #40559a;
	}
	#btn-cat  a {
		color: #6f5a2f;
	}
	#btn-conf {
		text-align: center;
	}
	
	#btn-chat {
		background:url(/restyling/img/obj/btncatalogo_backup.gif) repeat-x;
		text-align:center;
		height:30;
		padding: 2px 0 0 0;
		border-left: 1px solid grey;
		border-right: 1px solid grey;
		font-weight:bold;
		font-size: 0.8em;
	}
	#btn-chat-off {
	  background:url(/restyling/img/obj/btncatalogo_backup_off.gif) repeat-x;
    text-align:center;
		height:30;
		padding: 2px 0 0 0;
		border-left: 1px solid grey;
		border-right: 1px solid grey;
		font-weight:bold;
		font-size: 0.8em;   
  }
	#btn-chat a {
		color: #6f5a2f;
	}
	#btn-chat-off  a {
		color: #black;
	}
	

.infoProducto{
	font-weight:bold;
	/*background: #fff url(/restyling/img/obj/messNotif.png) 5px 5px no-repeat;
	padding-left:30px;*/
	padding-left:5px;
	background: #fff;
	/*border-left: 1px solid #515E38;*/
	/*border-left: 1px solid #657101;*/
}

.infoProducto a {
	/*font-size:1.5em;*/
}

#PasosCompra li {
	float:right;
	margin:10px 20px;
	font-weight:bold;
}

#PasosCompra .seleccionado {
	font-weight:normal;
}

#detalleProducto {
	background:#fff;
}

.txtForm {
	/*color:#515E38;*/
	color:#657101;
}

.double {
	font-size:2em;
}
.bold {
	font-weight:bold;
}

.sombreado {
	background-color: #cbd3b5;
	color: #6c7060;
}

table.listado {
	border-spacing: 2px;
}
table.listado td, table.listado th{
	border-top: 1px solid #6c7060;
	border-left: 1px solid #6c7060;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
table.listado td {
	font-size: 0.8em;
}
table.listado th {
	font-weight: bold;
}