/*******************************/
/* 		 PERONA 2008		   */
/*******************************/	


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
} 

div {
	min-height: 1px;
}

a{
	text-decoration:none;
	color:#64685e;
}
ul{
	list-style:none;
}
table{
	border-collapse:collapse;
}
em{
	color:red;
	margin-left:2px;
	margin-right:2px;
}
em.verde_osc{
	color:#7b8073;
}

body {
	background-color:#f4f4ec;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size:13px;
	color:#333333;
	margin: 0 auto;
	width:100%;
	text-align: center;
}
h1{/*Titulo secciones*/
	color:#7b8073;
	font-weight:bold;
	font-size:1.2em;
	margin-top:0px;
	margin-bottom:5px;
	text-transform:uppercase;	
}
h2{/*En nombre familia*/
	color:#7b8073;
	font-weight:bold;
	font-size:0.9em;
	margin-top:15px;
	text-transform:uppercase;
}


/****** ESTRUCTURA ******/

div#contenedor{
	background-color:#fff;
	position: relative;
	min-height: 400px;
	height:auto;
	max-width: 1024px;
	width:1024px;
	min-width: 750px;
	margin: auto;
	text-align: left;
}
div#menu{
	float:left;
	top:0;
	bottom:0;
	margin:0;
	left:0;
	width:168px;
}
/*El siguiente div es necesario para que contenido y ofertas crezca por igual y no solape con el pie*/
div#agrupa_ContOfertas{
	float:left;
	left:0px;
	top:0px;	
	display:block;
	position:relative;
	width:856px;
}
div#contenido_fuera{
	margin: 0px;
	width:573px;/*673 - paddings*/
	float:left;
	top:0;	
	padding-left:50px;
	padding-right:50px;	
}
div#contenido{
	margin: 0px;
	width:573px;	
	float:left;
	padding:0px;
/*	margin-left:50px;
	margin-right:50px;*/
	top:0;
}
div#ofertas{
	float:right;/*left*/
	left:0px;
	width:183px;
}
div#inicio{
	float:left;
	left:0px;
	top:0px;	
	display:block;
	position:relative;
	width:856px;	
}
div#banner_izq{
	margin: 0px;
	width:280px;/*340*/
	height:440px;	
	float:left;
	margin-left:50px;
	margin-right:10px;
	top:0;	
}
div#banner_dch_sup{
	margin: 0px;
	width:450px;/*510*/
	height:210px;	
	float:left;
	margin-left:10px;
	margin-right:50px;
	top:0;	
}
div#banner_dch_inf{
	margin: 0px;
	width:450px;/*510*/
	height:210px;	
	float:left;
	margin-left:10px;
	margin-right:50px;
	margin-top:20px;		
}

div#cabecera,
div#pie{
	max-width: 1024px;
	width:1024px;
	min-width: 744px;
	margin: auto;
	background-color:#fff;
  	text-align: left;
}
div#cabecera {
	border-bottom: none;
	height:190px;
	position:relative;
}
div#logo_foto{
	position:absolute;/*necesaria, junto al z-indez para fijar las capas de la transparencia*/
	top:0px;
	left:0px;
	height:126px;
	z-index:0;
}
div#logo_foto_logo{
	position:absolute;/*necesaria, junto al z-indez para fijar las capas de la transparencia*/
	top:0px;
	left:0px;
	height:126px;
}
div#logo_foto_foto{
	position:relative;
	top:0px;
	left:168px;
	height:126px;
}
div#idiomas_buscador{
	position:absolute;/*necesaria, junto al z-indez para fijar las capas de la transparencia*/
	height:17px;
	width:1024px;
	top:109px;
	left:0px;
	z-index:2;
}
div#idiomas{
	width:166px;
	height:15px;
	background-color:#E6D9D1;
	font-size:10px;
	color:#A6A09C;
	border:1px solid #A6A09C;
	text-align:center;
	padding-top:0px;
	float:left;
}
div#idiomas a{
	color:#A6A09C;
}	
div#transparente{
	width:673px;
	background-color:#E6D9D1;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;	
	float:left;
}

div#buscador{
	width:183px;
	float:left;
}
div#navegacion_sec{
	height:64px;
	top:126px;
	position:absolute;
}
div#validacion{
	width:168px;
	float:left;	
	text-align:center;
	padding-top:4px;
	padding-bottom:2px;
}
div#miga{
	width:673px;
	float:left;	
	padding-top:0px;
	padding-left:0px;
	font-size:0.9em;
}
div#pedido{
	width:183px;	
	float:left;	
	padding-top:25px;
	text-align:center;
	position:relative;
	left:0px;
}

div#pie {
	border-top: none;
	height:120px;
	padding-top:20px;  
}
div#sinonimos{
	height:50px;
	border:1px dotted #dcdcb3; 
	background-color:#fff;
	padding:5px 10px 5px 10px;
	text-align:center;
	color:#dcdcb6;
	font-size:0.9em;
	line-height:90%;
}
div#direccion{
	height:40px;
	padding-top:10px;
	padding-bottom:5px;
	background-color:#fff;
	text-align:center;
}
div#spl{
	height:30px;
	font-size:0.9em;
	text-align:center;
	color:#dcdcb6;
	background-color:#fff;
}
/******* PEDIDO *******/
#pedido_texto{
	position:relative;
	top:0px;
	left:0px;
	z-index: 100;
}
#pedido_capa{
	position:absolute;
	z-index: 90;
	top:25px;
	left:0px;
	width:175px;
	height:35px;
	background:#FF5;
	border:1px solid #FF5;
}

/**********MIGA DE PAN*********/
#miga ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
} 
#miga ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	color:#b9bfac;
}



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

#menu_nivel_1{
	width:166px;
	background-color:#7b8073;
	padding:4px 0px 4px 0px;
	list-style:none;
	margin:0px;
}
#menu_nivel_1 li{
	background-color:#b9bfac;
	border-top: 1px solid #7b8073;
	border-bottom: 1px solid #7b8073;
	border-collapse:collapse;
	margin-top:-2px;
	padding-left:7px;	
	background-image:url(../img/ico_lista.gif);
	background-repeat:no-repeat;
	background-position:5px 6px;
}
#menu_nivel_1 li a{
	text-transform:uppercase;	
	text-decoration:none;
	color:#7b8073;
	display:block;
	padding-left:7px;
}
#menu_nivel_2{
	background-color:#d1d9c3;
	margin-left:-7px;
}
#menu_nivel_2 li{
	background-color:#d1d9c3;
	padding-left:20px;		
	background-image:url(../img/ico_lista.gif);
	background-repeat:no-repeat;
	background-position:15px;
	border-top: 1px dashed #ababab;
	border-bottom: 1px dashed #ababab;
	border-collapse:collapse;
	margin-top:-2px;
}
#menu_nivel_2 li a{
	text-transform:uppercase;	
	color:#7b8073;
	display:block;
	padding-left:5px;
}
/***** Estados del Menu *****/
#menu_nivel_1 li.seleccionado{
	background-image:url(../img/ico_lista.gif);
	background-repeat:no-repeat;
	background-position:5px 6px;
	background-color:#f6ffe5;	
}
#menu_nivel_2 li.subseleccionado{
	background-color:#f6ffe5;
}
#menu_nivel_1 li:hover{
	color:#7b8073;
	background-color:#f6ffe5;
}	
#menu_nivel_2 li:hover{
	color:#7b8073;
	background-color:#f6ffe5;
}

/*********OFERTAS**********/
/*ofertas columna derecha*/
div.caja_oferta_impar{
	border-top: 1px solid #e7ebe0;
	border-left: 1px solid #e7ebe0;
	border-bottom: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	background-color:#fcfff2;
	width:181px;
	margin-bottom:5px;
	padding-bottom:5px;
}
div.caja_oferta_par{
	border-top: 1px solid #e7ebe0;
	border-left: 1px solid #e7ebe0;
	border-bottom: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	background-color:#d1d9c3;
	width:181px;
	margin-bottom:5px;
	padding-bottom:5px;
}
p.nombre_oferta{
	margin:13px 15px 7px 11px;
	color:#9a303e;
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;	
}
div.foto_oferta{
	float:left;
	margin:0px 19px 7px 11px;
	padding-top:10px;
	width:53px;
	height:50px; 
	border:1px solid #9a303e;
	background-color:#fff;
}
div.descripcion_oferta{
	margin:0px 15px 7px 0px;
	font-size:0.9em;
}
p.precio_oferta, p.fecha_oferta{
	color:#9a303e;
	font-size:0.9em;
	margin-top:2px;
	margin-left:11px;
}

/*ofertas listado seccion*/
.lista_ofertas{
	border:1px dotted #9a303e;
	background-color:#fafafa;
	margin:10px;
	padding:10px 10px 0px 10px;
	width:500px;
}
.lista_ofertas h2{
	margin-top:5px;
}
.ref_articulo{
	padding-bottom:5px;
	font-size:0.9em;
}
.lista_ofertas.fija{
	float:left;
	margin:0px;
}
.agrup_precio_fecha{
	padding-top:5px;
	display:block;
	margin-left:115px;
}
.lista_ofertas .precio_oferta{
	float:left
}
.lista_ofertas .fecha_oferta{
	float:right;
}

/*****ENLACES*****/
.enlaces{
	width:555px;
	margin-bottom:10px;
}
.fija{
	float:left;
	margin:5px 15px 5px 0px;
}
.enlaces a{
	color:#7b8073;
}
.enlaces p{
	margin-top:5px;
}

/******* LISTADOS *******/
table{
	width:520px;
	text-align:center;
}
.listado th{
	background-color:#7b8073;
	color:#f6ffed;
}
.fila_impar{
	background-color:#fff;
}
.fila_par{
	background-color:#d1d9c3;
}
tr.fila_par:hover{
	background-color:#e7ebe0;
}
tr.fila_impar:hover{
	background-color:#e7ebe0;
}
.crea_nuevo{
	float:right;
	margin-right:57px;
	margin-bottom:5px;
	color:#7b9073;
	text-decoration:underline;
}
.listado img{
	padding:0px 4px;
}
.td_izq{
	text-align:left;
	padding-left:15px;
	height:22px;
}
.acciones{
	text-align:left;
	vertical-align:middle;
}


/*****LISTADO PEDIDO*****/
.listado_pedido {
	font-size:0.9em;
	width:550px;
}
.listado_pedido th{
	background-color:#7b8073;
	color:#f6ffed;
	padding:0 5px;
}
.listado_pedido td{
	padding:0 5px;
}
.precio_total{
	border-top:2px solid #7b8073;
	color:#7b8073;
	font-weight:bold;
	height:10px;
}
.precio_total p{
	padding-top:10px;
}
.alinea_izq{
	text-align:left;
}
.alinea_der{
	text-align:right;
}
.listado_pedido input{
	text-align:center;
}
.observaciones_mail p{
	width:300px;
	border: 1px solid red;
}
/****** LISTADO ASIGNACIÓN *******/
.articulos_asignados{
	vertical-align:top;
}
.articulos_asignados table{
	width:460px;	
}
.volver{
	font-size:11px;
}
/***** FORMULARIO VALIDACION ******/
.texto_validacion{
	font-size:0.9em;
	color:#7b8073;
}
#validacion label{
	font-size:0.9em;
	color:#7b8073;
	width: 70px;
	float: left;
	text-align: left;
	margin-left:5px;
}
#validacion_clave, #validacion_usuario{
	margin-right:5px;
	width:75px;
	border:1px solid #b9bfac;
	font-size:0.8em;
	height:1.5em;
}
#validacion .boton{
	margin-top:2px;
}


/****** FORMULARIO ******/
.formulario{
	width:555px;
}
.formulario div{
	margin-bottom:5px;
}
.formulario label{
	width:100px;
	float:left;
	text-align:left;
	margin-left:20px;
}
.formulario input{
	border:1px solid #b9bfac;	
}
.formulario textarea{
	width:377px;
	height:75px;
	border:1px solid #b9bfac;
}
.formulario fieldset{
	border:1px solid #b9bfac;
	margin-left:20px;
	width:500px;
	padding-bottom:10px;
}
.formulario fieldset legend{
	margin-left:10px;
	margin-bottom:10px;
	margin-top:10px;
	padding-left:5px;
	padding-right:5px;
}
.formulario fieldset label{
	width:250px;
}
.formulario .botones{
	text-align:center;
	margin-top:20px;
}
.formulario .botones input{
	border:0px;
}
.formulario label.nombre_fichero{
	width:200px;	
}

/*****FORMULARIO USUARIO*****/
.formulario_usuario{
	width:555px;
}
.formulario_usuario div{
	margin-bottom:5px;
}
.lbl_observaciones{
	width:100px;
	float:left;
	text-align:left;
	margin-left:0px;	
}
.lbl_primera{
   width: auto;
   float: left;
   text-align: left;
   margin-right: 2px;
}
.lbl_siguiente{
	width: auto; 
	padding: 0; 
	text-align: left; 
   	margin-left: 15px;
}
.formulario_usuario input{
	border:1px solid #b9bfac;

}
.formulario_usuario textarea{
	width:377px;
	height:75px;
	border:1px solid #b9bfac;
}
.formulario_usuario fieldset{
	border:1px solid #b9bfac;
	margin-left:0px;
	padding-left:20px;
	width:500px;
	padding-bottom:10px;
}
.formulario_usuario fieldset legend{
	margin-left:0px;
	margin-bottom:10px;
	margin-top:10px;
	padding-left:5px;
	padding-right:5px;
}
.formulario_usuario fieldset label.lbl_primera{
	width:150px;
}
.formulario_usuario fieldset label.lbl_siguiente{
	margin-left:100px;
	width:130px;
}
.formulario_usuario .botones{
	text-align:center;
	margin-top:20px;
}
.formulario_usuario .botones input{
	border:0px;
}
.formulario_usuario label.nombre_fichero{
	width:200px;	
}


/***** PASA PAGINAS ******/
.buscador_pasapaginas{
	text-align:center;
	height:20px;
	color:#7b8073;
	margin-top:20px;
}
.cajetilla_buscador{
	border:1px solid #7b8073;
}
.buscador_pasapaginas select{
	font-size:12px;
}
.ico_buscador{
	vertical-align:text-bottom;
}
.agrupa_ListadoPaginas{
	width:530px;
	height:20px;
	border-bottom:1px dotted #7b8073;
	padding:0px 10px;
	margin-top:15px;
	margin-bottom:20px;
	color:#7b8073;
}
.agrupa_ListadoPaginas strong{
	font-size:1.1em;
}
.total_listado{
	float:left;
	width:50%;
}
.pasa_paginas{
	float:right;
	text-align:right;
	width:50%;
}

/***** ESTATICAS ****/
.ul_estaticas li{
	padding-left:20px;
}
.marcoimg_empresa{
	padding:10px;
}

/********************/

.form_buscador{
	width:120px;
	vertical-align:top;
	margin-top:-1px;
	border:1px solid #333;
	font-size:0.8em;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;	
}

div#pedido p{
	color:#7b8073;
	font-size:0.9em;
	text-transform:uppercase;
}
#pedido .titulo{
	font-weight:bold;
}
div.caja_familia{
	float:left;
	top: 0;
	margin-bottom: 10px;
	padding-bottom:5px;
	width:183px;
	height:160px;
	text-align:center;
}
div.caja_familia img{
	max-height:90px;
	max-width:90px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div.caja_familia a:hover h2{
	color:#9a303e;
}
div.caja_familia h2{
	margin-top:0px;
}

div.caja_producto{
	float:left;
	top: 0;
	margin-bottom: 20px;
	padding-bottom:5px;
	width:136px;
	height:209px;
	text-align:center;
}
div.caja_producto img{
	max-height:90px;
	height: expression(this.scrollHeight > 89? "90px" : "auto" );
	max-width:90px;
	width: expression(document.body.clientWidth > 90? "90px" : "auto");  
	margin:10px 0px;
}
div.caja_producto a:hover h2{
	color:#9a303e;
}
div.caja_producto p{
	padding-left:5px;
	padding-right:5px;
}
div#muestra_articulo{
	width:100%;
	text-align:center;
}
div#muestra_articulo h2, div#muestra_articulo p{
	text-align:left;
}
.datos_articulo{
	width:100%;	
	border:1px solid #7b8073;
	text-align:center;
}
.datos_articulo th{
	background-color:#7b8073;
	color:#f6ffed;
	font-size:0.9em;
}
.datos_articulo td{
	border:1px solid #7b8073;
}
#sinonimos a{
	color:#dcdcb6;
}
.texto_pie{
	font-family:inherit;
	font-size:0.9em;
	color:#8e9386;
}
div#spl a{
	color:#dcdcb6;
}
.clear{
	clear:both;
}
.msj_error{
	color:red;
}
.botones{
	text-align:center;
	margin-top:20px;
}

#lopd{
	margin-top:20px;
	border:1px dashed #aaaaaa;
	padding: 5px;
	color:#aaaaaa;
	font-size: 10px;
	text-align: justify;	
}