/*********************************************/
/*               FRAMEWORK                   */
/*********************************************/
body{
	margin:0px;
	scrollbar-face-color: #FCEBBE;
	scrollbar-highlight-color: #FEF9EB;
	scrollbar-3dlight-color: #FEF9EB;
	scrollbar-darkshadow-color: #FEF9EB;
	scrollbar-shadow-color: #FEF9EB;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #FEF9EB;
	font-family:Arial, Helvetica, sans-serif;
}





p{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align: justify;
	margin-left: 15px;
	margin-right: 15px;

}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5B5476;
	text-align: justify;
	font-weight: bold;
}
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5B5476;
	text-align: center;
	font-weight: bold;
	margin-left:15px;
	margin-right:15px;
}

.texto {
	font-family: Arial, Verdana ,Times, serif;
	font-size: 10px;
	color: #000000;
	text-align: justify;
}
.boton_form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;//#D15401;
	background-color: #FFFFFF;//4DD;
	border: solid 1px #cccccc;//FFCC66;
}
.enlaces {
	font-family: arial, verdana, Times, serif;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	padding: 0;
	color: #5F5225;
	height: 100%;
	background-color: #B79E48;
	width: 100%;
}

.enlaces_titulo a:link  {
	font-family: arial, verdana, Times, serif;
	font-size: 12px;
	color: #0033CC;
	margin: 0px 6px -15px 6px;
	padding: -2px;
}
a.enlaces_titulo2:link  {
	font-family: arial, verdana, Times, serif;
	font-size: 12px;
	color: #0033CC;
	margin: 0px 6px -15px 6px;
	padding: -2px;
}
a.enlaces_titulo2:visited  {
	font-family: arial, verdana, Times, serif;
	font-size: 12px;
	color: #0033CC; #FF934D;
	margin: 0px 6px -15px 6px;
	padding: -2px;
}
a.enlaces_titulo2:hover  {
	font-family: arial, verdana, Times, serif;
	font-size: 12px;
	color: #ff3300;
	margin: 0px 6px -15px 6px;
	padding: -2px;
}
a.enlaces_titulo2:active  {
	font-family: arial, verdana, Times, serif;
	font-size: 12px;
	color: #0033cc;
	margin: 0px 6px -15px 6px;
	padding: -2px;
}
.enlaces_titulo a:visited  {
	font-family: arial, verdana, Times, serif;
	font-size: 12px;
	color: #0033CC; #FF934D;
	margin: 0px 6px -15px 6px;
	padding: -2px;
}
.enlaces_titulo a:hover  {
	font-family: arial, verdana, Times, serif;
	font-size: 12px;
	color: #999999;
	margin: 0px 6px -15px 6px;
	padding: -2px;
}
.enlaces_titulo a:active  {
	font-family: arial, verdana, Times, serif;
	font-size: 12px;
	color: #999999;
	margin: 0px 6px -15px 6px;
	padding: -2px;
}
.enlaces_parrafo a:link  {
	font-family: arial, verdana, Times, serif;
	font-size: 12px;
	color: #999999;
	padding: 6;
}
.enlaces_pie{
	font-family: arial, verdana, Times, serif;
	font-size: 11px;
	color: #EF950E;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
}

a:link.enlaces_pie  {
	font-family: arial, verdana, Times, serif;
	color: #EF950E;	text-align: center;

}
a:hover.enlaces_pie  {
	font-family: arial, verdana, Times, serif;
	color: #999999;
	text-align: center;


}
a:visited.enlaces_pie  {
	font-family: arial, verdana, Times, serif;
	color: #EF950E;	text-align: center;

}
a:active.enlaces_pie  {
	font-family: arial, verdana, Times, serif;
	color: #EF950E;
	text-align: center;
}

.autef {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-decoration: none;
}
.letrasautef { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #B79E48; 
	text-decoration: none;
}

/*********************************************/
/*    CLASES DINAMICAS y en los HTM          */
/*********************************************/

/* ------------------------------------------------ */
/* --- CLASES que no tienen un sitio especifico --- */
/* ------------------------------------------------ */
.tb-ppal {
	width: 100%;			
}
.gran-tabla {
	width:100%;
}
.columna-listado{
	width:100%;
	padding-left: 3px;
}
.listado-cabecera {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: 61ba20;#ff6666;#D15401;
	font-weight: bold;
	text-transform: uppercase;
}
.td-titulo{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight: lighter;
	color: #000000; 
	background-color: #9EB1D9 ;#5F5225;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	width:100%;
}
/* ------------------------------------------- */
/* --- CLASES que aparecen en los LISTADOS --- */
/* ------------------------------------------- */
.listado-fila-par {
	padding-left: 0px;
#E4E4E4;
	color: #000000;
	font-size: 12px;
	min-height:120px;
	max-width:500px;
	border: 1px dotted #999999;
}
.listado-fila-impar {
	padding-left: 0px;
	background-color: #F2F2F2;
	color: #000000;
	font-size: 12px;
	min-height:120px;
	max-width:500px;
	border: 1px dotted #999999;
}
.listado-td {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: top;
}
.listado-td font {
	margin-left: 5px;
	margin-right: 5px;
	display: block;

}
.listado-td img {

}
.estilo_listado_cabecera {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #61ba20 ;#D15401;
	font-weight: bold;
	text-transform: uppercase;
}
	.estilo_listado_cabecera a:link { color:#FFFFFF; border-bottom: 1px solid #ffffff;}
	.estilo_listado_cabecera a:visited { color:#FFFFFF; border-bottom: 1px solid #ffffff;}
	.estilo_listado_cabecera a:hover { color:#FFFFFF; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff;}

.estilo_mensaje_listado {
	font-size: 12px;
	color: #4C4C4C;
}
/* ----------------------------------- */
/* --- CLASES para los FORMULARIOS --- */
/* ----------------------------------- */
.formulario-td-etiquetas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #ecc232;
#999999;#DA7634; 
	font-weight: bold;
}
.formulario-td-campos{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #5D5D5D;
	text-decoration: none;
	background-color: #fff8cc;#cccccc;#CBB97C;
}
.formulario-campo{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000; 
	background-color: #9EB1D9;#FFffff;#E0D5B1;
}
.formulario-boton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #5B5476;//#D15401;
	background-color: #ECE9D8;#9eb1d9;//4DD;
	border: solid 1px #cccccc;//FFCC66;
	margin-top: 5px;
}
	
/* ---------------------------------------------------------- */
/* --- CLASES para los MENSAJES tanto de error como de ok --- */
/* ---------------------------------------------------------- */
.mensaje-tabla {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #ff0000;#FF6501; 
	text-decoration: none;
}
.mensaje-td-error {
}
.mensaje-td-ok {
}

/* -------------------------------------------- */
/* --- CLASES para los FORMULARIOS de LOGIN --- */
/* -------------------------------------------- */
.tb-login {
	width: 100%;		
}
.form-login-titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #000000;#DA7634; 	
	font-weight: bold;
	padding-left: 20px;
}
.form-login-td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #333333; #ff6666;#DA7634; 	
	font-weight: bold;
	padding-left: 20px;
}
.form-login-campo {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000; 
	background-color: #FFCCCC ;#E0D5B1;
}
.form-login-boton {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #000000; 
	background-color: #9eb1d9 ;#FF934D; 
	border-color: #999999;#FF934D; 
}

/* --------------------------------------- */
/* --- CLASES para el MARGEN IZQUIERDO --- */
/* --------------------------------------- */
.tb-margen-izquierdo {				
	width: 98%;	
}
	.td-titulo-margen{
		font-size: 12px;
		color: #666666;#FF6501;
		font-weight: bold;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.td-enlaces-familias { }
	.td-enlaces-familias a:link, .td-enlaces-familias a:visited { }
	.td-enlaces-familias a:hover { }
		/* --- enlaces familia --- */
		.a-familias {
			display:block;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #000000;
			text-decoration: none;
			padding: 3px;
			text-align: left;
			vertical-aling:center;
			background-color: #CCCCCC;//FFB280;
			font-weight: bold;
			text-transform: uppercase;
		}		
			a.a-familias{	
				display:block;	
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #000000;
			}
			a.a-familias:visited{	
				display:block;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #666666;
			}
			a.a-familias:hover{
				display:block;	
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #333333;
				background-color: #FFCCCC;// #D15401;	
			}			
			a.a-familias:active{	
				display:block;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #000000;
				background-color: #ff3333;//#CBB97C;	
			}
	/* --- formulario de busqueda --- */	
	.td-formulario-izq {
		font-family: Verdana, Arial, Helvetica, sans-serif;		
		border-left: 3px double #7F7F7F;		
		margin: 20px;		
	} 
		.etiqueta-izq {
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 10px; 
			color: #333333; 	
			font-weight: bold;			
			text-align: left;
			margin:5px;
		}
		.campo-izq {
			text-align: left;
			border:0px;
			margin-left:10px;
			margin-right:10px;
		}
		.campo-izq input {
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 10px; 
			color: #000000; 
			background-color: #ffffff;//E0D5B1;
		}
		.boton-izq {
			text-align: center;
			margin-top: 7px;
			margin-left: 5px;
		}
		.boton-izq input {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: bold;
			color: #666666;//#D15401;
			background-color: #FFFfff;//4DD;
			border: solid 1px #cccccc;//FFCC66;
		}
	/* --- enlaces restantes del margen --- */
	.td-enlaces-margen-izquierdo { text-align: left;}
		
	.td-enlaces-margen-izquierdo a:link, .td-enlaces-margen-izquierdo a:visited{ 
		text-decoration: none;
		padding-left: 15px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #4C4C4C;							
	}
	.td-enlaces-margen-izquierdo a:hover {
		color: #7f7f7f;
		padding-left: 10px;
		border-bottom: 1px solid #7f7f7f;
		border-left: 6px solid #7f7f7f;				 
	}	

/* --------------------------------------------- */
/* --- CLASES para el LISTADO de SUBFAMILIAS --- */
/* --------------------------------------------- */
.td-titulo-categoria {	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: #ff3333;//B79E48;	
}
.td-categoria {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-decoration: none; 
	background-color: #ff3333;
	height: 20px;				
}
.td-titulo-subcategoria {	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FFFFFF; 
	background-color: #ff3333;//#9E893F;
	padding: 3px;	
}
.td-subcategorias {
	text-align: center;
	width: 100%;
}
	.td-subcategorias td {
		padding: 4px 8px 4px 8px;		
		vertical-align: top;
		width: 33%;
		border: 1px solid #4c4c4c;		
	}	
	
	/* --- enlaces detalle subfamilias --- */
	a.enlaces_subfamilias:link {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-weight: bold; 
		color: #ff3333;//#9E893F; 
		text-decoration: none; 
		font-size: 12px;
	}
	a.enlaces_subfamilias:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-weight: bold; 
		color: #ff3333;//#9E893F; 
		text-decoration: none; 
		font-size: 12px;
	 }
	a.enlaces_subfamilias:hover {
		background-color: #ff3333;//#9E893F;
		color: #FFFFFF;
	}

/* ------------------------------------------- */
/* --- CLASES para el LISTADO de ARTICULOS --- */
/* ------------------------------------------- */
.tb-titulos {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none; 
	background-color: #9eb1d9; #ff6666;//#E8A980; 
	border: 0px #FFCC66;
	width: 100%;
	height: 25px;
}
.titulo_familia {
	color: #FFFFFF;
	font-size: 12px;
}
.titulo_subfamilia {
	color: #FFFFFF;
	font-size: 12px;
}

	.imagen {
		float: left;
		margin: 5px;						
	}
	.nombre_seccion{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}					
	.nombre_seccion_uk{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}	
	.fecha{
	font-size:9px;
	font-weight:bold;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:5px;
	margin-bottom:5px;
}				
	.cabecera{	
	font-size:12px;
	font-weight:bold;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

	.cabecera a{	
	font-size:12px;
	font-weight:bold;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	.cabecera a:hover{
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	.cabecera_uk{	
	font-size:12px;
	font-weight:bold;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

	.cabecera_uk a{	
	font-size:12px;
	font-weight:bold;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	.cabecera_uk a:hover{
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

	.detalle{	
	font-size:10px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:10px;
}
	.detalle_uk{	
	font-size:10px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:10px;
}
	.nombre {
		color: #ff6666;//#DA7634;
		font-size: 16px;
		font-weight: bold;			
	}
	.marca {
		margin-top: 8px;
		color: #ff3300;//#FF6501;
		font-size: 14px;
		text-align: right;					
	}
	.descripcion {
		margin-top: 8px;
		text-indent: 8px;
		font-size: 12px;
		color: #4C4C4C;		
	}
	.precio {
		margin-top: 8px;
		margin-bottom: 2px;
		color: #FF3300;
		font-size: 14px;
		text-align: right;
	}
	.b_oferta {		
		text-align: right;					
	}
	.referencia {
	color: #4C4C4C;
	font-size: 10px;
	font-weight: bold;
	padding-left: 4px;
	text-align: right;
	}
	.cantidad {
		font-size: 14px;
		color: #333333;
		text-align: left;
		padding-bottom: 3px;
	}
		.cantidad input {
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 12px; 
			color: #000000; 
			background-color: #E0D5B1;	
		}
	.listado_default {
	}
/* --------------------------------------------- */
/* --- CLASES para el INDICE DE LOS LISTADOS --- */
/* --------------------------------------------- */
.indice-tabla {	
	width: auto;
	font-size: 12px; 
}
.indice-td-enlace {
	width: auto;
	font-size: 12px;
}
.indice-td-texto {
	width: auto;
}
a.indice-enlace:link { font-size: 12px; color: #0000FF; #FF6666;//#FF6501; }
a.indice-enlace:visited { font-size: 12px; color: #0000FF;#FF6666;//#FF6501; }
a.indice-enlace:hover { font-size: 12px; text-decoration: none; color: #000000; background-color:#fff8cc;//#FF6501;}

/* ------------------------------------------- */
/* --- CLASES para el DETALLE del ARTICULO Y NOTICIAS--- */
/* ------------------------------------------- */
.tb-datos-articulo {
	width: 100%;	
}
	.detalle-nombre {
		border-bottom: 1px solid #DA7634;
		text-align: center;
		color: #FF9966 ;#DA7634;
		font-size: 18px;
		font-weight: bold;		
	}
	.detalle-imagen {
		text-align: center;	
	}
	.detalle-marca {
		padding-top: 8px;
		font-size: 14px;
		color: #FF9966 ;#FF6501;		
	}
		.detalle-marca b {					
		}
	.detalle-descripcion {
		padding-top: 8px;
		font-size: 14px;
		color: #4C4C4C;
	}
	.detalle-precio {
		padding-top: 8px;
		font-size: 14px;
		padding-bottom: 8px;
		color: #FF9999;#FF3300;		
	}	
	.detalle-tienda {
		font-size: 12px;
		color: #333333;
		padding-bottom: 8px;
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
	}
		.detalle-tienda input {
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 12px; 
			color: #000000; 
			background-color: #FFCCCC;#FFF4DD;
		}
		.boton {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;			
			color: #666666;// #D15401;
			background-color: #FFF4DD;			
			border: solid 1px #FFCC66;
			margin-top: 5px;
		}
.tb-titulos-noticia{
	width:100%;
}
.tb-detalle-noticia{
	width:100%;
}
.titulo_seccion{			
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight:bold;			
}
.titulo_fecha{		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color:#666666;
		text-align:right;}
.td-cabecera-detalle-noticia{		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight:bold;
		padding:10px;
		height:30px;			

}	
.div-imagen-detalle-noticia{
	float: right;
	margin-left:20px;
	margin-bottom:20px;
}
.div-imagen-detalle-noticia img{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	
}
.div-imagen2-detalle-noticia{
	float: left;
	margin-right:20px;
	margin-bottom:20px;
}					
.td-texto-detalle-noticia p{
	font-size:12px;
	text-align:left;
	margin-left:10px;
	width: 100%;
}
/* --------------------------------------------------------------------- */
/* --- CLASES para el LISTADO de ACCESORIOS RECOMENDADOS/COMPLEMNTOS --- */
/* --------------------------------------------------------------------- */

.tb-complementos {
	width: 95%;
}
.complementos-titulo {
	color: #333333;
	background-color: #E0D5B1;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
	margin: 0px 3px 3px 0px;
}
.complementos-imagen {
	float: left;
	clear: left;
	margin-top: 10px;
	margin-left: 4px;
}
.complementos-nombre {
	font-size: 12px;
	color: #DA7634;
	margin-top: 10px;
	font-weight: bold;
}
.complementos-descripcion {
	margin-top: 4px;
	margin-bottom: 4px;
	color: #4C4C4C;
}
.complementos-enlace a:link, .complementos-enlace a:visited { color: #FF6501; font-size: 12px;}
.complementos-enlace a:hover { color: #FFFFFF; background-color: #FF6501; text-decoration:none; border-right: 4px solid #4C4C4C;}	

/* --------------------------------------------------- */
/* --- CLASES para el LISTADO para el CATALOGO PDF --- */
/* --------------------------------------------------- */
.tb-catalogo {
	width: 100%;
}
/* -------------------------------------------------------------- */
/* --- CLASES para BOTONES, TABLA, CABECERAS etc de la TIENDA --- */
/* -------------------------------------------------------------- */
.tienda-formulario-table {
	width: 98%;
}
.tienda-formulario-td-boton {
	color: #666666;
	width: 25%;
}
.formulario-td-boton {
	color: #666666;
	width: 25%;
	border: 1px solid #FFCC66;
}
.tienda-formulario-boton {
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF4DD;
	color: #666666;//#D15401;
	border: 1px solid #FFCC66;
	font-size: 10px;
	font-weight: bold;	
	width: 100%;
}
.tb-cabecera-cesta {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight: bold;
	color: #FFFFFF; 
	background-color: #ff6666;#5F5225;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	margin-top: 2px;
	width: 98%;
	text-align: center;	
}
	.tb-cabecera-cesta span {
		font-size: 12px;
		color: #FFFFFF;
	}
.tb-cabecera-pedido {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight: bold;
	color: #FFFFFF; 
	background-color: #ff6666;#5F5225;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	margin-top: 2px;
	width: 98%;
	text-align: center;	
}
	.tb-cabecera-pedido span {
		font-size: 12px;
		color: #FFFFFF;	
	}
.tb-formulario-pedido {
	width: 98%;
	text-align: left;	
	color: #FF0000;
}
	.tb-formulario-pedido b {
		font-size: 16px;
		color: #666666;
		font-weight: bold;
		text-decoration: underline;
	}
.tb-resultado-pedido {
	width: 95%;
	color: #003333;
}
/* -------------------------------------------------------------- */
/* --- CLASES de la parte estática usados por Rocio			  --- */
/* -------------------------------------------------------------- */
.pie{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}
.margen_logo{
	margin-top: 3px;
	margin-bottom: 15px;
	margin-right: 15px;
}
.margen_img{
	margin-top: 15px;
	margin-bottom: 15px;
}
.margen_titulo{
	margin-bottom: 46px;
}
.lateral_derecho{
	background-color: #FFFFFF;
	padding: 0;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.lateral_derecho table{
	
}
.titulo_negrita{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5B5476;
	text-align: justify;
	font-weight: bold;
	text-transform: uppercase;
}
.tabla-imagen-detalle {
		text-align: center;
		vertical-align:top;
		background-color:#FF0000;		
}
#content {
	background-color:#F3BF2E;
	height:20px;
	width:100%;
	margin:5px;
	overflow:hidden;
}
#content h1{
	background-color:#000000;
	height:20px;
	width:30%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	border-right:2px solid #FFFFFF;
	float:left;
	text-align:right;
	padding:3px;
	font-weight:lighter;
}
#content span{	
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	padding:3px;
}
.verde{
	background-color:#66B81B;#F9DF97
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	padding:3px;
}
.amarillo{
	background-color:#F9DF97;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	padding:3px;
}
.lila{
	background-color:#9EB1D9;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	padding:3px;
}
#borde_gris {
	font-variant: normal;
	width: 523px;
	vertical-align: top;
}
#borde_gris br {
	display: none;

}