/* Permite borrar los float (poner estos estilos a los div container de las columnas cuyos float hay que borrar) */	
.clearfix:after {
content				: ".";
display  			: block;
height				: 0;
clear				: both;
visibility			: hidden;
}
.clearfix { display: inline-block; }/* PRE-IE7 Fix */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
.clearfix { display: block; }
.saltoLinea{clear:both;}
/* End hide from IE-mac */

.contenido{clear:both;}
/*GRIDS*/
.ui-th-column-header{text-align:center;} 
.ui-jqgrid, 
.ui-jqgrid-view,
.ui-jqgrid-hdiv,
.ui-jqgrid-bdiv,
.ui-jqgrid-htable,
.ui-jqgrid-btable,
.ui-jqgrid-pager,
.contenido,
div[id^='RUP_GRID_']{
 	width: 100% !important;   
}
.ui-jqgrid-hbox {
	padding-right: 0px !important;
	width: 100% !important;
}
/**Para que el texto de la celda se vea en varias líneas*/
*.ui-jqgrid tr.jqgrow td { 
	white-space: normal !important;  }
.rup-feedback{
    width: auto !important;
}
.rup_menu_horizontal{padding:2px 0 !important}

/*ENLACES DEL MENÚ*/
/*MENU*/
#show_menu a {font-weight:bold}
#show_menu a:link {color:#2E6E9E; }
#show_menu a:visited{color: #2E6E9E;}
#show_menu a:hover{color: #000000;}
/*MENU*/
#columnaIzq .ui-menu{padding:0 !important ;}

#columnaIzq a.ui-state-focus {
      background-image:none !important;
      font-weight:bold !important;
      display: block !important;
      text-decoration: none !important;
}

#columnaIzq .ui-menu-item a{
      text-decoration: none !important;
      font-weight:bold !important;
      }

.ui-menu-item .ui-state-focus span.ui-icon-folder-collapsed{ background-position: -16px -96px }

.filtro{margin-top:0.5em;margin-bottom:0.5em;}
/*para que salgan los input en línea con la imagen del datepicker*/
.hasDatepicker ,.floatLeft{	float:left;}
.floatRight{	float:Right;}
/*FORMULARIOS*/
/*para que marque el borde de los combos y textarea en rojo como hace con los input*/
form.rup_validate select.error,form.rup_validate select.error+a,form.rup_validate textarea.error,form.rup_validate .error.rup-autocomplete_label+a{
    border: 1px dotted #FF0000 !important;
}
form.rup_validate error.rup-autocomplete_label+a+.rup_validate_icon{position:absolute;margin-left:2em;}
/*etiquetas*/
.floating_left_pad_right label {
    float: left;
    /*width: 8em;*/
}
.floating_left_pad_right_checkbox label {
    float: left;
    width: 8em;
}
input[type="text"],input[type="password"],input[type="file"],input.rup_combo{
	border-radius: 4px;
    font-weight: normal;
	font-family: Arial,Helvetica,sans-serif;
	padding:0em 0.1em;
	height:15px !important;
}
textarea{
	border-radius: 4px;
    font-weight: normal;
	font-family: Arial,Helvetica,sans-serif;
	padding:0em 0.1em;
	width:100%;
	font-size: 11px;
}
.ui-multiselect input.search {
	opacity:1 !important;	
    /*filter:Alpha(Opacity=100) !important;*/
    -khtml-opacity: 1 !important; 
    -moz-opacity:1 !important;
    
    }
.ui-selectmenu-dropdown {
    font-family: Arial,Helvetica,sans-serif !important;
    font-weight: normal ;
}

input.disabled,select.disabled, textarea.disabled, a.disabled { 
	background-image: none !important;
	font-weight: normal !important; 
	font-family: Arial,Helvetica,sans-serif !important; 
	cursor: not-allowed !important;
     padding-left:0 !important;	
}

.rup_combo.ui-state-disabled,a.custom-combobox-toggle.ui-state-disabled{
	opacity:1 !important;  
    /*filter:Alpha(Opacity=100) !important;*/
    -khtml-opacity: 1 !important; 
    -moz-opacity:1 !important; 
    pointer-events: none;
}

.rup_combo .ui-corner-bottom.ui-state-hover,.ui-autocomplete .ui-menu-item .ui-corner-bottom.ui-state-hover{
	 border-bottom: none !important;
	}    
.rup_combo :first-child.ui-state-hover{
	 border-top: none !important;
	}
/*css para div y campos obligatorios*/
.obligatorios{color:red;margin-right:0.5em;float:left}
.div_obligatorios{
	padding: 0.2em; 
	margin-top: 0.2em; 
	margin-bottom: 0.2em; 
	font-weight: bold	;
}
.div_obligatorios *{display:inline;}
/*FIN css para div y campos obligatorios*/

/*SEPARACION DE BLOQUES EN FORMULARIOS*/
/*.div_una_columna { width: 75% }
.div_dos_columnas { width: 30em }
.div_dos_columnas_search { width: 33em }
.div_tres_columnas { width: 22em }*/
.div_una_columna{width: 100%;}
.div_dos_columnas{width: 48%;}
.div_tres_columnas{width: 31%;}
.div_cuatro_columnas{width: 23%;}
.div_cinco_columnas{width: 18%;}
.width15{width: 15%;}
.width20{width: 20%;}
.width30{width: 30%;}
.width40{width: 40%;}
.width50{width: 50%;}
.width60{width: 60%;}
.width70{width: 70%;}
.div_columna_grande2{width: 32em;}
.div_columna_med2{width: 28em;}
.div_columna_peq2{width: 21em;}


.div_columna_grande{width: 25em;}
.div_columna_med{width: 15em;}
.div_columna_peq{width: 10em;}

.caja_pequena {width: 6em;}
.caja_mas_pequena {width: 4em;}
.caja_ancho_total_complex {width: 68%;}
.caja_pequena_5em {width: 5em;}
.caja_fecha {width: 7em;}
.caja_fecha_hora {width: 11em;}
.caja_ancho_mail {width: 25em;}
.caja_mediana {width: 16em;}
.ancho_num_expediente {width: 10em;}
.caja_grande {width: 25em;}
.caja_ancho_total {width: 100%;}

.direccion_pais{width:35%;}
.direccion_provincia{width:25%;}
.direccion_municipio{width:30%;}
/*FIN SEPARACION DE BLOQUES EN FORMULARIOS*/
/*FIELDSET*/
.rup-table-filter{border:none !important;}
.rup-table-filter-fieldset {
    border-top: medium none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    clear: both;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}

fieldset { 
	width: auto;
	border-radius: 4px;
	padding: 0.40em 1em 1em 1em !important;
	background-color:white;
	/*margin-right:1em;*/ 
	margin-bottom:1em; 
	margin-top:1em; 
}
[id*=FIELDSET_SEARCH_] {
	margin-right:0;
}
/*acordeon*/
.expandable { 
	padding: 0 !important; 
	border: none  !important;
}
.expandable ol { 
	margin-left: 5em; 
	margin-top: 1em 
}
.expandable .expanded-legend, .expandable .compressed-legend { 
	cursor: pointer 
}

.legendAcordeon { 
	width: 100%; 
	padding: 0; 
	padding-left: -1em;
}
.legenTextoDesc { 
	margin-left: 1em 
}
.expanded-icon { 
	float: left; 
	height: 16px; 
	width: 16px; 
	background-position: -64px -16px 
}
.compressed-icon { 
	float: left; 
	height: 16px; 
	width: 16px; 
	background-position: -32px -16px
}
.expanded-legend,.formulario_legend { 
	padding: 0.25em; 
	border-top-left-radius: 4px; 
	border-top-right-radius: 4px; 
	border-bottom: 4px; 
	font-weight: bold 
}
.compressed-legend { 
	padding: 0.25em; 
	border-radius: 4px; 
	font-weight: bold 
}
.expanded-div { 
	border-bottom-left-radius: 4px; 
	border-bottom-right-radius: 4px; 
	border-bottom: 4px !important;
	padding: 0.5em 1em; 
	border-top: none !important;
}
/*acordeon*/

/*FORMULARIOS*/

/*Ancho cajas fechas*/
.date_width { width: 7em; margin-right:0.1em !important; }
/*para que se usa????????para poner en filas distintas las fechas desde y hasta*/.fieldsetFechas {border: 1px solid #AAA; width:20em; margin-right:1em; padding-bottom:0.5em !important}

/*ESTILOS PARA NOTAS EXPLICATIVAS EN LA APLICACION*/
.titsub{width:99%; padding:0.2em; background-color:#E1F1F6;margin-top:1em; margin-bottom:1em; font-size:13px; font-weight:bold; color:black; border:2px solid lightblue; box-shadow: 2px 2px 5px #999;}
.nota{color:black; padding-top:0.5em; padding-bottom:0.5em; clear:both;}
.notaroja{font-weight:bold; border-bottom:3px solid black; color:white; padding:0.5em; width:99%; margin-top:1em; margin-bottom:0.5em; background-color:#C00000;border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; box-shadow: 2px 2px 3px #999;}
.codigo{background-color:black; box-shadow: 2px 2px 5px #999; padding:1em; width:96%; height:auto; overflow: auto; font-family:courier !important; color:white; font-size:14px; margin-top:1em; margin-bottom:1em; border:4px solid #ADD8E6;}
.codigojs{background-color:black; box-shadow: 2px 2px 5px #999; padding:1em; width:96%; height:auto; overflow: auto; font-family:courier !important; color:yellow; font-size:14px; margin-top:1em; margin-bottom:1em; border:4px solid #ADD8E6;}
.codigocss{background-color:black; box-shadow: 2px 2px 5px #999; padding:1em; width:96%; height:auto; overflow: auto; font-family:courier !important; color:lightgreen; font-size:14px; margin-top:1em; margin-bottom:1em; border:4px solid #ADD8E6;}

/*ESTILOS PARA AVISOS GENERALES DE LA APLICACION*/
.aviso{	
	width:98%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background-color: #1779AE;
	float:left; 
	padding:0.5em; 
	height:auto; 
	margin-top:0.5em; 
	margin-bottom:0.5em;
	box-shadow: 2px 2px 5px #999;
	/* azul clarito #ADD8E6;*/
	/* amarillo claro #FFF274;*/
	}
.avisoAcordeon{	
	width:98%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background-color: #FFFD9B;
	float:left; 
	padding:0.5em; 
	height:auto; 
	margin-bottom:0.5em;
	box-shadow: 2px 2px 3px #999;
	/* azul clarito #ADD8E6;*/
	/* amarillo claro #FFF274;*/
	}
.textoAviso{
	float:left; 
	width:90%;
	color:white; 
	padding:0.5em; 
	font-weight:bold; 
	font-size:15px;
	}		
.textoAvisoAcordeon{
	color:black; 
	float:left;
	width:100%;
	padding:0.5em; 
	font-size:10px;
	}
.botonesAyuda{
	float:right; 
	text-align:right; 
	/*clear:both;*/
	/*width:100%;*/ 
	margin-top:0.5em;
	padding-right:0.5em;
	padding-bottom:0.2em;
	}
.botonesAyuda a{
	color:#5C9CCC;
}

.ayuda{
	float:left;
	padding:0.1em;
	}	
.invisible{display:none !important;}

.labelRango{width:5em !important}

.numeric,.integer , .decimal {text-align:right}

/* Boton Consulta */
*.consulta{
	background:url("../../images/consulta.png") no-repeat !important; 
}

/*para que al abrirse el combo salga por encima de los demas elementos*/
.ui-autocomplete.ui-menu,.ui-datepicker {z-index:10021 !important}

.blockMsg{
    font-weight: bold !important;
    height:5em !important;
    width:10em !important;
    left:45% !important;
    top:45% !important;
}

/*texto blanco para filas seleccionadas*/
tr.ui-state-highlight td{color:white !important;}

.cajatitulo{
	font-size:19px !important;
	font-weight:bold !important;
	padding:0.7em 0.2em 0.2em 0.6em !important;
	margin-bottom:0.5em !important;
	border-bottom:3px solid #808080 !important;
	border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
	}	
	
.cajatituloinicio{
	background-color: white;
	color:black !important;
	font-size:19px;
	font-weight:bold;
	padding:0.2em 0.2em 0.2em 0.6em;
	margin-bottom:0.5em;
	border:2px solid #4A8CB6;
	border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	}	
	
.cajatitulo h4{display:inline}
.cajatitulo h5{	float:right;	 
	font-style:italic; 
	padding:0.2em 0.5em 0.2em 0.5em; 
	margin:0.2em 0;
}

.alineacentro { padding-right: 10px; font-family: Arial, Helvetica,sans-serif; font-size: 11px; text-align: center; margin-top: 5px }

.euro {float:left; font-size:14px; font-weight:bold; margin-top:0.5em;}

/*GRID*/
/*PAGER*/
select{
	border-radius: 4px;
    font-weight: normal;
	font-family: Arial,Helvetica,sans-serif;
}

/*fondo del icono del caption del grid*/
.ui-jqgrid-view  a{border-radius:4px}

/*expandir-contraer acordeones */
.div-mng-acordeon{
	margin-top: 0.2em; 
	margin-bottom: 0.2em;
}
.mng-acordeon{float:right;
	cursor:pointer;font-weight: bold
}
.mng-acordeon{text-decoration:none !important;font-weight:bold !important}
.mng-acordeon span{position: static;position: relative;
    top: -0.15em;line-height: 1.5;float: left;height: 16px;width: 16px;}
.mng-acordeon.ui-state-hover{background:none !important; border:none!important}
/*texto en negrita enlaces de las pestañas*/
.rup-tabs_title {
    font-weight: bold !important;
}
[id^=SEARCH_FORM_BUTTONS_] .rup-enlaceCancelar,.right_buttons .rup-enlaceCancelar{margin:0 !important}
/*No mostrar texto 'cerrar' en la cabecera del diálogo del detailBody*/
[id^="closeText_"] {display:none;}
/*cuando no hay registros en el grid quitar el borce a la celda no hay registros*/
[id$="_noRecords"] td {border:none !important;}

.custom-combobox {
    display: inline-block;
    position: relative;
}
.custom-combobox-toggle {
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    position: absolute;
    top: 0;
}
.custom-combobox-toggle.error{
    height: 15px !important;}
.custom-combobox img.error.rup-maint_validateIcon{margin-left:2.5em;}
/* *** Add this for visible Scrolling ;) */

        .ui-autocomplete {
		max-height: 200px;
		overflow-y: hidden;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
	}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
	* html .ui-autocomplete {
		height: 100px;
	}
.rup-autocomplete_loading {
    background-image: url("../../images/rup.ajaxLoader.gif") !important;
}
.ui-multiselect div.selected,.ui-multiselect div.available{float:left}
.ui-multiselect div.selected{width: 55% !important}
.ui-multiselect div.available{margin-left:1em}
/* ******
BOTONES
  */
.show_history_button, .navigate_to_external_button, .show_more_details_button, .letra_control_button{
	 border: medium none;
    padding-top: 1.5em;
    vertical-align: middle;
    width: 24px;
    icon:hand;
}  
.show_history_button {background: url(../../images/historial.png) no-repeat scroll center center transparent;}
.navigate_to_external_button {background: url(../../images/info.png) no-repeat scroll center center transparent;}
.show_more_details_button {background: url(../../images/detalles.png) no-repeat scroll center center transparent;}
.letra_control_button {background: url(../../images/letraControl.ico) no-repeat scroll center center transparent;}
.notaInfoPieModal {
	color: red;
}

input[type="checkbox"] {
	margin-right: 1em;	
}

.margenSuperiorCheck {
	margin-top: 1.5em;
}

.margenEspacio {
	margin-right: 1em;
}