/*
@charset "utf-8";

SINTÁXIS: área + elemento + referencia, ejemplo: a_dv_cont

ÁREAS (1 caracter)
a - Login
b - Menú
c - Submenú
d - Usuario
e - Pie
f - Cuerpo
j - Lightbox

ELEMENTOS (2 caracteres)
dv - Divs
tx - Textos
lk - Links, botones, pestañas
ic - Íconos
ig - Imágenes
cf - Campos de formulario
tb - Tablas
cd - Celdas
rg - Reglas

REFERENCIA (4 caracteres)
Combinación única de 4 caracteres en un área/elemento

/*--------------------------------------------------------------- GLOBAL [   ] ▼ */

/*Body*/
body
{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	text-align: left;
}

/*Body Login*/
body.login
{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000;
	color: #333;
	text-align: left;
	background-image: url(../img/bg_login.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*Div - Centrado 1000px*/
.dv_cen1
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/*Div - Centrado 700px*/
.dv_cen2
{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

/*Div - Fondo blanco fijo superior*/
.dv_fbfs
{
	background-color: #FFF;
	position: fixed;
	width: 100%;
	height: 79px;
	top: 0px;
	left: 0px;
	z-index: 1000;
}

/*Div - Fondo blanco fijo inferior*/
.dv_fbfi
{
	background-color: #FFF;
	position: fixed;
	width: 100%;
	height: 55px;
	bottom: 0px;
	left: 0px;
	z-index: 999;
}

/*Div - Fade superior*/
.dv_fasu
{
	width: 100%;
	height: 20px;
	background-image: url(../img/fd_fade1.png);
	background-repeat: repeat-x;
	position: fixed;
	top: 79px;
	z-index: 1008;
}

/*Div - Fade inferior*/
.dv_fain
{
	width: 100%;
	height: 20px;
	background-image: url(../img/fd_fade2.png);
	background-repeat: repeat-x;
	position: fixed;
	bottom: 55px;
	z-index: 1009;
}

/*---------------------------------------------------------------- LOGIN [ a ] ▼ */

/*----------------------------------------------------------------- Divs [ a ] */

/*Div - Login*/
.a_dv_logi
{
	position: fixed;
	bottom: 0px;
	width: 100%;
}

/*Div - Website*/
.a_dv_webs
{
	width: 750px;
	text-align: right;
	margin-bottom: 12px;
}

/*Div - Área blanca*/
.a_dv_arbl
{
	width: 710px;
	background-color: #FFF;
	padding: 20px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.a_dv_arbl:after
{
	height: 0;
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

/*Div - Área blanca izquierda*/
.a_dv_abiz
{
	float: left;
	width: 205px;
	margin-right: 20px;
}

/*Div - Área blanca derecha*/
.a_dv_abde
{
	float: left;
	width: 485px;
}

/*Div - Área blanca derecha 1*/
.a_dv_abd1
{
	width: 485px;
	background-image: url(../img/fd_accs.png);
	height: 35px;
}

/*Div - Área blanca derecha 2*/
.a_dv_abd2
{
	width: 485px;
	height: 33px;
	line-height: 33px;
}

/*Div - Fecha-hora*/
.a_dv_feho
{
	float: left;
}

/*Div - Área gris*/
.a_dv_argr
{
	width: 750px;
	background-image: url(../img/fd_argriz.png);
}
.a_dv_argr:after
{
	height: 0;
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

/*Div - Área gris contraida*/
.a_dv_argc
{
	width: 750px;
	height: 5px;
	background-image: url(../img/fd_argriz.png);
}

/*Div - Área gris izquierda*/
.a_dv_argi
{
	float: left;
	width: 429px;
	padding: 20px;
	height: 85px;
	color: #FFF;
	text-align: justify;
}

/*Div - Área gris derecha*/
.a_dv_argd
{
	float: right;
	padding: 20px;
	width: 241px;
	height: 85px;
	background-image: url(../img/fd_argrde.png);
}

/*Div - Área gris derecha 1*/
.a_dv_agd1
{
	float: left;
	width: 56px;
	height: 20px;
	text-align: left;
	margin-bottom: 15px;
	color: #FFF;
}

/*Div - Área gris derecha 2*/
.a_dv_agd2
{
	float: left;
	width: 185px;
	height: 20px;
	text-align: right;
	margin-bottom: 15px;
}

/*Div - Área gris derecha 3*/
.a_dv_agd3
{
	float: left;
	width: 241px;
	text-align: right;
}

/*--------------------------------------------------------------- Imagenes [ a ] */
.a_ig_dare
{
	width: 7px;
	height: 7px;
	margin-left: 2px;
	margin-right: 5px;
	margin-top: 5px;
	float: left;
	position: relative;
}

.a_ig_dare2
{
	width: 7px;
	height: 7px;
	margin-left: 2px;
	margin-right: 5px;
	margin-top: 5px;
	float: right;
	position: relative;
}
/*--------------------------------------------------------------- Textos [ a ] */

/*Texto - Intranet*/
.a_tx_intr
{
	font-size: 18px;
	color: #B41019;
	margin-right: 22px;
	float: left;
	position: relative;
	top: -2px;
}

/*Texto - Ususario-Contraseña*/
.a_tx_usco
{
	font-size: 12px;
	float: left;
	position: relative;
	top: 3px;
	margin-right: 4px;
	margin-left: 2px;
}

/*Texto - Fecha*/
.a_tx_fech
{
	color: #333;
	margin-right: 10px;
}

/*Texto - Hora*/
.a_tx_hora
{
	color: #B41019;
}

/*Texto - Título blanco*/
.a_tx_tibl
{
	color: #FFF;
	font-size: 18px;
	display: block;
	margin-bottom: 3px;
}

/*--------------------------------------------- Links, botones, pestañas [ a ] */

/*Link - Website*/
.a_lk_webs
{
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
.a_lk_webs:hover
{
	top: 1px;
	position: relative;
}

/*Link - Negro recuperar-solicitar*/
.a_lk_ners
{
	float: right;
	background-image: url(../img/i_fl_gris.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 32px;
	color: #333;
	margin: 0px;
	text-decoration: none;
	margin-left: 22px;
}
.a_lk_ners:hover
{
	color: #B41019;
	background-image: url(../img/i_fl_roja.png);
	position: relative;
	top: 2px;
}

/*Link - Rojo recuperar-solicitar*/
.a_lk_rors
{
	float: right;
	background-image: url(../img/i_fl_roja.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 32px;
	color: #B41019;
	margin: 0px;
	text-decoration: none;
	margin-left: 22px;
	cursor: pointer;
}

/*Botón - Entrar*/
.a_lk_entr
{
	float: right;
	background-image: url(../img/fd_botn.png);
	width: 60px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	border-radius: 5px;
}
.a_lk_entr:hover
{
	background-position: 0px -20px;
}

/*Botón - recuperar-solicitar*/
.a_lk_bors
{
	float: right;
	background-image: url(../img/fd_botn.png);
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left:5px;
}
.a_lk_bors:hover
{
	background-position: 0px -20px;
}

/*------------------------------------------------- Campos de formulario [ a ] */

/*Campo - Usuario */
.a_cf_usua
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	width: 87px;
	float: left;
	margin-right: 2px;
	outline: none;
}

/*Campo - Contraseña*/
.a_cf_cont
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	width: 87px;
	float: left;
	outline: none;
}

/*Campo - Recuperar-solicitar*/
.a_cf_reso
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	width: 163px;
	outline: none;
}

/*----------------------------------------------------------------- MENÚ [ b ] ▼ */

/*----------------------------------------------------------------- Divs [ b ] */

/*Div - Menú*/
.b_dv_menu
{
	width: 1000px;
	height: 40px;
	line-height: 40px;
	padding-top: 9px;
	position: fixed;
	top: 0px;
	z-index: 1001;
}

/*--------------------------------------------- Links, botones, pestañas [ b ] */

/*Link- Pestaña negra*/
.b_lk_pesn
{
	display: inline-block;
	background-image: url(../img/fd_mep1.png);
	width: 105px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #CCC;
	margin: 0px;
	margin-right: 1px;
	text-decoration: none;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	position: relative;
	top: -1px;
}
.b_lk_pesn:hover
{
	color: #FFF;
	background-position: 0px -40px;
}

/*Link - Pestaña gris*/
.b_lk_pesg
{
	display: inline-block;
	background-image: url(../img/fd_mep2.png);
	width: 110px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	color: #B41019;
	margin: 0px;
	margin-right: 1px;
	text-decoration: none;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

/*------------------------------------------------------------- Imágenes [ b ] */

/*Imagen - Logotipo Knova*/
.b_ig_loka
{
	width: 146px;
	height: 31px;
	position: absolute;
	right: 0px;
	top: 9px;
	border: none;
	border-style: none;
	text-decoration: none;
}
.b_ig_loka:hover
{
	top: 10px;
}
.b_ig_loka:visited
{
	border: none;
	text-decoration: none;
	border-style: none;
}

a img .b_ig_loka
{
	border: none;
}

/*-------------------------------------------------------------- SUBMENÚ [ c ] ▼ */

/*----------------------------------------------------------------- Divs [ c ] */

/*Div - Submenú*/
.c_dv_subm
{
	width: 988px;
	height: 29px;
	line-height: 30px;
	padding-left: 10px;
	background-image: url(../img/fd_mese.png);
	border-top-right-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	position: fixed;
	top: 49px;
	background-color: #FFF;
	z-index: 1002;
}

/*--------------------------------------------- Links, botones, pestañas [ c ] */

/*Link - Negro*/
.c_lk_negr
{
	color: #333;
	text-decoration: none;
	margin-right: 20px;
}
.c_lk_negr:hover
{
	position: relative;
	top: 2px;
	color: #000;
}

/*Link - Rojo*/
.c_lk_rojo
{
	color: #B41019;
	text-decoration: none;
	margin-right: 20px;
}

/*--------------------------------------------------------------- Íconos [ c ] */

/*Ícono - Buscar*/
.c_ic_busc
{
	width: 20px;
	height: 20px;
	display: block;
	background-image: url(../img/i_ma_busc.png);
	position: absolute;
	right: 4px;
	top: 5px;
}
.c_ic_busc:hover
{
	background-position: 0px -20px;
}

/*------------------------------------------------------------- Imágenes [ c ] */

/*Imágen - Divisor buscar*/
.c_ig_dibu
{
	width: 1px;
	height: 20px;
	position: absolute;
	top: 5px;
	right: 234px;
}

/*Imágen - Loader*/
.c_ig_load
{
	width: 16px;
	height: 16px;
	position: absolute;
	top: 7px;
	right: 240px;
}

/*------------------------------------------------- Campos de formulario [ c ] */

/*Campo - Buscar*/
.c_cf_busc
{
	margin: 0px;
	color: #666;
	width: 200px;
	height: 15px;
	border: none;
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 20px;
	outline: none;
	font-size: 12px;
	font-style: italic;
	background-repeat: no-repeat;
	background-image: url(../img/bg_busc.png);
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 5px;
	right: 5px;
}
.c_cf_busc:focus
{
	color: #000;
	background-position: 0px -20px;
}

.c_cf_busckn
{
	margin: 0px;
	color: #000;
	width: 200px;
	height: 15px;
	border: none;
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 20px;
	outline: none;
	font-size: 12px;
	font-style: italic;
	background-repeat: no-repeat;
	background-image: url(../img/bg_busc.png);
	background-position: 0px -20px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 5px;
	right: 5px;
}

/*Campo - Buscar Watermark*/
.c_cf_buscwm
{
	margin: 0px;
	color: #666;
	width: 200px;
	height: 15px;
	border: none;
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 20px;
	outline: none;
	font-size: 12px;
	font-style: italic;
	background-repeat: no-repeat;
	background-image: url(../img/bg_busc.png);
	background-position: 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 5px;
	right: 5px;
}

/*-------------------------------------------------------------- USUARIO [ d ] ▼ */

/*----------------------------------------------------------------- Divs [ d ] */

/*Div - Usuario*/
.d_dv_usua
{
	background-image: url(../img/fd_mese.png);
	width: 988px;
	padding-left: 10px;
	height: 29px;
	line-height: 30px;
	position: fixed;
	bottom: 25px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	z-index: 1005;
}

/*--------------------------------------------------------------- Textos [ d ] */

/*Texto - Usuario*/
.d_tx_usua
{
	color: #333;
}

/*Texto - Puesto*/
.d_tx_pues
{
	color: #B41019;
}

/*Texto - Fecha*/
.d_tx_fech
{
	color: #333;
}

/*Texto - Hora*/
.d_tx_hora
{
	color: #B41019;
}

/*Texto - Punto divisor*/
.d_tx_pudi
{
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
}

/*--------------------------------------------- Links, botones, pestañas [ d ] */

/*Link - Gris*/
.d_lk_gris
{
	color: #333;
	text-decoration: none;
	margin-right: 15px;
}
.d_lk_gris:hover
{
	position: relative;
	top: 2px;
	color: #000;
}

/*Link - Rojo*/
.d_lk_rojo
{
	color: #B41019;
	text-decoration: none;
	margin-right: 20px;
}

/*--------------------------------------------------------------- Íconos [ d ] */

/*Ícono - Subir*/
.d_ic_subi
{
	width: 20px;
	height: 20px;
	display: block;
	background-image: url(../img/i_ma_subi.png);
	position: absolute;
	right: 5px;
	top: 5px;
}
.d_ic_subi:hover
{
	background-position: 0px -20px;
}

.d_ic_hide
{
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
}
/*.d_ic_hide:hover
{
	background-position: 0px -20px;
}
*/
/*------------------------------------------------------------------ PIE [ e ] ▼ */

/*----------------------------------------------------------------- Divs [ e ] */

/*Div - Pie*/
.e_dv_pie
{
	background-image: url(../img/fd_pie.png);
	width: 100%;
	height: 25px;
	line-height: 25px;
	position: fixed;
	bottom: 0px;
	z-index: 1006;
}

/*--------------------------------------------------------------- Textos [ e ] */

/*Texto - Aviso*/
.e_tx_avis
{
	color: #999;
	font-size: 10px;
	margin-left: 10px;
}

/*--------------------------------------------------------------- CUERPO [ f ] ▼ */

/*----------------------------------------------------------------- Divs [ f ] */

/*Div - Cuerpo*/
.f_dv_cuer
{
	width: 1000px;
	margin-top: 94px;
	margin-bottom: 75px;
	z-index: 1;
}

/*Div - Título-Subtítulo*/
.f_dv_tisu
{
	width: 100%;
	margin-bottom: 16px;
	vertical-align: middle;
}
.f_dv_tisu:after
{
	height: 0;
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

/*Div - Título-Subtítulo*/
.f_dv_tis2
{
	width: 100%;
	margin-bottom: 16px;
	line-height: 40px;
}
.f_dv_tis2:after
{
	height: 0;
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

/*Div - Pestañas*/
.f_dv_pest
{
	width: 100%; /*CAPU - 6/ENE/2012  	Esta línea se comenta para evitar que las pestañas se hagan pequeñas*/ /*height:25px;*/
}

/*Div - Forma grande(1000px)*/
.f_dv_fogr
{
	width: 988px;
	background-color: #F3F3F3;
	border-radius: 5px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 5px;
}

/*Div - Forma grande(1000px) para pestañas*/
.f_dv_fogp
{
	width: 988px;
	background-color: #F3F3F3;
	border-top-right-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 5px;
}

/*Div - Contenido forma grande*/
.f_dv_cofg
{
	width: 958px;
	padding: 15px;
}

/*Div - Forma mediana (490px)*/
.f_dv_fome
{
	width: 478px;
	padding: 5px;
	background-color: #F3F3F3;
	border-radius: 5px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

/*Div - Forma mediana (490px) para pestañas*/
.f_dv_fomp
{
	width: 478px;
	padding: 5px;
	background-color: #F3F3F3;
	border-top-right-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

/*Div - Contenido forma mediana*/
.f_dv_cofm
{
	width: 448px;
	padding: 15px;
}


/*Div - Forma mediana 2(660px)*/
.f_dv_fom2
{
	width: 648px;
	padding: 5px;
	background-color: #F3F3F3;
	border-radius: 5px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

/*Div - Forma mediana 2 (647px) para pestañas*/
.f_dv_fm2p
{
	width: 648px;
	padding: 5px;
	background-color: #F3F3F3;
	border-top-right-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

/*Div - Contenido forma mediana 2*/
.f_dv_cfm2
{
	width: 618px;
	padding: 15px;
}


/*Div - Forma chica (320px)*/
.f_dv_foch
{
	width: 308px;
	padding: 5px;
	background-color: #F3F3F3;
	border-radius: 5px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

/*Div - Forma chica (320px) para pestañas*/
.f_dv_focp
{
	width: 308px;
	padding: 5px;
	background-color: #F3F3F3;
	border-top-right-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

/*Div - Contenido forma chica*/
.f_dv_cofc
{
	width: 278px;
	padding: 15px;
}

/*Div - Barra de botones*/
.f_dv_babo
{
	width: 100%;
	text-align: right;
	vertical-align: bottom;
	height: 25px;
	border-top: 1px solid #DDD;
}

/*Div - Barra de formatos*/
.f_dv_bafo
{
	width: 100%;
	height: 24px;
	text-align: left;
	margin-bottom: 10px;
}

/*Div - Tabla encabezado*/
.f_dv_tabe
{
	width: 90%;
	float: left;
	text-align: center;
}

/*Div - Tabla flecha*/
.f_dv_tabf
{
	width: 10%;
	float: right;
	text-align: right;
}

/*Div - Barra de paginación*/
.f_dv_bapa
{
	width: 100%;
	text-align: right;
	margin-top: 10px;
	height: 24px;
}

/*Div - 2 columnas - envolvente 1*/
.f_dv_2co1
{
	width: 1000px;
}
.f_dv_2co1:after
{
	height: 0;
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

/*Div - 2 columnas - columna izquierda 2*/
.f_dv_2co2
{
	float: left;
	width: 490px;
	margin-right: 20px;
}

/*Div - 2 columnas - columna derecha 3*/
.f_dv_2co3
{
	float: left;
	width: 490px;
}

/*Div - 2 columnas diferentes - envolvente 1*/
.f_dv_2cd1
{
	width: 1000px;
}
.f_dv_2cd1:after
{
	height: 0;
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

/*Div - 2 columnas diferentes - columna chica 2*/
.f_dv_2cd2
{
	float: left;
	width: 320px;
}

/*Div - 2 columnas diferentes - columna grande 3*/
.f_dv_2cd3
{
	float: left;
	width: 660px;
}

/*Div - 2 columnas diferentes - espacio 4*/
.f_dv_2cd4
{
	float: left;
	width: 20px;
}


/*Div - 3 columnas - envolvente 1*/
.f_dv_3co1
{
	width: 1000px;
}
.f_dv_3co1:after
{
	height: 0;
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

/*Div - 3 columnas - columnas laterales 2*/
.f_dv_3co2
{
	float: left;
	width: 320px;
}

/*Div - 3 columnas - columna central 3*/
.f_dv_3co3
{
	float: left;
	width: 320px;
	margin-left: 20px;
	margin-right: 20px;
}

/*Div - Aviso contenedor 1*/
.f_dv_avi1
{
	width: 978px;
	padding: 10px;
	padding-top: 8px;
	padding-bottom: 6px;
	position: relative;
	background-color: #F7EEC4;
	border-radius: 5px;
	border: 1px solid #D9CC90;
}
.f_dv_avi1:after
{
	height: 0;
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

/*Div - Aviso contenedor 2*/
.f_dv_avi2
{
	width: 288px;
	padding: 10px;
	padding-top: 8px;
	padding-bottom: 6px;
	position: relative;
	background-color: #F7EEC4;
	border-radius: 5px;
	border: 1px solid #D9CC90;
}
.f_dv_avi2:after
{
	height: 0;
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

/*Div - Aviso contenedor 2*/
.f_dv_avi3
{
	width: 90%;
	padding: 10px;
	padding-top: 8px;
	padding-bottom: 6px;
	position: relative;
	background-color: #F7EEC4;
	border-radius: 5px;
	border: 1px solid #D9CC90;
}
.f_dv_avi3:after
{
	height: 0;
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

/*Div - Aviso icono 2*/
.f_dv_avic
{
	width: 38px;
	float: left;
	margin-right: 5px;
}

/*Div - Aviso texto 3*/
.f_dv_avitx1
{
	float: left;
	color: #333;
	width: 935px;
	font-size: 14px;
	line-height: 32px;
	vertical-align: middle;
}

/*Div - Aviso texto 3*/
.f_dv_avitx2
{
	float: left;
	color: #333;
	width: 245px;
	font-size: 14px;
	line-height: 32px;
	vertical-align: middle;
}

/*Div - Contenedor botones*/
.f_dv_ctbt
{
	width: 100%;
	text-align: right;
}

/*Div - Buscador libre*/
.f_dv_bclb
{
	width: 314px;
	height: 29px;
	line-height: 30px;
	padding-left: 4px;
	background-image: url(../img/fd_mese.png);
	border-radius: 5px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-color: #FFF;
}

/*Espacio*/
.f_br_espa
{
	line-height: 15px;
}



/*--------------------------------------------------------------- Textos [ f ] */

/*Texto negro derecha (color default)*/
.f_tx_nd15
{
	font-size: 15px;
	float: right;
}

/*Texto verde*/
.f_tx_ve15
{
	font-size: 15px;
	color: #2C9681;
	font-weight: bold;
}

/*Texto azul*/
.f_tx_az15
{
	font-size: 15px;
	color: #0B5CBF;
}

.f_tx_azb15
{
	font-size: 15px;
	color: #0B5CBF;
	font-weight: bold;
}

/*Texto morado*/
.f_tx_mo15
{
	font-size: 15px;
	color: #6C4DA8;
	font-weight: bold;
}

/*Texto amarillo*/
.f_tx_am15
{
	font-size: 15px;
	color: #C7A20E;
	font-weight: bold;
}

/*Texto naranja*/
.f_tx_na15
{
	font-size: 15px;
	color: #CA6C0F;
	font-weight: bold;
}

/*Texto negro (color default)*/
.f_tx_ne25
{
	font-size: 25px;
}
.f_tx_ne24
{
	font-size: 24px;
}
.f_tx_ne23
{
	font-size: 23px;
}
.f_tx_ne22
{
	font-size: 22px;
}
.f_tx_ne21
{
	font-size: 21px;
}
.f_tx_ne20
{
	font-size: 20px;
}
.f_tx_ne19
{
	font-size: 19px;
}
.f_tx_ne18
{
	font-size: 18px;
}
.f_tx_ne17
{
	font-size: 17px;
}
.f_tx_ne16
{
	font-size: 16px;
}
.f_tx_ne15
{
	font-size: 15px;
}
.f_tx_ne14
{
	font-size: 14px;
}
.f_tx_ne13
{
	font-size: 13px;
}
.f_tx_ne12
{
	font-size: 12px;
}
.f_tx_ne11
{
	font-size: 11px;
}
.f_tx_ne10
{
	font-size: 10px;
}

/*Texto rojo*/
.f_tx_ro25
{
	font-size: 25px;
	color: #B41019;
}
.f_tx_ro24
{
	font-size: 24px;
	color: #B41019;
}
.f_tx_ro23
{
	font-size: 23px;
	color: #B41019;
}
.f_tx_ro22
{
	font-size: 22px;
	color: #B41019;
}
.f_tx_ro21
{
	font-size: 21px;
	color: #B41019;
}
.f_tx_ro20
{
	font-size: 20px;
	color: #B41019;
}
.f_tx_ro19
{
	font-size: 19px;
	color: #B41019;
}
.f_tx_ro18
{
	font-size: 18px;
	color: #B41019;
}
.f_tx_ro17
{
	font-size: 17px;
	color: #B41019;
}
.f_tx_ro16
{
	font-size: 16px;
	color: #B41019;
}
.f_tx_ro15
{
	font-size: 15px;
	color: #B41019;
}
.f_tx_ro14
{
	font-size: 14px;
	color: #B41019;
}
.f_tx_ro13
{
	font-size: 13px;
	color: #B41019;
}
.f_tx_ro12
{
	font-size: 12px;
	color: #B41019;
}
.f_tx_ro11
{
	font-size: 11px;
	color: #B41019;
}
.f_tx_ro10
{
	font-size: 10px;
	color: #B41019;
}

/*Texto negro bold (color default)*/
.f_tx_nb15
{
	font-size: 15px;
	font-weight: bold;
}
.f_tx_nb14
{
	font-size: 14px;
	font-weight: bold;
}
.f_tx_nb13
{
	font-size: 13px;
	font-weight: bold;
}
.f_tx_nb12
{
	font-size: 12px;
	font-weight: bold;
}
.f_tx_nb11
{
	font-size: 11px;
	font-weight: bold;
}

/*Texto rojo bold*/
.f_tx_rb15
{
	font-size: 15px;
	font-weight: bold;
	color: #B41019;
}
.f_tx_rb14
{
	font-size: 14px;
	font-weight: bold;
	color: #B41019;
}
.f_tx_rb13
{
	font-size: 13px;
	font-weight: bold;
	color: #B41019;
}
.f_tx_rb12
{
	font-size: 12px;
	font-weight: bold;
	color: #B41019;
}
.f_tx_rb11
{
	font-size: 11px;
	font-weight: bold;
	color: #B41019;
}

/*------------------------------------------------------------- Espacios [ f ] */

/*Espacio 1 (20px)*/
.f_br_esp1
{
	line-height: 20px;
}

/*Espacio 2 (30px)*/
.f_br_esp2
{
	line-height: 30px;
}

/*--------------------------------------------- Links, botones, pestañas [ f ] */

/*Link - Pestaña actual*/
.f_lk_pesa
{
	display: inline-block;
	background-color: #F3F3F3;
	width: 90px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #333;
	margin: 0px;
	margin-right: 1px;
	text-decoration: none;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

/*Link - Pestaña opción*/
.f_lk_peso
{
	display: inline-block;
	background-image: url(../img/fd_pest.png);
	width: 90px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #666;
	margin: 0px;
	margin-right: 1px;
	text-decoration: none;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.f_lk_peso:hover
{
	background-position: 0px -25px;
}

/*Link - Botón grande 1(200px)*/
.f_lk_bgr1
{
	display: inline-block;
	background-image: url(../img/fd_botg.png);
	width: 200px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	color: #FFF;
	margin: 0px;
	margin-left: 5px;
	margin-top: 5px;
	text-decoration: none;
	border-radius: 5px;
	font-size: 18px;
	float: right;
}
.f_lk_bgr1:hover
{
	background-position: 0px -40px;
}


/*Link - Botón grande verde 2(200px)*/
.f_lk_bgr2
{
	display: inline-block;
	background-image: url(../img/fd_botg_ve.png);
	width: 200px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	color: #FFF;
	margin: 0px;
	margin-left: 5px;
	margin-top: 5px;
	text-decoration: none;
	border-radius: 5px;
	font-size: 18px;
	float: right;
}
.f_lk_bgr2:hover
{
	background-position: 0px -40px;
}

/*Link - Botón grande azul 2(200px)*/
.f_lk_bgr3
{
	display: inline-block;
	background-image: url(../img/fd_botg_az.png);
	width: 200px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	color: #FFF;
	margin: 0px;
	margin-left: 5px;
	margin-top: 5px;
	text-decoration: none;
	border-radius: 5px;
	font-size: 18px;
	float: right;
}
.f_lk_bgr3:hover
{
	background-position: 0px -40px;
}



/*Link - Botón negro 1(80px)*/
.f_lk_bon1
{
	display: inline-block;
	background-image: url(../img/fd_botn.png);
	width: 80px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #FFF;
	margin: 0px;
	margin-left: 5px;
	margin-top: 5px;
	text-decoration: none;
	border-radius: 5px;
}
.f_lk_bon1:hover
{
	background-position: 0px -20px;
}

/*Link - Encabezado tabla flecha*/
a.f_lk_etfl:link, a.f_lk_etfl:visited
{
	color: #666;
	display: block;
	text-decoration: none;
	font-size: 10px;
}
a.f_lk_etfl:hover, a.f_lk_etfl:active
{
	top: 2px;
	color: #000;
	position: relative;
}



/*Link - Ícono formato rojo 1*/
.f_lk_ifr1
{
	float: left;
	display: block;
	width: 48px;
	height: 22px;
	background-image: url(../img/i_fo_roj1.png);
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-right: 5px;
	padding-top: 2px;
}
.f_lk_ifr1:hover
{
	position: relative;
	top: -2px;
}

/*Link - Ícono formato rojo 2*/
.f_lk_ifr2
{
	float: left;
	display: block;
	width: 48px;
	height: 17px;
	background-image: url(../img/i_fo_roj2.png);
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-right: 5px;
	padding-top: 7px;
}
.f_lk_ifr2:hover
{
	position: relative;
	top: 2px;
}

/*Link - Ícono formato verde 1*/
.f_lk_ifv1
{
	float: left;
	display: block;
	width: 48px;
	height: 22px;
	background-image: url(../img/i_fo_ver1.png);
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-right: 5px;
	padding-top: 2px;
}
.f_lk_ifv1:hover
{
	position: relative;
	top: -2px;
}

/*Link - Ícono formato verde 2*/
.f_lk_ifv2
{
	float: left;
	display: block;
	width: 48px;
	height: 17px;
	background-image: url(../img/i_fo_ver2.png);
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-right: 5px;
	padding-top: 7px;
}
.f_lk_ifv2:hover
{
	position: relative;
	top: 2px;
}

/*Link - Ícono formato azul 1*/
.f_lk_ifa1
{
	float: left;
	display: block;
	width: 48px;
	height: 22px;
	background-image: url(../img/i_fo_azu1.png);
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-right: 5px;
	padding-top: 2px;
}
.f_lk_ifa1:hover
{
	position: relative;
	top: -2px;
}

/*Link - Ícono formato azul 2*/
.f_lk_ifa2
{
	float: left;
	display: block;
	width: 48px;
	height: 17px;
	background-image: url(../img/i_fo_azu2.png);
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-right: 5px;
	padding-top: 7px;
}
.f_lk_ifa2:hover
{
	position: relative;
	top: 2px;
}

/*Link - Ícono formato amarillo 1*/
.f_lk_ifm1
{
	float: left;
	display: block;
	width: 48px;
	height: 22px;
	background-image: url(../img/i_fo_ama1.png);
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-right: 5px;
	padding-top: 2px;
}
.f_lk_ifm1:hover
{
	position: relative;
	top: -2px;
}

/*Link - Ícono formato amarillo 2*/
.f_lk_ifm2
{
	float: left;
	display: block;
	width: 48px;
	height: 17px;
	background-image: url(../img/i_fo_ama2.png);
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-right: 5px;
	padding-top: 7px;
}
.f_lk_ifm2:hover
{
	position: relative;
	top: 2px;
}

/*Link - Ícono formato gris 1*/
.f_lk_ifg1
{
	float: left;
	display: block;
	width: 48px;
	height: 22px;
	background-image: url(../img/i_fo_gri1.png);
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-right: 5px;
	padding-top: 2px;
}
.f_lk_ifg1:hover
{
	position: relative;
	top: -2px;
}

/*Link - Ícono formato gris 2*/
.f_lk_ifg2
{
	float: left;
	display: block;
	width: 48px;
	height: 17px;
	background-image: url(../img/i_fo_gri2.png);
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-right: 5px;
	padding-top: 7px;
}
.f_lk_ifg2:hover
{
	position: relative;
	top: 2px;
}

/*Link - Botón nuevo azul 1*/
.f_lk_bna1
{
	float: right;
	display: block;
	width: 80px;
	height: 22px;
	background-image: url(../img/i_bt_azo1.png);
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-left: 5px;
	padding-top: 2px;
}
.f_lk_bna1:hover
{
	position: relative;
	top: -2px;
}

/*Link - Botón nuevo azul 2*/
.f_lk_bna2
{
	float: right;
	display: block;
	width: 80px;
	height: 17px;
	background-image: url(../img/i_bt_azo2.png);
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-left: 5px;
	padding-top: 7px;
}
.f_lk_bna2:hover
{
	position: relative;
	top: 2px;
}



/*Links en negro*/
.f_lk_ne15
{
	color: #333;
	font-size: 15px;
	text-decoration: none;
}
.f_lk_ne15:hover
{
	top: 1px;
	position: relative;
	color: #000;
}
.f_lk_ne14
{
	color: #333;
	font-size: 14px;
	text-decoration: none;
}
.f_lk_ne14:hover
{
	top: 1px;
	position: relative;
	color: #000;
}
.f_lk_ne13
{
	color: #333;
	font-size: 13px;
	text-decoration: none;
}
.f_lk_ne13:hover
{
	top: 1px;
	position: relative;
	color: #000;
}
.f_lk_ne12
{
	color: #333;
	font-size: 12px;
	text-decoration: none;
}
.f_lk_ne12:hover
{
	top: 1px;
	position: relative;
	color: #000;
}
.f_lk_ne11
{
	color: #333;
	font-size: 11px;
	text-decoration: none;
	border: 0px none;
}
.f_lk_ne11:hover
{
	top: 1px;
	position: relative;
	color: #000;
}

/*Links en rojo*/
.f_lk_ro15
{
	color: #B41019;
	font-size: 15px;
	text-decoration: none;
}
.f_lk_ro15:hover
{
	top: 1px;
	position: relative;
	color: #770B10;
}
.f_lk_ro14
{
	color: #B41019;
	font-size: 14px;
	text-decoration: none;
}
.f_lk_ro14:hover
{
	top: 1px;
	position: relative;
	color: #770B10;
}
.f_lk_ro13
{
	color: #B41019;
	font-size: 13px;
	text-decoration: none;
}
.f_lk_ro13:hover
{
	top: 1px;
	position: relative;
	color: #770B10;
}
.f_lk_ro12
{
	color: #B41019;
	font-size: 12px;
	text-decoration: none;
}
.f_lk_ro12:hover
{
	top: 1px;
	position: relative;
	color: #770B10;
}
.f_lk_ro11
{
	color: #B41019;
	font-size: 11px;
	text-decoration: none;
}
.f_lk_ro11:hover
{
	top: 1px;
	position: relative;
	color: #770B10;
}

/*Links en negro bold*/
.f_lk_nb15
{
	color: #333;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
}
.f_lk_nb15:hover
{
	top: 1px;
	position: relative;
	color: #000;
}
.f_lk_nb14
{
	color: #333;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
.f_lk_nb14:hover
{
	top: 1px;
	position: relative;
	color: #000;
}
.f_lk_nb13
{
	color: #333;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
}
.f_lk_nb13:hover
{
	top: 1px;
	position: relative;
	color: #000;
}
.f_lk_nb12
{
	color: #333;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
.f_lk_nb12:hover
{
	top: 1px;
	position: relative;
	color: #000;
}
.f_lk_nb11
{
	color: #333;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
.f_lk_nb11:hover
{
	top: 1px;
	position: relative;
	color: #000;
}

/*Links en rojo bold*/
.f_lk_rb15
{
	color: #B41019;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
}
.f_lk_rb15:hover
{
	top: 1px;
	position: relative;
	color: #770B10;
}
.f_lk_rb14
{
	color: #B41019;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
.f_lk_rb14:hover
{
	top: 1px;
	position: relative;
	color: #770B10;
}
.f_lk_rb13
{
	color: #B41019;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
}
.f_lk_rb13:hover
{
	top: 1px;
	position: relative;
	color: #770B10;
}
.f_lk_rb12
{
	color: #B41019;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
.f_lk_rb12:hover
{
	top: 1px;
	position: relative;
	color: #770B10;
}
.f_lk_rb11
{
	color: #B41019;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
.f_lk_rb11:hover
{
	top: 1px;
	position: relative;
	color: #770B10;
}

/*------------------------------------------------------------- Iconos [ f ] */

/*Íconos - Tabla*/
.f_ic_tabl
{
	height: 15px;
	width: 15px;
	margin: 0px;
	margin-left: 2px;
	border: none;
}
.f_ic_tabl:hover
{
	position: relative;
	top: 2px;
}

/*Ícono - Mostrar*/
.f_ic_most
{
	width: 20px;
	height: 20px;
	display: block;
	background-image: url(../img/i_ma_most.png);
	float: right;
}
.f_ic_most:hover
{
	background-position: 0px -20px;
}


/*------------------------------------------------------------- Imágenes [ f ] */

/*Imagen - Dato requerido*/
.f_ig_dare
{
	width: 7px;
	height: 7px;
	margin-left: 2px;
	margin-bottom: 1px;
}

/*--------------------------------------------------------------- Tablas [ f ] */

/*Tabla - Datos*/
.f_tb_dato
{
	color: #333;
	font-size: 11px;
	border-spacing: 0px;
	border-collapse: collapse;
}
/*Tabla - Datos - Encabezado*/
.f_tb_dato th
{
	color: #FFF;
	padding: 4px;
	font-size: 11px;
	border-width: 1px;
	text-align: center;
	border-style: solid;
	border-color: #777;
	background-color: #CCC;
	background-image: url(../img/fd_et_1.png);
	font-weight: bold;
}

.f_tb_dato th a
{
	text-decoration: none;
	color: #FFF;
}

.f_tb_dato th a:hover
{
	top: 1px;
	position: relative;
	color: #777;
}

/*Tabla - Datos - Encabezado flecha abajo*/
.f_tb_dato_fab
{
	color: #FFF;
	padding: 4px;
	font-size: 11px;
	border-width: 1px;
	text-align: center;
	border-style: solid;
	border-color: #777;
	background-color: #CCC;
	background-image: url(../img/fd_et_2.png) !important;
	background-position: right top;
	font-weight: bold;
	padding-right: 16px;
}
.f_tb_dato_fab:hover
{
	background-image: url(../img/fd_et_2.png) !important;
}

/*Tabla - Datos - Encabezado flecha arriba*/
.f_tb_dato_fa
{
	color: #FFF;
	padding: 4px;
	font-size: 11px;
	border-width: 1px;
	text-align: center;
	border-style: solid;
	border-color: #777;
	background-color: #CCC;
	background-image: url(../img/fd_et_3.png) !important;
	background-position: right top;
	font-weight: bold;
	padding-right: 16px;
}
.f_tb_dato_fa:hover
{
	background-image: url(../img/fd_et_3.png) !important;
}


/*CAPU 6/ENE/2012 - Para agregar el estilo del paginador*/
/*Tabla - Datos - Renglon Paginación*/
.f_tb_pag tr a
{
	color: #333;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
.f_tb_pag tr a:hover
{
	top: 1px;
	position: relative;
	color: #000;
}

/*Para evitar que el paginador se vea rojo en el hover*/
.f_tb_dato .f_tb_pag tr:hover
{
	background-color: #FFF;
}

/*Tabla - Datos - Renglón Footer*/
.f_tb_foot tr
{
	font-weight: bolder;
	color: #333;
	font-size: 12px;
}
/*CAPU 6/ENE/2012*/

/*Tabla - Datos - Renglón blanco*/
.f_tb_dato tr
{
	background-color: #FFF;
}
.f_tb_dato tr:hover
{
	color: #000;
	background-color: #F6E5E5;
}

.f_tb_nohover 
{
	background-color:  #FFF;
	}

.f_tb_nohover tr:hover 
{
	color: #000;
	background-color: #fff;
	}

/*Tabla - Datos - Renglón gris*/
.f_tb_dato_gris
{
	background-color: #F6F6F6 !important;
}
.f_tb_dato_gris:hover
{
	background-color: #F6E5E5 !important;
	color: #000 !important;
}

.f_tb_dato_select
{
	background-color: #4289c9 !important;
	color: #FFF !important;
}

/*Tabla - Datos - Celda*/
.f_tb_dato td
{
	padding: 4px;
	font-size: 11px;
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
}

.f_tb_alri
{
	text-align: right;
}

.f_tb_limpia
{
	width: 100%;
	padding: 0px;
}

/*------------------------------------------------- Celdas [ f ] */
.f_cd_alri
{
	text-align: right;
}

/*------------------------------------------------- Campos de formulario [ f ] */

/*Campos - Captura, listas, etc.*/
.f_cf_capt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin-bottom: 5px;
	margin-top: 5px;
	outline: none;
}

/*Campos - Paginación*/
.f_cf_pagi
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	outline: none;
}

/*Campos -  Text area 1 (448px)*/
.f_cf_tar1
{
	width: 448px;
	outline: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	outline: none;
}

/*Campos -  Textbox*/
.f_cf_tx
{
	width: 92%;
	outline: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	outline: none;
}

.f_cf_cant
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
}

/*Campos -  Combo*/
.f_cf_cb
{
	width: 95%;
	outline: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	outline: none;
}

/*Campo - Buscador libre*/
.f_cf_bcli
{
	margin: 0px;
	color: #666;
	width: 285px;
	height: 15px;
	border: none;
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 20px;
	outline: none;
	font-size: 12px;
	font-style: italic;
	background-repeat: no-repeat;
	background-image: url(../img/bg_bclb.png);
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 5px;
}
.f_cf_bcli:focus
{
	color: #000;
	background-position: 0px -20px;
}

/*Campo - Buscador libre*/
.f_cf_bclikn
{
	margin: 0px;
	color: #000;
	width: 285px;
	height: 15px;
	border: none;
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 20px;
	outline: none;
	font-size: 12px;
	font-style: italic;
	background-repeat: no-repeat;
	background-image: url(../img/bg_bclb.png);
	background-position: 0px -20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 5px;
}

.f_cf_bcliwm
{
	margin: 0px;
	color: #666;
	width: 285px;
	height: 15px;
	border: none;
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 20px;
	outline: none;
	font-size: 12px;
	font-style: italic;
	background-repeat: no-repeat;
	background-image: url(../img/bg_bclb.png);
	background-position: 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 5px;
}


/*-------------------------------------------------------------- Reglas [ f ] */

/*Regla - Forma*/
.f_rg_form
{
	width: 100%;
	height: 21px;
	background-image: url(../img/fd_reta.png);
}

/*Regla - Exterior*/
.f_rg_exte
{
	width: 100%;
	height: 41px;
	background-image: url(../img/fd_reex.png);
}

/*------------------------------------------------------------- LIGHTBOX [ j ] ▼ */

/*----------------------------------------------------------------- Divs [ j ] */

/*Div - Buscador*/
.j_dv_busc
{
	display: none;
	text-align: center;
	z-index: 900;
	border-style: dotted;
	border-width: 1px;
	width: 300px;
	position: absolute;
	margin-top: -5px;
	margin-left: 690px;
	padding: 5px;
	background-color: #F3F3F3;
	border-radius: 5px;
}

/*Div - Fade*/
.j_dv_fade
{
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 5000;
	display: none;
	position: fixed;
	background-image: url(../img/fd_ligh.png);
}

.j_dv_fade2
{
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 5000;
	display: block;
	position: fixed;
	background-image: url(../img/fd_ligh.png);
}

/*Div - Loader*/
.j_dv_load
{
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*Div - Lightbox 1*/
.j_dv_lbx1
{
	top: 50%;
	left: 50%;
	width: 600px;
	z-index: 5002;
	display: none;
	overflow: hidden;
	position: absolute;
	margin-left: -300px;
	margin-top: -100px;
}

.j_df_lbxkno1
{
	top: 50%;
	left: 50%;
	width: 600px;
	z-index: 5002;
	display: block;
	overflow: hidden;
	position: absolute;
	margin-left: -300px;
	margin-top: -100px;
}


/*Div - Lightbox 1 cuerpo*/
.j_dv_l1cu
{
	width: 560px;
	padding: 20px;
	background-color: #F3F3F3;
	border-radius: 5px;
}

/*Div - Lightbox 2*/
.j_dv_lbx2
{
	top: 50%;
	left: 50%;
	width: 300px;
	z-index: 5002;
	display: none;
	overflow: hidden;
	position: absolute;
	margin-left: -150px;
	margin-top: -187px;
}

.pnlPedidos {
    display:none;
}

.j_dv_lbxkno2
{
	width: 300px;
	z-index: 5002;
	display: block;
	border: 1px dotted;
}

/*Div - Lightbox 2 - cuerpo*/
.j_dv_l2cu
{
	width: 260px;
	padding: 20px;
	background-color: #F3F3F3;
	border-radius: 5px;
}

/*Div - Lightbox 2 - 2 columnas 1*/
.j_dv_2co1
{
	width: 260px;
}
.j_dv_2co1:after
{
	height: 0;
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

/*Div - Lighbox 2 - 2 columnas 2*/
.j_dv_2co2
{
	float: left;
	width: 130px;
}

/*Div - Lightbox 2 - 2 columnas 3*/
.j_dv_2co3
{
	float: left;
	width: 130px;
	text-align: right;
}

/*------------------------------------------------------------- Espacios [ j ] */

/*Espacio*/
.j_br_espa
{
	line-height: 30px;
}

.j_br_espa2
{
	line-height: 25px;
}

.j_br_espa10 {
	line-height:
10px;


}

/*--------------------------------------------- Links, botones, pestañas [ j ] */

/*Botón - Confirmar pedido*/
.j_lk_cope
{
	display: inline-block;
	background-image: url(../img/fd_btcp.png);
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	margin: 0px;
	text-decoration: none;
	border-radius: 5px;
}
.j_lk_cope:hover
{
	background-position: 0px -30px;
}

/*------------------------------------------------------------- Iconos [ j ] */

/*Ícono - Cerrar*/
.j_ic_cerr
{
	width: 20px;
	height: 20px;
	display: block;
	background-image: url(../img/i_ma_cerr.png);
	position: absolute;
	right: 20px;
	top: 20px;
	margin-bottom: 0px;
}
.j_ic_cerr:hover
{
	background-position: 0px -20px;
}

.j_ic_cerr2
{
	width: 20px;
	height: 20px;
	display: block;
	background-image: url(../img/i_ma_cerr.png);
	position: absolute;
	right: 5px;
	top: 5px;
}
.j_ic_cerr2:hover
{
	background-position: 0px -20px;
}

.j_ic_expand
{
	width: 20px;
	height: 20px;
	display: block;
	float: right;
}

.j_ic_expand2
{
	width: 15px;
	height: 15px;
	display: block;
	float: right;
	cursor: pointer;
}

.j_ic_expand2 th div img
{
	width: 15px;
	height: 15px;
	display: block;
	float: right;
}

/*-------------------------------------------------------------- Reglas [ j ] */

/*Regla - Punteada*/
.j_rg_punt
{
	width: 260px;
	height: 11px;
	background-image: url(../img/fd_relb.png);
}


/*-------------------------------------------------------------- Estilos TAB AJAX */
/* Knova - Backgrounds */
.knova .ajax__tab_header
{
	margin-right: 1px;
}

.knova .ajax__tab_outer
{
	margin-right: 0px;
	height: 25px;
	padding-left: 0px;
	padding-right: 0px;
}
.knova .ajax__tab_inner
{
	margin-right: 1px;
	height: 25px;
	padding-left: 0px;
	padding-right: 0px;
}
.knova .ajax__tab_tab
{
	background: url('../img/fd_pest.png') repeat-x;
	width: 90px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #666;
	margin-right: 1px;
	text-decoration: none;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.knova .ajax__tab_hover .ajax__tab_outer
{
	margin-right: 0px;
	height: 25px;
	padding-left: 0px;
	padding-right: 0px;
}
.knova .ajax__tab_hover .ajax__tab_inner
{
	margin-right: 1px;
	height: 25px;
	padding-left: 0px;
	padding-right: 0px;
}
.knova .ajax__tab_hover .ajax__tab_tab
{
	background-position: 0px -25px;
	width: 90px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #666;
	margin: 0px;
	margin-right: 1px;
	text-decoration: none;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.knova .ajax__tab_active .ajax__tab_outer
{
	margin-right: 0px;
	height: 25px;
	padding-left: 0px;
	padding-right: 0px;
}
.knova .ajax__tab_active .ajax__tab_inner
{
	margin-right: 1px;
	height: 25px;
	padding-left: 0px;
	padding-right: 0px;
}
.knova .ajax__tab_active .ajax__tab_tab
{
	display: inline-block;
	background-image: none;
	background-color: #F3F3F3;
	width: 90px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #333;
	margin: 0px;
	margin-right: 1px;
	text-decoration: none;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.knova .ajax__tab_body
{
	width: 98%;
	background-color: #F3F3F3;
	border-top-right-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 10px 10px;
}

/*Estilos lightbox totales knova*/
.h_dv_2co1
{
	width: 100%;
}
.h_dv_2co1:after
{
	height: 0;
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

/*Div - Lighbox 2 - 2 columnas 2*/
.h_dv_2co2
{
	float: left;
	width: 50%;
}

/*Div - Lightbox 2 - 2 columnas 3*/
.h_dv_2co3
{
	float: left;
	width: 50%;
	text-align: right;
}

/*Espacio*/
.h_br_espa
{
	line-height: 30px;
}

.h_br_espa15
{
	line-height: 15px;
}

/*Regla - Punteada*/
.h_rg_punt
{
	width: 100%;
	height: 11px;
	background-image: url(../img/fd_relb.png);
}