body {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  color: #818892;
}

body.rg-sticky-footer-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body.rg-sticky-footer-page #rg-footer {
  margin-top: auto;
}

.pdt10 {
  padding-top: 20px;
}

.pdt30 {
  padding-top: 30px;
}


.pdtb30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pdtb60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.clear_both {
  clear: both;
  min-height: 15px;
}

h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-family: "Montserrat", arial, sans-serif;
}

.panel-body {
    padding: 30px;
}

#line {
  width: 50px;
  height: 3px;
  border: solid 2px #000000;
  margin:0 auto 0 auto;
}

.sections, .office {
  font-size: 13.5px;
  font-weight: bold;
  line-height: 22px;
  margin-top: 0px;
  
}

.sections {
  text-transform: uppercase;
}

#rg-lang a {
  font-size: 13px;
  color: #818892;
  text-decoration: none;
}

#rg-lang a:hover, a:focus {
  text-decoration: underline;
}

#rg-lang a:active {
  color: #e18726;
  text-decoration: none;
}

#rg-lang {
  padding-top: 0 !important;
}

#rg-lang .rg-contact-header {
  color: #1f2a35;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.2;
}

#rg-lang .rg-lang-selector > a {
  color: #1f2a35;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  text-decoration: none;
}

#rg-lang .rg-lang-selector .dropdown-menu > li > a {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #1f2a35;
}

.rg-logo-col {
    display: flex;
    align-items: flex-start;
    min-height: 95px;
    padding-top: 0 !important;
    padding-bottom: 20px;
}

.rg-header-logo {
  width: 230px !important;
  height: auto !important;
  margin-top: 25px !important;
}

.rg-header-shell {
  width: calc(100% - 220px) !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.rg-lang-row {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.rg-lang-row #rg-lang {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.rg-header-right-col,
.rg-menu-row {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.rg-header-right-col {
    padding-top: 0 !important;
    padding-bottom: 20px;
}

.rg-lang-row {
  padding-top: 35px !important;
}

.rg-lang-row ul#rg-lang.list-inline.pdt10 {
  padding-top: 0 !important;
}

#rg-navbar.rg-public-navbar .navbar-nav.rg-public-nav {
  float: right !important;
  margin: 0 !important;
  padding-top: 0 !important;
}

#rg-navbar.rg-public-navbar .navbar-nav.rg-public-nav > li + li {
  margin-left: 60px !important;
}

#rg-navbar.rg-public-navbar .navbar-nav.rg-public-nav > li > a {
  font-family: "Roboto-Regular", "Roboto", arial, sans-serif !important;
  color: #000 !important;
  font-size: 1.2em !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

header .rg-header-right-col #rg-navbar.rg-public-navbar .navbar-nav.rg-public-nav > li > a {
  text-transform: none !important;
}

#rg-navbar.rg-public-navbar .navbar-nav.rg-public-nav > li > a > span .border:before {
  background: #e18726 !important;
}

#rg-navbar.rg-public-navbar .navbar-nav.rg-public-nav > li.active > a > span .border {
  background: #e18726 !important;
}
/*
.carousel-caption {
  left: 20%;
  right: 55%;
  top: 100px;
  bottom: 255px;
  padding: 0px 0px 0px 15px;
  text-align: left;
  background-color: rgba(0,0,0,0.5)  !important;
  border-radius: 10px 10px 10px 10px  !important;
  -moz-border-radius: 10px 10px 10px 10px !important;
  -webkit-border-radius: 10px 10px 10px 10px !important;
  border: 0px solid #000000  !important;
}

https://soliloquywp.com/docs/customize-the-soliloquy-caption/

*/

@media only screen and (min-width: 1244px) {
  #rg-slider h2 {
    color: #ffffff;
    font-size: 22px;
  }
  #rg-slider p {
    color: #ffffff;
    font-size: 18px;
  }

  .mostrarDispositivo {
    display: none;
  }

  .mostrarWeb {
    display: block;
  }
}    
  
@media only screen and (max-width: 1243px) and (min-width: 1110px) {  
  #rg-slider h2 {
    color: #ffffff;
    font-size: 20px;
  }
  #rg-slider p {
    color: #ffffff;
    font-size: 16px;
  }

  .mostrarDispositivo {
    display: none;
  }

  .mostrarWeb {
    display: block;
  }
}

@media only screen and (max-width: 1109px) and (min-width: 1040px) {  
  #rg-slider h2 {
    color: #ffffff;
    font-size: 19px;
  }
  #rg-slider p {
    color: #ffffff;
    font-size: 15px;
  }

  .mostrarDispositivo {
    display: none;
  }

  .mostrarWeb {
    display: block;
  }
}
 
@media only screen and (max-width: 1039px) and (min-width: 784px) {  
  #rg-slider h2 {
    color: #ffffff;
    font-size: 17px;
  }
  #rg-slider p {
    color: #ffffff;
    font-size: 13px;
  }

  .mostrarDispositivo {
    display: none;
  }

  .mostrarWeb {
    display: block;
  }
}

@media only screen and (max-width: 783px) and (min-width: 600px) {  
  #rg-slider h2 {
    color: #ffffff;
    font-size: 15px;
  }
  #rg-slider p {
    color: #ffffff;
    font-size: 11px;
  }

  .mostrarDispositivo {
    display: block;
  }

  .mostrarWeb {
    display: none;
  }
}

@media only screen and (max-width: 599px) and (min-width: 481px) {  
  #rg-slider h2 {
    color: #ffffff;
    font-size: 14px;
  }
  #rg-slider p {
    color: #ffffff;
    font-size: 10px;
  }
  #rg-slider .btn-primary { 
    padding: 1px 5px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
  }

  .mostrarDispositivo {
    display: block;
  }

  .mostrarWeb {
    display: none;
  }
}

@media only screen and (min-width: 960px) {  
  .carousel-caption {
    left: 20%;
    right: 40%;/*55%*/
    top: 100px;
    height: 170px;
    padding: 0px 15px 0px 15px;
    text-align: left;
    background-color: rgba(0,0,0,0.5)  !important;
    border-radius: 10px 10px 10px 10px  !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    border: 0px solid #000000  !important;
  }   
}    

@media only screen and (max-width: 959px) and (min-width: 841px) {  
  .carousel-caption {
    left: 20%;
    right: 30%;/*55%*/
    top: 70px;
    height: 160px;
    padding: 0px 15px 0px 15px;
    text-align: left;
    background-color: rgba(0,0,0,0.5)  !important;
    border-radius: 10px 10px 10px 10px  !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    border: 0px solid #000000  !important; 
  }  
}  

@media only screen and (max-width: 840px) and (min-width:695px) {  
  .carousel-caption {
    left: 20%;
    right: 20%;/*55%*/
    top: 50px;
    height: 150px;
    padding: 0px 15px 0px 15px;
    text-align: left;
    background-color: rgba(0,0,0,0.5)  !important;
    border-radius: 10px 10px 10px 10px  !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    border: 0px solid #000000  !important; 
  }  
  #rg-slider .btn-primary {    
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
}  

@media only screen and (max-width: 694px) and (min-width:596px) {  
  .carousel-caption {
    left: 20%;
    right: 20%;/*55%*/
    top: 30px;
    height: 140px;
    padding: 0px 15px 0px 15px;
    text-align: left;
    background-color: rgba(0,0,0,0.5)  !important;
    border-radius: 10px 10px 10px 10px  !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    border: 0px solid #000000  !important; 
  }   

  #rg-slider .btn-primary {    
    /*display:none;*/
    padding: 1px 4px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  } 
}  

@media only screen and (max-width: 595px) and (min-width:481px) {  
  .carousel-caption {
    left: 20%;
    right: 20%;/*55%*/
    top: 10px;
    height: 130px;
    padding: 0px 15px 0px 15px;
    text-align: left;
    background-color: rgba(0,0,0,0.5)  !important;
    border-radius: 10px 10px 10px 10px  !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    border: 0px solid #000000  !important; 
  } 
  
  #rg-slider .btn-primary {    
    /*display:none;*/
    padding: 1px 4px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
  } 
}  
  
/* Para 320px */  
@media only screen and (max-width: 480px) and (min-width: 1px)  {  
  .carousel-caption {
    display:none !important;
  }
  #rg-slider h2 {
    display:none;
  }
  #rg-slider p {    
    display:none;
  }
  
}

.carousel-control {
  filter: alpha(opacity=60) !important;
  opacity: .6 !important;
}

.icon-blue {
  color: #66a7de;
}

.ov-opcion-accent .icon-blue {
  color: #e18726;
}

.icon-red {
  color: #da0000;
}

.icon-green {
  color: #00ad00;
}

.icon-black {
  color: #000000;
}

.icon-grey {
  color: #dddddd;
}

.icon-brand {
  color: #e18726;
}

a:hover .icon-brand,
a:focus .icon-brand {
  color: #000;
}

.btn-brand {
  background-color: #e18726 !important;
  border-color: #e18726 !important;
  color: #fff !important;
}

.btn-brand:hover,
.btn-brand:focus,
.btn-brand:active,
.btn-brand.active {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

.btn-primary {
    background-color: #39ade2;
    border-color: #337ab7;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {
    background-color: #1177bd;
    border-color: #204d74;
}

/*
@media (min-width:320px)  { 
  #rg-slider h2 {
    color: #ffffff;
    font-size: 16px; 
  }
}

@media   (min-width:641px) and (min-width:961px) and (min-width:1025px) and (min-width:1281px) { 
  #rg-slider h2 {
    color: #ffffff;
    font-size: 22px;
  }
}

@media (min-width:481px)  { 
  #rg-slider p {
    color: #ffffff;
    font-size: 12px; 
  }
}

@media   (min-width:641px) and (min-width:961px) and (min-width:1025px) and (min-width:1281px) { 
  #rg-slider p {
    color: #ffffff;
    font-size: 18px;
  }
}
*/


a {
  font-size: 16px;
  color: #e18726;
  text-decoration: none;
}

a:hover, a:focus {
  color: #e18726;
  text-decoration: underline;
}

.ov-opcion-accent a {
  color: #e18726;
}

.ov-opcion-accent a:hover,
.ov-opcion-accent a:focus {
  color: #000;
}

.ov-opcion-accent .btn-primary {
  background-color: #e18726;
  border-color: #e18726;
}

.ov-opcion-accent .btn-primary:hover,
.ov-opcion-accent .btn-primary:focus,
.ov-opcion-accent .btn-primary:active,
.ov-opcion-accent .btn-primary.active,
.ov-opcion-accent .btn-primary.active:hover,
.ov-opcion-accent .btn-primary.active:focus,
.ov-opcion-accent .btn-primary:active:hover,
.ov-opcion-accent .btn-primary:active:focus {
  background-color: #000;
  border-color: #000;
}

.ov-opcion-accent .panel-primary {
  border-color: #e18726;
}

.ov-opcion-accent .panel-primary > .panel-heading {
  background-color: #e18726;
  border-color: #e18726;
}

.ov-opcion-accent .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e18726;
}

.ov-opcion-accent .panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e18726;
}

.ov-opcion-accent .pagination > li > a,
.ov-opcion-accent .pagination > li > span {
  color: #e18726;
}

.ov-opcion-accent .pagination > li > a:hover,
.ov-opcion-accent .pagination > li > span:hover,
.ov-opcion-accent .pagination > li > a:focus,
.ov-opcion-accent .pagination > li > span:focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.ov-opcion-accent .pagination > .active > a,
.ov-opcion-accent .pagination > .active > span,
.ov-opcion-accent .pagination > .active > a:hover,
.ov-opcion-accent .pagination > .active > span:hover,
.ov-opcion-accent .pagination > .active > a:focus,
.ov-opcion-accent .pagination > .active > span:focus {
  color: #fff;
  background-color: #e18726;
  border-color: #e18726;
}

a:active {
  text-decoration: none;
}

.no-padding {
  padding-right: 0px;
  padding-left: 0px;
}

#rg-logout, #rg-logout a {
  font-size: 13px;
}

.navbar {
  margin-bottom: 0px;
  margin-top: 0;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
}

.ov-menu {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav>li>a {
  color: #000000;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  background-color: transparent;
}

.navbar-nav > li > a {
  line-height: 20px;
}

@media (max-width: 768px) {
  .navbar-nav>li>a {
      padding-left: 10px;
      padding: 10px 5px;
  }

  .ov-menu {
    background-color: transparent;
    border-color: transparent;
  }
}

.navbar-collapse.collapse.menu {
  padding-left: 10%;
}

.navbar-collapse.in {
    overflow-y: inherit;
}

#rg-navbar .navbar-nav {
  padding-top: 0;
  float: left;
}

@media (max-width: 1025px) {
  #rg-navbar .navbar-nav {
    padding-top: 0px;
  }

  .mostrarDispositivo {
    display: block;
  }

  .mostrarWeb {
    display: none;
  }
}

@media (max-width: 1025px) and (min-width: 992px) {
  .mostrarDispositivo {
    display: none;
  }

  .mostrarWeb {
    display: block;
  }
}

#rg-navbar2 .navbar-nav {
  padding-top: 17px;
  float: none;
}

@media (max-width: 1025px) {
  #rg-navbar2 .navbar-nav {
    padding-top: 0px;
    height: 0px;
    width: 0px;
  }
}

.contaniner .container-submenu {
  padding-bottom: 0px !important;
  margin-bottom: auto !important;
}

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

.navbar-center {
   /*position: absolute;*/
    left: 0;
    right: 0;
    margin: 0 auto;
    width: auto;
    max-width: 768px;
    text-align: center;
  /*  position: absolute;
    left: 50%;
    transform: translatex(-50%);
  /*  width: 55%;*/

}

.navbar-center-menu {
  left: 0;
  right: 0;
  margin: 0 auto;
  width: auto;
  text-align: center;
}

.navbar-collapse {
  padding-right: 0px;
}


.navbar li a {
  text-transform: uppercase;
  color: #000000;
  font-size: 13.75px;/*13.8*/
  font-weight: normal;
  font-family: "Montserrat", arial, sans-serif;
  font-size: 13.55px;/*13.8*/
  padding:8px 8px;
}

.principal li a {
 /* margin: 3px  !important;*/
 font-size: 13.2px;/*13.8*/
  padding:8px 8px;
  /*padding-left: 2px !important;*/
}

.navbar li a > span .border {
  display: block; 
  height: 3px;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.navbar li a > span .border:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e18726;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.navbar li a:hover, .navbar li a:focus {
  outline: none;
}

.navbar li a:hover > span, .navbar li a:focus > span {
  outline: none;
}

.navbar li a:hover > span .border:before, .navbar li a:focus > span .border:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.navbar li.active a {
  background: transparent;
}

.navbar li.active a > span .border {
  background: #e18726;
}

.pie-foto {
  font-size: 11px;
  color: #000000;
  line-height: 1 !important;/*14*/
}

.pie-foto-lopd {
  font-size: 10px;
  color: #000000;
/*  margin:0;padding:0;*/
  line-height: 12px !important;
/*  line-height: 0.6em !important;/*14*/
}

.help-block {
    font-size: 11px;
}

#lastMenuItem {
  padding-right: 0px;
}

.thumbnail {
    border: 0px;
    padding: 0px;
    margin-bottom: 0px;
}

form {
  color: black
}

label {
  font-weight: 300;
}

.asteriskField{
  color: red;
}

#rg-footer {
  margin-top: 0;
  font-family: "Roboto-Light", "Roboto", arial, sans-serif;
}

#rg-footer .rg-footer-top {
  background: #000;
  color: #fff;
  height: 140px;
}

#rg-footer .rg-footer-shell {
  width: calc(100% - 220px) !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#rg-footer .rg-footer-top-row {
  display: flex;
  align-items: center;
  min-height: 140px;
  height: 140px;
  padding: 0;
}

#rg-footer .rg-footer-brand-col {
  display: flex;
  align-items: center;
}

#rg-footer .rg-footer-brand-link {
  display: inline-block;
}

#rg-footer .rg-footer-logo {
  width: 220px;
  height: auto;
}

#rg-footer .rg-footer-contact-col {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
}

#rg-footer .rg-footer-contact-block {
  text-align: right;
}

#rg-footer .rg-footer-contact {
  color: #fff;
  font-family: "Roboto-Light", "Roboto", arial, sans-serif;
  font-weight: 300;
  font-size: 0.9em;
  line-height: 1.35;
}

#rg-footer .rg-footer-social {
  display: flex;
  align-items: center;
  gap: 5px;
}

#rg-footer .rg-footer-social-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #d8d8d8;
  color: #2f2f2f;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 26px;
  line-height: 1;
  transition: all 0.25s ease;
}

#rg-footer .rg-footer-social-btn:hover,
#rg-footer .rg-footer-social-btn:focus {
  color: #fff;
  text-decoration: none;
}

#rg-footer .rg-footer-social-btn.facebook:hover,
#rg-footer .rg-footer-social-btn.facebook:focus {
  background: #38539B;
}

#rg-footer .rg-footer-social-btn.instagram:hover,
#rg-footer .rg-footer-social-btn.instagram:focus {
  background: #C5007B;
}

#rg-footer .rg-footer-social-btn.whatsapp:hover,
#rg-footer .rg-footer-social-btn.whatsapp:focus {
  background: #25D366;
}

#rg-footer .rg-footer-bottom {
  background: #ececec;
  border-top: 1px solid #e2e2e2;
}

#rg-footer .rg-footer-links {
  list-style: none;
  margin: 0;
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 28px;
}

#rg-footer .rg-footer-links li {
  margin: 0;
  padding: 0;
}

#rg-footer .rg-footer-links a {
  color: #000;
  font-family: "Roboto-Light", "Roboto", arial, sans-serif;
  font-weight: 300;
  font-size: 1em;
  line-height: 1.1;
  text-decoration: none;
}

#rg-footer .rg-footer-links a:hover,
#rg-footer .rg-footer-links a:focus {
  color: #000;
  text-decoration: none;
}

@media (max-width: 991px) {
  #rg-footer .rg-footer-shell {
    width: calc(100% - 30px) !important;
  }

  #rg-footer .rg-footer-top-row {
    display: block;
    min-height: 0;
    padding: 24px 0;
  }

  #rg-footer .rg-footer-brand-col {
    justify-content: center;
    margin-bottom: 20px;
  }

  #rg-footer .rg-footer-logo {
    width: 260px;
  }

  #rg-footer .rg-footer-contact-col {
    flex-direction: column;
    gap: 18px;
  }

  #rg-footer .rg-footer-contact-block {
    text-align: center;
  }

  #rg-footer .rg-footer-contact {
    font-size: 18px;
  }

  #rg-footer .rg-footer-social-btn {
    width: 56px;
    height: 56px;
    font-size: 34px;
  }

  #rg-footer .rg-footer-links {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px 24px;
    padding: 16px 0;
  }

  #rg-footer .rg-footer-links a {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  #rg-footer {
    margin-top: 30px;
  }

  #rg-footer .rg-footer-contact {
    font-size: 16px;
  }

  #rg-footer .rg-footer-links a {
    font-size: 14px;
  }
}

figure {
	overflow: hidden;
}

figure:hover+span {
	bottom: -36px;
	opacity: 1;
}

.zoom figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.zoom figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.media {
  padding: 15px 15px 15px 0px;
}

.media2 {
  padding: 0px 0px 15px 0px;
}

/* Recolor specific PNG icons to the brand orange without replacing image files */
.rg-accent-icon {
  filter: hue-rotate(-165deg) saturate(220%) brightness(95%) contrast(105%);
}

img[src*="icon-duplicados-de-recibos-peq.png"] {
  filter: hue-rotate(-165deg) saturate(220%) brightness(95%) contrast(105%);
}

.bb-gris {
  border-bottom: 1px solid #e9e9e9;
}

.bb-gris1 {
  border-top:  1px solid #e9e9e9;
}

.bb-gris2 {
  border-top:  1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

.media-heading {
  font-size: 20px;/*25*/
  min-height: 64px;
}

.media-heading2 {
  font-size: 18px;/*25*/
  min-height: 32px;
  margin-top: 5px;
  margin-bottom: 5px;
}

/*.media-object2 {*/
/*  display: block;*/
/*  width:65px;*/
/*}*/

.one-line{
  min-height: 32px;
}

.borde-drcha {
  border-right: 1px solid #e9e9e9;
}

#li-blue ul > li  {
    color: #39ade2;
}

#li-blue ul > li > span  {
    color: #818892;
}

.nav-tabs {
    margin-bottom: 0;
    border: none;
}
.tab-content {
	min-height: 350px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
}

.table-row{
	cursor:pointer;
}

.table-hover>tbody>tr:hover {
    background-color: #d9edf7;
}

fieldset {
	border:1px solid #e5e5e5;
	border-radius:8px;
	padding: 15px 0px 5px 10px;
}

legend {
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 0px;
    line-height: inherit;
    border: 0;
    border-bottom: 0px solid #e5e5e5;
}

.cell-border  {
	 border: 1px solid #dddddd;
}

#resumenPago, #nuevoUsuario {
	display: none;
}

.help-block > a {
  font-size: 11px;
}

div.dataTables_info {position:absolute !important}
div.dataTables_wrapper div.dataTables_paginate {float:none; text-align:center !important}

.google-maps {
position: relative;
padding-bottom: 75%; /* This is the aspect ratio*/
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 30px;
left: 0;
width: 100% !important;
height: 100% !important;
}

.filtro, .filtroE {
  display: none;
/*  visibility: hidden;*/
}
.seleccionado {
  display: none;
/*  visibility: hidden;*/
}

.totalVoluntariaFiltrado, .totalEjecutivaFiltrado {
  display: none;
/*  visibility: hidden;*/
}
.totalVoluntariaSeleccionado {
  display: none;
/*  visibility: hidden;*/
}

.imprimir_duplicado {
  position: absolute;
  color: #939393;
  font-size: 3.5rem;
  width: 97%;
  text-align: center;
  transform: rotate(-45deg);
}

.linea_1, .linea_2, .linea_3, .linea_4, .linea_5, .linea_6, .linea_7, .linea_8, .linea_9, .linea_10, .modal_periodo_linea {
  font-size: 12px;/*13.8*/
  font-weight: normal;
  font-family:  "Mónaco", "Lucida Console", "Andale Mono";/*"Montserrat", arial, sans-serif;*/
    /*"Courier New","Fixedsys",*/
}

/**
 * Responsive Bootstrap Tabs by @hayatbiralem
 * 15 May 2015
 */

@mixin ellipsis(){
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
}

@mixin icon-styles(){
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@mixin transform($transform){
  -webkit-transform: $transform;
  -moz-transform: $transform;
  -ms-transform: $transform;
  -o-transform: $transform;
  transform: $transform;
}

@media screen and (max-width: 479px) {
  .nav-tabs-responsive {
    > li {
      display: none;
      width: 23%;
      > a {
        @include ellipsis();
        width: 100%;
        text-align: center;
        vertical-align: top;
      }
      &.active {
        width: 54%;
        &:first-child {
          margin-left: 23%;
        }
      }
      &.active,
      &.prev,
      &.next {
        display: block;
      }
      &.prev,
      &.next {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
      }
      &.next > a,
      &.prev > a {
        -webkit-transition: none;
        transition: none;
        .text {
          display: none;
        }
        &:after,
        &:after {
          @include icon-styles();
        }
      }
      &.prev > a:after {
        content: "\e079";
      }
      &.next > a:after {
        content: "\e080";
      }
      &.dropdown {
        > a > .caret {
          display: none;
        }
        > a:after {
          content: "\e114";
        }
        &.active > a {
          &:after {
            display: none;
          }
          > .caret {
            display: inline-block;
          }
        }

        .dropdown-menu {
          &.pull-xs-left {
            left: 0;
            right: auto;
          }
          &.pull-xs-center {
            right: auto;
            left: 50%;
            @include transform(translateX(-50%));
          }
          &.pull-xs-right {
            left: auto;
            right: 0;
          }
        }
      }
    }
  }

  .mostrarDispositivo {
    display: block;
  }

  .mostrarWeb {
    display: none;
  }
}



/**
 * Demo Styles
 */

.wrapper {
  padding: 15px 0;
}

.bs-example-tabs .nav-tabs {
  margin-bottom: 15px;
}

@media (max-width: 479px) {
  #narrow-browser-alert {
    display: none;
  }
}


.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/loading_04.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 0px; /*3px solid #30a8e0;*/
}

.calenFinalizado{
  color: red;
}

.calenProxima{
  color: orange;
}

.calenEnPlazo{
  color: green;
}

.rowImageHeader {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0;
}

.colImageHeader {
  padding: 0;
}

#rg-slider-static img {
  width: 100%;
  display: block;
}

#rg-slider-static h2 {
  color: #fff;
  font-size: 2em;
  font-family: "Roboto-Medium", "Roboto", arial, sans-serif;
}

#rg-slider-static p {
  color: #fff;
  font-size: 1.2em;
  font-family: "Roboto-Regular", "Roboto", arial, sans-serif;
}

#rg-slider-static .btn-primary {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}

#rg-slider-static .rg-enter-btn {
  background-color: #e18726 !important;
  border-color: #e18726 !important;
  color: #fff !important;
  padding: 9px 18px !important;
  font-size: 16px !important;
}

#rg-slider-static .rg-enter-btn:hover,
#rg-slider-static .rg-enter-btn:focus {
  background-color: #000 !important;
  border-color: #000 !important;
}

#rg-slider-static .rg-slider-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  margin-top: 10px;
}

#rg-slider-static .rg-social-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #333;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 30px;
}

#rg-slider-static .rg-social-btn:hover,
#rg-slider-static .rg-social-btn:focus {
  color: #fff;
  text-decoration: none;
}

#rg-slider-static .rg-social-btn.facebook:hover,
#rg-slider-static .rg-social-btn.facebook:focus {
  background: #38539B;
}

#rg-slider-static .rg-social-btn.instagram:hover,
#rg-slider-static .rg-social-btn.instagram:focus {
  background: #C5007B;
}

#rg-slider-static .rg-social-btn.whatsapp:hover,
#rg-slider-static .rg-social-btn.whatsapp:focus {
  background: #25D366;
}

/* Tooltips */
.ayuda + .tooltip {
  max-width: 550px;
  width: 550px;
}
.ayuda + .tooltip.top > .tooltip-inner {
  background-color: #e18726;
  color: #ffffff;
}

.ayuda + .tooltip.top > .tooltip-arrow {
  border-top-color: #e18726;
}

.ayuda + .tooltip.bottom > .tooltip-inner {
  background-color: #e18726;
  color: #ffffff;
}
.ayuda + .tooltip.bottom > .tooltip-arrow {
  border-bottom-color: #e18726;
}

.ayuda + .tooltip.right > .tooltip-inner {
  background-color: #e18726;
  color: #ffffff;
}
.ayuda + .tooltip.right > .tooltip-arrow {
  border-right-color: #e18726;
}
/* Tooltips */
.justificante-gratuito {
  font-size: 0.7em;
  font-weight: bold;
  font-style: italic;
}
/*Override default success styles*/
/*
.has-success .form-control {
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.has-success .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}*/



/*Styles for multi-input inline forms (4 inputs in a row)*/
/*.form-control.input-sector {
    width: 70px;
}*/

/* Botón destacado menú */
.botonDestacado {
  min-width: 150px;
  min-height: 25px;
  font-size: 12px;
  text-transform: none;
  letter-spacing: 1.3px;
  font-weight: 0;
  color: #fff;
  background: #1177bd;
  background: linear-gradient(90deg, rgb(131, 191, 229) 0%, rgb(17, 119, 189) 100%);
  border: none;
  border-radius: 10px;
  box-shadow: 3px 3px 6px rgba(17,119,189,.64);
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
  outline: none;
  position: relative;
  padding: 5px;
  animation: parpadeo 2.0s infinite;
}
/*
.botonDestacado::before {
content: '';
  border-radius: 10px;
  min-width: calc(150px + 12px);
  min-height: calc(25px + 12px);
  border: 6px solid #3297c8;
  box-shadow: 0 0 10px rgb(4, 37, 50);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .3s ease-in-out 0s;
}

.botonDestacado:hover, .button:focus {
  color: #082534;
  transform: translateY(0px);
}
*/
.botonDestacado:hover::before, .botonDestacado:focus::before {
  opacity: 1;
}

.botonDestacado::after {
  content: '';
  width: 15px; height: 15px;
  border-radius: 100%;
  border: 6px solid #3297c8;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 2.5s infinite;
  /*  animation-name: ring, parpadeo;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;*/
}
/*
.botonDestacado:hover::after, .botonDestacado:focus::after {
  animation: none;
  display: none;
}
*/
@keyframes ring {
  0% {
    width: 15px;
    height: 15px;
    opacity: 1;
  }
  100% {
    width: 100px;
    height: 100px;
    opacity: 0;
  }
}

@keyframes parpadeo {
  0% { opacity: 1.0; }
  25% { opacity: 0.7; }
  50% { opacity: 0.2; }
  75% { opacity: 0.7; }
  100% { opacity: 1.0; }
}

@media (orientation:portrait){
  .botonDestacado {
    margin: 10px 0 15px 0;
  }
}
/* Fin botón destacado menú */

/* Botón destacado2 */
.botonDestacadoNuevo {
  border: none;
  top: -5%;
  left: 80%;
  position: absolute;
  animation: parpadeoNuevo 1.25s infinite;
}

@keyframes parpadeoNuevo {
  0% { opacity: 1.0; }
  12.5% { opacity: 0.75; }
  25% { opacity: 0.5; }
  37.5% { opacity: 0.25; }
  50% { opacity: 0.0; }
  62.5% { opacity: 0.25; }
  75% { opacity: 0.5; }
  87.5% { opacity: 0.75; }
  100% { opacity: 1.0; }
}
/* Fin botón destacado2 */

/* Tablón anuncios */
.ul-tablon {
  border: 2px solid #e18726;
  border-radius: 5px;
}

.li-tablon-par {
  background: #fff3e2;
  color: #000000;
}

.li-tablon-impar {
  background: #ffffff;
  color: #000000;
}

.text {
  font-weight: bold;
  color: #e18726;
}

.parpadea {
  animation-name: parpadeo;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name: parpadeo;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@keyframes parpadeo {
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
/* Fin Tablón anuncios */

/*  Pago de recibos countDown */
#expirePagoRecibosDiv {
  /*display:none;*/
}

#expireTextPagoRecibosDiv {
  font-weight: bold;
  font-size: 2.0rem;
  margin-top: 25px;
}

#expireBottomPagoRecibosDiv {
  width: 90%;
  text-align: center;
  background-color: #e18726;
  padding: 10px;
  margin: 0 10px 0 10px;
  border: 1px solid #e18726;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  color: #fff;
  /*font-weight: bold;*/
  font-size: 125%;
  box-shadow: -1px -1px 5px 1px #8a4f12 inset;
  -moz-box-shadow: -1px -1px 5px 1px #8a4f12 inset;
  -webkit-box-shadow: -1px -1px 5px 1px #8a4f12 inset;
  /*cursor: pointer;*/
}
.notaPagoRecibos {
  font-size: 1.0rem;
  font-weight: bold;
  color: #000;
}
/* Fin pago de recibos countDown */

.mensajeErrorPagoRecibos {
  font-weight: bold;
  font-size: 2.2rem;
  color: red;
}

.mensajeAvisoPagoRecibos {
  font-weight: bold;
  font-size: 2.0rem;
  color: #337ab7;
}

.img-responsive {
  display: unset ! important;
}

@media print {
  @page {
    size: auto;
    margin: 5mm 3mm 5mm 3mm;
  }
}