/* 
  Document   : style
  Created on : 30-03-2012, 11:36:37 AM
  Author     : alonso
  Description: 
*/
body { overflow-y: hidden; overflow-x: hidden; margin-left: 0; } 
html { overflow-y: scroll; overflow-x: hidden; } 
div#main-wrap  {  }
div#header img    { position: absolute; width: 100px; height: 95px; }
div#header h1     { position: absolute; margin: 20px 0 0 110px; color: #FFF; }
div#footer p     { text-align: center; color: #b3b3b3; margin-top: -5px; }

div#main-wrap h1  { padding: 2px 5px 0; font-size: 21px; font-weight: bold; text-transform: uppercase;/* background-color: #ECEDED;*/ color: #2B7FC4; border-bottom: 3px solid #F5A71E; }
div#main-wrap h2  { font-size: 1.7em; text-transform: uppercase; color: #2B7FC4; letter-spacing: 0.01em; }
div#main-wrap h2 span.lowercase { text-transform: lowercase!important; }
p           { margin: 0px 0 5px 0px; }
span.error  { color: #F81717; }
ul          { padding: 5px 15px; list-style-type: none; }
ul li       { margin-left: 5px;  list-style-type: none; }

.color-red  { color: #F81717; }
.text-align-left { text-align: center; }

a, a:visited  { text-decoration: none; }
a:hover      { text-decoration: underline; }

/**ESPECIFICA*/
span.superintendencia { display: block; font-size: 21px;   text-shadow: #43759C  0.1em 0.1em 0.2em;}
span.seguridad-social { display: block; margin-top: -7px; font-size: 32.4px; text-transform: uppercase; text-shadow: #43759C  0.1em 0.1em 0.2em;}
span.ambiente-desarrollo { display: block; color: red; }
input[type="text"], input[type="password"] { height: 16px; }
input[type="text"], input[type="password"], textarea { padding: 3px 5px 5px 5px; }
input[type="text"], input[type="password"], textarea, select, label  { color: #848484; }
input[type="text"], input[type="password"], textarea, select  {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  border: 1px solid #D4D4D4; 
  border-radius: 2px; 
  background-color: #FFF; 
  color: #848484;
}

select { border: 1px solid #D4D4C4; border-radius: 2px; background-color: white; }

.ui-widget-header {
  color: #F5A71E!important;
}

.titulo_archivo { font-size: 14px; color: gray; font-weight: bold;}

.boton_agregar:visited, .boton_eliminar:visited, a.edit:visited {
  color: #111212;
}

a.delete, a.edit, a.add, span.help, a.excel, a.pdf, a.ver, a.descargar {
  display: block; 
  padding-left: 18px;
  height: 17px;
  text-decoration: none;
  color: #111212;
  margin: 0 0 5px 0;
  line-height: 21px;
}

.boton_agregar { background: url('../img/agregar.png') no-repeat; }

a.add { background: url('../img/agregar.png') no-repeat;}
a.delete { background: url('../img/eliminar.png') no-repeat; margin-bottom: -4px; display: inline-block; text-indent: -9000px; }
a.edit {  background: url('../img/editar.png') no-repeat left; margin-top: -2px; display: inline-block; text-indent: -9000px; }
span.help {  background: url('../img/ayuda.png') no-repeat left; display: inline-block; margin-bottom: -6px;}
.tooltip { display:none;}
#ingreso_informacion { max-width: 100px; }
a.ver {  background: url('../img/ver.png') no-repeat left; display: inline-block; }
.tooltip { display:none;}
a.excel { background: url('../img/excel.png') no-repeat; display:inline-block;}
a.pdf { background: url('../img/pdf.png') no-repeat; display:inline-block;}
a.descargar { 
  background: url('../img/descargar.png') no-repeat 0px; 
  display:inline; 
}

div.good { background: url('../img/ayuda/good.png') no-repeat; width: 16px; height: 16px; display:inline-block; }
div.bad { background: url('../img/ayuda/bad.png') no-repeat; width: 16px; height: 16px; display:inline-block; }

div.rules-hidden {
  display: none;
}
div#footer {
  display: block;
  padding-top: 30px;
  background: url('../img/div.png') no-repeat center 10px;
}

.informacion { 
  background: #FFF url('../img/informacion.gif') no-repeat 5px center; 
  padding: 5px 23px; margin-top: 5px; 
  display: none; 
  border: 1px solid #E4E4E4; }

.show_informacion { 
  background: #FFF url('../img/informacion.gif') no-repeat 5px center; 
  padding: 5px 23px; margin-top: 5px; 
  border: 1px solid #E4E4E4; }

.colorgrid{
  display: none;
  position: absolute;
  margin-left: 240px;
}

.money { text-align: right; }
/*.money:before { content:'$'; }*/

div .thin
{ width: 450px; }
div .half
{ width: 640px; 
  vertical-align: top !important;}


div.min-height-pagination { height: 20px; margin-bottom: 10px; }
div.pagination ul { height: 20px; padding: 0; }
div.pagination li { display: block; float: left; margin: 0 2px 0 0; font-size: 1.2em; text-align: center; color: #848484; }
div.pagination li span, div.pagination li a { display: block; padding: 1px 5px; }
div.pagination li:first-child span, div.pagination li:first-child a { padding: 1px 5px 1px 0px; }
div.pagination li a { color: #033C62; text-decoration:none; }
div.pagination li a:hover { text-decoration: underline; }
#grafico_devolucion_pex { width: 1050px; } 

label.center { text-align: center; }

.titulo_grafico {font-size:13pt; color: black;}
div.contenedor_grafico { border: 2px solid #084B8A; padding: 10px; border-radius: 5px; height: 100%;}
.print_page_break {page-break-before:always}
.barra_busqueda { height: 100% !important; }
.barra_busqueda form { height: 100% !important;}

p.admin-download-envio { height: 40px !important; }

span.link-span {
  text-decoration: underline;
  cursor: pointer;
  color: blue;
  font-style: normal !important;
}

#destinos_agregados span {
  display: inline-block;
  vertical-align: top;
  border: 1px solid gray !important;
  border-radius: 5px;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

div.text-note{
  font-size: 10px;
  color: grey;
  padding-left: 20px;
  height: 30px;
}

div.info_cubos{
  border: 1px solid #C9DAE3;
  padding: 8px;
  border-radius: 5px;
  border-style: dashed;
  background: #F6F6F6;
}

div.info_cubos span{
margin-left: 6px;
}

input.tasa {
    width: 40px !important;
}

input.rut {
    width: 120px !important;
}

input.edad {
    width: 40px !important;
}

.enlinea {
    display: inline-block;
}

input.invisible_focusable {
    margin-left: -3333px;
}

.look_like_link {
    cursor: pointer;
    color: #0000FF;
    text-decoration: none;
}

.look_like_link:hover {
    text-decoration: underline;
}

.migracion{
    background-color: #2B7FBD;
    color: #FFFFFF;
    text-align: center;
}
.cobranza{
    background-color: #FF0000;
}
.center-text, .center-text span, .center-text span a {
  text-align: center!important;
}
.clear-both { clear: both; }

.info-app-cliente {
  width: 60%;
  margin: auto;
  padding: 10px;
  border: 1px solid #aaaaaa;
}
