html{-webkit-font-smoothing:antialiased;}
html,body{width:100%;height:100%;}
a { color: #996633; outline: 0; }
a:hover, a:focus { text-decoration: none; outline: 0; }
p { margin-bottom: 15px; }
small { font-size: 10px; text-transform: lowercase; }
body { font:normal 14px'Open Sans',"Helvetica Neue",Helvetica,Arial; color: #767676; padding-top: 50px; background-color: #EAEAEA; }
h1, h2, h3, h4, .h1, .h2, .h3, .h4 { font-weight: normal; color: #333; margin-top: 0; }
h1, .h1 { font-size: 24px; }
h2, .h2 { font-size: 20px; }
h3, .h3 { font-size: 16px; }
h4, .h4 { font-size: 14px; }
p { margin-bottom: 15px; }
ul, ol{ padding-left: 30px; }
/*boostrap navbar*/
.navbar { margin-bottom: 0; }
.navbar-default { background-color: #000; border-color: transparent; }
.navbar-fixed-top { border-width:0 0 0 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
.navbar-brand { padding: 10px 15px; line-height: 30px; }
.nav > li > a { padding: 15px; }
.navbar-nav { margin: 0 -15px; }
.navbar-toggle { color: #FFF; margin: 8px 15px; padding: 5px 10px; background-color: #5CB85C; border: 0; }
.navbar-toggle:hover, .navbar-toggle:focus { background-color: #4CAE4C!important; }
.navbar-collapse { padding-right: 0; padding-left: 0; border-top: 0; background-color: #333; }
/*especiales*/
.navbar-top .nav > li { border-right: #DDD 1px solid; }
.navbar-top .nav > li:first-child { border-left: #DDD 1px solid; }
.navbar-top .nav > li:last-child { border-right: 0; }
.navbar-top .nav > li > a.icon-nav { padding-top: 13px; padding-bottom: 13px; line-height: 24px; }
.navbar-top .nav > li > a.icon-nav .fa { width: 24px; font-size: 14px; color: #FFD700; text-align: center; padding: 5px; background-color: #000; border-radius: 50px; }
.sidebar { background-color: #333; }
.sidebar .collapsing ,.sidebar .collapse.in { position: fixed; top: 50px; left: 0; right: 0; z-index: 1032; max-height: 480px!important; }
.sidebar .nav > li > a { font-size: 16px; color: #FFF; }
.sidebar .nav > li > a .fa { color: #FFD700; }
.sidebar .nav > li > a:hover, .sidebar .nav > li > a:focus, .sidebar .nav > .active > a, .sidebar .nav > .active > a:hover, .sidebar .navbar-nav > .active > a:focus { color: #FFF; background-color: #222; }
.sidebar .nav .open > a, .sidebar .nav .open > a:hover, .sidebar .nav .open > a:focus { background-color: #222; border-color: #222; }
.sidebar .dropdown-menu { padding: 0; margin: 0; background-color: #222; border: 0; border-radius: 0; box-shadow: none; }
.sidebar .dropdown-menu > li > a { font-size: 13px; color: #FFF; padding: 10px 15px; }
.sidebar .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #FFF; background-color: #444; box-shadow: inset 5px 0 0 #FFD700; }
.sidebar .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #444!important; }
.sidebar .open .dropdown-menu { position: static; float: none; width: auto; }
/*boostrap elements gral*/
label { font-weight: normal; }
.panel-heading { font-weight: bold; }
.table > thead > tr > th { color: #FFF; background-color: #CC9966; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border: 1px solid #996633!important; }
/*aux*/
.title { margin: 0; }
.danger { color: #FFF!important; background-color: #D9534F!important; border-color: #D43F3A!important; }
.icon-pdf { font-size: 64px!important; color: #999; }
.icon-pdf-ok { color: #f00 !important; }
.margin-bottom-none { margin-bottom: 0!important; }
.margin-bottom { margin-bottom: 20px; }
.margin-top { margin-top: 20px; }
.padding-none { padding: 0!important; }
.padding-right-none { padding-right: 0!important; }
.padding-left-none { padding-left: 0!important; }
.content { padding: 15px; }
.middle{ vertical-align: middle!important; }
.with-cell { width: 200px; overflow: hidden; }
/*sprite*/
.arrow-left-hover { background-position: -0px -0px; width: 40px; height: 60px; }
.arrow-left { background-position: -0px -60px; width: 40px; height: 60px; }
.arrow-right-hover { background-position: -0px -120px; width: 40px; height: 60px; }
.arrow-right { background-position: -0px -180px; width: 40px; height: 60px; }
.icon-ambulancia, .icon-bomberos, .icon-box, .icon-gym, .icon-policia, .icon-seguridad, .icon-tenis, .icon-yoga { margin-right: 15px; width: 32px; height: 42px; display: inline-block; vertical-align: middle; overflow: hidden; text-indent: -9999px; text-align: left; background: url('../img/icons/sprite-icons.png') no-repeat; }
.icon-ambulancia { background-position: 0 -240px; }
.icon-bomberos { background-position: 0 -282px; }
.icon-box { background-position: 0 -324px; }
.icon-gym { background-position: 0 -366px; }
.icon-policia { background-position: 0 -408px; }
.icon-seguridad { background-position: 0 -450px; }
.icon-tenis { background-position: 0 -492px; }
.icon-yoga { background-position: 0 -534px; }
/*ext*/
.footable { margin-bottom: 0; }
.footable.breakpoint > tbody > tr > td.expand { background: url('../img/icons/arrows-table.png') no-repeat 5px -55px; padding-left: 34px; }
.footable.breakpoint > tbody > tr.footable-detail-show > td.expand { background: url('../img/icons/arrows-table.png') no-repeat 5px -5px; }
.footable.breakpoint > tbody > tr.footable-row-detail { color: #FFF; background-color: #CC9966; }
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { cursor: pointer; }
@media (min-width: 768px) {}
@media (min-width: 992px) { 
  /*boostrap navbar*/
  .navbar-default { background-color: #F5F5F5; }
  .navbar-collapse.collapse { display: block!important; }
  .navbar-collapse { background-color: transparent; }
  /*aux*/
  .sidebar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 1031; overflow-x: hidden; overflow-y: auto;}
  .overlay { width: 100%; min-height: 100%; background-color: rgba(0,0,0,.60); }
  .logo { text-align: center; padding: 15px; /*background-color: #000;*/ }
}
@media (min-width: 768px) and (max-width: 991px) {
  body { padding-top: 49px; }
  .navbar-toggle { display: block; }
  .navbar-collapse.collapse { display: none!important; }
  .collapse.in { display: block!important; }
}
@media (max-width: 767px) {
  body { padding-top: 89px; }
  /*especiales*/
  .navbar-top .nav > li { float: left; width: 50%; }
  .navbar-top .nav > li { border-right: 0; }
  .navbar-top .nav > li:first-child { border-left: 0; }
  .navbar-top .nav > li a { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; }
  .navbar-top .nav > li > a.icon-nav { padding-top: 8px; padding-bottom: 8px; }
  /*aux*/
  .text-right-mobile { text-align: right; }
}