/*
  Autor:  José David Guillén (JDsoft)
  e-mail: jd@infdj.com 
  
  Informática DJ programadores
  www.infdj.com

  Control de cambios
  -------------------------------------------------
  21-nov-2003 JDsoft	Añadida clase para los marcos del formulario.

*/

.L { text-align:left; }
.C { text-align:center; }
.R { text-align:right; }
.fR { float:right; }



  /* Enlaces */
  a { color: #FF8040; font-size: 9pt; text-decoration: none; }
  a:hover       {color: #0000FF;}	
  a img { border:none; }

  .a2 {
    color: #800000;
    font-size: 14pt;
    font-weight: bold;
    text-decoration: none;
  }



  a:hover.a2       {color: #FF0000;}	



  h1 {
	border-bottom:1px dotted black;
	font-family:arial black;
	font-size:24px;
	
	color:#D63E3E;
	margin-left:10px;
	margin-right:5px;
	text-shadow: #BBBBBB 2px -2px 2px;
  }
  
  h3 {
	color:#777;
	text-shadow: 1px 1px 1px #FFF; 
	margin:10px 4px 4px 0px;
	border-top:1px solid #CFCFCF;
	border-right:1px solid #CFCFCF;
	border-left:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	background:#F5F5F5 url(gridActions/right_arrow.png) no-repeat;
	padding-left:16px;
	
  }


BODY {
    font-family:  arial, helvetica, sans-serif;
    font-size: 10pt;
 	color: #CC3333;
	
	background:url(bg.gif);
	
	margin:0px;
	padding:0px;
}



.fsSmall { border:1px dashed black;}
.fsSmall legend { border:1px dashed black;font-family:arial;font-weight:bold;font-size:14px; background:white; margin-right:2px;}
  
fieldset { border:1px dotted    black; }
fieldset table th { text-align:left; }
legend {
	border:1px dotted    black;
	font-family:arial black;
	font-size:16px;
	background:white;
	margin-right:5px;
}
legend img { float:left; }
  
th { color: black; }
td, th { font-size: 10pt; }

/* Respuestas */
.resp { color: #7F9DB9; }

/* GRIDS de búsquedas */
.sgrid {
 border-width: 1;
 border-color: #7F9DB9;
 border-style: dashed;
}

.form_sins {
 border-width: 1;
 border-color: #7F9DB9;
 border-style: dashed;
}


/* formularios */
input {
 background-color: #FFFDF9;
 border-width: 1;
 border-color: #7F9DB9;
 border-style: solid;
 color: #004080;
 font-size: 10pt;
}

select {
 background-color: #FFFDF9;
 border-width: 1;
 border-color: #7F9DB9;
 border-style: solid;
 color: #004080;
 font-size: 10pt;
}
option:disabled { color:gray;font-weight: bold;border-bottom:1px dotted gray;margin-top:5px; }
	
	
 /* marca para las etiquetas que representan un campo de la base de datos */
.dbf { color: #B32D2D; font-weight: bold; }

/* marca para los valores (mostrados como etiquetas) de campos de la base de datos */
.dbv { color: #EE3333; }
.tfield { color: #000000;font-size: 10pt;text-decoration: none; }

/***** CLASE ARBOL *****/

/* Enlaces */
.arbol a {
    color: #CFCDA5;
    font: 10pt verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

.arbol a:hover       {color: #D08E9A;}	

.arbol ul {
   margin:2px;
   padding:0;
}
.arbol li#lif {background: url(lir.gif) no-repeat;}
.arbol li {
	margin:0;
	padding:0 0px 0 15px;
	list-style:none;
	background: url(li.gif) no-repeat;	  
}

 /*** FIN CLASE ARBOL ****/
.taskNew { font-weight: bold; }
.taskPend { }
.taskDone { text-decoration: line-through; }
 
/*** ref(eferncias) int(ernas) ***/
/* Usado cuando hay que mostrar el identificador del documento */
.refint {
	font-family:  arial, helvetica, sans-serif;
    font-size: 8pt;
 	/* color: #CCCCCC; */
	color: #00CC99;
}

/* Usado para mostrar cabeceras grandes, tipo H1 pero sin el problema de espaciado inferior */
.big {
	color: #004080;
    font-size: 20pt;
    font-weight: bold;
    text-decoration: none;
}
  
  .medium {
    color: #0050A0;
    font-size: 16pt;
    font-weight: bold;
    text-decoration: none;
  }  
  
  .small {
    color: #0050A0;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
  }  
  
  .bigImporte {
    color: #A0A0A0;
    font-size: 24pt;
    font-weight: bold;
    text-decoration: none;
  }
 
 
 #tat_table {
					border-left:1px solid black;	
					border-right:1px solid black;	
					
					border-top:1px solid white;
					border-bottom:1px solid #C0C0C0;
					color:black;background:white;}
 #tat_tdu td {
					border-left:1px solid #F0F0E5;	
					border-right:1px solid #F0F0E5;	
					border-top:1px solid white;
					border-bottom:1px solid #D8D2BD;
					background:#F0F0E5;
					color:black;
					text-align:center;font-family:arial narrow;}
 
 #tat_tdd td {
					border-left:1px solid #F0F0E5;	
					border-right:1px solid #F0F0E5;	
					border-top:1px solid white;
					border-bottom:1px solid #D8D2BD;
					background:#F0F0E5;
					color:black;
					text-align:center;font-family:arial narrow;font-size:11px;}
					
					
 .actb  {background:white;}
 .actb   td {border-bottom:1px dashed lightgray;font-family:verdana;font-size:9px;}
 .actbH td {background:#3366CC;color:white;font-family:verdana;font-size:9px;}




#loading 
{ 
		position:absolute;
		right:5px; 
		background:white URL(gridActions/spinner16.gif) no-repeat 2px 3px;
		
		color:red; 
		padding:4px 4px 4px 20px; 
		font-family:arial;
		font-size:12px;
		font-weight: bold; 
		
		border:1px solid black;
}








/********************************** TABs **************************************************/
/********************************** TABs **************************************************/
/********************************** TABs **************************************************/
/********************************** TABs **************************************************/
div.tabBox {
	border-left:1px solid black;
	border-top:1px solid black;
	padding:2px;
	}

div.tabArea {
  font-size: 80%;
  font-weight: bold;
  padding: 0px 0px 3px 20px;
}

a.tab, span.tab {
  background: #EEEEEE;
  border: 1px solid gray;
  border-bottom-width: 0px;
  
  /*border-color: #f0d0ff #b090e0 #b090e0 #f0d0ff;*/
  
  padding: 2px 1em 2px 1em;
  position: relative;
  text-decoration: none;
  top: 3px;
  /*z-index: 100;*/
}

a.tab, a.tab:visited, span.tab {
  color: gray;
  padding-bottom: 0px;
}

a.tab:hover, span.tab:hover {
  background: white;
  border:1px solid red;
  border-bottom-width: 0px;
  

  color:gray;
}


a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited,
span.tab.activeTab, span.tab.activeTab:hover {
  background:url(bg.gif);
  border-left:1px solid gray;
  border-top:1px solid gray;
  border-right:1px solid gray;
  color:black;
}

a.tab.activeTab, span.tab.activeTab {
  padding-bottom: 4px;
  top: 1px;
  /*z-index: 102;*/
}
/******************************************************************************************/
/******************************************************************************************/
/* CAJAS (usar openHTML_box y closeHTML_box) */
div.uedge {
      /*width: 40%;*/
      background-color: 	#F3F3F3;
      background-image: url(boxAqua/t.gif);
      background-position: top;
      background-repeat: repeat-x;
    }
    div.redge {
      background-image: url(boxAqua/r.gif);
      background-position: top right;
      background-repeat: repeat-y;
    }
    div.bedge {
      background-image: url(boxAqua/b.gif);
      background-position: bottom;
      background-repeat: repeat-x;
    }
    div.ledge {
      background-image: url(boxAqua/l.gif);
      background-repeat: repeat-y;
    }
    div.ulcorner {
      background-image: url(boxAqua/tlcorner.gif);
      background-position: top left;
      background-repeat: no-repeat;
    }
    div.urcorner {
      background-image: url(boxAqua/trcorner.gif);
      background-position: top right;
      background-repeat: no-repeat;
    }
    div.blcorner {
      background-image: url(boxAqua/blcorner.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
    }
    div.brcorner {
      background-image: url(boxAqua/brcorner.gif);
      background-position: bottom right;
      background-repeat: no-repeat;
      padding: 5px 10px 10px 5px;
    }
    div.innercontent {
      width: 100%;
    }
/******************************************************************************************/
table.innerT  th{ border-bottom:1px dotted gray; }
table.innerT  td{ border-left:1px dotted lightgray;border-right:1px dotted lightgray;border-bottom:1px dotted lightgray; 
						color:#4074CF;
					}


.toolTip 
{
	padding:5px;
	position:absolute;
	z-index: 1010;
	left: -300px;
	top: -22px;
	width: 300px;
	visibility: hidden;
	opacity: 1;
	border:1px solid #003399;
	background:#E6ECFF;
	color:#000066;
}
.toolTip a { color:black; }
.toolTip a:hover { color:blue; }

 
.toolTipIC 
{
	padding:2px 0px 0px 0px;
	position:absolute;
	z-index: 1010;
	left: -300px;
	top: -22px;
	width: 25px;
	height: 80px;
	
	visibility: hidden;
	opacity: 1;
	/*
	border:1px solid #003399;
	background:#E6ECFF;
	color:#000066;
	*/
	background:url(imageControls.gif);
}
.toolTipIC img { padding:5px; }



/**************************************************************************************/
/*
   Centrado verticalmente...
*/
#dataSaved {
	font-family: Verdana, Geneva, Arial, sans-serif;font-size:14px;font-weight:bold;color:white;
	padding:10px;
	
	background-color: #f00;
	text-align: center;
	vertical-align: middle;
	margin-left: -120px;
	
	position: fixed; 
	top:50%;
	left:50%;

	width: 240px;
	height: 30px;
	    z-index: 9999;
}
/**************************************************************************************/



/**************************************************************************************/
/* ROW Status*/
.p0 { text-decoration:line-through; }
/**************************************************************************************/
/**************************************************************************************/
/**************************************************************************************/
/**************************************************************************************/
/**************************************************************************************/
/**************************************************************************************/

/*input, select, textarea, button, */
.CAPXOUS_AutoComplete * {
	font:	10px "Segoe UI", Verdana, Arial, Helvetica, sans-serif;	
	line-height:	1.2em;
}

.CAPXOUS_AutoComplete {
	background-color:	#fcfcfc;
	border:	1px solid #333;
	padding:	0;
	margin:	0;
	text-align:	left;
	z-index:	999;
}

.CAPXOUS_AutoComplete_waiting {
	background:	url(indicator.gif) no-repeat right;
}

.CAPXOUS_AutoComplete .selectable {
	padding:	2px;
	text-align:	left;
	cursor:	pointer;
}

.CAPXOUS_AutoComplete .current {
	background-color:	#FFD563;
	color:	#000;
}

.CAPXOUS_AutoComplete .informal {
	color:	#444;
	float:	right;
}

.CAPXOUS_AutoComplete a {
	margin:	2px;
	color:	#000;
	font-weight:	bold;
}

.CAPXOUS_AutoComplete a:hover {
	color:	#333;
}





.bgform {
	border:1px solid black;
}



/***** Divisor HR con texto en su interior ****/
.hr { background:url(hrLeft.png) no-repeat; font-size:14px; padding:4px 0px 4px 12px;margin-left:5px;color:white;font-weight:bold; }
.hr p { padding:4px 12px 4px 0px; display:inline; background:url(hrRight.png) right; }






/**************************************************************************************/
/*
    modalWindows
*/
.mwH { 
	border-top:5px solid red; 
	border-left:3px ridge red; 
	border-bottom:3px groove red; 
	border-right:3px groove red; 
	background-color:white; 
	background:url(bg.png); 
	padding:3px;
}













.block {margin:1px; min-height:130px;width:180px;float:left;border:1px solid black;background:#F3F3F3;}
.block h2 { margin:2px 0 4px 0; }
.block a { font-size:11px; }
.block table td { font-size:11px;color:black; }
.block table tfoot td, .block table tfoot th { padding-top:5px; border-top:1px solid black; }
.block input { margin:0px 3px 0px 0px; }
				
				
				
				
				
				
/*****************************************************/
/* Utilizado únicamente en el formulario toma de datos->presupuestos (dentro de una td) */
		.rowPre 
		{
			margin-top:4px;
			width:550px;
			border:1px dotted #7F9DB9;
		}
		.rowPre_expanded 
		{
			margin-top:4px;
			width:550px;
			border:1px solid #7F9DB9;
			background:#FAFAFA;
			margin-bottom:20px;
		}
		.headerPre table { background:white;padding-top:3px; }
		.headerPre table:hover { padding-top:0px;border-top:3px solid #4D6185; }
		
		
		
 		
	
.filtro { }	

.datosCabecera { border:2px solid white;background:#EEEEEE;-moz-border-radius: 11px; }

.toolBar { 
	padding-top:6px;
	width:100%;
	background:#F3F3F3 url(bgToolbar.gif) repeat-x; 
}

.datosListado { }

/* Usado en el menu principal (Marco Izquierdo) */
#ticker_outer { height: 75px; width:100%; overflow:hidden;}
#ticker_inner { width:100%; background-color:#ffc;}
#ticker_inner ul, #ticker_inner li { list-style-type: none; padding:0 0 4px 4px; margin:0; font:11px/11px "Lucida Grande";}



/* SELECT desplegable cuyo contenido es un arbol de dos niveles */
.stP { background:url(tree/openfolder.png) no-repeat; padding-left:18px;color:gray;font-weight: bold;border-bottom:1px dotted gray;margin-top:5px; }
.stC { background:url(tree/T.png) no-repeat; padding-left:24px; }
.stCL { background:url(tree/L.png) no-repeat; padding-left:24px; }









/*******************************************************************************************/
#lp-hierarchy a { border:none; margin:0px; background:none; font-family:arial;font-size:12px; text-decoration:none; }
#lp-hierarchy a:hover { text-decoration:underline; }

#lp-hierarchy{float:left;width:auto;background:#eee url(navigation-hierarchy-bg.gif) top left no-repeat;margin-bottom:-1px;min-height:25px}
/* .first-rounded{background:url(navigation-hierarchy-nw) top left no-repeat;min-height:25px;display:block;width:6px;float:left}
*/
.first-rounded{min-height:25px;display:block;width:6px;float:left}
#lp-hierarchy small{display:none}
#lp-hierarchy .home{background:url(navigation-hierarchy-home-bg.png) no-repeat;padding:0 0 2px 6px;width:110px}
#lp-hierarchy a{color:#000;float:left;display:block;padding:6px 22px 0 8px}
#lp-hierarchy .item{background:url(navigation-hierarchy-chevron-normal.png) no-repeat right;float:left;min-height:25px;padding-bottom:2px;vertical-align:middle}
#lp-hierarchy .before-last{background:url(navigation-hierarchy-chevron-selected.png) no-repeat right}
#lp-hierarchy .last a{font-weight:bold;padding-right:10px}
#lp-hierarchy .last{background:#ddd url(navigation-hierarchy-ne.png) top right no-repeat}
.apps-separator{clear:left;height:5px;margin:0 0 10px 0;padding:0;background:#ddd;border:1px solid #ccc}
/*******************************************************************************************/



.error { 
	background:red;
	border:1px solid yellow;
	color:yellow;
	padding:10px;
	margin:5px;
	font-weight:bold;
}


.datePicker { text-align:center;padding-right:16px; width:85px; background:#FFFDF9 url(datePicker.gif) no-repeat right; }



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




.ui-autocomplete {
		max-height: 150px;
		overflow-y: auto;
		overflow-x: hidden;
		padding-right: 20px;
	}
}

* html .ui-autocomplete {
		height: 150px;
}


.ui-autocomplete {max-height: 145px;overflow-y: auto;}
* html .ui-autocomplete {height: 145px;}


.ui-icon{ display: inline-block !important; }


.ui-widget{ font-size:.8em; }
.ui-widget-content { color: #222222; font-size:.8em;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #FEE2BF; font-weight:bold; }

.ui-tabs, .ui-tabs-panel { font-size:10px;}
.ui-tabs .ui-tabs-panel  { padding-left:5px; padding-right:5px; }


.ui-widget table tr td { font-size:12px; }
.ui-widget table tr th { font-size:12px; }
 
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button  { font-family:arial; font-size:9pt;}

.ui-tabs-nav a { line-height: 12px;}
.ui-tabs-nav li { height:24px; }

.ui-widget-overlay { background:black;  }

#ui-datepicker-div { display:none; }




div.upload {
   position: relative;
   width: 80px;
   height: 24px;
   overflow:hidden;
   background:url(btn_upload.png) left top no-repeat;
   clip:rect(0px, 80px, 24px, 0px );
}  

div.upload input {
   position: absolute;
   left: auto;
   right: 0px;
   top: 0px;
   margin:0;
   padding:0;
   filter: Alpha(Opacity=0);
   -moz-opacity: 0;
   opacity: 0;
}




#sl_parteTipo ul { list-style:none;margin:0px;padding:0px;  }
#sl_parteTipo ul li { float:left;padding:0 4px 0 4px; border-right:1px solid #999; }  
#sl_parteTipo ul li a { display:block;font-size:13px;font-weight: bold;color:#000;text-decoration:none; padding:5px 12px 5px 12px; } /* text-transform:uppercase; */
#sl_parteTipo ul li a:hover { background:#F7F7F7;color:#f00; zoom: 1; filter: alpha(opacity=80); opacity: 0.8; }
#sl_parteTipo ul li.selected a { padding-bottom:4px; border-bottom:5px solid #FDCA79; }

.dropDown { position: relative;}
.dd_divhover {background-position: center bottombottom; cursor: pointer;}
.dd_div { 	
			list-style: none; 
			position: absolute;
			/*--Important - Keeps subnav from affecting main navigation flow--*/  
    		left: 0; top: 22px;  
    		background: #FFF;  
			color:#3F6F9E;
    		margin: 0; padding: 0;  
    		display: none;  
    		float: left;  
    		width: 465px;  
    		border: 1px solid #111; 
			height:150px;
			overflow:auto;
		}
.dd_div li:hover{ background:#CCDBFB; }






.autoHide { position:relative;min-height:16px; overflow:hidden;}
.autoHide div { position:absolute;top:0;right:0;visibility:hidden; }
.autoHide:hover div { visibility:visible; }

.autoHide_span { }
.autoHide_span span { visibility:hidden; }
.autoHide_span:hover span { visibility:visible; }



 .ibanBlock {
 width:32px;
 text-align:right;
 }
 
 .ibanBlockError {
 background-color:red;
 color:white;
 }
 
 
 
   .activeIDP{
	width:45px;
	text-align:right;
  }
  
  
  .errorMsg {
	position: absolute;
	top: 50%;
	left: 25%;
  }
  
  
  #errorMsg {
	position:absolute;
	width:100%;
	top:24px;
}
#errorMsg>div {
  min-width:320px;
  width:80%;
  margin:0 auto;
}
  
  
  
.g3c { clear:both;overflow: hidden; }
.g3c1 { width:33%; margin-right:0.5%; float:left; overflow:hidden; }
.g3c2 { width:33%; margin-right:0.5%; float:left; overflow:hidden; }
.g3c3 { width:33%; float:left; overflow:hidden; }

.g2c { clear:both; }
.g2c1 { width:49%; margin-right:1%; float:left; }
.g2c2 { width:49%; margin-left:1%; float:left; }

 @media only screen and (max-width: 800px) { 
	.g2c1 { width:100%; float:none; margin:0; }
	.g2c2 { width:100%; float:none; margin:0; }
	
	.g3c1 { width:100%; float:none; margin:none; }
	.g3c2 { width:100%; float:none; margin:none; }
	.g3c3 { width:100%; float:none; margin:none; }
}