﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
@font-face {
  font-family: 'BebasNeueRegular';
  src: url('themes/fonts/bebasneue-webfont.eot');
  src: url('themes/fonts/bebasneue-webfontd41d.eot?#iefix') format('embedded-opentype'),
  url('themes/fonts/bebasneue-webfont.woff') format('woff'),
  url('themes/fonts/bebasneue-webfont.ttf') format('truetype'),
  url('themes/fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
form { margin:0;padding: 0px; }
body {
    margin:14px 0px 0px 0px; 
    background-repeat:repeat; 
    background-color:#fff;
    font-size: 11px;
    font-family:  Arial, sans-serif;
    margin: 0;
    padding: 0;
}
select {margin: 0px}
.like-button { white-space: nowrap;}

pre { margin: 5px 0px;}

a:link {
    color: #2E6E9E;
    text-decoration: underline;
}

a:visited {
    color: #2E6E9E;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #2E6E9E;
}

header,
footer,
nav,
section {
    display: block;
}

/* MENU FLOTANTE
----------------------------------------------------------*/
div.fixed-position {
	position: fixed ;
	z-index: 1000 ;
	color:white;
	}

div.fixed-n {
	left: 50% ;
	margin-left: -516px ;
	top: 0px ;
	height: 28px;
	line-height:28px;
	width: 1030px;
	}
			
div.fixed-login {
	background-color: #22252A ;
	float:right;
	height: 28px;
	line-height: 28px ;
	text-align:center;
	width:158px;
	border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
}

div.fixed-login a, div.fixed-position a {
    color: white;
    text-decoration: none;
}

			
div.fixed-login:hover {
	background-color: #40464E ;
	cursor: pointer;
}
div.fixed-s {
	background-color: #22252A ;
	bottom: 0px ;
	left: 50% ;
	margin-left: -514px ;
	height: 33px ;
	line-height: 33px ;
	width: 1030px;
    text-indent: 5px;
	/*padding-left:5px;*/
	border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	}

div.fixed-s a {
	display:block;
	float:left;
    margin:10px 0 0 10px;
	line-height:12pt;
    border-right: 1px white dotted;
    padding:0 10px 0 0;
}
		
div.fixed-s a:hover {
	text-decoration: underline;
	cursor:pointer;
}

div.fixed-s a.login {
	display:block;
    margin:10px 0 0 10px;
	line-height:12pt;
    border:0;
    padding: 0px 10px;
    color: white;
    text-decoration: none;
}
		
div.fixed-s a.login:hover {
	background-color: #40464E ;
	cursor: pointer;
}



/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
    font-family: 'BebasNeueRegular';
}



h2 {
    display: block;
    padding: 10px;
    background-color: #7DABD3;
    color: white;
    font-size: 14pt;
	border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
}

.invertido {
    display: block;
    padding: 10px;
    border: 1px solid #7DABD3;
    background-color: white;
    color: #7DABD3;
	border-radius: 0px;
	-ms-border-radius: 0px;
	-moz-border-radius: 0px;
}

.invertido span {
    font-family: 'BebasNeueRegular';
    font-size: 14pt;
    font-weight: bold;
}

.invertido select {
    font-size: 10pt;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
input[type="text"], 
input[type="password"], 
textarea {
    border: 1px solid #CAE7FF;
    padding: 4px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

input[type="text"][disabled], 
input[type="password"][disabled], 
textarea[disabled] {
    background-color: #dcdcdc;
}

input[type="text"][readonly], 
input[type="password"][readonly], 
textarea[readonly] {
    background-color: #faffc2;
}


input[type="text"], 
input[type="password"] {
    height: 18px;
}

input[type="text"]:focus, 
input[type="password"]:focus, 
textarea:focus {
    border: 1px solid #7DABD3 !Important;
}

select {
    border: 1px solid #CAE7FF;
    padding: 4px;
    font-size: 1.2em;
    color: #444;
    width: 209px;
    height: 28px;

}

select:focus {
    border: 1px solid #7DABD3 !Important;
}


/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000 !Important;
    background-color: #ffeeee;
}

input[type="radio"].input-validation-error {
    outline:1px solid #F00 !Important;
    border: none;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 5px 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

/* Estilos basicos */

.div-redondeado {
	border-radius: 6px;
	-ms-border-radius: 6px;
	-moz-border-radius: 6px;
}

.div-body {
    background-color: white;
    background-image: url(themes/images/WhiteBG.png);
    background-position: bottom;
    background-repeat: repeat;
    border-top: 1px solid #6A9DC9;
    width: 100%;
    /*border-bottom: 1px solid #5B99CF;*/
    /*padding-top: 20px;
    padding-bottom: 20px;*/
}

.div-body-content {
    -moz-box-shadow: 0px 1px 1px rgba(96,96,96, 0.70);
    -webkit-box-shadow: 0px 1px 1px rgba(96,96,96, 0.70);
    /*box-shadow: 0px 1px 1px rgba(96,96,96, 0.70);*/
    /*border: 1px solid #6A9DC9;*/
    background: linear-gradient(white, #F3F9FF);
    background: white;
    background: -moz-linear-gradient(white, #F3F9FF);
    background: -webkit-linear-gradient(white, #F3F9FF);
    background: -o-linear-gradient(white, #F3F9FF);
    background: -ms-linear-gradient(white, #F3F9FF);
    background: linear-gradient(white, #F3F9FF);
    position: relative;
    width: 1045px;
    margin: 0px auto;
    min-height: 800px;
}

.div-footer {
	height:62px;
    width: 100%;
    height: 100%;
    background-image: url(themes/images/FooterBG.png);
    background-repeat: repeat;
    border-top: 1px solid #CAE7FF;	
}

.div-center {
    margin: auto;
}

.div-left {
    float: left;
    margin-right: 10px;
}


.div-right {
    float: right;
}

.div-gris {
	background-image: url(themes/images/FooterBG.png);
    padding:10px 10px 10px 10px;
    color:White;
}

.div-patron {
    background: #DCDBD4 url(Imagenes/bg-DCDBD4.gif);
    padding: 15px;
    width: 620px;
}

.div-titulo {
    font-weight: bold;
    line-height: 35px;
    color: black;
    background-color: #cfeaff;
    text-indent: 15px;
    clear: both;
    margin-bottom: 2px;
}

.div-titulo .like-button {
    text-indent: 0;
}

tr.div-titulo {
    text-indent:0px;
}

tr.div-titulo > td:first-child {
    text-indent:15px;
}


.verde {
    background-color: #cfeac6;
}

.naranja {
    background-color: #ffeab1;
}

.red-btn {
    overflow: hidden;
    background-color: #D81E05;
    background-image: url(Imagenes/bg-red-btn.gif);
    background-repeat: repeat-x;
    color: white;
    height: 30px;
    line-height: 30px;
    border: 1px solid #BD0000;
    border-top-color: #FFA5A5;
    font-size: 1.4em;
    font-weight: normal;
    text-align: center;
    text-shadow: -1px -1px 0 #900;
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: -1px -1px 1px #900;
    -moz-box-shadow: -1px -1px 1px #900;
    box-shadow: -1px -1px 1px #900;
    width: 5em;
    margin-top: 0px;
    text-align: center;
}

.div-font-bebas {
    text-transform: uppercase;
    font-family: 'BebasNeueRegular';
    font-size: 20px;
    text-decoration: none;
    color: white;  
}

a.anchor-editar, a.anchor-eliminar, a.anchor-detalle, 
a.anchor-submenu, a.anchor-borrar, a.anchor-llave, 
a.anchor-monedas, a.anchor-agregar, a.anchor-lupa,
a.anchor-refresh, a.anchor-add, a.anchor-reset,
a.anchor-cancelar, a.anchor-info, a.anchor-lista, 
a.anchor-table, a.anchor-aceptar, a.anchor-verifica, 
a.anchor-proc, a.anchor-doc, a.anchor-pdf,
a.anchor-file-upload, a.anchor-ws,
a.anchor-cancelado,a.anchor-cell
{
    float: left;
    margin-right: 4px;
    display: inline-block;
    background-color: #F0F0F0;
    border: 1px solid #CCC;    
    background-position: center center;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;    
}
a.anchor-nobg
{
    float: left;
    margin-right: 4px;
    display: inline-block;
    background-color: #F0F0F0;
    border: 1px solid #CCC;    
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 20px;
}

a.anchor-editar {background-image: url(imagenes/iconos/edit.png);}
a.anchor-eliminar {background-image: url(imagenes/iconos/bin_closed.png);}
a.anchor-detalle {background-image: url(imagenes/iconos/doc_table.png);}
a.anchor-submenu {background-image: url(imagenes/iconos/doc_table.png);}
a.anchor-borrar {background-image: url(imagenes/iconos/bin_closed.png);}
a.anchor-llave {background-image: url(imagenes/iconos/change_password.png);}
a.anchor-monedas {background-image: url(imagenes/iconos/coins.png);}
a.anchor-agregar {background-image: url(imagenes/iconos/add.png);}
a.anchor-lupa {background-image: url(imagenes/iconos/magnifier.png);}
a.anchor-refresh {background-image: url(imagenes/iconos/arrow_refresh.png);}
a.anchor-add {background-image: url(imagenes/iconos/add.png);}
a.anchor-reset {background-image: url(imagenes/iconos/reset-pass.png);}
a.anchor-cancelar {background-image: url(imagenes/iconos/cross.png);}
a.anchor-info{background-image: url(imagenes/iconos/icon-exclamation.png);}
a.anchor-lista{background-image: url(imagenes/iconos/icon-lista.png);}
a.anchor-table{background-image: url(imagenes/iconos/icon-table.png);}
a.anchor-aceptar{background-image: url(imagenes/iconos/accept.png);}
a.anchor-verifica{background-image: url(imagenes/iconos/page_white_star.png);}
a.anchor-proc {background-image: url(imagenes/iconos/cog.png);}
a.anchor-doc {background-image: url(imagenes/iconos/page_white_word.png);}
a.anchor-pdf {background-image: url(imagenes/iconos/doc_pdf.png);}
a.anchor-file-upload {background-image: url(imagenes/iconos/page_white_get.png);} 
a.anchor-ws {background-image: url(imagenes/iconos/page_lightning.png);}
a.anchor-cell {background-size: contain; background-image: url(imagenes/iconos/cell-phone.png);}
a.anchor-cancelado {background-image: url(imagenes/iconos/page_red.png);}

a.anchor-editar:hover, a.anchor-eliminar:hover, a.anchor-detalle:hover, 
a.anchor-submenu:hover, a.anchor-borrar:hover, a.anchor-llave:hover, 
a.anchor-monedas:hover, a.anchor-agregar:hover, a.anchor-lupa:hover,
a.anchor-refresh:hover, a.anchor-add:hover, a.anchor-reset:hover,
a.anchor-cancelar:hover, a.anchor-info:hover, a.anchor-lista:hover, 
a.anchor-table:hover, a.anchor-aceptar:hover, a.anchor-verifica:hover,
a.anchor-proc:hover, a.anchor-doc:hover, a.anchor-nobg:hover, a.anchor-pdf:hover,
a.anchor-file-upload:hover, a.anchor-ws:hover, a.anchor-cancelado:hover,a.anchor-cell
{
    background-color: #d8d8d8;
}

a.anchor-icon-text {
    background-position: 6px 6px;
    line-height: 28px;
    padding-left: 28px;
    padding-right: 6px;
    white-space: nowrap;
    min-width: 216px !important;
    float: left; 
    margin-bottom: 15px;
    padding-right: 8px;
    text-decoration: none;
    width: auto !Important;
}

#Cargando, .div-cargando {
    display: none;
}

.LabelNavegacion {
    float:left;
}

.LabelNavegacion SPAN, .LabelNavegacion A {
    height:28px;
    line-height:28px;
    display: inline-block;
    background:White;
    padding-right:10px;
    color:#517D05;
    font-weight:bold;
}

.LabelNavegacion A {
    background:url(Imagenes/MedioAncla.jpg) right no-repeat white;
    padding-right:36px;
    color:Black;
}
.LabelNavegacion A:visited {
    color:Black;
}

.LabelNavegacion > A:first-child  {
    text-indent:10px;
}

table.ListasDefault {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table.ListasDefault caption {
    font-family: 'BebasNeueRegular';
    font-size: 14pt;
    color: black;
}

table.ListasDefault td {
    padding: 5px;
    border: solid 1px #e8eef4;
}

table.ListasDefault th {
    padding: 6px 5px;
    text-align: left;
    background-color: #4d7b96;
    color: #fff;
    border: solid 1px #35617a;
}

table.ListasDefault tr:nth-of-type(odd){
    background: rgba(0,0,0,0.04);
}

table.ListasDefault tbody tr:hover {
    background: rgba(77,123,150,0.12);
}

.div-form-usuario {
    width: 460px; 
    margin:auto;
    border: 1px solid #517D05;
    padding: 5px;
}

.div-form-usuario table:first-child {
    width: 100%;
}

.div-form-usuario table:first-child td {
    width: 50%;
}

.div-form-usuario table:first-child tr.Titulo {
    font-family: 'Open Sans';
    font-size: 10pt;
    font-weight: bold;
}

fieldset {
    border: 1px solid #7DABD3;
    margin-top: 5px;
    margin-bottom: 10px ;
    margin-left: 0px;
    margin-right: 0px;
}

fieldset legend {
    padding: 5px 15px;
    border: 1px solid #7DABD3;
}
.Numero {
    text-align:right;
}

.div-field select {
    width: 153px !Important;
    }
.div-field .like-button {
    width: 151px;
}
.div-field input[type="text"] {
    width: 144px !Important;
    }

.div-field {
    float: left;
    margin-right:4px;
    width:154px;
    min-height:74px;
    }
.div-field div.editor-label {
    background-color: #e8eef4;
    line-height: 32px;
    padding: 0 5px;
    margin-top: 2px;
    }

.div-field div.editor-field label 
{
    margin-top: 6px;
    height: 18px;
    min-height: 18px;
    padding-left: 18px; 
    line-height: 20px;   
    display: block; 
}

.div-field div.editor-field label input[type=checkbox] , .div-field div.editor-field label input[type=radio] 
{
    float: left;
    line-height: normal;
    margin: 4px 0 0;
    margin-left: -18px;
}

.RadioButton {
    float: left
    }
.RadioButton label {
    margin-right: 10px;
}    
.x2 {
    width:312px;
    }
.x2 input[type="text"], .x2 textarea{
    width: 302px !Important;
}
.x2 select {
    width: 312px !Important;
}

.x2h {
    width: 704px !Important
}

.x2h input[type=text] {
    width: 492px !Important;
}

.x2h .editor-field {
    width: 492px !Important;
}


.x3 {
    width:470px;
    }
.x3 input[type="text"], .x3 textarea{
    width: 460px !Important;
}
.x4 {
    width:628px;
    }
    
.x4 input[type="text"], .x4 textarea{
    width: 618px !Important;
}
    
.x5 {
    width:786px;
    }
    
.x5 input[type="text"], .x4 textarea{
    width: 776px !Important;
}
        
.div-field-h {
    width: 414px;
    line-height:33px;
    float: left;
    min-height:33px;
    margin-bottom: 2px;
}

.div-field-h div.editor-label {
    width:194px;
    background-color:#e8eef4;
    margin-right:4px;
    text-indent:5px;
    float: left;
    margin-top:0px;
}

.div-field-h div.editor-label-b {
    background-color: #cfeaff;
    width:194px;
    margin-right:4px;
    text-indent:5px;
    float: left;
    margin-top:0px;
    font-weight: bold;
}

.div-field-h div.editor-field, .div-field-h div.display-field {
    width:152px;
    float: left;
    margin-top:0;
    }
    
.div-field-h div.editor-field-b, .div-field-h div.display-field-b {
    width:152px;
    float: left;
    margin-top:0;
    font-weight: bold;
    }
        
.div-field-h div.display-field {
    text-align: right;
}
.div-field-h input[type="text"] {
    width: 206px;
    height: 23px;
    }
.div-field-h select {
    width: 153px;
}
.div-field div.RadioButton_220 {
    float:left;
    width:220px;
    }
.div-field div.RadioButton_250 {
    float:left;
    width:260px;
    }
.div-field-h div.display-field {
    text-align: right;
    margin:0px;
    padding: 0px;
}

.div-field-h div.div-titulo {
    line-height: 33px !Important;
    margin-bottom: 0 !Important;
}

.ToUpper 
{
    text-transform:uppercase;
    }
.BordeGris {
    border: 1px solid #c0c0c0;
}
.BordeCeleste {
    border: 1px solid #7DABD3;
}

.BordeVerde {
    border: 1px solid #cfeac6;
}

.BordeNaranja {
    border: 1px solid #ffeab1;
}
.nowrap {
    white-space: nowrap;
}

div.DisplayMoneda {
    width: 100%;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
    text-align: right;
}

div.DisplayMoneda span:first-child {
    float: left
}

div.Paginador
{
    text-align: left;
}

div.Paginador a, div.Paginador span
{
    display: block;
    float: left;
    margin: 0px;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 11px;
    
    color: #2E6E9E;
    margin-right: 2px;
   
}

div.Paginador a
{
    border-color: #2E6E9E;
    cursor: pointer;
    text-decoration: none;
}
div.Paginador span
{
    border-color: #c0c0c0;
    cursor: default;
}

div.Paginador a:hover
{
    /*background: #dfeffc;*/
}
.btn_first_page
{
    background: #DFEFFC;
    background-image: url(Imagenes/iconos/bitacora_first.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 7px !important;
}
.btn_middle_page
{
    background: #DFEFFC;
}
.btn_last_page
{
    background: #DFEFFC;
    background-image: url(Imagenes/iconos/bitacora_last.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 7px !important;
}

.btnColumn {
    width: 34px;
}
.btnColumn a[class*='anchor-'] {
    float: right;
    margin-left: 4px;
    margin-right: 0;
}
._2btn {
    width: 68px;
}
._3btn  {
    width: 102px;
}
._4btn  {
    width: 136px;
}
._5btn  {
    width: 170px;
}
._6btn  {
    width: 204px;
}
._7btn  {
    width: 238px;
}
._8btn  {
    width: 272px;
}

.ico-default, .ico-pendiente, .ico-cancelado, .ico-alternativo, .ico-aprobado 
{
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid transparent;
    background: url(Imagenes/Estatus.png);
}
.ico-default {
    line-height: 25px;
    text-align: center;
    font-weight: bold;
}

.ico-aprobado {
    background-position: 0 25px;
}

.ico-alternativo {
    background-position: 0 50px;
}

.ico-cancelado {
    background-position: 0 75px;
}

.ico-pendiente {
    background-position: 0 100px;
}
.ico-cotizador 
{
    display: block;
    width: 25px;
    height: 25px;
    border: 1px solid transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(Imagenes/iconos/cotizador.png);
}

.ico-pendiente:hover, 
.ico-cancelado:hover,
.ico-alternativo:hover, 
.ico-aprobado:hover,
.ico-cotizador:hover 
{
    border-color: #777777;
    cursor: pointer;
}



.ico-nohover:hover {
    border: 1px solid transparent !Important;
    cursor: default !Important;
}

.ico-small-width {
    width: 18px;
}

.ico-error
{
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid transparent;
    background: url(Imagenes/iconos/error.png) center center no-repeat
}

.userHead-male, .userHead-female
{
    background: url(Imagenes/user-male.png) no-repeat center center #E8EEF4;
    height: 103px !Important;
    width: 85px !Important;
    float: left;
    margin-right: 2px;
}

.userHead-female 
{
    background: url(Imagenes/user-female.png) no-repeat;
}

/*Table Sorter*/
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e8eef4;
	border: 0px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr td {
	background-color: #e8eef4;
	border: 0px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

table.tablesorter thead tr .header {
	background-image: url(themes/blue/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	/*background-color: #FFF;*/
	vertical-align: middle;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(themes/blue/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(themes/blue/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
label.checkbox,
label.radio
{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 20px;
    font-size: 12px;
    min-height: 18px;
    padding-left: 18px;
}

label.radio input[type="radio"],
label.checkbox input[type="checkbox"] {
    float: left;
    margin-left: -18px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: auto;
    margin: 4px 2px 0;
    line-height: normal;
    cursor: pointer;            
}

table.checkbox {
    background-color: #BFBFBF;
    width: 100%;
    margin-bottom: 2px;
    border-collapse: collapse;
    color: #2121D9;
}
    
table.checkbox td {
    padding: 0;
}
    
table.checkbox td:first-child {
    width: 18px;
    height: 35px;
    padding: 0 5px;
}
    
table.checkbox td:first-child + td {
    font-weight: bold;
}

.hide {
    display: none;
}
.ArrowOnFocus, .ArrowNext {
	padding-left: 20px;
	background-image: url(Imagenes/arrow-left.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
.ArrowNext {
	background-image: url(Imagenes/arrow-left-gray.gif);
}
.hidecolonia {
    display: none;   
}

button.SmallColonia {
    padding: 1px 6px;
    line-height:15px !Important;
    height: 20px;
    float: right; 
    margin-top: 6px;
}

.linkbutton {
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration: underline;    
    font-size:small;   
    color:#1d8ef0; 
}