/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 5/08/2015, 02:00:19 PM
    Author     : Benito Enriquez Mora
    Actualizado: 11/08/2016, 11:03:50 AM
*/
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    display: table;
    width: 100%;
}
.clase-general{
    display: table-row;
}
.bodygeneral{
        font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
        font-size: 11px;
        background-color: #ecf0f1;
        color: #00295B;
		/*width: 100%;
		display: table;*/
}
.bodyLetterGde{
        font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
        font-size: 16px;
        color: #00295B;
}
.bodyLetterMed{
        font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
        font-size: 14px;
        color: #00295B;
}
.aref{
    color: #2c3e50;
    text-decoration: none;
}
.alt-header{
    margin: 0 auto;
}
nav.navbar{
    min-height: 0px;
    margin-bottom: 0px;
}
.navbar-brand1{
    font-size: 14px;
}
span.btn-default a{
    color: #FFFFFF;
}
/*Boton off*/
.navbar-default .navbar-nav>li>a#logout {
    color: #E30032;
}
.navbar-default .navbar-nav>li>a>span.glyphicon.glyphicon-off {
    color: #E30032;
}
/* PANEL */
.panel.panel-primary {
    border-color: #00295B;
}
.panel.panel-primary>.panel-heading, .RecordsTableHeader1, nav.navbar.navbar-inverse {
    /*color: #ffffff;
    background-color: #00295B;
    border-color: #00295B;*/
    /*background-image: -webkit-linear-gradient(#6d94bf, #00295B 50%, #3e648d);
    background-image: -o-linear-gradient(#6d94bf, #00295B 50%, #3e648d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6d94bf), color-stop(50%, #00295B), to(#3e648d));
    background-image: linear-gradient(#6d94bf, #00295B 50%, #3e648d);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d94bf', endColorstr='#ff3e648d', GradientType=0);
    -webkit-filter: none;
    filter: none;
    border: 1px solid #00295B;*/
    background-image: -webkit-linear-gradient(#6d94bf, #00295B 50%, #3e648d);
    background-image: -o-linear-gradient(#6d94bf, #00295B 50%, #3e648d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6d94bf), color-stop(50%, #00295B), to(#3e648d));
    background-image: linear-gradient(#6d94bf, #00295B 50%, #3e648d);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d94bf', endColorstr='#ff3e648d', GradientType=0);
    -webkit-filter: none;
    filter: none;
    border-color: #00295B;
    color: #ffffff;
}
.RecordsTableHeader2{
    background-image: -webkit-linear-gradient(#6d94bf, #00295B 50%, #3e648d);
    background-image: -o-linear-gradient(#6d94bf, #00295B 50%, #3e648d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6d94bf), color-stop(50%, #00295B), to(#3e648d));
    background-image: linear-gradient(#6d94bf, #00295B 50%, #3e648d);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d94bf', endColorstr='#ff3e648d', GradientType=0);
    -webkit-filter: none;
    filter: none;
    border-color: #00295B;
    color: #ffffff;
    padding: 10px 10px 10px 10px;
}
/*Botones Primary*/
.btn.btn-primary {
    background-image: -webkit-linear-gradient(#6d94bf, #00295B 50%, #3e648d);
    background-image: -o-linear-gradient(#6d94bf, #00295B 50%, #3e648d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6d94bf), color-stop(50%, #00295B), to(#3e648d));
    background-image: linear-gradient(#6d94bf, #00295B 50%, #3e648d);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d94bf', endColorstr='#ff3e648d', GradientType=0);
    -webkit-filter: none;
    filter: none;
    border: 1px solid #00295B;
}
.btn.btn-default {
    background-image: -webkit-linear-gradient(#6d7070, #929292 50%, #3d3f3f);
    background-image: -o-linear-gradient(#6d7070, #929292 50%, #3d3f3f);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6d7070), color-stop(50%, #929292), to(#3d3f3f));
    background-image: linear-gradient(#6d7070, #929292 50%, #3d3f3f);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
    -webkit-filter: none;
    filter: none;
    border: 1px solid #2e2f2f;
}
span.btn.btn-primary.btn-sm a{
    color: #ffffff;
}
/*CSS de los menu*/
.navbar.navbar-default .navbar-nav>.active>a {
    background-color: #00295B;
    color:  #ffffff;
}
.navbar.navbar-default .nav.navbar-nav > li > a:hover, .navbar.navbar-default .nav.navbar-nav > li > a:focus {
    background-color: #00295B;
    color: #ffffff;
}
/*.navbar.navbar-default .nav.navbar-nav > li > a span.textoHeader:hover, .navbar.navbar-default .nav.navbar-nav > li > a span.textoHeader:focus {
    color: #ffffff;
}*/
.list-group.panel > .list-group-item {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}
.list-group-submenu {
    margin-left:20px;
}
a.list-group-item.list-group-item-primary{
    color: #ffffff;
}
.list-group-item-primary{
    background-image: -webkit-linear-gradient(#6d94bf, #00295B 50%, #3e648d);
    background-image: -o-linear-gradient(#6d94bf, #00295B 50%, #3e648d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6d94bf), color-stop(50%, #00295B), to(#3e648d));
    background-image: linear-gradient(#6d94bf, #00295B 50%, #3e648d);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d94bf', endColorstr='#ff3e648d', GradientType=0);
    -webkit-filter: none;
    filter: none;
    /*border: 1px solid #00295B;*/
}
.list-group.panel a:hover {
    /*background-color: #eeeeee;*/
    color:  #ffffff;
}
.collapse.in a:hover {
    /*background-color: #eeeeee;
    background-color: #00295B;*/
    background-color: #DFDFDF;
    color:  #00295B;
}
.nav.nav-tabs{
    background-color: #C5DBEC;
    color:  #00295B;
    font-weight: bold;
}

.navbar-inverse .navbar-nav>li.active>a, .navbar-inverse .navbar-nav>.active>a {
    background-image: -webkit-linear-gradient(#fff, #eee 50%, #e4e4e4);
    background-image: -o-linear-gradient(#fff, #eee 50%, #e4e4e4);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee), to(#e4e4e4));
    background-image: linear-gradient(#fff, #eee 50%, #e4e4e4);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe4e4e4', GradientType=0);
    -webkit-filter: none;
    filter: none;
    /*border: 1px solid #d5d5d5;*/
    color: #00295B;
    text-shadow: none;
}
.navbar.navbar-inverse .navbar-nav>li>a:hover, .navbar.navbar-inverse .navbar-nav>li>a:focus {
    background-image: -webkit-linear-gradient(#fff, #eee 50%, #e4e4e4);
    background-image: -o-linear-gradient(#fff, #eee 50%, #e4e4e4);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee), to(#e4e4e4));
    background-image: linear-gradient(#fff, #eee 50%, #e4e4e4);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe4e4e4', GradientType=0);
    -webkit-filter: none;
    filter: none;
    color: #00295B;
    text-shadow: none;
}
/*Color Formulario*/
.form-color{
    background-color: #ecf0f1;
}
/*Color Tablas*/
td{
    background-color: #ecf0f1;
}
/*table.table.table-bordered.table-fixed.tbody.bodyTable{
    background-color: #ecf0f1;
}*/
.table>thead>tr>td.info.info1, .table>tbody>tr>td.info.info1, .table>tfoot>tr>td.info.info1, .table>thead>tr>th.info.info1, .table>tbody>tr>th.info.info1, .table>tfoot>tr>th.info.info1, .table>thead>tr.info.info1>td, .table>tbody>tr.info.info1>td, .table>tfoot>tr.info.info1>td, .table>thead>tr.info.info1>th, .table>tbody>tr.info.info1>th, .table>tfoot>tr.info.info1>th {
    /*background-color: #A0A7AB;*/
    background-color: #C8CED2;
    color: #00295B;
}
table.table>tbody>tr>td{
    border: 0px;
}
.RecordsTable{
    background-color: #606262;
    color: #FFFFFF;
}
/*.table>tbody>tr.warning>td{
    background-color: #F8F5F0;
    color: #8E6645;
}
.table>tbody>tr.active>td{
    background-color: #606262;
    color: #FFFFFF;
}*/
.input_read{
    width: 50px;
    text-align: center;
}
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
    line-height: 15px;
}
input.input_lock {
    color: #216185;
    background-color: #CCFFFF;
    padding: 1px;
}
.conceptos1{
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 10px;
}
option{
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 12px;
}
/*th{
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 11px;
    font-weight: bold;
    /*background-color: #555555;*/
    /*background-color: #2c3e50;
    color: #FFFFFF;
}*/
/*.table>thead>tr>td.info.info1, .table>tbody>tr>td.info.info1, .table>tfoot>tr>td.info.info1, .table>thead>tr>th.info.info1, .table>tbody>tr>th.info.info1, .table>tfoot>tr>th.info.info1, .table>thead>tr.info.info1>td, .table>tbody>tr.info.info1>td, .table>tfoot>tr.info.info1>td, .table>thead>tr.info.info1>th, .table>tbody>tr.info.info1>th, .table>tfoot>tr.info.info1>th {
    /*background-color: #A0A7AB;*/
    /*background-color: #C8CED2;
    color: #2c3e50;
}*/
/*span.glyphicon.glyphicon-edit {
    color: #00295B;
}*/
/*span.glyphicon.glyphicon-edit.glyphiconwhite {
    color: #ffffff;
}*/
span.glyphicon.glyphicon-edit.glyphiconazul {
    color: #00295B;
}
div.media-body a{
    color: #000000;
}
div.col-lg-6.col-md-6.col-sm-6.col-xs-12.div-spacio {
    padding-left: 0px;
    padding-right: 0px;
}
.RecordsTableHeader{
    background-color: #00295B;
    color: #FFFFFF;
    font-weight: bold;
    Border-Bottom: #000000 1px;
    /*white-space: nowrap;*/
    padding: 10px 0px 0px 0px;
}
.divHeader{
    background-color: #00295B;
    color: #FFFFFF;
    font-weight: bold;
    Border-Bottom: #000000 1px;
    padding: 10px 10px 10px 10px;
    margin: 10px 0px 10px 0px;
}
.space-fona{
        padding-top: 2px;
        padding-bottom: 2px;
}
.space-shf{
        padding-top: 10px;
        background-color:#ecf0f1;
}
.spacio{
    margin: 5px;
}
.pad-shf{
        padding-top: 10px;
}
input.input_text.form-control.input-sm {
    color: #000;
    font-weight: 600;
}
.row-fona{
    background-color:#ecf0f1;
    padding: 10px 0px 5px 0px;
}
.input-sm{
margin: 3px 0px 3px 0px;
}
.fieldset-mod {
    margin: 0px 0px 1px 0px;
    border: 1px solid #184171;
    border-radius: 5px;
}
.areaBoton{
    background-color: #DEE1E1;
    padding: 10px 0px 10px 0px;
    height: 50px;
}
.divTop{
    position: fixed;
    top: 0;
    width: auto;
}
.divFixed{
    position: fixed;
    bottom: 0;
}
/*Configuracion Header*/
.imageCenter{
    margin: 0 auto;
}
legend.legend-per{
    border-bottom: 1px solid #0f3869;
}
.img-responsive.imageHeader{
    margin: 0 auto;
    height: 50px;
    width: 71px;
}
/*.textoHeader{
    color: #00295B;
}*/
.label-bk{
    background-color: #C0C0C0;    
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

div.row{
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 10px;
}
.label-div {
    height: 3px;
    background-color: #c0c0c0;
}
.cont{
    border: 1px solid #00295b;
    border-radius: 3px;
}
.imgc{
    border-bottom: 5px solid #00295b;
    margin-bottom: 10px;
    margin-top: 10px;
}
    
.conceptos2 {
    /*background-color: #3D4247;
    color: #f8f8ff;
    font-size: 12px;*/
    background-color: #2c3e50;
    color: #FFFFFF;
}
.conceptos3{
    /*color: #2c3e50;
    background-color: #DEE1E1;*/
    background-color: #2c3e50;
    color: #FFFFFF;
}
.conceptos4{
    color: #2c3e50;
    background-color: #DEE1E1;
}
footer{
    /*position: absolute;
    bottom: 0;*/
    padding: 10px 0px 10px 0px;
    background-image: -webkit-linear-gradient(#6d7070, #474949 50%, #1E1F1F);
    background-image: -o-linear-gradient(#6d7070, #474949 50%, #1E1F1F);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6d7070), color-stop(50%, #474949), to(#1E1F1F));
    background-image: linear-gradient(#6d7070, #474949 50%, #1E1F1F);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
    -webkit-filter: none;
    filter: none;
    height: 50px;
}

.lfooter{
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    font-size: 11px;
    font-weight: 500;
    padding: 0px 0px 0px 0px;
    color: #ffffff;
}
.font-size-15{
    font-size: 15px;
}
.margin-pshf{
    margin-bottom: 6px;
    margin-top: 6px;
}
.form-control.input-xs { 
    height: 22px;
    padding: 2px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    margin: 2px 0px 2px 0px;
    display: block;
    width: 100%;
    color: #666666;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.input_lock.form-control.input-xs { 
    height: 22px;
    padding: 2px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    margin: 2px 0px 2px 0px;
    display: block;
    width: 100%;
    color: #216185;
    background-color: #CCFFFF;
    background-image: none;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.table.table-bordered{
    border: 1px solid #00295b;
}
.table.table-bordered>tbody>tr>td {
    border: 1px solid #0f3869;
}
.table.table-bordered>tbody>tr>th {
    border: 1px solid #0f3869;
}
.bkgnav{
    background-color: #606262;
    color: #FFFFFF;
    height: 29px;
    line-height: 30px;
    font-weight: bold;
}
/* Media Queries */
 
/* Móviles en horizontal o tablets en vertical*/

@media (max-width: 410px){
    .t15 { width: 15%; }
    .t20 { width: 20%; }
    .t25 { width: 25%; }
    .t30 { width: 30%; }
    .t35 { width: 35%; }
    .t40 { width: 40%; }
    .t45 { width: 45%; }
    .t50 { width: 50%; }
    .t55 { width: 55%; }
    .t60 { width: 60%; }
    .t65 { width: 65%; }
    .t70 { width: 70%; }
    .t75 { width: 75%; }
    .t80 { width: 80%; }
    .t85 { width: 85%; }
    .t90 { width: 90%; }
    .t95 { width: 95%; }
    .t100 { width:100%;}
    .float-lt{float:left; }
}
@media screen and (min-width: 1000px){
    div#map_micro{
        width:480px;
        height:400px;
    }
    div#map_macro{
        width:480px;
        height:400px;
    }
    div#map_Seduvi{
        width:480px;
        height:400px;
    }
}
@media screen and (max-width: 1000px) and (min-width: 768px){
    div#map_micro{
        width: 350px;
        height: 300px;
    }
    div#map_macro{
        width: 350px;
        height: 300px;
    }
    div#map_Seduvi{
        width: 350px;
        height: 300px;
    }
}
@media screen and (max-width: 768px) and (min-width: 480px){
    div#map_micro{
        width:440px;
        height:400px;
    }
    div#map_macro{
        width:440px;
        height:400px;
    }
    div#map_Seduvi{
        width:440px;
        height:400px;
    }
}
@media screen and (min-width : 350px) and (max-width : 480px) {
    div#map_micro{
        width: 300px;
        height: 250px;
    }
    div#map_macro{
        width: 300px;
        height: 250px;
    }
    div#map_Seduvi{
        width: 300px;
        height: 250px;
    }
}
@media screen and (max-width: 350px){
    div#map_micro{
        width: 250px;
        height: 200px;
    }
    div#map_macro{
        width: 250px;
        height: 200px;
    }
    div#map_Seduvi{
        width: 250px;
        height: 200px;
    }
}

.searchResult{
 list-style: none;
 padding: 0px;
 width: 250px;
 position: static;
 margin: 0;
}

.searchResult li{
 background: #606262;
 color: white;
 padding: 4px;
 margin-bottom: 1px;
}

.searchResult li:nth-child(even){
 background: #c0c0c0;
 color: white;
}

.searchResult li:hover{
 cursor: pointer;
}
  

#jquery-script-menu{position:absolute;height:90px;width:100%;top:0;left:0;border-top:5px solid #316594;background:#fff;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.16);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.16);box-shadow:0 2px 3px 0 rgba(0,0,0,.16);z-index:999999;padding:10px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.jquery-script-center{max-width:960px;margin:0 auto}.jquery-script-center ul{width:212px;float:left;line-height:45px;margin:0;padding:0;list-style:none}.jquery-script-center a{text-decoration:none}.jquery-script-ads{max-width:728px;height:90px;float:right}.jquery-script-clear{clear:both;height:0}#carbonads{display:block;overflow:hidden;max-width:728px;position:relative;font-size:22px;box-sizing:content-box}#carbonads>span{display:block}#carbonads a{color:#4078c0;text-decoration:none}#carbonads a:hover{color:#3664a3}.carbon-wrap{display:flex;align-items:center}.carbon-img{display:block;margin:0;line-height:1}.carbon-img img{display:block;height:90px;width:auto}.carbon-text{display:block;padding:0 1em;line-height:1.35;text-align:left}.carbon-poweredby{display:block;position:absolute;bottom:0;right:0;padding:6px 10px;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:8px;border-top-left-radius:4px;line-height:1;color:#aaa!important}@media only screen and (min-width:320px) and (max-width:759px){.carbon-text{font-size:14px}}@media only screen and (max-width:1023px){.jquery-script-ads{display:none}}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.table-sortable {
    position: relative;
}
.table-sortable .sortable-placeholder {
    height: 37px;
}
.table-sortable .sortable-placeholder:after {
    position: absolute;
    z-index: 10;
    content: " ";
    height: 37px;
    background: #f9f9f9;
    left: 0;
    right: 0;
}

#sortable { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    width: 450px; }
#sortable li { margin: 3px 3px 3px 0; 
     padding: 1px; 
     float: left; 
     width: 100px; 
     height: 90px; 
     font-size: 4em; 
     text-align: center; 
}