@import "/intranet/css/tabPage.css";
@import "/intranet/css/contextMenu.css";
@import "/intranet/css/dataGrid.css";

body {
	margin: 5px;
	background: #ffffff;
	font-family: Verdana, Arial, sans-serif, Helvetica;
	font-size: 10pt;
	color: #000080;
/*	scrollbar-3dlight-color: #a2a2a2;
	scrollbar-shadow-color: #a2a2a2;
	scrollbar-face-color: #d0d0d0;
	scrollbar-arrow-color: #ffffff;
	scrollbar-darkshadow-color: #e5e5e5;
	scrollbar-highlight-color: #e5e5e5;
	scrollbar-track-color: #e5e5e5;*/
}

table {
	font-size: 10pt;
}

form {
	margin: 0px;
}

a:link {
	text-decoration: none;
	color: #000080;
}
a:visited {
	text-decoration: none;
	color: #000080;
}
a:active {
	text-decoration: none;
	color: #000080;
}
a:hover {
	text-decoration: underline;
	color:#000080;
}

.enlace {
	color: #aa4a04;
	cursor: pointer;
}
.enlace:link {
	text-decoration: none;
}
.enlace:visited {
	text-decoration: none;
}
.enlace:active {
	text-decoration: none;
}
.enlace:hover {
	text-decoration: underline;
}

.enlace_sc {
	cursor: pointer;
}
.enlace_sc:link {
	text-decoration: none;
}
.enlace_sc:visited {
	text-decoration: none;
}
.enlace_sc:active {
	text-decoration: none;
}
.enlace_sc:hover {
	text-decoration: underline;
}

.separacion {
	width: 5px;
	height: 5px;
}

.body_intranet {
	margin: 5px 10px 5px 10px;
	background: #ffffff url(/intranet/negocio/INT/img/fondo.jpg) repeat-x;
	color: #ffffff;
}
.body_intranet .texto_titulo {
	font-size: 15pt;
	font-weight: bold;
}
.body_intranet .texto_logo {
	font-size: 9pt;
	font-weight: bold;
}
.body_intranet .texto_barra {
	font-size: 9pt;
	font-weight: bold;
}
.body_intranet .texto_pie {
	font-size: 8pt;
	font-weight: normal;
	color: #2d396c;
}
.body_intranet a:link {
	text-decoration: none;
	color: #ffffff;
}
.body_intranet a:visited {
	text-decoration: none;
	color: #ffffff;
}
.body_intranet a:active {
	text-decoration: none;
	color: #ffffff;
}
.body_intranet a:hover {
	text-decoration: underline;
	color:#ffffff;
}
.body_intranet .texto_pie select {
	font-size: 8pt;
	color: #2d396c;
	border: 1px solid #b2b0b0;
	background-color:#e4e4e4;
}
.body_intranet .texto_barra select {
	font-size: 8pt;
	color: #2d396c;
	background-color:#ffffff;
}

.fondo_titulo {
	background: #224678;
}

.fondo_titulo_linea {
	background: #2b2a86;
}

.body_grilla {
	margin: 0px;
}

.cargandoX {
	background: url(/intranet/img/cargando.gif) no-repeat;
	padding-left: 20px;
	padding-top: 0px;
	margin: 0px;
	color: #005d91;
	text-align: left;
	font-size: 10pt;
}

.cargando {
  margin: 0px;
}
.cargando div.img {
	float:left;
  width: 16px;
  height: 16px;
	position: relative;
	display: inline-block;
}
.cargando div.img div {
	width: 2px;
	height: 5px;
	background: #000;
	position: absolute;
	left: 8px;
	top: 6px;
	opacity: 0;
	-webkit-animation: fade 1s linear infinite;
	-webkit-border-radius: 50px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.cargando div.img div.bar1 {-webkit-transform:rotate(0deg) translate(0, -6px); -webkit-animation-delay: 0s;}
.cargando div.img div.bar2 {-webkit-transform:rotate(30deg) translate(0, -6px); -webkit-animation-delay: -0.9167s;}
.cargando div.img div.bar3 {-webkit-transform:rotate(60deg) translate(0, -6px); -webkit-animation-delay: -0.833s;}
.cargando div.img div.bar4 {-webkit-transform:rotate(90deg) translate(0, -6px); -webkit-animation-delay: -0.75s;}
.cargando div.img div.bar5 {-webkit-transform:rotate(120deg) translate(0, -6px); -webkit-animation-delay: -0.667s;}
.cargando div.img div.bar6 {-webkit-transform:rotate(150deg) translate(0, -6px); -webkit-animation-delay: -0.5833s;}
.cargando div.img div.bar7 {-webkit-transform:rotate(180deg) translate(0, -6px); -webkit-animation-delay: -0.5s;}
.cargando div.img div.bar8 {-webkit-transform:rotate(210deg) translate(0, -6px); -webkit-animation-delay: -0.41667s;}
.cargando div.img div.bar9 {-webkit-transform:rotate(240deg) translate(0, -6px); -webkit-animation-delay: -0.333s;}
.cargando div.img div.bar10 {-webkit-transform:rotate(270deg) translate(0, -6px); -webkit-animation-delay: -0.25s;}
.cargando div.img div.bar11 {-webkit-transform:rotate(300deg) translate(0, -6px); -webkit-animation-delay: -0.1667s;}
.cargando div.img div.bar12 {-webkit-transform:rotate(330deg) translate(0, -6px); -webkit-animation-delay: -0.0833s;}
@-webkit-keyframes fade {
	from {opacity: 1;}
	to {opacity: 0.25;}
}
.cargando div.txt {
	float:left;
  margin-left: 5px;
	color: #005d91;
	text-align: left;
	font-size: 10pt;
}

.cargando_normal {
	margin: 2px;
  width: 12px;
  height: 12px;
  border: 4px solid #eee;
  border-top: 4px solid #666;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 1s;
  animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.cargando_grande {
  width: 70px;
  height: 70px;
  border: 10px solid #eee;
  border-top: 10px solid #666;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.tabla_datos {
	border: 1px solid #bec8d3;
	background: #ffffff;
}
.tabla_datos TH {
	background: #bec8d3;
	font-weight: normal;
	color: #2d396c;
	padding: 0px;
	height: 24px;
}
.tabla_datos .cabecera {
	font-weight: bold;
}
.tabla_datos .sub_cabecera {
	background: #d3dbe2;
	font-weight: normal;
}
.tabla_datos TD {
	background: #ebeef1;
	padding: 0px;
	height: 24px;
}

.tabla_datos_datos {
	border: 1px solid #bec8d3;
}
.tabla_datos_datos TH {
	background: #bec8d3;
	font-weight: normal;
	color: #2d396c;
	padding: 0px;
	height: 24px;
}
.tabla_datos_datos .cabecera {
	font-weight: bold;
}
.tabla_datos_datos .sub_cabecera {
	background: #d3dbe2;
	font-weight: normal;
}
.tabla_datos_datos TD {
	background: #ffffff;
	padding: 0px;
	height: 24px;
}
.aprobadas {
	background: #0066ff;
	padding: 0px;
	height: 24px;
	color: #ffffff;
	font-weight: bold;
}
.tabla_datos_noticias {
	border: 1px solid #e6dccf;
}
.tabla_datos_noticias TH {
	background: #e6dccf;
	font-weight: normal;
	color: #2d396c;
	padding: 0px;
	height: 24px;
}
.tabla_datos_noticias TD {
	background: #ffffff;
	padding: 0px;
	height: 24px;
}
.sideblock {
  border-width: 1px;
  border-color: #000000;
  /*border-style: solid;*/
}
.detalle2 { 
	background: #ffffff; 
	font-family: verdana; 
	font-size: 7pt; 
	color: #000000; 
}
.detalle3 { 
	background: #ffffff; 
	font-family: verdana; 
	font-size: 7pt;
	font-weight: bold; 
	color: #000000; 
}

.lista_multiple ul {
	margin:0px;
	padding:0px;
}
.lista_multiple ul li {
	float:left;
	list-style:none;
	padding:0px 5px;
	border:1px solid #4985C2;
	margin:1px;
	background:#E8ECF0;
}

/*SISTEMA - INICIO*/
.tabla_externa {
    text-align: center;
    border: 1px solid #bec8d3;
	border-collapse: collapse;
}
.tabla_externa tr1 {
    background: #ebeef1;
}
.tabla_externa td {
    padding: 0px;
	padding: 0px;
}
.tabla_externa th {
    padding: 0px;
}
.tabla_interna {
	width: 100%;
	height: 100%;
	border: 1px solid #bec8d3;
	border-collapse: separate;
	border-spacing: 2px;
}
.tabla_interna td {
    padding: 0px;
}
.fondo_destacado {
	background-color: #bec8d3;
}
/*SISTEMA - TERMINO*/

.table {
	display: table;
}
.table .caption {
	display: table-caption
}
.table .tr {
	display: table-row;
}
.table .td {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.table .th {
	display: table-cell;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.bloqueando {
	width:100%;
	height:100%;
	overflow: hidden; 
	top: 0px;
	left: 0px;
	z-index: 10000;
	position:absolute; 
	background-color: #ffffff;
	opacity:0.6;
	filter:alpha(opacity=40);
}

.mensaje_centrado {
	width:100%;
	height:100%;
	overflow: hidden;
	top: 0px;
	left: 0px;
	z-index: 10001;
	position:absolute;
}
.mensaje_centrado .contenido_html {
  margin:80px;
	background:#F6EDD4;
	border-radius:10px;
	padding:10px;
	border:1px solid #E0AE26;
}

.fondo_menu {
	background: rgba(117,181,235,1);
	background: -moz-linear-gradient(top, rgba(117,181,235,1) 0%, rgba(28,115,191,1) 43%, rgba(28,115,191,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(117,181,235,1)), color-stop(43%, rgba(28,115,191,1)), color-stop(100%, rgba(28,115,191,1)));
	background: -webkit-linear-gradient(top, rgba(117,181,235,1) 0%, rgba(28,115,191,1) 43%, rgba(28,115,191,1) 100%);
	background: -o-linear-gradient(top, rgba(117,181,235,1) 0%, rgba(28,115,191,1) 43%, rgba(28,115,191,1) 100%);
	background: -ms-linear-gradient(top, rgba(117,181,235,1) 0%, rgba(28,115,191,1) 43%, rgba(28,115,191,1) 100%);
	background: linear-gradient(to bottom, rgba(117,181,235,1) 0%, rgba(28,115,191,1) 43%, rgba(28,115,191,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75b5eb', endColorstr='#1c73bf', GradientType=0 );
}






/* Desque aqui en adelante estilos para Intranet Anterior */
.detalle1 { 
	background: #F7A459; 
	font-family: verdana; 
	font-size: 11px; 
	color: #ffffff; 
	font-weight: bold;	
}

.detail { 
	background: #F7A459; 
	font-family: verdana; 
	font-size: 11px; 
	color: #ffffff; 
	font-weight: bold;	
}

.detalle2_bold { 
	background: #ffffff; 
	font-family: verdana; 
	font-size: 11px; 
	color: #000000; 
	font-weight: bold; 
}
.basico { 
	font-family: verdana; 
	font-size: 10pt;
	color: #000000; 
}

.box1010 {
   border-width: 1px 0px 1px 0px;
   border-style: solid;
   BORDER-COLOR: #F7A459;
}

.box0010 {
   border-width: 0px 0px 1px 0px;
   border-style: solid;
   BORDER-COLOR: #F7A459;
}

.box0110 {
   border-width: 0px 1px 1px 0px;
   border-style: solid;
   BORDER-COLOR: #F7A459;
}

.box1000 {
   border-width: 1px 0px 0px 0px;
   border-style: solid;
   BORDER-COLOR: #F7A459;
}

.box0011 {
   border-width: 0px 0px 1px 1px;
   border-style: solid;
   BORDER-COLOR: #F7A459;
}
.box0111 {
   border-width: 0px 1px 1px 1px;
   border-style: solid;
   BORDER-COLOR: #F7A459;
}

.box1101 {
   border-width: 1px 1px 0px 1px;
   border-style: solid;
   BORDER-COLOR: #F7A459;
}

.box1100 {
   border-width: 1px 1px 0px 0px;
   border-style: solid;
   BORDER-COLOR: #F7A459;
}

.box1111 {
   border-width: 1px 1px 1px 1px;
   border-style: solid;
   BORDER-COLOR: #F7A459;
}

.box1110 {
   border-width: 1px 1px 1px 0px;
   border-style: solid;
   BORDER-COLOR: #F7A459;
}

.box1001 {
   border-width: 1px 0px 0px 1px;
   border-style: solid;
   BORDER-COLOR: #F7A459;
}

.box0100 {
   border-width: 0px 1px 0px 0px;
   border-style: solid;
   BORDER-COLOR: #F7A459;
}

.box0001 {
   border-width: 0px 0px 0px 1px;
   border-style: solid;
   BORDER-COLOR: #F7A459;
}

.box1011 {
   border-width: 1px 0px 1px 1px;
   border-style: solid;
   BORDER-COLOR: #F7A459;
}

.titulo {
	text-decoration: underline;
	font-family: arial; 
	font-size: 14px;
	color: #000000; 
	font-weight: bold; 
}

.subtitulo {
	font-family: arial; 
	font-size: 12px;
	color: #000000; 
	font-weight: bold; 
}

.subtitulob {
	font-family: arial; 
	font-size: 12px;
	color: #000000; 
}

.styled-select {
	 	height: 29px;
	  overflow: hidden;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
}			

.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}
.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.red          { background-color: #FF0000; }
.blue         { background-color: skyblue; }
.grey   			{ background-color: #dddddd; }
.yellow  			{ background-color: #eec111; }

.grey select 	{ color: #000000; }
.blue select  { color: #000000; }
.yellow select{ color: #000000; }
.red select		{ color: #FFFFFF; }

#mainselection select {
   border: 0;
   background: transparent;
   font-size: 20px;
   font-weight: bold;
   padding: 2px 10px;
   width: 378px;
   *width: 350px;
   *background: #58B14C;
   -webkit-appearance: none;
}
				
#mainselection {
   overflow:hidden;
   width:350px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033;
}

/*INI - Simula Table*/
.tabla_div {
	display: table;
}
.tabla_div .tr {
	display: table-row;
}
.tabla_div .td {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
	white-space: normal;
}
.tabla_div .th {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	white-space: normal;
}
/*FIN - Simula Table*/
