.button {
 border: none;
 background: #21a5bd;
 color: #f2f2f2;
 padding: 10px;
 font-size: 18px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
 cursor: pointer;
}

.button:hover {
 background: rgba(0,0,0,0);
 color: #3a7999;
 box-shadow: inset 0 0 0 3px #3a7999;
}


body{
	background-image: url(../images/logo_fondo.png);
	font-size:1.3em;
}


H1.SaltoPagina { PAGE-BREAK-AFTER: always }


.fondoTransparente
{
	/*Div que ocupa toda la pantalla*/
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	/*background-color:#fff;*/
	background-color:#000000;
	/*IE*/
	filter: alpha(opacity=70);
	/*FireFox Opera*/
	opacity: .7;
}

.fondoTransparente2
{
	/*Div que ocupa toda la pantalla*/
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:500%;
	background-color:#000000;
	/*IE*/
	filter: alpha(opacity=70);
	/*FireFox Opera*/
	opacity: .7;
}


.center
{
	position: absolute;
	/*nos posicionamos en el centro del navegador inherit */
	
	left:50%;
	/*determinamos una anchura
	width:1px;
	*/
	
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left:-400px;
	/*determinamos una altura*/
	
	/*indicamos que el margen superior, es la mitad de la altura
	height:1px;
	*/
	margin-top:20;
	/*
	border:1px solid #808080;
	*/
	background-color:#808080;
	
	padding:2px;
}


.center2
{
	position: absolute;
	/*nos posicionamos en el centro del navegador inherit */
	top:50%;
	left:50%;
	/*determinamos una anchura
	width:1px;
	*/
	
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left:-400px;
	/*determinamos una altura*/
	
	/*indicamos que el margen superior, es la mitad de la altura
	height:1px;
	*/
	margin-top:-150;
	/*
	border:1px solid #808080;
	*/
	background-color:#808080;
	
	padding:2px;
}

.tdTituloSeparador {
	border: solid; 
	border-width: 1px;
	background-color: #708090;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
}
.tdCampos {
	border: dotted;
	border-width: 1px;
	border-color: #8E96BA;
	background-color: #ededec;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 500;	
	border-collapse: collapse;

}
.tdCamposOscuro {
	border: solid;
	border-width: 1px;
	border-color: #8E96BA;
	background-color: #35689D;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;	
	
}


.area {

      max-height : 400px;
      height : 60%;
      max-width : 630px;
      width : 95%;
      width: 500;
      overflow: -moz-scrollbars-vertical;
      
overflow:auto;
 
}

.estilotextarea2 {width:300px;height:80px;border: 1px dotted #000099;} 


.estilotextarea4 {background-color: transparent;border: 1px solid #000000;scrollbar-arrow-color: #000066;scrollbar-base-color: #000033;scrollbar-dark-shadow-color: #336699;scrollbar-track-color: #666633;scrollbar-face-color: #cc9933;scrollbar-shadow-color: #DDDDDD;scrollbar-highlight-color: #CCCCCC;} 



.estilotextarea0 {
font-size:70%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#000000;
overflow: auto;
border: 1px solid #CCCCCC;
border-left-width:thin;
border-left-color:#000000;
border-top-width:thin;
border-top-color:#000000;
}




.referencia_limites {
	border-width: 1px;
   border-color:  navy;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CCCCFF;
	color: black;
	text-align: right;
}

.recuadro_seleccionado {

	border-color:  navy;
	border-style: solid;	
	border-width: thin;
	font-weight: bolder;
	color: white;
	background-color: #2d5b8a;
	padding: 2px;
}
body{
	background-color: white;

}

.submitButton {
	border:  #EEE8AA,2px,solid;
	border-color:  #D6BBA4;
	border-style: solid;
	background-color: #E7DC9E;
	border-style: outset;
}

.disabledSubmitButton {
	border:  #EEE8AA,2px,solid;
	border-color:  #D6BBA4;
	border-style: solid;
	background-color:  #E7DC9E;
	color: #929292;
	border-style: outset;
}


.numberField{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	margin-top: 2px;
}
.disabledNumberField{
	border:  navy,2px,solid;
	border-color:  navy;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F5F1CC;
	color: #7C7C7C;
	text-align: right;
}
.textField{
	border:  navy,2px,solid;
	border-style: solid;
	font-size: 10px;
}


.importe{
	color: #ff0000;
}



.disabledTextField{
	border:  #EEE8AA,2px,solid;
	border-color:  #EEE8AA;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F5F1CC;
	color: #7C7C7C;
}

.selectList{
	border:  #EEE8AA,1px,solid;
	border-color:  #EEE8AA;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.textArea{
		border:  #EEE8AA,2px,solid;
	border-color:  #EEE8AA;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.disabledTextArea{
	border:  #EEE8AA,2px,solid;
	border-color:  #ededec;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F5F1CC;
	color: #7C7C7C;
}

TABLE th{
	border-bottom-style: solid;
	border: none; 	
	background-color:#33b9d1;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-radius: 10px;
	heoght: 28px;
}

.titulo1{
	border-bottom-style: solid;
	border: none; 	
	background-color:blue;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	
}

.titulo2{
	border-bottom-style: solid;
	border: none; 	
	background-color:red;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	
}

.separador_valores{
	border-bottom-style: solid;


	background-color:#708090;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;

	
}

TABLE td {
	
	border: none; 
	background-color: #fffffd;	
	color: #605a5a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;	
}

.tdTitulo {
	
	border: solid; 
	border-width: 2px;
	background-color: #708090;	
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;	
}

.celdaNumerica td {
	border-bottom-style: solid;
	border: none; 
	background-color: #F3F3CF;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;	
	text-align: right;
}
.tdSinFondo  {
	border-bottom-style: none;
	border: none; 
	background-color: 708090;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-radius: 10px;
	
}
.subencabezado {
	text-align: center;
	background-color: #EDEDEC;
	border-color: #7b7171;
	border-width: 3px;
	border-style: solid;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	border-radius: 15px;	
}


a
{ 
  color: #B68058; 
  text-decoration: none;
  font-weight: bold;
  
}

.tituloPrincipal{
 	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	color:#4179A8;	
	text-transform: uppercase;
}
.subTitulo{
 	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color:#4179A8;	
	text-transform: capitalize;	
}

.footer{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.tablaDestacada td{
	background: #EBE28F;
	width: 150px;
	height: 50px;
	border:  black,2px,solid;
}

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}

.mensaje_exito {
	background-color: #9CCE37;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	font-weight: bold;
	text-align: center;
}

.saltoDePagina{
	page-break-before: always;
	
}

.autocomplete_list * { font: normal normal normal 12px "Lucida Grande",Geneva,Arial,Verdana,sans-serif; }
.autocomplete_list { background: #eeeeee; display: block; border: 1px solid #888; text-align: left; z-index: 999; }
.autocomplete_list b { font-weight: bold; }
.autocomplete_list, .autocomplete_list ol, .autocomplete_list li { list-style-type: none; margin: 0; padding: 0; }
.autocomplete_list .item { margin: 0px; padding: 4px 8px; text-align: left; cursor: pointer; }
.autocomplete_list .current_item { background: #ffd563; color: #000; }
.autocomplete_list span { color: #4d4d4d; float: right; padding-left: 20px; }

.autocomplete_text { background-image: url(autocomplete_leftcap.gif); background-position: right; background-repeat: no-repeat; }
.autocomplete_text_busy { background-image: url(autocomplete_spinner.gif);}