/* EJEMPLO DE CSS PARA APLICACIONES BAJO EL ENTORNO b@seCAM */
/* EL SIGUIENTE DOCUMENTO CONTIENE UNA GUÍA BÁSICA DE LA NUEVA LÍNEA DE ESTILO A DESARROLLAR
A RAIZ DE LA IMPLANTACIÓN DE LA NUEVA INTRANET CORPORATIVA.  SE CONCIBE CON LAS CARACTERÍSTICAS
DE MUTABILIDAD Y DINAMISMO, CON LO QUE ES SOLO UNA GUÍA BÁSICA SOBRE LA CUAL SE DEBERÁN DESARROLLAR
E INCLUIR LAS PARTICULARIDADES DE CADA UNA DE LAS APLICAnCIONES QUE HAGAN USO DE LA MISMA.

Recomendación:  este documento podrá ser llamado directamente desde los includes generales de la
entidad  (g_conRutaCSS) o reproducida en el directorio de estilos propio de cada aplicación.  En el primer caso
no se permite modificar sin consenso previo.  Si se realiza una copia local a la aplicación, 
este documento se podrá enriquecer o completar con las necesidades del momento/aplicación.

Este es un trabajo de todos, cualquier aportación es de vital importancia.

/* CLASES BÁSICAS RELATIVAS A  ELEMENTOS HTML    */

BODY
{
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
	 MARGIN-LEFT: 0px;
    MARGIN-RIGHT: 0px;
    MARGIN-TOP: 0px;
    scrollbar-face-color: #ffffff;
    scrollbar-shadow-color: #004b8C;
    scrollbar-highlight-color: #004B8C;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #004B8C;
}

A:link	
{	
   font-size: 12px;
	text-decoration:	underline;
	color:	#006699;
}	
		
A:visited	
{	
   font-size: 12px;
	text-decoration:	underline;
	color:	#006699;
}	
		
A:active	
{	
   font-size: 12px;
	text-decoration:	underline;
	color:	#006699;
	cursor: progress;
}	
		
A:hover	
{	
   font-size: 12px;
	text-decoration:	underline;
	color:	#ffba0c;
	
}

/* CLASES BÁSICAS CABECERAS */

.cssCab
{
  	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	padding: 2;
	font-size: 12px;
	background: #272929;
}

.cssCabSmall
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	padding: 2;
	font-size: 11px;
	background: #272929;
}

.cssCab1
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	padding: 2;
	font-size: 12px;
	background: #272929;
}

.cssCab2
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #ffffff;
	padding: 2;
	font-size: 12px;
	background: #FEB715;
	FONT-WEIGHT: bold;
	border-color:#006699;
   border-style:solid;
   border-width:1px;
}

.cssCab3
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	font-size: 12px;
	PADDING: 2;
	background: #C0C1C0;
}

.cssCab4
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #006699;
	FONT-WEIGHT: bold;
	padding: 2;
	font-size: 12px;
	background: #EFF7FF;
	border-color:#006699;
   border-style:solid;
   border-width:1px;
}

.cssCab5
{
	COLOR: #000000;
	padding: 2;
	font-size: 12px;
	background: transparent;
	FONT-WEIGHT: BOLD;
	border-color: #006699;
	border-style: solid;
	border-width: 1px;
}

.cssCab6
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	font-size: 12px;
	PADDING: 2;
	background: #C0C1C0;
	border-color: #79b7e7;
	border-style: solid;
	border-width: 1px;
}

.cssCabTitulo
{
	COLOR: #006699;
	padding: 2;
	font-size: 13px;
	background: #ffffff;
	FONT-WEIGHT: bold;
	border-color: #006699;
	border-style: solid;
	border-width: 0 0 1 0;
}
.cssCabTitulo2
{
	COLOR: #006699;
	padding: 0;
	font-size: 13px;
	background: #ffffff;
	FONT-WEIGHT: bold;
	border-color: #FEB715;
	border-style: solid;
	border-width: 0 0 1 0;
}

.cssCabRpt
{
	font-family: Verdana,Arial;
	font-size: 11px;
	color:#000000;
	font-style: italic;
	font-weight: bold;
	height:5%;
	width:100%;
	text-align:center;
	padding-top:10px;
}

.cssCabRpt2
{
	font-family: Verdana,Arial;
	font-size: 11px;
	color:#006699;
	font-style: italic;
	text-align:center;
}


/* CLASES BÁSICAS LINEAS DE DATOS / CABECERAS SECUNDARIAS 
Recomendación: en el caso de existir gran cantidad de líneas de datos intercalar dos tipos de filas
consiguiendo un efecto "pijama".
*/
.cssFila1
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #000000;
	background: #FEEBB7;
	font-size: 11px;
}

.cssFila2
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #000000;
	background: #fafad2;
	font-size: 11px;
}

.cssFila1Rpt
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #000000;
	font-size: 11px;
	background: #ebebeb;
	text-align:center;
}

.cssFila2Rpt
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #000000;
	font-size: 11px;
	background: #f7f7f7;
	text-align:center;
}


.cssFila1FondoGris
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #000000;
	background: #ebebeb;
	font-size: 11px;
}

.cssFila2FondoGris
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #000000;
	background: #f7f7f7;
	font-size: 11px;
}


.cssFila1Violeta
{
	COLOR: purple;
	background: #FEEBB7;
	font-size: 11px;
}

.cssFila2Violeta
{
	font-size: 11px;
	COLOR: purple;
	background: #fafad2;
}

.cssFila1Naranja
{
	font-size: 11px;
	COLOR: #f48700;
	background: #FEEBB7;
}

.cssFila2Naranja
{
	font-size: 11px;
	COLOR: #f48700;
	background: #fafad2;
}

.cssFila1Rojo
{
	font-size: 11px;
	COLOR: red;
	background: #FEEBB7;
}

.cssFila2Rojo
{
	font-size: 11px;
	COLOR: red;
	background: #fafad2;
}

.cssFila1Verde
{
	font-size: 11px;
	COLOR: green;
	background: #FEEBB7;
}

.cssFila2Verde
{
	font-size: 11px;
	COLOR: green;
	background: #fafad2;
}

.cssFilaSel{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #f5f8f9;
	/*	background: orange;*/
	background: #f68f31;
	font-size: 11px;
}

.cssFilaSelBold{
font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #f5f8f9;
	font-weight: bold;
	background: #f68f31;
	font-size: 12px;
}


.cssFila3
{
	font-size: 12px;
	COLOR: #000000;
	background: #EFEFEF;
}

.cssFila4
{
	font-size: 12px;
	color: #000000;
	background-color: #eff7ff;
}


/* clase para campos de entrada: combos, campos de texto, .... */
.cssInput
{
	BORDER-BOTTOM-STYLE : groove;
	BORDER-LEFT-STYLE : groove;
	BORDER-RIGHT-STYLE : groove;
	BORDER-TOP-STYLE : groove;
	COLOR : #003366;
	FONT-FAMILY : Verdana, Helvetica;
	FONT-SIZE : 10px;
}

.cssInputDis
{
	
	BACKGROUND-COLOR : #eff7ff;
	BORDER-BOTTOM-STYLE : groove;
	BORDER-LEFT-STYLE : groove;
	BORDER-RIGHT-STYLE : groove;
	BORDER-TOP-STYLE : groove;
	COLOR : Navy;
	FONT-FAMILY : Verdana, Helvetica;
	FONT-SIZE : 10px;

}

/* CLASES BÁSICAS PARA TEXTOS */

.cssRptTxt1a
{
	font-family: Verdana,Arial;
	font-size: 11px;
	color:#000000;
	vertical-align:middle;
	width:100px;
}

.cssTxt1a
{
	font-family: Verdana,Arial;
	font-size: 11px;
	color:#000000;
}

.cssTxt1b
{
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: bold;
	color:#000000;
}

.cssTxt1c
{
	font-family: Verdana,Arial;
	font-size: 5px;
	color:#000000;
}

.cssTxt2a
{
	font-family: Verdana,Arial;
	font-size: 11px;
	color:#006699;
}

.cssRptTxt2aCursiva
{
	font-family: Verdana,Arial;
	font-size: 11px;
	color:#006699;
	font-style: italic;
	text-align:right;
	width:150px;
}

.cssTxt2aCursiva
{
	font-family: Verdana,Arial;
	font-size: 11px;
	color:#006699;
	font-style: italic;
}

.cssTxt2b
{
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: bold;
	color:#006699;
}

.cssTxt2c
{
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: bold;
	color:#006699;
	background : #DAEBFC;
}

.cssTxt2d
{
	font-family: Verdana,Arial;
	font-size: 13px;
	font-weight: bold;
	color : #e17009;
}

.cssTxt3a
{
	font-family: Verdana,Arial;
	font-size: 11px;
	color: #E16060;
}

.cssTxt3b
{
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: bold;
	color: #E16060;
}

.cssTxt4a
{
	font-family: Verdana,Arial;
	font-size: 11px;
	color: red;
}

.cssTxt4b
{
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: bold;
	color: red;
}

.cssTxt4ba{
	font-size: 13px;
	font-family: Arial;
	font-weight: bolder;
	font-style: normal;
	color: Red;
	text-decoration: none;
	background-color: transparent; /*padding: 5px;*/
}

.cssTxt5a
{
	font-family: Verdana,Arial;
	font-size: 11px;
	color: darkblue;
}

.cssTxt5b
{
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: bold;
	color: darkblue;
}

.cssTxt6a
{
	font-family: Verdana,Arial;
	font-size: 11px;
	COLOR: #4D4D4F;
}

.cssTxt6b
{
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: bold;
	COLOR: #4D4D4F;
}

.cssEstado{
	COLOR: #f5f8f9;
	font-weight: bold;
	background: #f68f31;
	font-size: 13px;
}


/* ESTILOS PARA ENLACES DETERMINADOS 
Recomendación: a la hora de elaborar nuevas clases referidos a enlaces  conservar el orden de definición
(link, visited, active, hover), ya que sino en algunos casos puede llevar a comportamientos no deseados.
*/

.cssLink1:link 
{
	
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR : #000000;
	background-color : transparent;
	TEXT-decoration: none;
	
}

.cssLink1:visited 
{
	
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR : #000000;
	background-color : transparent;
	TEXT-decoration: none;

}

.cssLink1:active
{
	
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR : #000000;
	background-color : transparent;
	TEXT-decoration: none;
	
}

.cssLink1:hover 
{
	
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR : #ffba0c;
	background-color : transparent;
	TEXT-decoration: underline;
}


.cssLink2:link 
{
	
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR : #006699;
	background-color : transparent;
	TEXT-decoration: none;
	
}

.cssLink2:visited 
{
	
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR : #006699;
	background-color : transparent;
	TEXT-decoration: none;

}

.cssLink2:active
{
	
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR : #006699;
	background-color : transparent;
	TEXT-decoration: none;
	
}

.cssLink2:hover 
{
	
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR : #ffba0c;
	background-color : transparent;
	TEXT-decoration: underline;
}


.cssLink3:link 
{
	
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR : #006699;
	background-color : transparent;
	TEXT-decoration: none;
	
}

.cssLink3:visited 
{
	
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR : #006699;
	background-color : transparent;
	TEXT-decoration: none;

}

.cssLink3:active
{
	
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR : #006699;
	background-color : transparent;
	TEXT-decoration: none;
	
}

.cssLink3:hover 
{
	
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR : #006699;
	background-color : transparent;
	TEXT-decoration: underline;
}

.PijamaGrisClaro
{
	BACKGROUND-COLOR: #F7F9F9;
	BACKGROUND-IMAGE: none;
	BACKGROUND-REPEAT: repeat;
	BORDER-BOTTOM: thin;
	BORDER-LEFT: thin;
	BORDER-RIGHT: thin;
	BORDER-TOP: thin;
	COLOR: black;
	FONT-FAMILY: Arial;
	FONT-SIZE: 8pt;
}

.PijamaGrisOscuro
{
	BACKGROUND-COLOR: #EFF2F3;
	BORDER-BOTTOM: #ffffff thin;
	BORDER-LEFT: #ffffff thin;
	BORDER-RIGHT: #ffffff thin;
	BORDER-TOP: #ffffff thin;
	COLOR: black;
	FONT-FAMILY: Arial;
	FONT-SIZE: 8pt;
}

.PijamaGrisSeleccion  {
	font-size : 8pt;
	font-family : Arial;
	font-weight : normal;
	font-style : normal;
	color : Black;
	text-decoration : none;
	background-color : #C1D0D0;
	padding : 0;
}

.PijamaGrisOscuroNegrita
{
	BACKGROUND-COLOR: #EFF2F3;
	BORDER-BOTTOM: #ffffff thin;
	BORDER-LEFT: #ffffff thin;
	BORDER-RIGHT: #ffffff thin;
	BORDER-TOP: #ffffff thin;
	COLOR: Navy;
	FONT-FAMILY: Arial;
	FONT-SIZE: 8pt;
	font-weight : bold;
}

.PijamaGrisOscuroNegrita2
{
	BACKGROUND-COLOR: #EFF2F3;
	BORDER-BOTTOM: #ffffff thin;
	BORDER-LEFT: #ffffff thin;
	BORDER-RIGHT: #ffffff thin;
	BORDER-TOP: #ffffff thin;
	COLOR: Black;
	FONT-FAMILY: Arial;
	FONT-SIZE: 8pt;
	font-weight : bold;
}

.PijamaGrisClaroVerdana
{
	BACKGROUND-COLOR: #F7F9F9;
	BACKGROUND-IMAGE: none;
	BACKGROUND-REPEAT: repeat;
	BORDER-BOTTOM: thin;
	BORDER-LEFT: thin;
	BORDER-RIGHT: thin;
	BORDER-TOP: thin;
	COLOR: black;
	FONT-FAMILY: Verdana;
	FONT-SIZE: xx-small;
}

.PijamaGrisOscuroVerdana
{
	BACKGROUND-COLOR: #EFF2F3;
	BACKGROUND-IMAGE: none;
	BACKGROUND-REPEAT: repeat;
	BORDER-BOTTOM: thin;
	BORDER-LEFT: thin;
	BORDER-RIGHT: thin;
	BORDER-TOP: thin;
	COLOR: black;
	FONT-FAMILY: Verdana;
	FONT-SIZE: xx-small;
}

.PijamaGrisSeleccionVerdana
{
	BACKGROUND-COLOR: #C1D0D0;
	BACKGROUND-IMAGE: none;
	BACKGROUND-REPEAT: repeat;
	BORDER-BOTTOM: thin;
	BORDER-LEFT: thin;
	BORDER-RIGHT: thin;
	BORDER-TOP: thin;
	COLOR: black;
	FONT-FAMILY: Verdana;
	FONT-SIZE: xx-small;
}

.PijamaGrisClaroVerdanaRojo
{
	BACKGROUND-COLOR: #F7F9F9;
	BACKGROUND-IMAGE: none;
	BACKGROUND-REPEAT: repeat;
	BORDER-BOTTOM: thin;
	BORDER-LEFT: thin;
	BORDER-RIGHT: thin;
	BORDER-TOP: thin;
	COLOR: Red;
	FONT-FAMILY: Verdana;
	FONT-SIZE: xx-small;
}

.PijamaGrisOscuroVerdanaRojo
{
	BACKGROUND-COLOR: #EFF2F3;
	BACKGROUND-IMAGE: none;
	BACKGROUND-REPEAT: repeat;
	BORDER-BOTTOM: thin;
	BORDER-LEFT: thin;
	BORDER-RIGHT: thin;
	BORDER-TOP: thin;
	COLOR: Red;
	FONT-FAMILY: Verdana;
	FONT-SIZE: xx-small;
}

.PijamaGrisSeleccionVerdanaRojo
{
	BACKGROUND-COLOR: #C1D0D0;
	BACKGROUND-IMAGE: none;
	BACKGROUND-REPEAT: repeat;
	BORDER-BOTTOM: thin;
	BORDER-LEFT: thin;
	BORDER-RIGHT: thin;
	BORDER-TOP: thin;
	COLOR: Red;
	FONT-FAMILY: Verdana;
	FONT-SIZE: xx-small;
}


.CuadroTabla
{
    border-color:#79b7e7;
    border-style:solid;
    border-width:1px;
}

.textoEspera
{
	font-family: Verdana;
	font-size: 18px;
	font-weight: bolder;
	color: #007CBB;
}

.TitleAlt{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10 px;
	font-weight :normal;

	background : #FFFFCC;
}

.TitleAltBorde{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10 px;
	font-weight :normal;
	display: none;
	position: absolute;

}

.TituloGrandeOscuro  {
	font-size : 15px;
	font-family : Arial;
	font-weight : bolder;
	font-style : normal;
	color : #006699;
	text-decoration : none;
	background-color : transparent;
	padding : 0;
}

.TituloGrandeBlanco  {
	font-size: 15px;
	font-family: Arial;
	font-weight: bolder;
	font-style: normal;
	color: White;
	text-decoration: none;
	background-color: transparent;
	padding: 0;
}

.SeleccionBusqueda  {
	font-family : Verdana, Arial, Helvetica, Sans-Serif;
	font-size : xx-small;
	font-weight : bold;
	font-style : normal;
	color : white;
	background-color : 6875CE;
	text-decoration : none;
	background : Navy;
}

.SeleccionBusquedaOff  {
	font-family : Verdana, Arial, Helvetica, Sans-Serif;
	font-size : xx-small;
	font-weight : bold;
	font-style : normal;
	color : #FFEBCD;
	background-color : 6875CE;
	text-decoration : none;
	background : Navy;
}

.NombreCampoGris {
	font-size : 8pt;
	font-family : Verdana;
	font-weight : bold;
	font-style : normal;
	color : #4682B4;
	text-decoration : none;
	background-color : #DDDDDD;
	padding-left:3px;
	padding-right:3px;
}



.CeldaPestanyas  {
	font-family: Verdana,Arial;
	font-size: 11px;

	color:#006699;
	text-align : center;
	border-right : thin ridge #006699;
	border-top : thin outset #006699;
	vertical-align : middle;
}

.CeldaPestanyasPrimera  {
	font-family: Verdana,Arial;
	font-size: 11px;

	color:#006699;
	text-align : center;
	border-left: outset #006699;
	border-right : thin ridge #006699;
	border-top : thin outset #006699;
	vertical-align : middle;
}

.CeldaPestanyasActivas  {
	font-family: Verdana,Arial;
	font-size: 11px;

	color: white;
	background: #6ba6ce;
	text-align : center;
	border-left: outset #006699;
	border-right : thin ridge #006699;
	border-top : thin outset #006699;
	vertical-align : middle;
}

.TablaCajaPestanyas  {
	border-right : thin ridge #006699;
	border-left: outset #006699;
	border-top : thin outset #006699;
	border-bottom : thin ridge #006699;
}

.cssMenu{
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: bold;
	color:white;
	background: #006699;
	border-bottom : 1px solid White;
}

.cssMenuSel{
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: bold;
	color:#FEB715;
	background: #006699;
	border-bottom : 1px solid White;
}

.cssOpcionMenu{
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: bold;
	color:white;
	background: #006699;
}

.cssOpcionMenuSel{
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: bold;
	color:#FEB715;
	background: #006699;
}


.SaltoDePagina{
     PAGE-BREAK-AFTER: always
 }
 
 /*
 	Estilos definidos por Angel Cuartero
 */
 
 .CuadroPestaña
{
	border-color:#B1C3ED;
   border-style:solid;
   border-width:1px;
}

.CuadroPestaña1
{
	border-color:#FEE9AF;
   border-style:solid;
   border-width:1px;
}


.CuadroPestaña2
{
	border-color:#006699;
   border-style:solid;
   border-width:1px;
}
 
 .PestanyaAzulActiva  {
	background-color : #6ba6ce;
	vertical-align : middle;
	font-family : Verdana;
	font-size : 8pt;
	font-variant : normal;
	font-weight : bold;
	color : White;
}

.PestanyaGris  {

	background-color : #C1D0D0;
	vertical-align : middle;
	font-family : Verdana;
	font-size : 8pt;
	font-variant : normal;
	font-weight : bold;
	color : White;
}

.StyloInput
{
	font-family : Verdana;
	font-size : 8pt;
	font-variant : normal;
	/*border-color:#006699;
   border-style:solid;
   border-width:1px;*/
	color:#006699
}

.importes
{
	font-family : Verdana;
	font-size : 8pt;
	font-variant : normal;
   text-align: right;
/*	border-color:#006699;
   border-style:solid;
   border-width:1px;*/
	color:#006699;
	/*height: 15px;*/
}

.importesGrid
{
	font-family : Verdana;
	font-size : 8pt;
	font-variant : normal;
   text-align: right;
	border-color:#006699;
   border-style:solid;
   border-width:1px;
	color:#006699;

	/*height: 15px;*/
}

.importesGridEO
{
	font-family : Verdana;
	font-size : 8pt;
	font-variant : normal;
   text-align: right;
	border-color:#006699;
   border-style:solid;
   border-width:1px;
	color:#006699;

	/*height: 15px;*/
}

.importesGridIA
{
	font-family : Verdana;
	font-size : 8pt;
	font-variant : normal;
   text-align: right;
	border-color:#006699;
   border-style:solid;
   border-width:1px;
	color:#006699;

	/*height: 15px;*/
}


.StyloInputDisabled
{
	font-family: Verdana;
	font-size: 8pt;
	font-variant: normal;
	background-color: #ededed;
	color: #006699;
	border: 1px solid #c9c7ba;
}

.StyloInputDisabledN
{
	font-family: Verdana;
	font-size: 8pt;
	font-variant: normal;
	background-color: #ededed;
	color: #006699;
	border: 1px solid #c9c7ba;
	font-weight: bold;
}

.StyloInputDisabledGris
{
	font-family: Verdana;
	font-size: 8pt;
	font-variant: normal;
	background-color: #ededed;
	color: #afad9c;
	border: 1px solid #c9c7ba;
}

.StyloInputDisabledGrisN
{
	font-family: Verdana;
	font-size: 8pt;
	font-variant: normal;
	background-color: #ededed;
	color: #afad9c;
	border: 1px solid #c9c7ba;
	font-weight: bold;
}

.importesD
{
	font-family: Verdana;
	font-size: 8pt;
	font-variant: normal;
	background-color: #ededed;
	color: #006699;
	border: 1px solid #c9c7ba;
	text-align: right;
}

.importesDGris
{
	font-family: Verdana;
	font-size: 8pt;
	font-variant: normal;
	background-color: #ededed;
	color: #C9C7BA;
	border: 1px solid #c9c7ba;
	text-align: right;
}


.StyloInputDisabledCombo
{
	font-family: Verdana;
	font-size: 8pt;
	font-variant: normal;
	background-color: #D1D1D1;
	color: #006699;
	border: 1px solid Gray;
}

.StyloInputGrande
{
	font-family : Verdana;
	font-size : 13pt;
	font-variant : normal;
/*	border-color:#006699;
   border-style:solid;
   border-width:1px;*/
	color:#006699
}

.formError{
	color: #cd0a0a;
/*	border: 1px solid #cd0a0a;*/
	background: #fef1ec;
	font-weight: bold;
	font-size: 12px;
}

.BotonGris
{
	vertical-align : middle;
	font-family : Verdana;
	font-size : 8pt;
	font-variant : normal;
	font-weight : bold;
	background-color : #ACB8CE;
}

.LineaNarajaSeleccion  {
	font-size: 8pt;
	font-family: Arial;
	font-weight: normal;
	font-style: normal;
	color: Black;
	text-decoration: none;
	background-color: #FFDEAD;
	padding: 0;
}

.LineaNarajaSeleccionRojo  {
	font-size: 8pt;
	font-family: Arial;
	font-weight: normal;
	font-style: normal;
	color: red;
	text-decoration: none;
	background-color: #FFDEAD;
	padding: 0;
}

.LineaNarajaSeleccionNegrita  {
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	font-style: normal;
	color: Black;
	text-decoration: none;
	background-color: #FFDEAD;
	padding: 0;
}

.codigoBarras{
	font-family: Code3of9;
	font-size: 32px;
}

.textoDiminuto{
	font-size: 8px;
}

.textoReceta{
	font-size: 15px;
	font-family: Courier;
}

.textoEtiqueta{
	font-size: 11px;
	font-family: Arial;
}

.bordeAzul{
    border-color:#79b7e7;
    border-style:solid;
    border-width:1px;
}

.bordeAzulMenu{
   border-bottom: 1px solid #79b7e7;
	border-left: 1px solid #79b7e7;
	border-right: 1px solid #79b7e7;
 
}

.textoNaranjaG{
	font-size : 15px;
	font-family : Arial;
	font-weight : bolder;
	font-style : normal;
	color : #e17009;
	text-decoration : none;
	background-color : transparent;
	/*padding: 5px;*/
}

.textoNaranjaGX{
	font-size : 18px;
	font-family : Arial;
	font-weight : bolder;
	font-style : normal;
	color : #e17009;
	
	text-decoration : none;
	background-color : transparent;
	/*padding: 5px;*/
}

.textoNaranja{
	font-size : 14px;
	font-family : Arial;
	font-weight : bolder;
	font-style : normal;
	color : #e17009;
/*	padding-top: 1px;*/
}

.textoNaranjaFondo{
	font-size : 14px;
	font-family : Arial;
	font-weight : bolder;
	font-style : normal;
	background-color: #f5f8f9;
	color : #e17009;
/*	padding-top: 1px;*/
}

.textoNaranjaMenu{
	font-size : 16px;
	font-family : Arial;
	font-weight : bolder;
	font-style : normal;
	background-color: #f5f8f9;
	color : #e17009;
	border: 1px solid #79b7e7;
	padding: 2px 10px 2px 15px;
}

.textoNaranjaMenuCon{
	font-size : 16px;
	font-family : Arial;
	font-weight : bolder;
	font-style : normal;
	background-color: #f5f8f9;
	color : #e17009;
	border: 1px solid #79b7e7;
	padding: 2px 10px 2px 15px;
	background-image: url(images/navArrow.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

.textoNaranjaMenuExpand{
	font-size : 16px;
	font-family : Arial;
	font-weight : bolder;
	font-style : normal;
	background-color: #f5f8f9;
	color : #e17009;
	border-top: 1px solid #79b7e7;
	border-left: 1px solid #79b7e7;
	border-right: 1px solid #79b7e7;
	padding: 2px 10px 2px 15px;
	background-image: url(images/navExpandArrow.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

.textoAzulSubMenu{
	font-size : 14px;
	font-family : Arial;
	font-weight : bolder;
	font-style : normal;
	background-color: #f5f8f9;
	color : #007CBB;
	border: 1px solid #79b7e7;
	padding: 2px;
}

.textoNaranjaMenuOver{
	background: #F39814;
	color: white;
	font-size : 16px;
	font-weight: bold;
	border: 1px solid #79b7e7;
	padding: 2px 10px 2px 15px;
}

.textoNaranjaMenuOverCon{
	background: #F39814;
	color: white;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #79b7e7;
	padding: 2px 10px 2px 15px;
	background-image: url(images/navArrow.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

.textoNaranjaMenuOverExpand{
	background: #F39814;
	color: white;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #79b7e7;
	padding: 2px 10px 2px 15px;
	background-image: url(images/navExpandArrow.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

.textoAzulSubMenuOver{
	background: #007CBB;
	color: #f5f8f9;
	font-size : 14px;
	font-weight: bold;
	border: 1px solid #79b7e7;
	padding: 2px;
}

.textoNaranjaFondoP{
	font-size : 12px;
	font-family : Arial;
	font-weight : bolder;
	font-style : normal;
	background-color: #f5f8f9;
	color : #e17009;
/*	padding-top: 1px;*/
}

.textoAzulG
{
	font-family: Verdana;
	font-size: 18px;
	font-weight: bolder;
	color: #007CBB;
}

.textoAzulP
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bolder;
	color: #007CBB;
}

.textoAzul
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bolder;
	color: #007CBB;
}

.textoAzulSub
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bolder;
	color: #007CBB;
	padding-bottom: 5px;
	border-bottom: 1px solid #c5dbec;
}

.overlay {
	/*	top: 100px;*/
	font-size: 18px;
	left: 49%;
	position: absolute;
	margin-left: -100px;
	width: 250px;
	text-align: center;
	display: none;
	margin-top: -28px;
	background-color: #ffc600;
	color: #FFF;
}



/*clase para los formularios modales*/
/*.formModal table{
	border-color:#79b7e7;
   border-style:solid;
   border-width:1px;
}
*/
/*.formModal table td{
	font-size: 8pt;
}*/


.formModal input{
	/*border: 1px solid #d0ccc9;
	background: #fff;
	color: #565656;
	font-size: 11px;
	font-weight: 700;*/
	
	font-family : Verdana;
	font-size : 8pt;
	font-variant : normal;
	
	/*
	border-color:#006699;
   border-style:solid;
   border-width:1px;*/
	/*color:#006699*/
}
.formModal input.text{
	/*font-weight: normal;
	color: #565656;
	border: 1px solid #9c9c9c;
	padding: 2px;
	margin-bottom: 5px;*/
	font-family: Verdana;
	font-size: 8pt;
	font-variant: normal;
	background-color: #DCDCDC;
	/*color: #006699;*/
	border: 1px solid Gray;
}

.formModal textarea{
	font-family : Verdana;
	font-size : 8pt;
	font-variant : normal;
	
	
}
.formModal textarea.text{
	font-family: Verdana;
	font-size: 8pt;
	font-variant: normal;
	background-color: #DCDCDC;
	border: 1px solid Gray;
}

.formModal select{
	font-family : Verdana;
	font-size : 8pt;
	font-variant : normal;
}

.StyloInputError
{
	border: 1px solid #cd0a0a; 
	background: #fef1ec;
	/*color: #cd0a0a;*/
	font-family: Verdana;
	font-size: 8pt;
	font-variant: normal;
}


/* tables */
table.tablesorter {
	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 98%;
	text-align: left;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
/*	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;*/
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	padding: 2;
	font-size: 12px;
	background: #272929;
	TEXT-ALIGN: center;
}

table.tablesorter thead tr .header {
/*	background-image: url(images/bg.gif);*/
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter tbody td {
    font-size: 11px;
	COLOR: #000000;
	background: #F2F2F2;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background: #D8D8D8;
}

/*
 table td { padding: 3px; }
table tr.odd td { background: #e6f2ff;}
*/
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    COLOR: #272929;
	FONT-WEIGHT: bold;
	padding: 2;
	font-size: 12px;
	background-color: #FFFFFF;
	border-color:#272929;
    border-style:solid;
    border-width:1px;
}

.highlight { background-color: #ffc600 }


/*paginacion*/
.pager {padding:5px 0;}
.clickable {font-size:11px; color:gray; background:#F5F5F5; border:solid 1px gray; padding:0 5px; margin:0 5px; cursor:pointer;}
.active {color:black; border:solid 1px black;}




/**TABLA GRUPO CODGESTION***/

/* Blue Theme */
table.tablagrupos {
	font: 11px/18px Arial, Sans-serif;
	background-color: #cdcdcd;
	width: 100%;
	text-align: center;
	border-spacing: 0;
}

.th_bg
{
	color:#FFFFFF !important;
	background-color: #272929 !important;
	background-repeat: no-repeat !important;
	background-position: center right !important;
	cursor:pointer !important;
}

.th_desc
{
	background-image: url(images/asc.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center right !important;
	text-align: center !important;
	cursor:pointer !important;
	COLOR: #272929 !important;
	FONT-WEIGHT: bold;
	font-size: 12px;
	background-color: #FFFFFF !important;
	border-color:#272929 !important;
    border-style:solid !important;
    border-width:1px !important;
	
	
}

.th_asc
{
	
	background-image: url(images/desc.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center right !important;
	text-align: center !important;
	cursor:pointer !important;
	COLOR: #272929 !important;
	FONT-WEIGHT: bold;
	font-size: 12px;
	background-color: #FFFFFF !important;
	border-color:#272929 !important;
    border-style:solid !important;
    border-width:1px !important;
}

th_nada
{
	color:#FFFFFF !important;
	background-color: #272929 !important;
	cursor:text !important;
}	

.cssGruposCab
{
  	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	font-size: 12px;
	background: #6ba6ce !important;
}

.cssGruposFila1
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #000000;
	background: #F2F2F2 !important;
	font-size: 10px;
}

.cssGruposFila2
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #000000;
	background:#D8D8D8 !important;
	font-size: 10px;
}

.cssGruposFila3
{
	 cursor:pointer !important;
	 font-family: Arial, Verdana, Helvetica, sans-serif ;
	 font-size: 10px ;
	 COLOR: #000000 ;
	 background: #D5D5D5 !important; 
	 font-weight:bold !important;
	 border: solid 4px black !important;
	 
}

.cssGruposFila4
{
	display:none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #000000 ;
	background: #D5D5D5 !important;
	font-size: 10px;
}

.trPlegada
{
	background-image: url(images/arbolmas.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

.trDesplegada
{
	background-image: url(images/arbolmenos.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#testTable { 
    width : 350px;
    margin-left: auto; 
    margin-right: auto; 
  }
  
  #tablePagination { 
    background-color: #DCDCDC; 
    font-size: 0.8em; 
    padding: 0px 5px; 
    height: 20px
  }
  
  #tablePagination_paginater { 
    margin-left: auto; 
    margin-right: auto;
  }
  
  #tablePagination img { 
    padding: 0px 2px; 
  }
  
  #tablePagination_perPage { 
    float: left; 
  }
  
  #tablePagination_paginater { 
    float: right; 
	}
	
/***/

.botonCss {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#3d85bd;
	font-family:Trebuchet MS;
	font-size:13px;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;
}.botonCss:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.botonCss:active {
	position:relative;
	top:1px;
}	

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

.categoriaPlegada
{
	background-image: url(images/arbolmas.gif);
	background-repeat: no-repeat;
	background-position: center left;
	cursor:pointer;
	font-size : 14pt;
	font-family : Verdana;
	font-weight : bold;
	font-style : normal;
	color : #4682B4;
	text-decoration : none;
	background-color : #DDDDDD;
	padding-left:3px;
	padding-right:3px;
}

.categoriaDesplegada
{
	background-image: url(images/arbolmenos.gif);
	background-repeat: no-repeat;
	background-position: center left;
	cursor:pointer;
	font-size : 14pt;
	font-family : Verdana;
	font-weight : bold;
	font-style : normal;
	color : #4682B4;
	text-decoration : none;
	background-color : #DDDDDD;
	padding-left:3px;
	padding-right:3px;
}

.subcategoriaPlegada
{
	background-image: url(images/navigate_down.gif);
	background-repeat: no-repeat;
	background-position: center left;
	cursor:pointer;
	font-size:12px;  
	width:85%; 
	text-align:left; 
	border: 1px solid #4297d7; 
	background-color: #5c9ccc; 
	color: #ffffff; 
	font-weight: bold;
	padding-left:3px;
	padding-right:3px;
	margin-left:30px;
	
}

.subcategoriaDesplegada
{
	background-image: url(images/navigate_up.gif);
	background-repeat: no-repeat;
	background-position: center left;
	cursor:pointer;
	font-size:12px;  
	width:85%; 
	text-align:left; 
	border: 1px solid #4297d7; 
	background-color: #5c9ccc; 
	color: #ffffff; 
	font-weight: bold;
    padding-left:3px;
	padding-right:3px;
	margin-left:30px;

}

.tituloListadoEMD{
	background-image: url(images/navigate_up.gif);
	background-repeat: no-repeat;
	background-position: center left;
	cursor:pointer;
	font-size:12px;  
	width:95%; 
	text-align:left; 
	border: 1px solid #4297d7; 
	background-color: #5c9ccc; 
	color: #ffffff; 
	font-weight: bold;
    padding-left:3px;
	padding-right:3px;
	margin-left:20px;
	margin-top:20px;
}

.tituloCabecera{
	background-repeat: no-repeat;
	background-position: center left;
	cursor:pointer;
	font-size : 14pt;
	font-family : Verdana;
	font-weight : bold;
	font-style : normal;
	color : #4682B4;
	text-decoration : none;
	background-color : #DDDDDD;
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	margin-bottom: 3px;
}
.subtituloCabecera{
	background-repeat: no-repeat;
	background-position: center left;
	cursor:pointer;
	font-size:11pt;  
	width:85%; 
	align:left; 
	border: 1px solid #4297d7; 
	background-color: #5c9ccc; 
	color: #ffffff; 
	font-weight: bold;
    padding-left:3px;
	padding-right:3px;
}

.tituloSubOTEs{
	background-repeat: no-repeat;
	background-position: center left;
	cursor:pointer;
	font-size : 12pt;
	font-family : Verdana;
	font-weight : bold;
	font-style : normal;
	color : #4682B4;
	text-decoration : none;
	background-color : #DDDDDD;
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	margin-bottom: 3px;
}