body {
}
.design-redes-sociales{
    float:right;
    bottom:-5px;
    position: relative;
    margin-right: 10px;
    opacity: 0.5;
    cursor:pointer;
}
.design-redes-sociales:hover{
    opacity:1;
}
.cuerpo{
    background-image:url(../imagen/fondo_page.png);
}
.caja {
    border:1px solid #C0C0C0;
    border-radius: 3px;
}
.caja:hover {
    border:1px solid #408080;
}
.caja:active {
    border:1px solid #408080;
}
.seleccion:hover{
    background-color:#CEDAE8;
    cursor:pointer;
}
.seleccion-paginacion{
    background-color:#3498DB;
    padding:7px 12px;
    border-radius: 3px;
    color:#FFFFFF;
    margin:2px;
}
.deseleccion-paginacion{
    background-color:#B7DBF2;
    padding:7px 12px;
    border-radius: 3px;
    color:#FFFFFF;
    margin:2px;
}
.style-control{
    background-color:#FFF;
    padding:4px 11px;
    border-radius: 3px;
    color:#000;
    cursor:pointer;
    margin:2px;
    border-bottom: 4px solid #0099E7;
    border-top: 1px solid #DBDBDB;
    border-left: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;
    font-weight: bold;
}
.deseleccion-paginacion {
    cursor:pointer;
}
.disabled-control{
    background-color:#fff;
    padding:4px 11px;
    border-radius: 3px;
    color:#000;
    cursor:pointer;
    margin:2px;
    opacity:0.3;
    border-bottom: 4px solid #0099E7;
    border-top: 1px solid #DBDBDB;
    border-left: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;
    font-weight: bold;
}
.boton-gris{
    background-color:#FFFFFF;
    border-radius:5px;
    padding:8px 20px;
    border: 1px solid #ADADAD;
    float:left;
    margin-left:10px;
}
.overlay{
     display: none;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 120%;
     background: #000;
     z-index:1001;
     opacity:.75;
     filter: alpha(opacity=75);
}
.modal {
     display: none;
     position: absolute;
     top: 15%;
     left: 25%;
     width: 50%;
     height: auto;
     color: #333;
     z-index:1050;
}
.t-right{text-align:right;}
.label2{
    background:rgba(230, 230, 230, 0.7);
    border:1px solid #ccc;padding:3px 5px 3px 20px;
    font-size:11px;
}
.t-left{text-align:left;}
.padleft-3x {
    padding-left: 3px;
}
.padright-3x {
    padding-right: 3px;
}

.form{padding:10px 40px 10px 20px !important;}
.formato-texto {
        height:auto !important;
    border-width:1px;border-color:#ccc;border-style:solid;
    padding: 2px;font-size:11px;color:#333;
    /*border-radius:3px;*/
    -moz-transition:all 0.3s linear 0s;
    -webkit-transition:all 0.3s linear 0s;
    background:#fff;
}
.formato-texto:focus{
    border-color:#406059;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}
/*franja transparente*/
.expanding-header {
  overflow: hidden;
  z-index: 999;
  position: absolute;
  top: 20px;
  left: 30px;
  width: 550px;
  height: 43px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.expanding-header.collapsed {
  width: 48px;
  overflow: hidden;
}
.expanding-header{
  cursor: pointer;
  width: 47px;
  padding: 10px 13px;
  color: #FFF;
  font-size: 22px;
  float: left;
  margin-right: 10px;
}
.expanding-header{
  cursor: pointer;
}
.expanding-header{
  min-width: 250px;
}
@media (max-width: 800px) {
.expanding-header {
    display: none;
  }
}
.expanding-header {
  top: 24px;
  left: 90px;
}
.pn {
  padding: 0 !important;
}
.posr {
  position: relative !important;
}
.barra_verde{
    /*float:left;*/
    position:relative;
    color:#fff;
    text-shadow:0px -1px 0px rgba(0,0,0,0.25);
    vertical-align: middle;
    height:30px;margin-left:-1px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-width:1px;
    border-style:solid;
    background:#477269;
    box-shadow:1px 0px rgba(255,255,255, .3) inset,0px 10px rgba(255,255,255, .2) inset,0px 10px 20px rgba(255,255,255, .25) inset;
}
.barra_verde:hover{
    -webkit-transition:all 0.1s linear;
    -moz-transition:all 0.1s linear;
    background:#385A54;color:#fff;
}
.barra1{
    background: #c7c7c7 none repeat scroll 0 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.3) inset, 0 10px rgba(255, 255, 255, 0.1) inset, 0 30px 20px rgba(255, 255, 255, 0.25) inset;
}
.borde_plomo{
    border: 1px solid #aaaaaa;
    color: #222222;
}
.seleccion_hover:hover{
    background-color:#B7C8C5;
}
.seleccion_hover_celeste:hover {
    background-color:#ecf3f8;
}
.seleccion_active{
    background-color:#B7C8C5;
}
.estilo_boton_celeste {
    background-color: #3276b1;
    border-color: #3276b1;
    color: #fff;
    cursor: default;
    z-index: 3;
}






/*tabs*/
.tabs-bottom { position: relative; } 
.tabs-bottom .ui-tabs-panel { overflow: auto; } 
.tabs-bottom .ui-tabs-nav { left: 0; bottom: 0; right:0; padding: 0.2em 0.2em 0; } 
.tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; }
.ui-tabs-selected { margin-top: -3px !important; }
.ui-tabs .ui-tabs-nav .ui-state-active  {background:rgba(243, 243, 243, 1);}/*reemplaza al estilo active de jquery*/
.ui-tabs .ui-tabs-nav .ui-state-active:hover  {background:rgba(243, 243, 243, 1);}/*reemplaza al hover de jquery*/
.ui-tabs .ui-tabs-nav .ui-state-active  a{color:#222;}/*reemplaza al color del active de jquery*/

.ui-tabs .ui-tabs-hide {display: none !important;}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {content: "";display: table;}
.ui-tabs .ui-tabs-nav li {
    float: left;list-style: none outside none;margin: 0 0.2em 1px 0;padding: 0;position: relative;top: 1px;white-space: nowrap;

    background: #c9b716;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-style: solid;border-width: 1px 1px 0px;
    box-shadow: 1px 0 rgba(255, 255, 255, 0.3) inset, 0 10px rgba(255, 255, 255, 0.2) inset, 0 10px 20px rgba(255, 255, 255, 0.25) inset;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    top:1px;
}
.ui-tabs .ui-tabs-nav li:hover {background: #ccc;}
.ui-tabs .ui-tabs-nav li a {float: left;padding: 0.5em 1em;text-decoration: none;color:#000;}
.ui-tabs .ui-tabs-panel {background: none repeat scroll 0 0 transparent;border-width: 0;display: block;padding: 1em 1.4em;}
/*jgrid*/
.ui-jqgrid{margin:5px;display:inline-block}
.ui-jqgrid-sortable{font-size: 11px}
/*iconos*/
.ui-icon{background-image:url("../imagen/icons-gray.png");background-repeat: no-repeat;display: block;overflow: hidden;text-indent: -99999px;}

.ui-icon-plus{background-position: 1px -95px;width:16px;height:16px;}
.ui-icon-pencil{background-position: -95px -71px;width:16px;height:16px;}
.ui-icon-document{background-position: -264px -23px;width:16px;height:16px;}
.ui-icon-trash{background-position: -456px 2px;width:16px;height:16px;}
.ui-icon-search{background-position: -47px 1px;width:16px;height:16px;}
.ui-icon-refresh{background-position: -239px -23px;width:16px;height:16px;}
.ui-icon-seek-prev{background-position: -191px -71px;width:16px;height:16px;}
.ui-icon-seek-first{background-position: -215px -71px;width:16px;height:16px;}
.ui-icon-seek-next{background-position: -384px -71px;width:16px;height:16px;}
.ui-icon-seek-end{background-position: -359px -71px;width:16px;height:16px;}
.ui-icon-closethick{background-position: -310px 1px;width:16px;height:16px;}
.ui-icon-disk{background-position: -94px -23px;width:16px;height:16px; background-image:url("../imagen/icons-white.png");}
.ui-icon-close{background-position: -46px -95px;width:16px;height:16px;background-image:url("../imagen/icons-white.png");}
.ui-icon-gripsmall-diagonal-se{background-position: 15px 0px;width:16px;height:16px;}/*no tengo ese icono (resize)*/
.ui-icon-circle-triangle-w{background-position: -430px -71px;width:16px;height:16px;}
.ui-icon-circle-triangle-e{background-position: -455px -71px;width:16px;height:16px;}
.ui-icon-cancel{background-position: -48px -95px;width:16px;height:16px;}

ui-button-icon-only .ui-icon {
    margin-left: -8px;
}
/*dialog*/
.ui-dialog .ui-dialog-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    overflow: auto;
    padding: 0.5em;
    position: relative;
}
.ui-dialog {
    box-shadow: 0 15px 10px -10px #000000;overflow: hidden;position: absolute;width: 300px;padding:2px;}
.ui-dialog .ui-dialog-titlebar {
    color: #333;font-size: 11px;
    padding: 4px 5px 4px;position: relative;text-decoration: none;}
.ui-dialog .ui-dialog-title {float: left;margin: 0.1em 16px 0.1em 0;}
.ui-dialog .ui-dialog-titlebar-close {
    height: 18px;margin: -10px 0 0;padding: 1px;
    position: absolute;right: 0.3em;top: 50%;width: 19px;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0px; }
.ui-dialog .ui-dialog-content { position: relative; padding: .5em; background: none; overflow: auto;border:none;  }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: 0px 5px;background:#fff;margin:0px 5px 5px 5px;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/*rezisable*/
.ui-resizable-handle {display: block;font-size: 0.1px;position: absolute;z-index: 99999;}
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-resizable {position: relative;}
.ui-resizable-se {bottom: 1px;cursor: se-resize;height: 12px;right: 1px;width: 12px;}

.ui-helper-clearfix {display: block;}
.ui-helper-clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}

/* Component containers
----------------------------------*/
.ui-widget { font-size: 12px; }
.ui-widget-content a { color: #333333; }
.ui-widget-content { 
    border: 1px solid #ccc; color: #333333;
    background: none repeat scroll 0 0 rgba(243, 243, 243, 0.8);
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333333; text-decoration: none; }
.ui-state-default, .ui-widget-content .ui-state-default { 
    border: 1px solid #ccc; 
    background:#DFDFDF;
    box-shadow: 0 1px rgba(255,255,255, .3) inset,
        0 10px rgba(255,255,255, .1) inset,
        0 10px 20px rgba(255,255,255, .25) inset;
    font-weight: normal; 
    color: #333333; 
}
.ui-widget-header a { color: #222222; }
.ui-widget-header { 
    background:#b6b6b6;
    box-shadow: 0 1px rgba(255,255,255, .3) inset,
        0 10px rgba(255,255,255, .1) inset,
        0 30px 20px rgba(255,255,255, .25) inset;
    color: #333; 
    font-weight: bold;}
.ui-state-hover a, .ui-state-hover a:hover { color: #333333; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { 
    border: 1px solid #a7a7a7; 
    background:#e4e4e4;
    box-shadow: 0 1px rgba(255,255,255, .3) inset,
        0 10px rgba(255,255,255, .1) inset,
        0 30px 20px rgba(255,255,255, .25) inset;
    font-weight: normal; 
    color: #333333; 
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #060200; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    border: 1px solid #cdcdcd; 
    background: #f5f5b5; 
    color: #060200; 
}
.ui-widget-overlay{
    background: rgba(74,114,103,.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity:1 !important;
}


.ui-state-active, .ui-widget-content .ui-state-active {background: #aaa;color:#333333;text-shadow: 1px 1px 1px #ccc;border:1px solid #cdcdcd;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000; text-decoration: none; }
.ui-widget :active { outline: none; }


/*botones*/
.btn_i{cursor:pointer;border-radius:4px;border:1px solid transparent;padding:2px 2px 0px;}
.btn_i:hover{border:1px solid #ccc;}
.btn_i:active{opacity:.6;}
.btn2{
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-style: solid;
    border-width: 1px;
    /*border-radius: 3px 3px 3px 3px;*/
    padding: 3px 5px;
    cursor:pointer;
}
.btn-verde{background: #31849B;color:#ffffff !important;}
.btn-verde:hover{background: #4D8899;}
.btn-verde:active{background: #31849B;}
.btn-azul{background: #0a4d9b;color:#ffffff !important;}
.btn-azul:hover{background: #1074ed;}
.btn-azul:active{background: #0a4d9b;}
.btn-gris{background: #bbb;color:#333444 !important;}
.btn-gris:hover{background: #ccc;}
.btn-gris:active{background: #bbb;}
.btn-amarillo{background: #a78d2b;color:#ffffff;text-shadow:1px 1px 1px #000;}
.btn-amarillo:hover{background: #c7a217;}
.btn-amarillo:active{background: #a78d2b;color:#ffffff;text-shadow:1px 1px 1px #000;}

.t-blanco {
    color: white;
}
.icon-gray {background-image:url("../imagen/icons-gray.png");}
.icon-white {background-image:url("../imagen/icons-white.png");}
.icon-red {background-image:url("../imagen/icons-red.png");}
.icon-aba{background-position: -313px -127px;height:6px;vertical-align: middle;}
[class^="icon-"],[class*=" icon-"]{background-repeat:no-repeat;display:inline-block;height:14px;width:14px;line-height:14px;margin-top:7px; /*interlineado, altura de linea*/}
.icon-glass {background-position:0 0;}
.icon-music {background-position: -24px 0;}
.icon-search {background-position: -48px 0;}
.icon-envelope {background-position: -72px 2px;}
.icon-heart {background-position: -96px 0;}
.icon-star {background-position: -120px 0;}
.icon-star-empty {background-position: -144px 0;}
.icon-user {background-position: -168px 1px;}
.icon-film {background-position: -192px 0;}
.icon-th-large {background-position: -216px 0;}
.icon-th {background-position: -240px 1px;}
.icon-th-list {background-position: -264px 0;}
.icon-ok {background-position: -288px 0;}
.icon-remove {background-position: -310px 0;}
.icon-zoom-in {background-position: -336px 0;}
.icon-zoom-out {background-position: -360px 0;}
.icon-off {background-position: -384px 0;}
.icon-signal {background-position: -408px 1px;}
.icon-cog {background-position: -432px 0;}
.icon-trash {background-position: -456px 1px;}

.icon-home {background-position: 0 -24px;}
.icon-file {background-position: -24px -24px;}
.icon-time {background-position: -48px -24px;}
.icon-road {background-position: -72px -24px;}
.icon-download-alt {background-position: -96px -23px;}
.icon-download {background-position: -120px -24px;}
.icon-upload {background-position: -144px -24px;}
.icon-inbox {background-position: -168px -24px;}
.icon-play-circle {background-position: -192px -24px;}
.icon-repeat {background-position: -216px -24px;}
.icon-refresh {background-position: -240px -24px;}
.icon-list-alt {background-position: -264px -23px;}
.icon-lock {background-position: -287px -23px;}
.icon-flag {background-position: -312px -24px;}
.icon-headphones {background-position: -336px -24px;}
.icon-volume-off {background-position: -360px -24px;}
.icon-volume-down {background-position: -384px -24px;}
.icon-volume-up {background-position: -408px -24px;}
.icon-qrcode {background-position: -432px -24px;}
.icon-barcode {background-position: -456px -24px;}

.icon-tag {background-position: 0 -48px;}
.icon-tags {background-position: -25px -48px;}
.icon-book {background-position: -48px -48px;}
.icon-bookmark {background-position: -72px -48px;}
.icon-print {background-position: -96px -48px;}
.icon-camera {background-position: -120px -48px;}
.icon-font {background-position: -144px -48px;}
.icon-bold {background-position: -167px -48px;}
.icon-italic {background-position: -192px -48px;}
.icon-text-height {background-position: -216px -48px;}
.icon-text-width {background-position: -240px -48px;}
.icon-align-left {background-position: -264px -48px;}
.icon-align-center {background-position: -288px -48px;}
.icon-align-right {background-position: -312px -48px;}
.icon-align-justify {background-position: -336px -48px;}
.icon-list {background-position: -360px -48px;}
.icon-indent-left {background-position: -384px -48px;}
.icon-indent-right {background-position: -408px -48px;}
.icon-facetime-video {background-position: -432px -48px;}
.icon-picture {background-position: -456px -48px;}

.icon-pencil {background-position: 0 -71px;}
.icon-map-marker {background-position: -24px -72px;}
.icon-adjust {background-position: -48px -72px;}
.icon-tint {background-position: -72px -72px;}
.icon-edit {background-position: -96px -71px;}
.icon-share {background-position: -120px -72px;}
.icon-check {background-position: -144px -72px;}
.icon-move {background-position: -168px -72px;}
.icon-step-backward {background-position: -192px -72px;}
.icon-fast-backward {background-position: -216px -72px;}
.icon-backward {background-position: -240px -72px;}
.icon-play {background-position: -264px -72px;}
.icon-pause {background-position: -288px -72px;}
.icon-stop {background-position: -312px -72px;}
.icon-forward {background-position: -336px -72px;}
.icon-fast-forward {background-position: -360px -72px;}
.icon-step-forward {background-position: -384px -72px;}
.icon-eject {background-position: -408px -72px;}
.icon-chevron-left {background-position: -432px -72px;}
.icon-chevron-right {background-position: -456px -72px;}

.icon-plus-sign {background-position: 0 -95px;}
.icon-minus-sign {background-position: -24px -95px;}
.icon-remove-sign {background-position: -48px -95px;}
.icon-ok-sign {background-position: -72px -96px;}
.icon-question-sign {background-position: -96px -95px;}
.icon-info-sign {background-position: -120px -95px;}
.icon-screenshot {background-position: -144px -95px;}
.icon-remove-circle {background-position: -168px -95px;}
.icon-ok-circle {background-position: -192px -95px;}
.icon-ban-circle {background-position: -216px -95px;}
.icon-arrow-left {background-position: -240px -94px;}
.icon-arrow-right {background-position: -264px -94px;}
.icon-arrow-up {background-position: -289px -95px;}
.icon-arrow-down {background-position: -312px -95px;}
.icon-share-alt {background-position: -336px -95px;}
.icon-resize-full {background-position: -360px -95px;}
.icon-resize-small {background-position: -384px -95px;}
.icon-plus {background-position: -408px -95px;}
.icon-minus {background-position: -433px -95px;}
.icon-asterisk {background-position: -456px -95px;}

.icon-exclamation-sign {background-position: 0 -119px;}
.icon-gift {background-position: -24px -120px;}
.icon-leaf {background-position: -48px -120px;}
.icon-fire {background-position: -72px -120px;}
.icon-eye-open {background-position: -96px -120px;}
.icon-eye-close {background-position: -120px -119px;}
.icon-warning-sign {background-position: -144px -120px;}
.icon-plane {background-position: -168px -120px;}
.icon-calendar {background-position: -192px -120px;}
.icon-random {background-position: -217px -119px;}
.icon-comment {background-position: -240px -120px;}
.icon-magnet {background-position: -264px -120px;}
.icon-chevron-up {background-position: -288px -120px;}
.icon-chevron-down {background-position: -313px -119px;}
.icon-retweet {background-position: -336px -118px;}
.icon-shopping-cart {background-position: -360px -120px;}
.icon-folder-close {background-position: -384px -120px;}
.icon-folder-open {background-position: -408px -120px;}
.icon-resize-vertical {background-position: -432px -119px;}
.icon-resize-horizontal {background-position: -456px -118px;}

.caption {
    color: #888;
    font-size: 10px;
    text-transform: uppercase;
}
.caption2 {
    color: #408080;
    font-size: 10px;
    text-transform: uppercase;
}