/* 
	IGZ CSS Default v0.4 © 2009 Intelygenz
	
	[UPDATE] P:\IG_IntelyGenZ\IG11_Desarrollo_Librerias\IG11_08_Css\css\css_general.css
	[VER]	 P:\IG_IntelyGenZ\IG11_Desarrollo_Librerias\IG11_08_Css\css\css_general.txt	
	
	Version Reducida para zd29 maliboom boom radio
*/

* { font-family: Arial, Helvetica, Sans-Serif; }

BODY { 
	font-size: 11px; color: #000; 
	background: #fff url(../pix/fondo.jpg) top left repeat-x; 
	margin: 0; padding: 0; text-align: center; 
}

FORM, DIV, SPAN, TD, P, FONT, UL, LI { font-size: 11px; color: #000; }

H1 { font-size: 18px; color: #000; text-transform: uppercase; font-weight: bold; } 
H2 { font-size: 14px; color: #444; font-weight: bold; } 


A:link,  A:visited { color: #ff642f; text-decoration: none; }
A:hover, A:active  { color: #ff642f; text-decoration: underline; }

A.enlace2:link,  A.enlace2:visited { color: #2c2d6d; text-decoration: underline; }
A.enlace2:hover, A.enlace2:active  { color: #2c2d6d; text-decoration: none; }

A.enlace3:link,  A.enlace3:visited { color: #000; text-decoration: underline; }
A.enlace3:hover, A.enlace3:active  { color: #000; text-decoration: none; }

A.enlace4:link,  A.enlace4:visited { color: #F00; text-decoration: underline; }
A.enlace4:hover, A.enlace4:active  { color: #F00; text-decoration: none; }

A.enlace5:link,  A.enlace5:visited { color: #F80; text-decoration: underline; }
A.enlace5:hover, A.enlace5:active  { color: #F80; text-decoration: none; }


FORM { display: block; }

INPUT, TEXTAREA, SELECT {
	font-size: 11px; padding: 3px 0; 
	color: #666; background: #FFF; 
	border: 1px solid #AAA; 
}

INPUT:focus { background: #F8F8F8; } /* No funciona en IE. Comentar o borrar si molesta */

.clearB { clear: both; }

SELECT {padding: 0 0 0 2px; }

INPUT.button { 
	border: none; background: #ff642f; 
	text-align: center; color: #FFF;
	text-decoration: none; font-weight: bold;
}

INPUT.button2 { 
	border: 1px solid #444; background: #C1C1C1; 
	text-align: center; 
	text-decoration: none; font-weight: normal;
}


.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: 150px; }
.cajaL  { width: 225px; }
.cajaXL { width: 300px; }
.cajaXXL { width: 500px; }


	/* 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; }
.clear   { clear: both; }


.formatoB { font-weight: bold; }
.formatoI { font-style: italic; }
.formatoU { text-decoration: underline; }
.formatoN { 
	font-weight: normal; font-style: normal; font-size: 100%;
	text-decoration: none; word-spacing: normal;
	letter-spacing: 0px; text-transform: none; text-indent: 0px;
}
.formatoM { text-transform: uppercase; }
.formatoL { text-transform: lowercase; }
.formatoT { text-decoration: line-through; }


.fontS   { font-size: 10px; }
.fontM   { font-size: 11px; }
.fontL   { font-size: 12px; }
.fontXL  { font-size: 14px; }

.hide		{ display: none; }
.show		{ display: block; }
.invisible	{ visibility: hidden; }


.cursorP { cursor: pointer; }
	
	/* Iconos */
	
.icono 	{ border: none; cursor: pointer; margin: 0 2px 0 2px; }
.ico16	{ width: 16px; height: 16px; }






/* Bloques Especiales */


	/* i_Tabla */

.fixedTable { table-layout: fixed;	}

.ITABLA { border: none; width: 98%; margin-bottom: 10px; }
.ITABLA tr.Ttitulos { color: #FFF; font-weight: bold; }
.ITABLA tr.Ttitulos td { background: #AAA; color: #FFF; text-align: center; border: 1px solid #000; }
.ITABLA tr.Ttitulos td img { vertical-align: middle; border: none; width: 11px; height: 11px; 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; border: 1px solid #555; }  
.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: #FFF; }
.ITABLA tr.Datos1 { background: #D4DFE9; }
.ITABLA tr.Activo { background: #FFAA00; 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; } /* Se pueden separar si queremos estilos diferentes, segun la clase. */

.ITABLA a:link,  .ITABLA a:visited { text-decoration: underline; color: #7880A4; padding: 0 2px 0 2px; } 
.ITABLA a:hover, .ITABLA a:active  { text-decoration: none; color: #7880A4; padding: 0 2px 0 2px; }


.ITABLA tr.Tpaginacion { background-color: #8A8B8D; }
.ITABLA tr.Tpaginacion td { color: #FFF; }
.ITABLA tr.Tpaginacion td table { width: 100%; border: none; }
.ITABLA tr.Tpaginacion td table tr { background: #8A8B8D; }
.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: 1px; height: 25px; _font-size: 1px; line-height: 25px; }
.IWinTopLeftIcoBg	{ background: url(../pix/iwin/iwin.gif) -2px 0px;  }
.IWinTopLeftIcoSize	{ width: 35px; height: 25px; _font-size: 60px; 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: 19px; height: 25px; cursor: pointer; _font-size: 50px; line-height: 25px; }
.IWinTopRightBg 	{ background: url(../pix/iwin/iwin.gif) -117px 0px; }
.IWinTopRightSize 	{ width: 2px; height: 25px; padding: 0; margin: 0; }

.IWinMidLeftBg 		{ background: url(../pix/iwin/iwin_left_pattern.gif); }
.IWinMidLeftSize	{ width: 1px; _font-size: 1px; }
.IWinMidBg			{ background: #FFF;  }
.IWinMidRightBg 	{ background: url(../pix/iwin/iwin_right_pattern.gif); }
.IWinMidRightSize 	{ width: 1px; _font-size: 1px; max-width: 1px; padding: 0; margin: 0;}

.IWinBotLeftBg 		{ background: url(../pix/iwin/iwin.gif) 0px -51px; }
.IWinBotLeftSize	{ width: 1px; height: 1px; _font-size: 1px; line-height: 1px; }
.IWinBotBg 			{ background: url(../pix/iwin/iwin_bottom_pattern.gif); }
.IWinBotSize		{ height: 1px; _font-size: 1px; line-height: 1px; }
.IWinBotRightBg 	{ background: url(../pix/iwin/iwin.gif) -98px -51px; }
.IWinBotRightSize 	{ width: 1px; height: 1px; _font-size: 1px; line-height: 1px; padding: 0; margin: 0; }

.IWinMSGTit{
	color: #AAA;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	cursor: move;
	padding-left: 5px;
}

.IWinMSGBody, .WinMSGBody {
	background: #FFF;
}	



	/***  BOTON PRINCIPAL ***/
.BotA_Bg 	  	  { background: url(../pix/ico/button_a.gif) -3px  -3px ; }
.BotA_BgText  	  { padding-left: 5px; font-weight: bold; vertical-align: middle; }
.BotA_BgIcon  	  { padding-right: 5px; vertical-align: middle; }

.BotA_TopLeft 	  { background: url(../pix/ico/button_a.gif) 0px  0px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotA_Top 		  { background: url(../pix/ico/button_a.gif) -3px  -0px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotA_TopRight 	  { background: url(../pix/ico/button_a.gif) -297px  -0px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotA_Right 	  { background: url(../pix/ico/button_a.gif) -297px  -3px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotA_BottomRight { background: url(../pix/ico/button_a.gif) -297px  -37px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotA_Bottom 	  { background: url(../pix/ico/button_a.gif) -3px  -37px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotA_BottomLeft  { background: url(../pix/ico/button_a.gif) -0px  -37px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotA_Left 		  { background: url(../pix/ico/button_a.gif) 0px  -3px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
				  
/***  BOTONES NORMALES ***/
.BotB_Bg 	  	  { background: url(../pix/ico/button_b.gif) -3px  -3px ; }
.BotB_BgText  	  { padding-left: 5px; font-weight: bold; vertical-align: middle; }
.BotB_BgIcon  	  { padding-right: 5px; vertical-align: middle; }

.BotB_TopLeft 	  { background: url(../pix/ico/button_b.gif) 0px  0px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotB_Top 		  { background: url(../pix/ico/button_b.gif) -3px  -0px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotB_TopRight 	  { background: url(../pix/ico/button_b.gif) -297px  -0px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotB_Right 	  { background: url(../pix/ico/button_b.gif) -297px  -3px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotB_BottomRight { background: url(../pix/ico/button_b.gif) -297px  -37px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotB_Bottom 	  { background: url(../pix/ico/button_b.gif) -3px  -37px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotB_BottomLeft  { background: url(../pix/ico/button_b.gif) -0px  -37px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotB_Left 		  { background: url(../pix/ico/button_b.gif) 0px  -3px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }

/***  BOTONES SECUNDARIOS ***/
.BotC_Bg 	  	  { background: url(../pix/ico/button_c.gif) -3px  -3px ; }
.BotC_BgText  	  { color: #FFFFFF; padding-left: 5px; font-weight: bold; vertical-align: middle; }
.BotC_BgIcon  	  { padding-right: 5px; vertical-align: middle; }

.BotC_TopLeft 	  { background: url(../pix/ico/button_c.gif) 0px  0px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotC_Top 		  { background: url(../pix/ico/button_c.gif) -3px  -0px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotC_TopRight 	  { background: url(../pix/ico/button_c.gif) -297px  -0px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotC_Right 	  { background: url(../pix/ico/button_c.gif) -297px  -3px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotC_BottomRight { background: url(../pix/ico/button_c.gif) -297px  -37px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotC_Bottom 	  { background: url(../pix/ico/button_c.gif) -3px  -37px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotC_BottomLeft  { background: url(../pix/ico/button_c.gif) -0px  -37px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }
.BotC_Left 		  { background: url(../pix/ico/button_c.gif) 0px  -3px ; 
				    width: 3px; height: 3px; line-height: 3px; min-height: 3px; min-width: 3px; font-size: 3px;
				  }


	/* FastHelper */

.FastHelper { cursor: default;margin: 0; border: none; text-align: left; } /* border: 1px solid #DDE; - Solo cuando queramos borde en el tooltip. Ojo! Bug en función de lib. */
.FastHelper DIV.fhMain { margin: 0; padding: 5px 8px; background: #5281AB; color: #FFF; }
.FastHelper SPAN { display: block; font-weight: bold; color: #75EEFF; }


	/* 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; }