/* 
	CSS Default
	© 2008 IntelyGenZ - www.intelygenz.com 
	version 0.11 [08.01.2008]

*/

* { font-family: Arial, Helvetica, Sans-Serif; }

HTML, BODY {
	margin: 0; padding: 0; font-size: 11px; color: #000;
	background: #FFFFFF;
}

IMG { border: 0; }

FORM, DIV, SPAN, TD, P, FONT, UL, LI { font-size: 11px; color: #000; }

H1 { font-size: 14px; color: #437a1c; font-weight: bold; }
H2 { font-size: 12px; color: #6B6B6B; font-weight: bold; }

A:link,  A:visited { color: #003366; text-decoration: underline; }
A:hover, A:active  { color: #003366; text-decoration: none; }

A.enlace2:link,  A.enlace2:visited {color: #C60101; text-decoration: none; }
A.enlace2:hover, A.enlace2:active  {color: #C60101; text-decoration: underline; }

A.enlace3:link,  A.enlace3:visited {color: #437a1c; text-decoration: underline; }
A.enlace3:hover, A.enlace3:active  {color: #437a1c; text-decoration: none; }



FORM { display: block; }

INPUT, TEXTAREA, SELECT {
	font-size: 11px; padding: 0 2px 0 2px;
	color: #6B6B6B; background: #F8F8F8;
	border: 1px solid #6B6B6B;
}
TEXTAREA { overflow: auto; }


INPUT.button {
	border: 1px solid #990101; color: #FFF;
	background: #D03F54 url(../pix/buton_pat.gif) top left repeat-x; cursor: pointer;
	text-align: center; font-weight: bold;
}

INPUT.button2 {
	border: 1px solid #6B6B6B; color: #FFF;
	background: #9197A2 url(../pix/buton2_pat.gif) top left repeat-x; cursor: pointer;
	text-align: center; font-weight: bold;
}



.radio    { border: none; background: transparent; }
.readonly { border: none; background: transparent; }
.disabled { border: 1px solid #FFF; background: #FFF; }



	 /* Para los campos, datos o columnas obligatorios */

.cOblig   { font-weight: bold; color: #888; }  /* Sirve para SPAN, DIV, TD, etc... */

INPUT.cOblig, SELECT.cOblig, TEXTAREA.cOblig {
	border: 1px solid #888;
}



	/* Para Tamaños de Inputs y TextArea */
	
.cajaXS { width: 30px; }  	/* Para Números */
.cajaS  { width: 75px; }  	/* Para Fechas */
.cajaM  { width: 140px; }
.cajaL  { width: 200px; }
.cajaXL { width: 300px; }
.cajaXXL { width: 500px; }

.textareaM   { width: 150px; height: 50px; }
.textareaL   { width: 300px; height: 100px; }
.textareaXL  { width: 300px; height: 150px; }
.textareaXXL { width: 500px; height: 300px; }


	/* Errores */
	
.error   { font-weight: bold; color: #F00; }
.bgError { background: #F00; color: #FFF; font-weight: bold; }
A.error:link,  A.error:visited { color: #F00; font-weight: bold; text-decoration: underline; }
A.error:hover, A.error:active  { color: #F00; font-weight: bold; text-decoration: none; }




/* Classes Genéricas, alineaciones y formatos de letra */

.alignL { text-align: left; }
.alignC { text-align: center; }
.alignR { text-align: right;}
.alignJ { text-align: justify; }

.valignT { vertical-align: top; }
.valignM { vertical-align: middle; }
.valignB { vertical-align: bottom; }

.flotarL { float: left; }
.flotarR { float: right; }


.formatoB { font-weight: bold; }
.formatoI { font-style: italic; }
.formatoU { text-decoration: underline; }
.formatoN { text-decoration: none; font-weight: normal; }
.formatoM { text-transform: uppercase; }
.formatoL { text-transform: lowercase; }


.fontS   { font-size: 10px; }
.fontM   { font-size: 11px; }
.fontL   { font-size: 12px; }
.fontXL  { font-size: 14px; }




	
	/* Iconos */
	
.icono 	{ border: none; cursor: pointer; margin: 0 2px 0 2px; }
.ico16	{ width: 16px; height: 16px; }


	/* Celdas, colores,  bordes y separaciones */

.celda1 { background: #D3D3D3; color: #444; }
.celda2 { background: #444; color: #D3D3D3; }


/* Bloques Especiales */


	/* i_Tabla */

.iTABLA { border: none; width: 98%; margin-bottom: 10px; }
.iTABLA tr.Ttitulos { color: #FFF; font-weight: bold; }
.iTABLA tr.Ttitulos td { background: #437a1c; color: #FFF; padding: 3px; font-family: Trebuchet, Arial, Sans-Serif; font-weight: bold; text-transform: uppercase; }
.iTABLA tr.Ttitulos td span { color: #FFF; }
.iTABLA tr.Ttitulos td img { vertical-align: middle; border: none; margin: 0 0 0 5px; }
.iTABLA tr.Ttitulos td a:link,  .iTABLA tr.Ttitulos td a:visited { color: #FFF; text-decoration: underline;  }
.iTABLA tr.Ttitulos td a:hover, .iTABLA tr.Ttitulos td a:active  { color: #FFF; text-decoration: none;  }

.iTABLA tr { background: #E0E0E0; }
.iTABLA tr td.Tpadre { background: #E0E0E0;  }  /* Esta linea es para TR desplegables. */
.iTABLA tr td.Tpadre a:link,  .iTABLA tr td.Tpadre a:visited { text-decoration: underline; color: #F00; } /* Estilos para los enlaces por defecto, para este módulo de Datos. */
.iTABLA tr td.Tpadre a:hover, .iTABLA tr td.Tpadre a:active  { width: 100%; background: #6D6E71; text-decoration: none; color: #F00; }


.iTABLA tr.Datos0 { background: #F0F0F0; }
.iTABLA tr.Datos1 { background: #FFF; }
.iTABLA tr.Activo { background: #DFDADA; border: 1px solid #000;}
.iTABLA tr.Mark { background: #a0c0a0; }
.iTABLA tr.Datos0 td, .iTABLA tr.Datos1 td, .iTABLA tr.Activo td, .iTABLA tr.Mark td { padding: 3px; color: #969696; border-bottom: 1px solid #CCCCCC; } /* Se pueden separar si queremos estilos diferentes, segun la clase. */

.iTABLA a:link,  .iTABLA a:visited { text-decoration: underline; color: #437a1c; padding: 0 2px 0 2px; }
.iTABLA a:hover, .iTABLA a:active  { text-decoration: none; color: #437a1c; padding: 0 2px 0 2px; }


.iTABLA tr.Tpaginacion { background: #437a1c; }
.iTABLA tr.Tpaginacion td { color: #FFF; }
.iTABLA tr.Tpaginacion td table { width: 100%; border: none; }
.iTABLA tr.Tpaginacion td table tr { background: #437a1c; }
.iTABLA tr.Tpaginacion td table tr td { padding: 2px; }
.iTABLA tr.Tpaginacion td table tr td.Tpaginas { width: 100%; padding-left: 3px; }
.iTABLA tr.Tpaginacion a:link,  .iTABLA tr.Tpaginacion a:visited { color: #FFF; text-decoration: underline;  }
.iTABLA tr.Tpaginacion a:hover, .iTABLA tr.Tpaginacion a:active  { color: #FFF; text-decoration: none;  }


.iTABLA tr.Tfijo { background-color: #709080; }
.iTABLA tr.Tfijo td { color: #FFF; text-align: center; }



	/* I_WIN */

.IWinTopLeftBg 		{ background: url(../pix/iwin/iwin.gif) 0px 0px; }
.IWinTopLeftSize	{ width: 2px; height: 25px; _font-size: 2px; line-height: 25px; }
.IWinTopLeftIcoBg	{ background: url(../pix/iwin/iwin.gif) -2px 0px;  }
.IWinTopLeftIcoSize	{ width: 50px; height: 25px; _font-size: 140px; line-height: 25px; }
.IWinTopBg 			{ background: url(../pix/iwin/iwin_top_pattern.gif) top left repeat-x; }
.IWinTopSize		{ height: 25px; }
.IWinTopCloseBg 	{ background: url(../pix/iwin/iwin.gif) -96px 0px; }
.IWinTopCloseSize 	{ width: 21px; height: 25px; cursor: pointer; _font-size: 70px; line-height: 25px; }
.IWinTopRightBg 	{ background: url(../pix/iwin/iwin.gif) -117px 0px; }
.IWinTopRightSize 	{ width: 2px; height: 25px; }

.IWinMidLeftBg 		{ background: url(../pix/iwin/iwin_left_pattern.gif); }
.IWinMidLeftSize	{ width: 2px; _font-size: 2px; }
.IWinMidBg			{ background: #000; }
.IWinMidRightBg 	{ background: url(../pix/iwin/iwin_right_pattern.gif); }
.IWinMidRightSize 	{ width: 2px; _font-size: 2px; }

.IWinBotLeftBg 		{ background: url(../pix/iwin/iwin.gif) 0px -51px; }
.IWinBotLeftSize	{ width: 2px; height: 2px; _font-size: 2px; line-height: 2px; }
.IWinBotBg 			{ background: url(../pix/iwin/iwin_bottom_pattern.gif); }
.IWinBotSize		{ height: 2px; _font-size: 2px; line-height: 2px; }
.IWinBotRightBg 	{ background: url(../pix/iwin/iwin.gif) -98px -51px; }
.IWinBotRightSize 	{ width: 2px; height: 2px; _font-size: 2px; line-height: 2px; }

.IWinMSGTit{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	cursor: move;
	padding-left: 5px;
}

.IWinMSGBody, .WinMSGBody {
	/*background: #000;*/
	background: transparent;
}


	/* Estilos para Mensajes XBD */

.msgError   { font-size: 12px; color: #FFF; background: #BF0000; padding: 4px 10px 4px 10px; white-space: nowrap; cursor: pointer; }  /* Rojo */
.msgOk      { font-size: 12px; color: #FFF; background: #00C92C; padding: 4px 10px 4px 10px; }  /* Verde */
.msgAviso   { font-size: 12px; color: #000; background: #FFE800; padding: 4px 10px 4px 10px; }  /* Amarillo */
.msgMensaje { font-size: 12px; color: #FFF; background: #1752C4; padding: 4px 10px 4px 10px; }  /* Azul */
.msgIco     { padding: 0; margin: 0; background: none; width: 32px; height: 32px; min-width: 32px; min-height: 32px; }

/* FastHelper */

.FastHelper { cursor: default; margin: 0; border: none; text-align: left; }
.FastHelper DIV.fhMain { margin: 0; padding: 5px 8px; background: #437a1c; color: #FFF; }
.FastHelper SPAN { display: block; font-weight: bold; color: #75EEFF; }



