/*
	PHPFramework CSS Base
	=====================
	
	Este archivo contiene los estilos generales del sistema.
			
*/


/* CUERPO GENERAL 											*/
/* ======================================================== */

	body { 
	
		font-family: Arial, Verdana, Sans; 
		font-size: 9pt;
		background-color: #FFFFFF;
		color: #111111;
		margin: 0px;
		padding: 0px;

		
		
	}

	td, div { 
		font-family: Arial, Verdana, Sans;
		font-size: 9pt; 
	}
	
	li { list-style-type: square; padding-bottom: 2px;  }
	
	p { text-align: justify }
	
	a:link { color: #000033; text-decoration: none }
	a:active { color: #000066;  text-decoration: none }
	a:visited { color: #000033;  text-decoration: none }
	a:hover { color: #000033; text-decoration: underline }


/* ESTILOS ELEMENTOS COMUNES 								*/
/* ======================================================== */

	.botonTD {  }
	.botonTDHover { background-color: #D5EDC5; cursor: pointer; font-weight: bold }
	.clickeable { cursor: pointer } 
	.bold { font-weight: bold; color: #000 }
	.link { text-decoration: underline }
	.readonly { border: 1px solid gray }
	.tachado { text-decoration: line-through } 
	.tituloCelda { font-weight: bold; text-align: right; vertical-align: top	 }
	.infoDiv { border: 1px solid #979797; color: #333; background-color: #FFF; background-image: url(../img/infoDivFondo01.png); background-position: top left; background-repeat: repeat-x; padding: 5px; font-size: 8pt; margin-top: 10px; margin-bottom: 10px  }
	.png { behavior: url("css/pngbehavior.htc"); }



/* ESTILOS POR ITEM
/* ======================================================== */

	/* TITULOS PAGINAS */
	.tituloTabla { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; }
	.tituloTablaIzq { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; }
	.tituloCeldaTitulo { font-weight: bold; font-style: italic; text-align: right;  background-color: #F4F4F4; }
	.tituloCeldaImagen { padding-left: 5px; padding-right: 5px;  }



	/* FORUMARIOS EN GENERAL */
	select.phpfw, input.phpfw, textarea.phpfw, select.phpfw, buton.phpfw, textarea.phpfw { background-color: #fff; 	border: #000 1px solid; border-style: solid; padding: 2px; font-family: arial, verdana, sans; font-size: 8pt }

	/* FORMULARIOS DE LOGIN */
	input.login {	background-color: #DFDFFF; width: 150px; height: 26px;  border: 1px solid #626483 ;  padding: 2px; font-family: arial, verdana, ms sans serif; font-size: 8pt }
	input.loginSubmit {	background-color: #DFDFFF; width: 60px; height: 26px; border: 1px solid #626483; padding: 2px; font-family: arial, verdana, ms sans serif; font-size: 8pt }

	/* campos "invisibles" */
	input.campo { border: none; background-color: transparent; font-size: 8pt; width: 100%}
	
	fieldset, legend { border: 1px solid #A9A9AF; padding: 5px }



	/* TABLA DE ERRORES */
	table.errorTable { border: #FF0000 1px solid; background-color: white }
	ul.errores { color: #FF0000 }
	table.messageTable { border: #2222FF 1px solid; color: #2222FF; background-color: white }


	/* FOTO ROTATIVA */
	.fotoRotativaDiv { width: 100%; text-align: center }
	.fotoRotativaText { text-align: center; font-size: 8pt; overflow: hidden }
	#fotoRotativa { border: 1px solid black }


	/* VIRTUAL POPUPS */
	.virtualPopupContenido { position: absolute; z-index: 999; background-color: white; border: 1px solid black; padding: 2px }
	.virtualPopupContenidoCierre { position: absolute; z-index: 999; border: 1px solid #EEE; cursor: pointer }
	.virtualPopupContenidoCierreHover { background-color: #ddd }
	.virtualPopupSombra1 { position: absolute; z-index: 998; background-color: #003 }
	.virtualPopupSombra2 { position: absolute; z-index: 997; background-color: #003 }


	/* ENCUESTA */
	.encuesta_tablaGeneral { background-color: #fff }
	.encuesta_titulo { font-weight: bold; text-align: center; border-bottom: 1px dotted #333; height: 20px; }
	.encuesta_pregunta { font-weight: bold; color: #000; padding: 5px }
	.encuesta_alternativa { font-size: 8pt }
	.encuesta_boton { background-color: #444; color: white; border-top: 1px solid #2a2a2a; border-left: 1px solid #2a2a2a; border-bottom: 1px solid #929292; border-right: 1px solid #929292; }

	
	/* AUTOCOMPLETE */
	div.auto_complete { color: black; width: 100px; background: #fff; display: inline; z-index: 1000 }
	
	div.auto_complete ul { border: 1px solid #888; margin: 0; padding: 0; width: 100%; list-style-type: none; }
	
	div.auto_complete ul li { margin: 0; padding: 3px; }
	
	div.auto_complete ul li.selected { background-color: #ffb; }
	
	div.auto_complete ul strong.highlight { color: #800; margin: 0; padding: 0; }

	
	/* TOOLTIP */
	#tooltip { background-color: #FFF; background-image: url(../img/toolTipFondo01.png); background-position: top left; background-repeat: repeat-x; border: 1px solid #1B942C; position: absolute; padding: 2px; z-index: 9999; font-size: 8pt; color: #095B15; left: -600px }
	#tooltipContent { background-color: transparent; padding: 2px; font-size: 8pt; color: #000 }

	/* TABS */
	.tabContedor { border-top: none; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; padding: 10px; position: relative; background-color: white}
	.tabResultado { background-color: #F7FDEE; border: 1px solid #E4F7CA; padding: 10px; position: relative }
	#tabTablaMenu { width: 100% }
	.tabNoSeleccionado { background-image: url(../img/tabFondoNoSeleccionadoInactivo.png); background-position: bottom left; background-repeat: repeat-x; background-color: #E2E2E2; text-align: center;  border-bottom: 1px solid black; cursor: pointer; border-top: 4px solid #FFF }
	.tabNoSeleccionadoHover { background-image: url(../img/tabFondoNoSeleccionadoInactivoHover.png); background-position: bottom left; background-repeat: repeat-x; background-color: #DED; text-align: center;  border-bottom: 1px solid black; border-top: 4px solid #FFF ; cursor: pointer }
	.tabSeleccionado { background-image: url(../img/tabFondoSeleccionado.png); background-position: top left; background-repeat: repeat-x;  border-bottom: none; border-right: 1px solid black; border-top: 1px solid black; border-left: 1px solid black; text-align: center; font-weight: bold; font-style: italic; background-color: white}
	.tabRelleno { border-bottom: 1px solid black }

	/* MOUSEOVER: destaque de fondo basico */
	.mouseOver { background-color: #EEE }

	/* PUSHLET */
	#PHPFWPushletDiv { border: 2px solid #F00; background-color: #DDF; color: #000; font-weight: bold; position: fixed; top: -2px; right: 10px; width: 350px; padding: 4px; z-index: 100 }
	#PHPFWPushletBlockerDiv { position: fixed; width: 101%; top: -1px; left: -1px; height: 100%; background-color: #FFF; z-index: 101 }
	#PHPFWPushletLoginFormDiv { position: fixed; width: 400px; border: 6px solid #666; padding: 10px; background-color: #EEE; z-index: 102 }


	/* BUSQUEDA */
	.busquedaTabla { border: 1px solid #DDD }
	.busquedaCelda { border: 1px solid #668; background-color: #F4F4FF }
	.busquedaTitulo { font-weight: bold; text-align: right }

	/* LOADING BLOQUEADOR */
	.bloqueadorLoading { position: absolute; background-color: #FFF }
	.bloqueadorLoadingMensaje { position: relative; border: 2px solid #aaa; background-color: #FFF; font-size: 12pt; color: #334; padding: 10px; font-weight: bold; width: 200px }

	/* botones falsos */
	.botonOK { padding: 5px; margin: 3px; border: 2px solid #C3F1AA; background-color: #F7FEF3; cursor: pointer }
	.botonOKHover { border: 2px solid #7AD14B }
	.botonNeutro { border: 2px solid #999; cursor: pointer;  padding: 5px;  }
	.botonNeutroHover { border: 2px solid #555 }