/*****************************/
/*** 	Configuracion General  ***/
/*****************************/

/*html {
	height: 100%;
	margin: 0;
}

form {
	margin: 0;
	padding: 0;
}

body{
	margin:5px;
	padding:0;
	font-size: 12px;
	height: 100%;
	font-size: 80%;
	font-family:Tahoma, Helvetica, Arial, Verdana,  sans-serif;
}
body #body{
	width:90%;
}

p {
	margin-top: 0;
	margin-bottom: 5px;
	text-align: left;
}

div, p, table, td, th{
	font-family: Tahoma, Helvetica, Arial, Verdana,  sans-serif;
	font-size: 1em;
	color: #333;
}

h2 {
	font-family: Tahoma, Helvetica, Arial, Verdana,  sans-serif;
	font-size: 18px;
	color: #46759C;
}*/

/*****************************/
/*** 	Configuracion Interface    ***/
/*****************************/
.iii {
    color: white;
    font-weight: bold;
    font-size: 9pt;
    text-align: center;
    background-color: #07636B;
    font-family: times;
    float: none;
    border-color:#BDE5F8;
}

body{
	color:#565853;
}
div#banner {
	color:white;
	font-size:11px;
	text-align:right;
	padding: 0px;
	height:125px;
	margin:15px 0px 5px 0px;
	background:url('../images/interface/ban_m.png') 0 0 repeat;
}
div#banner_l {
	background:url('../images/interface/ban_l.png')  0 0 no-repeat;
}

div#banner_r {
	height:125px;
	background:url('../images/interface/ban_r.png') 100% 0 no-repeat;
	color:white;
	vertical-align:bottom;
	padding: 82px 10px 5px 0px;
}

span#text_center{
	margin-bottom:2px;
	text-align:right;
	font-size:13px;
	padding:4px;
	color:black;
	background:white;
	border:1px solid #cacac2;
	cursor:pointer;
}

div.menu {
	/*background: url(../images/interface/mw_box_blue_br.gif) 100% 100% no-repeat;*/
	margin: 0;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 0;
	width: 200px;
}

div.menu div {
	background: url(../images/interface/mw_box_blue_bl.gif) 0 100% no-repeat;
}

div.menu div div {
	background: url(../images/interface/mw_box_blue_tr.gif) 100% 0 no-repeat;	
}

div.menu div div div {
	background: url(../images/interface/mw_box_blue_tl.gif) 0 0 no-repeat;
	padding: 4px;
	width:auto;
	margin:0;
}

div.menu div div div p{
	padding-top: 10px;
	width:auto;	
	margin:0;
}

div.menu h3{
	margin:0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #627DA0;
	text-align:center;
}

div.mod_contenido {
	margin: 0;
	margin-right:5px;
	margin-bottom: 5px;
	width: 100%;
	padding:0;
}

div.mod_contenido #border_top{
	background: url(../images/interface/cont_tr.gif) 100% 0 no-repeat;
	height:7px;
	width: auto;
	margin: 0;
	font-size:3px;
}

div.mod_contenido #border_top div {
	background: url(../images/interface/cont_tl.gif) 0 0 no-repeat;
	margin: 0;
	height:7px;	
}

div.mod_contenido #border_bottom{
	background: url(../images/interface/cont_br.gif) 100% 100% no-repeat;
	height:7px;
	width:100%;
	margin: 0;
	font-size:3px;
}

div.mod_contenido #border_bottom div {
	background: url(../images/interface/cont_bl.gif) 0 100% no-repeat;
	margin: 0;
	height:7px;	
}
div.mod_contenido #text{
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	margin: 0;
	padding:5px;
	height:auto;
	width:auto;
}

div#logout{
	margin:0px;
	text-align:right;
	float:right;
	color:#8E8E8E;
	padding:0px 5px 5px 0px;
}
div#date{
	margin:0px;
	float:left;
	color:#8E8E8E;
	font-weight:bold;
	padding:0px 0px 5px 7px;
}

div#version{
	margin:0px;
	text-align:center;
	font-size:11px;
	padding:1px;
}

/*****************************************
 *		Estilo de titulos		 			*
 *****************************************/
 /*titulo_contenido*/

.titulo_tipo_operacion{
	 color:red;
	 font-weight:bold;
	 text-align:center;
	 padding:10px;
}


.bar-right {float: right; text-align: right;padding-right:10px}
.bar-left {	float: left; text-align: left;padding-left:10px}
DIV.breadcrumbs {font-size: 8px;background-color: #f5f5f5}

.name_user{
	background:url('../images/interface/MsnMed.gif');
	font-size:12px;
	font-weight:bold;
}
#des_autenticar{
	float:right;
}
#user_name{
	float:left;
	color:white;
}
#user_name b{
	color:#6ACEFF;
}

.nopagename {
	font-weight: bolder;
	font-size: 120%;
	vertical-align: top; 
	color: #dee7ec;  
}
.pagename {
	padding:1px 0px 0px 1px;
	font-weight: bolder;
	font-size: 120%;
	float: left;
	vertical-align: middle; 
	color: #dee7ec; 
	height: 25px; 
	text-align: left;
}
.logo {
	font-weight:bolder;
	font-size: 20px;
	float: right; 
	vertical-align: middle;
	color: #dee7ec;
	text-align: right;
	letter-spacing: 2pt;
}
.bar {
	clear: both;
	background: #dee7ec;
	padding:3px; 
	border-bottom: #8cacbb 1px solid;
	border-top: #8cacbb 1px solid;
	height: 25px;
}

.descripcion__,.success_message, .warning_message,.notify_message,.error_message, .warning_message_alternative, .default_style_message, .help_message{
    font-family:Arial, Helvetica, sans-serif;
    margin:2px;	
    font-size:12px;
    text-align:justify;
	border: 1px solid;
	margin: 3px 0px;
	padding:5px 10px 10px 30px;
	background-repeat: no-repeat;
	background-position: 10px center;    
}

.success_message {
	color: #4F8A10;
	/*background-color: #DFF2BF;*/
	background-image:url('../images/icons/standad/Symbols-Tips-icon16.png');
	background-position: 5px 5px;
}

.default_style_message{
    border: 1px solid #4E7181;
    color:#0B4283;
    background:#F2F8FC;
}

.warning_message{
    color: #9F6000;
    /*background-color: #FEEFB3;*/
    background-image:url(../images/icons/standad/Symbols-Warning-icon16.png);
    background-position: 5px 5px;
}

.warning_message_alternative{
	border: 1px solid #b4b40c;
	background-image:url(../images/icons/warning_32.gif);
	background-position: 5px 5px;
	color: #0B4283;
}

.notify_message, .help_message{
    background-image:url(../images/icons/standad/Symbols-Info-icon16.png);
    background-position: 5px 5px;
    color: #00529B;
    border-color:#BDE5F8;
	/*background-color: #BDE5F8;*/
}
.help_message{
    background-image:url(../images/icons/standad/Symbols-Help-icon16.png);
    color: inherit;
	/*background-color: #BDE5F8;*/
}

.error_message{
    background-image:url(../images/icons/standad/Symbols-Error-icon16.png);
    /*background-color: #FFBABA;*/
	color: #D8000C;
	background-position: 5px 5px;
}

.error_message_alternative{
    background: #F9F9F9;
	color:red;
    border: 1px solid #ADADAD;
	text-align:center;
}

label.warning_message, label.error_message, label.information_message, label.notify_message, label.success_message, label.help_message{
	display:none
}
p.success_message, p.warning_message, p.notify_message, p.error_message, p.help_message{
	margin:inherit;
	border:none;
}


.treeElements{
	/*border:solid 2px #FF9900;*/
	border:solid 2px #7F7F7F;
	background-color: #FFFFFF;
	margin:1px; 	
}

.title_window{
	border-bottom:1px solid #00529B;
	padding:5px;
	background:url(../images/interface/fondo-ventana.gif) no-repeat left top;
}

.title_form_error{
    color:#D8000C;
    padding:5px 5px 5px 30px;
    font-weight:normal;
    background:url(../images/icons/validation_16.gif) no-repeat 5px 5px;
}

.title_form_notify{
    color: #00529B;
    font-weight:bold;
    padding:5px 5px 5px 30px;
    background:url(../images/icons/msg_info.gif) no-repeat 5px 5px;
}

.title_form_warning{
    font-weight:bold;
    padding:5px 5px 5px 30px;
    color:#cacaca;
    background:url(../images/icons/msg_adv.gif) no-repeat 5px 5px;
}

.descripcion__{
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;	
	border: 1px solid #4E7181;
	background-color: #F2F8FC;
	font-size:80%;
	text-align:justify;
	padding:10px 10px 10px 10px;	
}
.windOrbClose{
    font-variant:small-caps;
    background:transparent url(../images/icons/error.gif) no-repeat center right;
    color:#fff;
    cursor:pointer;
    height:16px;  
    width:16px;
}
td.banner___{
        margin:0px;
        padding:0px;
        background:url('../images/interface/vbanner_bottom.gif') repeat-y top center
}

td.banner___ div{
        width:100px;
        height:265;
        background:url(../images/interface/vbanner_middle.gif) no-repeat top center;
}

/*****************************************
 *		Estilo etiquetas	 *
 *****************************************/
 
.etiquetas{ 
  color:#1B75BB;
  font-size:13px;
  font-weight:bold;
}

.notes,.notes12{
    color:#373737;
    font-size:12px;
}

.notes12{
    font-size:12px;
}

/*****************************************
 *		Estilo para botones	 *
 *****************************************/
 div.areaBoton{
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	background-color: #F1F3F5;
 }
 div.areaBoton div{
	text-align:right;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #F1F3F5;
	padding:8px;
 }
 /*  INSERTAR DESDE AQUI */

.inputButton{
	/*text-shadow: #333 1px 1px 3px; adadad cacaca*/
	text-align:center;
	vertical-align:top;
	font-size:11px;
	height:20px;
	padding:0px 0px 0px 0px;
	border:1px solid #cacaca;
}


.boton___, .bigboton___, .smallboton___, .boton___Over, .boton___Disabled{
	cursor:pointer;
	text-align:center;
	font-size:11px;
    padding:3px;
    margin:2px 0px;
    line-height:15px;
	border-top:1px solid #656464;
	border-left:1px solid #656464;
    border-right:1px solid #656464;
	border-bottom:1px solid #656464;
	background-repeat:repeat-x;
}

.boton___,.inputButton{
	background-color:#ffffff;
	background-image:url(../images/icons/bg_button.gif);
	background-position:bottom center;
}

.boton___, .bigboton___, .smallboton___{
	border-right:1px solid #656464;
	border-bottom:1px solid #656464;	
}

.disabledboton___{
	border-right:1px solid #adadad;
	border-bottom:1px solid #adadad;
}
/*
input:text.inputText, input:text.focusField, input:text.inputTextError,
input:text.disabledInputText{
	height:18px;
}*/

input.disabledInputText{
	border:solid 1px #cacaca;  
	background:#f9f9f9;  
	color:#cacaca;
	padding:0px 5px;
	margin:1px;
}

select.inputText, .inputText{
	border:solid 1px #73A6FF;  
	background:#EFF5FF;  
	color:#000;
	padding:0px 5px;
	margin:1px;
}

.focusField{
	/*background:#EEE;color: #6F6F6F;border: solid 2px #DFDFDF*/
	background:#FFF;  
	color: #000;  
	border:solid 2px #FF9900;
	padding:0px 5px; 
	margin:1px; 
}

.inputTextError{
    border: 2px solid #DE5226;
    background:#FFCCBA;
    margin:2px;
    padding:0px 5px;
}
select.inputText{
    padding:0px 0px 0px 5px;
}
/*  INSERTAR HASTA DESDE AQUI */


.resaltar-mensaje {
	background-color:#C8E8F3;
	color:#444444;
	margin-bottom:1em;
	overflow:hidden;
	padding:1em;
}

.borde-panel{
	background-color:#B5D9E5;
	padding:4px;
}
.borde-interno-panel{
	background-color:#2E5186;
	padding:1px;
}
.contenido-panel , .contenido-panel-busqueda{
	background-color:#FFFFFF;
	padding:5px;
}


/************************************************************
 *													*
 *					Estilos para los enlaces				*
 *													*
 ************************************************************/
.listaRoles{
	text-decoration: none;
	background:url("../images/icons/bullet.gif") no-repeat left top;
	padding-left:20px;
	font-size:12px;
	color:#322f60;
	font-family: Helvetica, Arial, sans-serif;
}
.listaRoles:hover{text-decoration: underline;color : #ff9900;}

.enlaceListado
{
	text-decoration: none;
	color:#322f60;
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif;
}
.enlaceListado:hover{text-decoration: underline;color : #ff9900;}

.enlaceDesabilitado
{
	background:url("../images/icons/bullet.gif") no-repeat left top;
	padding-left:20px;
	text-decoration: none;
	color:#cacac2;
	font-size:13px;
}
/*****************************************
 *		Estilo de Reportes	 *
 *****************************************/
.variacion{
	margin-left:50px;
	margin-right:50px;
	padding:15px;
	text-align:left;
	/*border: 1px solid #BBDFF7;
	background-color: #ffffcc;background-color:;
	background-color:#E2F2FC;*/
}

.variacion b{
	/*color:#6ACEFF;*/
	color:#4791c5;
}

.variacion div{
	padding:2px 0px 2px 15px;
}

.titulo_imprimir_listas {
	height:110px;
	margin:0px;
}
.titulo_imprimir_listas #nombre_sistema{
	float:left;
	background: url(/scpus/../images/interface/escudoUsfx.gif) 0 0 no-repeat;
	height:110px;
	padding:30px 0px 0px 100px;
}
.titulo_imprimir_listas #datos_usuario{
	float:right;
	text-align:left;
	padding:30px 10px 0px 0px;
}

.cuerpo_listas{
	width:100%;
}
.titulo__{	
	font-weight:bolder;
	width:100%;
	font-size: 20px;
	vertical-align: middle;
	color: #3C5F7D;
	text-align: center;
}
.area_botones__{
	margin-top:10px;
	width:auto;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	text-align:right; 
	background:#F9F9F9 url(../images/interface/fondo_tabla.gif) repeat-x;
	padding:8px;
}

.botonArea td{
	padding:0px 0px 10px 0px;
	margin-bottom:5px;
}
 
.descripcion__{
	margin-bottom:10px;	
	border: 1px solid #cccc33;
	background-color: #ffffcc;
	font-size:13px;
	text-align:justify;
	padding:10px 10px 10px 10px;	
}
.bg_tool_buttons{
    background:transparent url(../images/interface/bg_tool_button_bg.GIF) repeat-x top left;
    height:95px;
}
.bg_tool_buttons div{
    background:transparent url(../images/interface/bg_tool_button_l.GIF) no-repeat top left;
    height:95px;
}
.bg_tool_buttons div div{
    background:transparent url(../images/interface/bg_tool_button_r.GIF) no-repeat top right;
    height:95px;
    padding:5px 10px;
}

#titulo_lista td{
	border-bottom:1px solid #cacac2;
	border-top:1px solid #cacac2;
	background-color:#E2F2FC;
	color:#4791c5;
	font-weight:bold;
	text-align:center;
	font-size:11px;
	padding:8px 3px;
}

#datos_lista td{
	background-color:#ffffff;
	border-bottom:1px solid #cacac2;	
	border-left:1px solid #cacac2;
	padding-left:5px;
}

#datos_lista_suspendido td{
	background-color:#ffffcc;
	padding-left:5px;
	border-bottom:1px solid #cacac2;
	border-left:1px solid #cacac2;
}

.datosReporte
{
	border-right:1px solid #cacac2;
}

.pieReporte{
	background-color:#E2F2FC;
	border-bottom:1px solid #cacac2;
	border-left:1px solid #cacac2;
	border-right:1px solid #cacac2;	
	padding-right:10px;
}
.pieReporte #cantidad_items__{
	float: right;
	text-align:right;
}
#totales__{
	float: left;
	text-align:left;
    color:#4D6C8A;
}
#totales__ b{
	color:red;
}

.pie_listas{
	font-size:12px;
}
.pie_listas div{
	text-align:right;
	padding:5px 0px;
	color:#322f60;
	font-weight:bold;
}
.pie_listas div a{
	font-weight:normal;
	padding-right:5px;
}
.pie_listas .enlaces
{
	text-decoration: none;
	color:#322f60;
}
.pie_listas .enlaces:hover
{
	text-decoration: underline;
	color : #ff9900;
}
.pie_listas #numeracion{
	padding:0px 10px;
}

#contador_paginas{
	font-weight:bold;
	color:#4D6C8A;
	text-align:center;
	padding-bottom:10px;
}

.form_buscar input, span{
	vertical-align:middle;
	margin:0px;
}


.form_registro{
	width:100%;
}

#imprimir{
	color:#cacaca;
	cursor:pointer;
}


div.avancecontainer{
	border:1px solid black;
	height:10px;
	width:100px;
	padding:0px;
	color: black;
	float:right;
}
div.avance{
	height:10px;
	float:left;
	background-color:#4A8BF5;
	border:1px solid #green;
}
div.faltante{
	height:10px;
	background-color:white;
	/*float:right;
	margin-bottom: 10px;*/
}
/************************************************************
 *													*
 *					Estilos para las listas					*
 *													*
 ************************************************************/
.listUndisplay{
	background:url('../images/icons/plus.gif') no-repeat left center;
	padding-left:20px;
}

.listDisplay{
	background:url('../images/icons/minus.gif') no-repeat left center;
	padding-left:20px;
}

.itemList{
	background:url('../images/icons/bullet.gif') no-repeat left center;
	padding-left:20px;
}

/*****************************************
 *		Estilo de mensajes				*
 *****************************************/
 
.mensajes{
	font-family:Arial, Helvetica, sans-serif;
    margin:0px;	
    /*margin-bottom:10px;*/
    padding:5px 10px 10px 25px;
    border: 1px solid #b4b40c;
    background:#ffffcc url(../../images/icons/icon_loading.gif) no-repeat 5px 5px;
    color:#0B4283;
  	font-size:13px;
  	text-align:center;
}

.mensajes b{
  color:red;
  font-weight:bold;
}
.mensajes A:link { text-decoration: none;  color:#008000;}
.mensajes A:visited {text-decoration: none;  color:#008000;}
.mensajes A:active  { text-decoration: none;  color:#008000;}
.mensajes A:hover   { text-decoration: underline;  color:#008000;}


/*tabla formateado*/
.even{
    border-bottom:1px solid #B7CADB;
    
}
.odd{
    border-bottom:1px solid #B7CADB;
    
}
.thead{
    background: transparent url(../images/interface/bg_tool_m.GIF) repeat-x top left;
    color:#4D6C8A;
    border-bottom:1px solid #B7CADB;
}
.thead_l{
    background: transparent url(../images/interface/bg_tool_l.GIF) no-repeat top left;
}
.thead_r{
    background: transparent url(../images/interface/bg_tool_r.GIF) no-repeat top right;
    height:30px;
}


/**
 * Table sorter: ordenar tablas
 */
.treeTableScrollable{
	background-color:#ffffff;
}
.treeTableScrollable tbody{
	overflow: auto; 
	overflow-x: hidden;
}

.treeTableScrollable tbody tr td{
	padding:5px; 
}

.scrollableContent{
	overflow: auto;
	overflow-x: hidden;
}

table.tablesorter{
	border:1px solid #A9BFD3;
}

table.tablesorter td {
	padding: 5px;
}

table.tablesorter thead{
    background: transparent url(../images/interface/bg_tool_m.GIF) repeat-x top;
    color:#4D6C8A;
    border-bottom:1px solid #B7CADB;
    
}

/*table.tablesorter .thead{
    background: transparent url(../images/interface/bg_tool_m.GIF) repeat-x top left;
    color:#4D6C8A;
    border-bottom:1px solid #B7CADB;
}*/
table.tablesorter .thead_l{
    background: transparent url(../images/interface/bg_tool_l.GIF) no-repeat top left;
}
table.tablesorter .thead_r{
    background: transparent url(../images/interface/bg_tool_r.GIF) no-repeat top right;
    height:30px;
}

#listaAtributosAdicionales tr{
	cursor:pointer;
}

table.tablesorter .even {
	border-bottom:1px solid #B7CADB;
}
table.tablesorter .odd {
	border-bottom:1px solid #B7CADB;
}
table.tablesorter .highlight {
	background-color: #3D3D3D;
	font-weight: bold;
}
table.tablesorter .header {
	background: url(../images/icons_sorter/small.gif) no-repeat center left;
    padding-left:13px;
}
table.tablesorter .headerSortUp {
	background: url(../images/icons_sorter/small_asc.gif) no-repeat center left;
    padding-left:13px;
}

table.tablesorter .headerSortDown {
	background: url(../images/icons_sorter/small_desc.gif) no-repeat center left;
    padding-left:13px;
}

.ui_splitter div {
	overflow: auto;
}

.hsplitbar {
	height: 5px;
	background: #F0F0F0 url(../images/icons/hgrabber.gif) no-repeat center center;
}

.vsplitbar {
	width: 5px;
	background: #F0F0F0 url(../images/icons/vgrabber.gif) no-repeat center center;
}
div.popup{
	font-family: serif;
	font-size: 1em;
	border: 5px solid #7F7F7F;
}
div.popup-title, div.popup-foot{
	background-color: #F2F2F2;
	border-bottom: 1px solid E5E5E5;
	padding:5px 10px;
	font-weight: bold;
}
div.popup-content{
	background-color: white;
	padding:5px 10px;
}
div.popup-foot{
	border-top: 1px solid E5E5E5;
	border-bottom: none;
	text-align: right;
}

.paginacionTotales{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}

.title_form_error, .title_form_notify, .title_form_warning
{
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}
table.tablesorter,
.inputButtonOver, .inputButton, .inputButtonClick,
.disabledboton___, .boton___, .bigboton___, .smallboton___, 
select.inputText, .focusField, .disabledInputText,.inputText, .boton___Over,
.borde-interno-panel, .error_message_alternative
{
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	
	-webkit-border-radius:3px;
	border-radius: 3px;	
}

.resaltar-mensaje, .borde-panel, .popup
,.descripcion__,.success_message, .warning_message,.notify_message,.error_message, .warning_message_alternative, .default_style_message
,.treeElements
{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	
	-webkit-border-radius:5px;
	border-radius: 5px;	
}