/*
Listado de colores:
Blanco:		#FFFFFF
Negro:		#000000
Claro:		#DEDEDE
Muy Claro:	#F3F3F3
Medio:		#8F95AB
Oscuro: 	#373A49

*/

BODY {
	
	background-color: #FFFFFF;
	FONT-SIZE: 11px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	COLOR: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

.Principal {
	overflow:auto;
}

.TextoPanel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color:#000000;
	background-color: #F3F3F3;
}

.Barra {
	color: #DEDEDE;
	background-color: #DEDEDE;
	border: 0;
}

/* Formato tabla de errores */
.tblError {
    border: 1px solid #F4A541; /* #FF0000; */
    background-color: #FFF2C8; /* #FFFFCC; */
	FONT-SIZE: 10px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

}
.tblErrorCabecera {
    background-color: #F4A541;
    font-weight: bold;
    color: #FFFFFF;
	FONT-SIZE: 11px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

}

/* Formato Botones e Inputs */
.BotonMenuHover{
	font-size:12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#373A49;
	background:#DEDEDE;
	width: 120px;
	height: 20px;
	cursor: pointer;
	background-image:url(ima/btn02.gif);
	border-width:0;
	text-align:center;
	vertical-align:middle;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.BotonMenu{
	font-size:12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#DEDEDE;
	background:#373A49;
	width: 120px;
	height: 20px;
	cursor: pointer;
	background-image:url(ima/btn01.gif);
	border-width:0;
	text-align:center;
	vertical-align:middle;
	padding:0 0 0 0;	
	margin:0 0 0 0;	
}

.BotonMenuMenor{
	font-size:12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#373A49;
	background:#FFFFFF;
	cursor: pointer;
	border: 1px solid #D9D9D9;
	width: 100%;
}

.BotonMenuMenorHover{
	font-size:12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#373A49;
	background:#D9D9D9;
	cursor: pointer;
	border: 1px solid #D9D9D9;
	width: 100%;
}

.BotonNormal{
	font-size:12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	COLOR: #000000;
	background:#FFFFFF;
	cursor: pointer;
	border-top: 1px solid #DEDEDE;
	border-right: 1px solid #373A49;
	border-bottom: 1px solid #373A49;
	border-left: 1px solid #DEDEDE;
	width:90px;
}

.BotonMenor{
	font-size:11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	COLOR: #000000;
	background:#FFFFFF;
	cursor: pointer;
	border-top: 1px solid #DEDEDE;
	border-right: 1px solid #373A49;
	border-bottom: 1px solid #373A49;
	border-left: 1px solid #DEDEDE;
}

.inpbtn { /* Enlaces como botones */
	display:block;
	text-align:center;
	font-size:11px;
	color: #000000;
	background:#FFFFFF;
	cursor: pointer;
	border-top: 1px solid #DEDEDE;
	border-right: 1px solid #373A49;
	border-bottom: 1px solid #373A49;
	border-left: 1px solid #DEDEDE;
	height:15px;
	width:150px;
	text-decoration:none;
}

.inpbtn a { /* Enlaces como botones */
	text-decoration:none;
}

.inpbtn a:hover { /* Enlaces como botones */
	text-decoration:none;
}

.Input {
	background-color: #FFFFFF;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	border: #000000 1px solid;
	width: 100%;
}

.InputTamaño {
	background-color: #FFFFFF;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	border: #000000 1px solid;
}

.InputMensaje {
	background-color: #FFFFFF;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	border: #000000 1px solid;
	width: 100%;	
}

.InputMensajeLargo {
	background-color: #FFFFFF;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	border: #000000 1px solid;
	width:100%;	
}

.InputMenor {
	background-color: #FFFFFF;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	border: #000000 1px solid;
	width: 80px;
}

.InputSelect {
	background-color: #FFFFFF;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	border: #000000 1px solid;
	width: 100%;
}
.InputFile {
	background-color: #FFFFFF;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	border: #000000 1px solid;
}


/* Formato de Formularios */
.TextoCampo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color:#000000;
	background-color: #DEDEDE;
	width: 200px;
}

.TextoCampoAmplio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color:#000000;
	background-color: #DEDEDE;
}

.TextoCampoCabecera {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-style:italic;
	color:#000000;
	background-color: #DEDEDE;

}

.TextoCampoCabeceraObligatorio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-style:italic;
    font-weight: bold;
	color:#000000;
	background-color: #DEDEDE;
}


.TextoCampoAyuda {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color:#000000;
	background-color: #DEDEDE;
}

.TextoParrafo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	overflow: hidden;	
	color:#000000;
	padding: 5px;
}

.TextoParrafoSangrado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color:#000000;
	overflow: hidden;
	margin: 20px;
	padding: 5px;
}

.TextoParrafoAviso {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color:#FF0000;
	overflow: hidden;
	margin: 20px;
	padding: 5px;
    border: 1px solid #FF0000;
    background-color: #FFFFCC;

}

.TextoNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* text-align: left; */
	color:#000000;
    background-color: #F3F3F3;
}

.TextoSoloNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Visualización de mensajes */

.MarcoMensaje {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color:#000000;
	background-color: #F3F3F3;
	overflow: hidden;

}

.TextoMensaje {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color:#000000;
	background-color: #F3F3F3;
	padding:10px;
	overflow: hidden;
}

.TextoMensajeChat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color:#000000;
	background-color: #FFFFFF;
	overflow: hidden;
	margin: 5px;
}

.TextoFirma {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	color:#000000;
	background-color: #F3F3F3;
	overflow: hidden;
	width:100%;
	max-width:100%;
}

.TextoQuote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color:#000000;
	background-color: #FFFFFF;
	padding: 10px;
	border: #DEDEDE 1px solid;
	margin-left: 30px;
	overflow:hidden;
	
}
.TituloQuote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color:#000000;
	font-weight:bold;
	margin-left: 30px;	
}

.Imagen {
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.ImagenAvatar {
	border-color:#000000;
	border-style:solid;
	border-width:1;
}



/* Formato de tablas */
.tblNormal {
    border: 1px solid #D9D9D9;
   	background-color: #F3F3F3;
	FONT-SIZE: 11px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}

.tblPaginacion {
    border: 1px solid #D9D9D9;
    background-color: #F3F3F3;
	FONT-SIZE: 11px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.tblPaginacionTitulo {
    background-color: #DEDEDE;
	FONT-SIZE: 11px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.tblImagenNoticia {
    background-color: #F3F3F3;
	margin: 5px;
}

.tblImagenNoticiaFondo {
    background-color: #E7E7E7;
}

.tblTabs {
	/*border-bottom: #D9D9D9 1px solid;
	border-left: #D9D9D9 1px solid;
	border-right: #D9D9D9 1px solid;*/
    background-color: #F3F3F3;	
}



/* Formato de las líneas de los grids en las tablas */
.TextoGridNormalImpar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*text-align: left;*/
	color:#000000;
	background-color: #DEDEDE;
}

.TextoGridNormalPar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*text-align: left;*/
	color:#000000;
	background-color: #F3F3F3;
}

.TextoTablaNormalImpar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*text-align: left;*/
	color:#000000;
	background-color: #DEDEDE;
    border: 1px solid #D9D9D9;
}

.TextoTablaNormalPar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*text-align: left;*/
	color:#000000;
	background-color: #F3F3F3;
    border: 1px solid #D9D9D9;
}


.TextoGridTitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	text-align: left;
	color:#000000;
	background-color: #F3F3F3;
	letter-spacing: 0.1em;

}

.TextoPrecioTachado {
	font-size:12px; 
	text-decoration:line-through;
	color:#999999;
}

.TextoPrecio {
	font-size:14px; 
	color:#FF0000;
	font-weight:bold;
	
}

.TextoPrecio2 {
	color:#FF0000;
	font-weight:bold;
	
}

/* Formato de los cuadros de módulo y sección */
.TituloPrincipal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #373A49;
	font-weight: bold;
	background-color: #DEDEDE;
	/*background-image:url(ima/titgra.jpg);
    border: 1px solid #D9D9D9;*/
	text-align: left;
}

.TituloSecundario {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF; /* #373A49; */
	font-weight: bold;
	background-color: #DEDEDE;
	/*background-image:url(ima/titgra.jpg);
    border: 1px solid #D9D9D9;*/
	text-align: left;	
}

.TituloGrid {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #999999; /* #DEDEDE; */
	/*background-image:url(ima/titgra.jpg);
    border: 1px solid #D9D9D9;*/
	text-align: left;
	padding-left:2px;
	padding-right:2px;
}

.TituloSinBorde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #373A49;
	font-weight: bold;
	background-color: #DEDEDE;
	background-image:url(ima/titgra.jpg);
	text-align: left;	
}

.TituloPanel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #373A49;
	font-weight: bold;
	background-color: #DEDEDE;
	/*background-image:url(ima/titgra.jpg);
    border: 1px solid #D9D9D9;*/
	text-align: left;	
}


.TextoTitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F3F3F3;
	font-size: 11px;
	text-align: justify;
	overflow: hidden;	
	color:#000000;
	padding: 5px;
}

.TextoTituloFondo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;

}

.TituloTextoCampo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color:#000000;
	background-color: #F3F3F3;
}

.TituloTextoCampoCabecera {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-style:italic;
	color:#000000;
	background-color: #F3F3F3;
}

.TextoNoticiaTitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
	text-align: left;
	color:#000000;
	background-color: #F3F3F3;
}

.TextoPie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	color: #373A49;
	background-color: #F3F3F3;
}

LI {
	list-style-image:url(ima/optmrk2.gif);
	display:list-item;
	margin-left:17px;
	list-style-position:outside;

}

/* Formato enlaces normales */
A:link {
	color: #373A49;
	text-decoration: none;
}
A:visited {
	color: #373A49;
	text-decoration: none;
}
A:active {
	color: #373A49;
	text-decoration: none;
}
A:hover {
	color: #373A49;
	text-decoration: underline;
}

/* Formato enlaces de mensajes, en negrita */
A.mensa:link {
	TEXT-DECORATION: none;
}
A.mensa:visited {
	TEXT-DECORATION: none;
}
A.mensa:active {
	TEXT-DECORATION: none;
}
A.mensa:hover {
	TEXT-DECORATION: Underline;
}

/* Formato enlaces oscuros */
A.oscuro:link {
	COLOR: #DEDEDE; TEXT-DECORATION: none;		
}
A.oscuro:visited {
	COLOR: #DEDEDE; TEXT-DECORATION: none;		
}
A.oscuro:active {
	COLOR: #DEDEDE; TEXT-DECORATION: none;		
}
A.oscuro:hover {
	COLOR: #DEDEDE; TEXT-DECORATION: Underline;	
}

/* Formato enlaces pestañas */
A.tabs:link {
	COLOR: #373A49; 
	TEXT-DECORATION: none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
A.tabs:visited {
	COLOR: #373A49; 
	TEXT-DECORATION: none;		
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
A.tabs:active {
	COLOR: #373A49; 
	TEXT-DECORATION: none;		
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
A.tabs:hover {
	COLOR: #373A49; 
	TEXT-DECORATION: Underline;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

/* Formato Noticias */

.TituloNoticia {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 25px;
	letter-spacing: 0px;
	margin: 0 0 5px 0;
	line-height: 1.2em;
	color: #373A49;
}

.SubtituloNoticia {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0 0 0;
	line-height: 1em;
	color: #373A49;
	text-align:justify;
}

.SubtituloGris {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 9px;
	padding-top: 2px;
	color: #999999;	
}	

.SubtituloGris a.mensa {
		text-decoration: none;
		color: #999999;
	}

.SubtituloGris a.mensa:hover {
		TEXT-DECORATION: Underline;
		color: #999999;
	}


/* Formato enlaces tabla de navegación */
#lnknav a:link, #lnknav a:visited {
	float: left;
	background-color: #DEDEDE;
	background-image: url(ima/titgra.jpg);
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 3px 13px 2px 13px;
	margin-right: 6px;
	border: 1px solid #D9D9D9;
	border-bottom: none;
	text-decoration: none;
	color: #373A49;
	}

#lnknav a:hover {
    background-image: url(ima/titgraact.jpg);
	padding: 4px 12px 1px 14px;

	}

/* Otros formatos a organizar */

.inputnormal {
	background-color: #FFFFFF;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	border: #000000 1px solid;
}



.TextoPequeño {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}



.TextoGridTituloImpar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color:#000000;
	background-color: #DEDEDE; /*  #E0E1DC; */
}


.TextoGridTituloPar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color:#000000;
	background-color: #F3F3F3 /* #F4F4F4; */
}

.TablaTitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#DEDEDE;
	background-color: #373A49;
	}

.TablaTexto {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#000000;
	background-color: #F3F3F3;
	}

.Tabla{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	border: 1px solid;
	}


.TextoOscuroPeque {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #DEDEDE;
	font-weight: normal;
	background-color: #373A49;
	text-align: center;
}