.tr-000-80 { color:#fff }
.fl-izq { float:left !important }
.fl-der { float:right !important }
.block { display:block !important }
.inline { display:inline !important }
.color-fff { color:#fff }
.color-red { color:#f00 }
.color-c00 { color:#c00 }
.color-ccc { color:#ccc }
.color-999 { color:#999 }
.color-666 { color:#666 }
.color-333 { color:#333 }
.color-fc0 { color:#fc0 }
.color-000 { color:#000 }
.color-06c { color:#0066cc }

/* fonts y párrafos */
.al-der { text-align:right !important }
.al-izq { text-align:left !important }
.al-jus { text-align:justify !important }
.al-cen { text-align:center !important }
.ff-1 { font-family:Arial,sans-serif }
.ff-2 { font-family:Georgia,serif }
.fs-08 { font-size:.8em !important }
.fs-085 { font-size:.85em !important }
.fs-09 { font-size:.9em !important }
.fs-10 { font-size:1em !important }
.fs-11 { font-size:1.1em !important }
.fs-12 { font-size:1.2em !important }
.fs-13 { font-size:1.3em !important }
.fs-14 { font-size:1.4em !important }
.fs-16 { font-size:1.6em !important }
.fs-18 { font-size:1.8em !important }
.fs-20 { font-size:2.0em !important }
.fs-22 { font-size:2.2em !important }
.fs-24 { font-size:2.4em !important }
.fs-26 { font-size:2.6em !important }
.fs-28 { font-size:2.8em !important }
.fs-30 { font-size:3.0em !important }
.fs-32 { font-size:3.2em !important }
.fs-34 { font-size:3.4em !important }
.fs-36 { font-size:3.6em !important }
.fs-38 { font-size:3.8em !important }
.fs-40 { font-size:4.0em !important }
.fw-n { font-weight:normal }
.fw-b,.bold { font-weight:bold }
.fs-n { font-style:normal }
.fs-i,.italic { font-style:italic }
.lh-1 { line-height:1em }
.ls-1 { letter-spacing:-1px;}
.ls-2 { letter-spacing:-2px;}
.mayus { text-transform: uppercase }

.td-u { text-decoration:underline }
.lh-15em { line-height:1.5em; }
.lh-20 { line-height:20px }

/* margins */
.m0a { margin:0 auto !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 1px !important; }
.mb-2 { margin-bottom: 2px !important; }
.mb-3 { margin-bottom: 3px !important; }
.mb-4 { margin-bottom: 4px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mr-2 { margin-right: 2px !important; }
.mr-3 { margin-right: 3px !important; }
.mr-4 { margin-right: 4px !important; }
.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-25 { margin-right: 25px !important; }
.mr-30 { margin-right: 30px !important; }
.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-25 { margin-left: 25px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-35 { margin-left: 35px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-45 { margin-left: 45px !important; }
.mt-2 { margin-top: 2px !important; }
.mt-3 { margin-top: 3px !important; }
.mt-4 { margin-top: 4px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.ml--75 { margin-left:-70px !important }

/* padding */
.p-5 { padding:5px !important }
.p-8 { padding:8px !important }
.p-10 { padding:10px !important }
.p-15 { padding:15px !important }
.p-20 { padding:20px !important }
.p-25 { padding:25px !important }
.p-30 { padding:30px !important }
.pr-5 { padding-right:5px !important }
.pr-10 { padding-right:10px !important }
.pr-15 { padding-right:15px !important }
.pr-20 { padding-right:20px !important }
.pr-25 { padding-right:25px !important }
.pr-30 { padding-right:30px !important }
.pl-5 { padding-left:5px !important }
.pl-10 { padding-left:10px !important }
.pl-15 { padding-left:15px !important }
.pl-20 { padding-left:20px !important }
.pl-25 { padding-left:25px !important }
.pl-30 { padding-left:30px !important }
.pl-70 { padding-left:70px !important }
.pb-5 { padding-bottom:5px !important }
.pb-10 { padding-bottom:10px !important }
.pb-15 { padding-bottom:15px !important }
.pb-20 { padding-bottom:20px !important }
.pb-25 { padding-bottom:25px !important }
.pb-30 { padding-bottom:30px !important }
.pt-4 { padding-top:4px !important }
.pt-5 { padding-top:5px !important }
.pt-10 { padding-top:10px !important }
.pt-15 { padding-top:15px !important }
.pt-20 { padding-top:20px !important }
.pt-25 { padding-top:25px !important }
.pt-30 { padding-top:30px !important }
.pt-35 { padding-top:35px !important }

/* bordes */
.borde-999 { border:1px solid #999 }
.borde-aaa { border:1px solid #aaa }
.borde-ccc { border:1px solid #ccc }
.borde-ddd { border:1px solid #ddd }
.borde-inf-333 { border-bottom:1px solid #333 }
.borde-inf-666 { border-bottom:1px solid #666 }
.borde-inf-999 { border-bottom:1px solid #999 }
.borde-inf-ccc { border-bottom:1px solid #ccc }
.borde-inf-ddd { border-bottom:1px solid #ddd }
.borde-inf-eee { border-bottom:1px solid #eee }
.borde-der-ccc { border-right:1px solid #ccc }
.borde-izq-ccc { border-left: 1px solid #ccc; }
.borde-sup-ccc { border-top:1px solid #ccc }

/* fondos */
.bg-000 { background:#000 }
.bg-1e { background:#1e1e1e }
.bg-333 { background:#333 }
.bg-666 { background:#666 }
.bg-999 { background:#999 }
.bg-a7 { background:#a7a7a7 }
.bg-ccc { background:#ccc }
.bg-f7 { background:#f7f7f7 }
.bg-fff { background:#fff }
.bg-vo { background:#09b094 }


.ovf-h { overflow:hidden}
.pos-rel { position:relative }
.pos-abs { position:absolute }
.clear { text-indent:-9999px; clear:both; }

/* widths */
.w20 { width:20px !important }
.w30 { width:30px !important }
.w40 { width:40px !important }
.w50 { width:50px !important }
.w60 { width:60px !important }
.w75 { width:75px !important }
.w100 { width:100px !important }
.w120 { width:120px !important }
.w130 { width:130px !important }
.w150 { width:150px !important }
.w170 { width:170px !important }
.w180 { width:180px !important }
.w190 { width:190px !important }
.w200 { width:200px !important }
.w230 { width:230px !important }
.w250 { width:250px !important }
.w285 { width:285px !important }
.w300 { width:300px !important }
.w310 { width:310px !important }
.w320 { width:320px !important }
.w330 { width:330px !important }
.w350 { width:350px !important }
.w360 { width:360px !important }
.w400 { width:400px !important }
.w450 { width:450px !important }
.w500 { width:500px !important }
.w550 { width:550px !important }
.w600 { width:600px !important }
.w630 { width:630px !important }
.w650 { width:650px !important }
.w700 { width:700px !important }
.w720 { width:720px !important }
.w948 { width:948px !important }
.w968 { width:968px !important }
.w100p { width:100% !important }

.h25 { height:25px !important }
.h200 { height:200px !important }
.h320 { height:320px !important }
.h10000 { height:10000px !important }

.listnum { list-style-type: decimal; margin-left:1.5em }
.listbullet { list-style-type: disc; margin-left:1.5em }

a { outline:none; text-decoration:none }
.clear { clear:both; height:0; overflow:hidden; width:100% }

/* colores basados en ui g+ */
.color-rojo { color:#e14038 !important }
.color-azul { color:#718dce !important }
.color-verde { color:#43b047 !important }
.color-ocre { color:#f5b432 !important }
.color-gris1 { color:#f5f5f5 !important }
.color-gris2 { color:#cbcbcb !important }
.color-gris3 { color:#474747 !important }
.color-marron { color:#a86258 !important }

/* botones */
/*
	99Lime.com HTML KickStart by Joshua Gatcke
	kickstart-buttons.css
	
	Super Easy Cross Browser CSS3 Gradients
	http://www.colorzilla.com/gradient-editor/
*/
.boton {
    font-family: inherit; padding:2px 12px; 
    position:relative; top:0; left:0;
    margin:0 2px 0 0; padding:6px 15px;
    line-height:100%;
    -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
    cursor: pointer;
    width:auto;
    overflow:visible;
    font-weight:normal; font-size:inherit; font-family:inherit; /*Pixels for consistancy*/
    text-shadow:0 1px 0 #fff;
    color:#666;
    text-decoration:none; vertical-align: middle; box-sizing: border-box; display:inline-block;
    *display:inline;/*IE ONLY*/
    zoom:1;
    border:1px solid #ccc;
    background: rgb(252,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
}

.boton:hover{
    border:1px solid #bbb;
    background: rgb(252,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
}
a.boton:hover{ color:#444; }

/*---------------------------------
	ORANGE
-----------------------------------*/
.boton-orange{
    text-shadow:0 -1px 0 #FC730A;
    color:#fff;
    border:1px solid #FC730A;
    background: rgb(255,168,76); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}
.boton-orange:hover {
    text-shadow:0 1px 0 #FC730A;
    border:1px solid #FC730A;
    background: rgb(249,191,74); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(249,191,74,1) 0%, rgba(249,181,9,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,191,74,1)), color-stop(100%,rgba(249,181,9,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bf4a', endColorstr='#f9b509',GradientType=0 ); /* IE6-9 */
}
/*--- AZUL -----------------------------------*/
.boton-azul{
    text-shadow:0 -1px 0 #1D6DC1;
    color:#fff;
    border:1px solid #1D6DC1;
    background: rgb(122,188,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
}
.boton-azul:hover{
    text-shadow:0 1px 0 #1D6DC1;
    border:1px solid #1D6DC1;
    background: rgb(155,205,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(155,205,255,1) 0%, rgba(134,192,250,1) 44%, rgba(110,176,242,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,205,255,1)), color-stop(44%,rgba(134,192,250,1)), color-stop(100%,rgba(110,176,242,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcdff', endColorstr='#6eb0f2',GradientType=0 ); /* IE6-9 */
}
/*--- VERDE -----------------------------------*/
.boton-verde{
    text-shadow:0 -1px 0 #669E00;
    color:#fff;
    border:1px solid #669E00;
    background: rgb(143,196,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(143,196,0,1) 0%, rgba(107,165,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,196,0,1)), color-stop(100%,rgba(107,165,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#6ba500',GradientType=0 ); /* IE6-9 */
}
.boton-verde:hover {
    text-shadow:0 1px 0 #669E00;
    border:1px solid #669E00;
    background: rgb(198,226,120); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(198,226,120,1) 0%, rgba(167,211,44,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,226,120,1)), color-stop(100%,rgba(167,211,44,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(198,226,120,1) 0%,rgba(167,211,44,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6e278', endColorstr='#a7d32c',GradientType=0 ); /* IE6-9 */
}
/*----- ROJO -----------------------------------*/
.boton-rojo{
    text-shadow:0 -1px 0 #B21203;
    color:#fff;
    border:1px solid #B21203;
    background: rgb(229,60,22); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(229,60,22,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,60,22,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(229,60,22,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53c16', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
.boton-rojo:hover{
    text-shadow:0 1px 0 #B21203;
    border:1px solid #B21203;
    background: rgb(238,106,76); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(238,106,76,1) 0%, rgba(251,33,33,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,106,76,1)), color-stop(100%,rgba(251,33,33,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(238,106,76,1) 0%,rgba(251,33,33,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6a4c', endColorstr='#fb2121',GradientType=0 ); /* IE6-9 */
}

.boton-default { font-weight:bold; }
a.boton { display:inline-block }

/* mensajes del sistema */
#msgBox, .msgBox { text-align:center; padding:10px 20px; border: 1px solid #cbcbcb; background:#f7f7f7; color:#474747; margin-bottom:10px }
div.info { color:#718dce !important; border-color:#8ac !important; }
div.warning { color:#f5b432 !important; border-color:#f5b432 !important;  }
div.error { color:#e14038 !important; border-color:#e14038 !important;  }
div.message { color:#43b047 !important; border-color:#43b047 !important;  }

/* tabla de listados */
table.listado { width:100%; border-collapse: separate; border:1px solid #ddd; border-width:1px 1px 0 1px; margin-bottom:10px }
thead, tbody{ margin:0; padding:0; }
table.listado th, table.listado td { padding:4px; font-size:.9em; text-align:left; border-bottom:1px solid #ddd; vertical-align:middle }
table.listado th { font-weight:bold; 
    background: #eee; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
}
table.listado td { background:#f7f7f7 }
table.listado tr.cebra td { background:#fff }
table.listado .boton {  margin:0; margin-top:-1px }
table.listado tr.destacado td { background:#ff9 }

/* paginador */
.paginador { overflow:hidden; line-height:20px; font-size:.9em; text-align:center; float:right; }
.paginador li { background:#f7f7f7; height:20px; margin:0 0 0 2px; border:1px solid #ddd; float:left }
.paginador li a { display:block; color:#666; padding:0 5px }
.paginador li.actual { background:#777; font-weight:bold; border:1px solid #444 }
.paginador li.actual a { color:#fff }

.js { display:none }

/* iconos */
.ico {
    padding:2px 4px 2px 20px; background-repeat:no-repeat;
    background-position:2px 50%; color:#666; text-indent: -9999px;
}
.ico-information { background-image: url(../images/silk/information.png); }
.ico-page_edit { background-image: url(../images/silk/page_edit.png); }
.ico-cross { background-image: url(../images/silk/cross.png); }
.ico-tick { background-image: url(../images/silk/tick.png); }
.ico-add { background-image: url(../images/silk/add.png); }
.ico-pencil { background-image: url(../images/silk/pencil.png); }
.ico-information { background-image: url(../images/silk/information.png); }
.ico-cancel, .ico-eliminar { background-image: url(../images/silk/cancel.png); }
.ico-page_white_excel { background-image: url(../images/silk/page_white_excel.png); }
.ico-page_white { background-image: url(../images/silk/page_white.png); }
a.ico { cursor: pointer; }


/* border radius */
.borde-rad-1 { border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px }
.borde-rad-2 { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px }
.borde-rad-3 { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px }
.borde-rad-4 { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px }

/* box shadow */
.box-sh-5-888 { box-shadow: 0 0 5px #888; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; }
.box-sh-5b-888 { box-shadow: 0 0 5px 5px #888; -moz-box-shadow: 0 0 5px 5px #888; -webkit-box-shadow: 0 0 5px 5px #888; }
.box-sh-4-ccc { box-shadow: 0 0 4px #ccc; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; }
.box-sh-2-888 { box-shadow: 0 0 2px #888; -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow: 0 0 2px #888; }

/* text shadow */
.text-sh-1 { text-shadow: 1px 1px 1px #000; }
.text-sh-2 { text-shadow: 2px 2px 2px #000; }

/* tabla de datos (qt.helper.php) */
table.datos {}
table.datos th, table.datos td { font-size:.9em; vertical-align:top }
table.datos th { padding:2px 4px; text-align:right }
table.datos td { padding:2px 4px; border:1px solid #ddd }
table.datos td .texto { width:100%; padding:0; border:0 }
table.datos td .texto option { padding:0 }
table.datos th .texto { margin:-3px 0 0 -5px }
table.datos th .texto option { padding:0 }
form table.datos label.error { font-size:11px !important; }
table.datos input:focus { background:#ffd }
table.datos .ico { float:right; margin-right:0 !important; height:10px !important;  width:1px !important; }