.skin-blue .main-header .navbar{
    background-color:#2295b8;
}

.skin-blue .main-header .logo, .skin-blue .main-header .logo:hover {
    background-color: #1c7d9b;
        border-bottom: 1px solid #2295b8;
}

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #fff;
    padding: 15px 22px;
    /*display:none;*/
}

.main-header .navbar-custom-menu, .main-header .navbar-right{
    float:none;
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    left: 0;
    right: auto;
    border-left: 3px solid #1c7d9b;

    
}

#user-settings{
    position: absolute;
    right: 0;
    left: auto;
    border-left: 3px solid #1c7d9b;
        padding: 16px;
}

.dark-green{
    color:#2295b8;
}
.dark-green-bg{
    background-color:#1c7d9b;
}

.navbar-nav {
    float: none;
    margin: 0;
}

.navbar-nav>.user-menu .user-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 0%;
    margin-right: 10px;
    margin-top: -2px;
}

#top-menu ul li a:hover, #top-menu ul li a:focus{
background-color: #86b7d9;
}


#top-menu ul li ul li a:hover, #top-menu ul li ul li a:focus{
    background:#eff7f6;
    background-color:#eff7f6;
    color:#2295b8;
}

#top-menu ul li ul li a i{
    margin-right:12px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    }
#top-menu ul li ul li a:hover i{margin-right:20px;}

.skin-blue .main-header li.user-header {
    background-color: #00987a;
}


.content-wrapper, .right-side, .main-footer{
    margin-left:0;
}

section.content{
    padding: 0px;
}

#map {
        height: 600px;
      }

      
.small-box {
    background-color: #fff;
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 20px;    
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.small-box :hover{cursor;pointer;}

.small-box h3 {
    color:#00987a;
    font-size: 32px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
}

.small-box .icon {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 0;
    font-size: 38px;
    color: rgba(0,0,0,0.15);
}

.small-box:hover .icon {
    font-size: 42px;
}

.small-box ul li a {
    position: relative;
    text-align: left;
    padding: 4px 0 4px 12px;
    color: #fff;
    display: block;
    z-index: 10;
    background: rgba(29,147,123,0.8);
    text-decoration: none;
     -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.small-box ul a:hover, .small-box ul a:focus, .small-box .nav.open>a, .small-box .nav.open>a:focus {
    color: #fff;
    background: rgba(123,220,201,0.8);
    background-color: rgba(123,220,201,0.8) !important;
}

.small-box ul li ul{
    padding:0px;
    list-style-type:none;
    width:100%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.small-box ul li ul a{
    background-color:#fff;
    color:#005b49;
        padding: 10px;
}

.small-box ul li ul li a:hover, .small-box ul li ul li a:focus{
    background:#eff7f6;
    background-color:#eff7f6 !important;
    color:#378a7a;
}

.small-box ul li ul li a i{
    margin-right:12px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    }
.small-box ul li ul li a:hover i{margin-right:20px;}


.mt{
    margin-top:100px;
}

.small-box>.inner {
    padding: 20px 10px;
}

#alert {
    z-index: 99;
    width: 40%;
    margin-bottom: 10px;
}
.alert-info{
    width:50%;
    float:right;
    border-top:6px solid #6595de;
    background:#ffffff !important;
    background-color:#ffffff !important;
    color:#6595de !important;
}

.btn-cancelar-alert{
    background-color:#e5e5e5;
    color:#a64b11;
}
.btn-cancelar-alert:hover{
    background-color:#a64b11;
    color:#e5e5e5;
}

    
/* CUSTOM */

body{background-color: #eaeaea !important;font-family: 'Roboto', sans-serif !important;}

#alert {
    width: 100%;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    padding: 10px 0px 15px 0px;
}

.btn-cancelar-alert {
    color: #014296;
    text-decoration: underline;
}

/* FOOTER */

footer.main {
  padding: 0px 18px;
    text-align: center;
    bottom: 0;
    position: absolute;
    font-family: "Miriam Libre", "Source Sans Pro", sans-serif;
    width: 100%;
    height: 45px;
    border-top: 1px solid #d2d6de;
    background-color: #ffffff;
    vertical-align: middle;
    z-index: 100;
}

footer.main p {
    color: #aeaeae;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
footer.main p strong a {
    color: #525252;
}
footer.main p strong a:hover {
    color: #337AB7;
}

footer.main p.less-significant a {
    color: #AEAEAE;
    display: inline-block;
    font-size: 10px;
    margin: 0px 0px 0px 0px;
}
footer.main p.less-significant a:hover {
  text-decoration: underline;
  color: #337AB7;
}
footer.main p.less-significant a img {
    margin-top: 3px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .1s ease-in-out;
    transition: .3s ease-in-out;
}
footer.main p.less-significant a img:hover {
   -webkit-filter: grayscale(0);
    filter: grayscale(0);
}


/* Login form */

#login-form .panel,#login-form .panel-primary{
    border-radius:0px !important;
    border: none !important;

     box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
}

#login-form .panel-heading{
    background-color:#2295b8 !important;
    border-radius: 0px !important
}

#login-form form input[type="email"], #login-form form input[type="password"]{
    border:0px !important;
    border-bottom:2px solid #ccc !important;
        box-shadow: none;
        border-radius:0px !important;

}

#login-form form input[type="email"]:focus, #login-form form input[type="password"]:focus{
    border-bottom:2px solid #2295b8 !important;
}

#login-form form .glyphicon{
    color: #aaa !important;
}

.forgot-pass{font-size: 0.8em !important;}


/*Home*/

#home .col-md-6:first-child{
    border-right: 2px solid #ccc;
}
#home .col-md-6{
    min-height: 400px;
    margin-top: 10%
}
@media (max-width: 992px){
    #home .col-md-6{
    min-height: 200px;
  }
  #home .col-md-6:first-child{
        border-right: 0px;
    }
}

#home{
   position: relative;
}

#home .home-logo{
    position: absolute;
  top: 50%;
  transform: translateY(-50%); 
  text-align: center
}

#home .home-logo img{
   display: inline-block;
    width: 70%;
}

#home ul{
    width: 100%;
    text-align: center;
    margin:0;
    padding:0;
    list-style-type: none;
     position: absolute;
  top: 20%;
  transform: translateY(-50%); 
}

#home ul li{
   display: inline-block;
   text-align: center;
   vertical-align: middle;
}

#home ul li a{
   width: 150px;
   height:150px;
   display: inline-block;
   border-radius: 4px;
   background-color: #4f7f9a;
   color:#fff;
   padding: 4px;
   text-decoration: none;
}
#home ul li a:hover{
    text-decoration: none;
}


#home ul li a span{
    border-radius: 4px;
   display: block;
   text-align: center;
   border:1px solid #6aa5c2;
   height: 100%;
   text-decoration: none;

    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;

  
background: rgb(92,140,164); 
background: -moz-linear-gradient(top, rgba(92,140,164,1) 0%, rgba(92,140,164,1) 50%, rgba(79,127,154,1) 50%, rgba(79,127,154,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(92,140,164,1) 0%,rgba(92,140,164,1) 50%,rgba(79,127,154,1) 50%,rgba(79,127,154,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(92,140,164,1) 0%,rgba(92,140,164,1) 50%,rgba(79,127,154,1) 50%,rgba(79,127,154,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c8ca4', endColorstr='#4f7f9a',GradientType=0 ); /* IE6-9 */
}

#home ul li a span:hover{
    text-decoration: none;
background: rgb(79,127,154); 
background: -moz-linear-gradient(top, rgba(79,127,154,1) 0%, rgba(79,127,154,1) 50%, rgba(92,140,164,1) 50%, rgba(92,140,164,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(79,127,154,1) 0%,rgba(79,127,154,1) 50%,rgba(92,140,164,1) 50%,rgba(92,140,164,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(79,127,154,1) 0%,rgba(79,127,154,1) 50%,rgba(92,140,164,1) 50%,rgba(92,140,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f7f9a', endColorstr='#5c8ca4',GradientType=0 ); /* IE6-9 */
}

#home ul li a span i{
    display: block;
    font-size: 40px;
    margin-top: 30px;
    margin-bottom: 10px;
    text-decoration: none;
}
#home ul li a span i:hover{text-decoration: none}

@media (max-width: 768px){
    #home ul li a{
       width: 120px;
       height:120px;
       display: inline-block;
       border-radius: 4px;
       background-color: #4f7f9a;
       color:#fff;
       padding: 4px;
    }
    #home ul li a span{
        font-size: 12px;
    }
}

.logo-lg img{width:80%}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #1c7d9b;
}

.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a {
    color: #fff;
    background: #264b65;
    border-left-color: #ffffff;

}

.skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #17374c;
}

.sidebar-menu .treeview-menu>li>a {
    padding: 5px 5px 5px 15px;
    display: block;
    font-size: 13px;
    /* font-weight: normal; */
}
.sidebar-menu a span u{text-decoration: none;}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #264b65;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
     height: auto; 
    padding: 10px;
    text-align: center;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    z-index: 5;
    color: #fff;
    color: rgb(28, 125, 155);
    font-size: 17px;
    margin-top: 10px;
}
.skin-blue .main-header li.user-header {
    background-color: transparent;
}


/*
.table-list{
  margin:0;
}
*/
/*.log-center{
  width: 100%;
 position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}*/

.log-center {
   width: 100%;
    max-width: 591px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
     margin-top: -50px;
}

div#login-form {
    width: 100%;

}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 2px;
}

#headerFotos{
   background-color: #39b5dc;
    color: #fff;
}

/*#headerFotos div:first-child{height: 32px !important;}

#headerFotos div:first-child span{margin: 6px 16px 0px 0px !important; color: #fff;}*/

#headerFotos h4{margin:6px 10px !important;font-size:1em !important}

#headerFotos .thumbnail{
    padding: 0px;
    margin-bottom: 10px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 0px;
    cursor: pointer;
}

#fotos {
    position: relative;
    right: 0;
    overflow: auto;
    background-color: #f9f9f9!important;
    float: left;
    overflow: auto;
    height: 160px;
    min-height: auto !important;
    max-height: auto !important;
    width: 100% !important;
    display: none;
}

.table-list{
  margin:0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
}

.table-list li a{
   background-color: #eee;
    border-left: 3px solid #337ab7;
    padding: 14px 14px 14px 14px;
    display: inline-block;
    min-width: 263px;
    margin-right: 14px;
    margin-bottom:10px;
}

.table-list li a:hover{background-color: #1c7d9b;
color:#fff; border-left: 3px solid #159dc7;
  -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.table-list li a i{
    margin-right: 6px;

}

.btn-nav{
    padding: 15px;
}

.btn-nav a{
    color: #ffffff;
}

.btn-nav:hover {
    background: #264b65;
    color: #f6f6f6;
}

@media (min-width: 768px){
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
    display: block !important;
    position: absolute;
    width: 229px;
    left: 50px;
}
}

.caption-img {
    border:1px solid #e3e3e3;
}

.imgs {
    margin: 10px 0px 0px 10px;
    float: left; 
    color: #000000;
}

.img-capa {
    margin: 5px auto !important;
    max-height: 185px !important;
    min-height: 185px !important;
    max-width: 245px !important;
    min-width: 245px !important;
    display: block !important;
    cursor: pointer;
}

.img-reg {
    margin: 0 auto !important;
    max-height: 100px !important;
    min-height: 100px !important;
    max-width: 130px !important;
    min-width: 130px !important;
    display: block !important;
    cursor: pointer;
}