h1, h2, h3, h4, h5, h6 {
  font-family: Ubuntu;
}

b, strong { 
  font-family: Ubuntu;
}

p {
  line-height: 1.55;
  color: #333;
  font-size: 400;
  font-family: Ubuntu;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color: #007d8e !important;
}


/* ==================================================
  General
  ================================================== */
a {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

a {
      color: #007d8e;
    text-decoration: none;
    font-weight: 800;
  text-decoration: none;
}
a:hover,
a:focus {
  color: black;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


/* ==================================================
  Elements
  ================================================== */
.btn {
  background-color: #007d8e;
  /* font-family: Ubuntu; */
  /* font-weight: 800; */
  color: #fff;
  padding: 15px 20px;
  border-radius: 50px;
}

.btn:hover {
  background-color: #e6ad54;
  color: #fff;
}

.btn:focus {
  color: #fff;
}

.btn-ghost {
  border: 3px solid #fff;
  background-color: transparent;
}

.btn-ghost:hover {
  background-color: #fff;
  color: #007d8e;
}

section {
  padding: 0px 0;
}

.card {
  position: relative;
  padding: 0;
  border: 0;
  border-radius: 0;
  margin: 0;
  overflow: hidden;
}

a:hover {
  text-decoration: none !important;
}

.scrolltop {
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #0a1729;
  color: #fff;
  text-align: center;
  font-size: 24px;
  z-index: 2000;
}

.scrolltop:hover, .scrolltop:active, .scrolltop:focus {
  color: #fff !important;
  opacity: .75;
}

/* ==================================================
  Hero Styling
================================================== */




.tagline {
  font-family: Ubuntu;
  font-size: 26px;
  /*margin: 45px 0 75px 0;*/
  color: #fff;
}

/* ==================================================
  Header Styling
================================================== */
#header {
  background: #007d8e;
  height: auto;
}

#header #logo {
  margin: 14px 25px 0 0;
}

#header #logo h1 {
  font-size: 36px;
  margin: 0;
  padding: 2px 0;
  line-height: 1;
  font-family: Ubuntu;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#header #logo h1 a, #header #logo h1 a:hover {
  color: #fff;
}

#header #logo img {
  padding: 0;
  margin: 0;
  max-height: 40px;
}

@media (max-width: 768px) {
  #header {
    height: 50px;
  }
  #header #logo {
    margin: 10px 0 0 0;
  }
  #header #logo h1 {
    padding: 2px 0;
    font-size: 26px;
  }
  #header #logo img {
    max-height: 30px;
  }
}

#header .social-nav {
  margin-top: 10px;
}

#header .social-nav a {
  font-size: 24px;
  margin-left: 5px;
  margin-right: 5px;
  color: #fff;
}

#header .social-nav a:hover {
  color: rgba(255, 255, 255, 0.75);
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
div.modal  {
  background: rgb(1,1,1,0.5) !important;
}
.nav-menu li {
  position: relative;
  white-space: nowrap;
}

.nav-menu > li {
  float: right;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block;
}

.nav-menu ul ul {
  top: 0;
  left: 100%;
}

.nav-menu ul li {
  min-width: 180px;
}

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {
  padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  position: absolute;
  right: 15px;
     font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
}



/* Nav Meu Styling */
.nav-menu a {
  padding: 15px 15px 15px 15px;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-family: Ubuntu;
  font-weight: 300;
  font-size: 15px;
  outline: none;
      text-transform: uppercase;
}

.nav-menu a:hover, .nav-menu li:hover > a, .nav-menu .menu-active > a {
      color:#e6ad54;
    font-weight: 800;
}

.nav-menu ul {
  margin: 4px 0 0 15px;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.08);
}

.nav-menu ul li {
  background: #fff;
  border-top: 1px solid #f4f4f4;
}

.nav-menu ul li:first-child {
  border-top: 0;
}

.nav-menu ul li:hover {
  background: #007d8e;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.nav-menu ul li a {
  color: #333;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  padding: 10px 15px;
}

.nav-menu ul li a:hover {
  color: #fff;
}

.nav-menu ul ul {
  margin: 0;
}

/* Mobile Nav Toggle */
#mobile-nav-toggle {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  margin: 8px 10px 0 0;
  border: 0;
  background: none;
  font-size: 24px;
  display: none;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  outline: none;
  cursor: pointer;
}

#mobile-nav-toggle i {
  color: #fff;
}

@media (max-width: 768px) {
  #mobile-nav-toggle {
    display: inline;
  }
}

/* Mobile Nav Styling */
#mobile-nav {
  position: fixed;
  top: 0;
  padding-top: 18px;
  bottom: 0;
  z-index: 998;
  color:black !important;
  text-align:center;
  background: #f9f9f9;
  left: -260px;
  width: 260px;
  overflow-y: auto;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

#mobile-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#mobile-nav ul li {
  position: relative;
}

#mobile-nav ul li a {
  color: black;
  font-size: 16px;
  overflow: hidden;
  padding: 10px 22px 10px 15px;
  position: relative;
  text-decoration: none;
  width: 100%;
  display: block;
  outline: none;
}

#mobile-nav ul li a:hover {
  color: gold;
}

#mobile-nav ul li li {
  padding-left: 30px;
}

#mobile-nav ul .menu-has-children i {
  position: absolute;
  right: 0;
  z-index: 99;
  padding: 15px;
  cursor: pointer;
  color: gold;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
  color: #007d8e;
}

#mobile-nav ul .menu-item-active {
  color: #007d8e;
}

#mobile-body-overly {
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

/* Mobile Nav body classes */
body.mobile-nav-active {
  overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
  left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
  color: #fff;
}

/* ==================================================
  Stats Styling
================================================== */
.stats-row {
  margin-top: 65px;
}

.stats-col .circle {
  display: inline-block;
  width: 160px;
  height: 160px;
  font-family: Ubuntu;
  font-weight: 500;
  color: #666;
  border: 6px solid #007d8e;
  border-radius: 50%;
  padding: 55px 25px 0 25px;
  position: relative;
}

.stats-col .circle .stats-no {
  color: #fff;
  width: 70px;
  height: 70px;
  line-height: 70px;
  top: -25px;
  right: -15px;
  font-family: Ubuntu;
  font-size: 18px;
  background-color: #e6ad54;
  position: absolute;
  border-radius: 50%;
  font-weight: 700;
}

/* ==================================================
  Parallax Styling
  ================================================== */
.block {
      /* color: #fff; */
    height: auto;
    /* overflow: hidden; */
   /* padding-top: 35px;*/
    /*padding-bottom: 35px;*/
}

.block h2 {
  /* text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 35px;
  font-family: Ubuntu; */
}

.block p {
  color: black;
  margin-bottom: 45px;
}

/* ==================================================
  Features Styling
  ================================================== */
.solicitesucita {
  padding-bottom: 45px;
}

.solicitesucita h2 {
  color: #007d8e;
    font-family: Ubuntu;

}

.feature-col {
  display: table;
  padding-bottom: 0px;
}

.feature-col > div > div {
  display: table-cell;
  vertical-align: middle;
}

.feature-col > div > div:last-child {
  padding-left: 20px;
}

.feature-col .feature-icon {
  width: 70px;
  height: 70px;
  margin-bottom: 15px;
  background: #007d8e;
  color: #fff;
  font-size: 24px;
  text-align: center;
  line-height: 70px;
  border-radius: 50%;
  display: inline-block;
}

.feature-col h3 {
  color: #007d8e;
}

.feature-col p {
  font-family: Ubuntu;
  font-size: 14px;
  color: #999;
}

/* ==================================================
  Call-to-action Styling
  ================================================== */
.cta {
  background-color: #007d8e;
  padding: 25px 0;
}

.cta h2 {
  margin-bottom: 5px;
}

.cta h2,
.cta p {
  color: #fff;
}

.cta p {
  margin-bottom: 0;
  opacity: .75;
}

.cta .btn-ghost {
  position: relative;
  top: 13px;
}

/* ==================================================
  Portfolio Styling
  ================================================== */
.portfolio {
  background-color: black;
  padding-bottom: 0;
}

.portfolio h2 {
  color: #007d8e;
  margin-bottom: 25px;
    font-family: Ubuntu;
  text-transform:uppercase;

}

.portfolio-grid {
  margin-top: 50px;
}

.portfolio-grid .row {
  margin: 0;
}

.portfolio-grid .row > div {
  padding: 0;
}

.portfolio-grid .row > div .card img {
  width: 100%;
}

.portfolio-grid .row > div .card .portfolio-over {
  position: absolute;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.portfolio-grid .row > div .card .portfolio-over > div {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.portfolio-grid .row > div .card .portfolio-over .card-title {
  color: #fff;
  font-size: 30px;
}

.portfolio-grid .row > div .card .portfolio-over .card-text {
  color: #fff;
  opacity: .75;
  padding: 0 45px;
}

.portfolio-grid .row > div .card:hover .portfolio-over {
  opacity: 1;
  visibility: visible;
}

/* ==================================================
  Team Styling
  ================================================== */
.team h2 {
  color: #007d8e;
    font-family: Ubuntu;

}

.team .col-sm-3 {
  padding: 0;
}

.team .card > a {
  display: block;
}

.team .card img {
  width: 100%;
}

.team .card h4 {
  color: #fff;
  text-transform: uppercase;
}

.team .card p {
  font-size: 11px;
  color: #fff;
  opacity: .75;
  margin: 0;
  padding: 0 35px;
}

.team .card .social-nav {
  margin-bottom: 45px;
}

.team .card .social-nav a {
  color: #fff;
  font-size: 16px;
  margin: 0 4px;
}

.team .card .social-nav a:hover {
  opacity: .75;
}

.team .card:hover .team-over {
  opacity: 1;
  visibility: visible;
}

.team .card:hover .card-title-wrap {
  background-color: #007d8e;
}

.team .card:hover .card-title-wrap .card-title, .team .card:hover .card-title-wrap .card-text {
  color: #fff;
}

.team .team-over {
  padding-top: 45px;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.team .card-title-wrap {
  padding: 15px 25px;
  position: relative;
  z-index: 9;
  background-color: #fff;
}

.team .card-title-wrap .card-title, .team .card-title-wrap .card-text {
  font-family: Ubuntu;
  display: block;
  margin: 0;
}

.team .card-title-wrap .card-title {
  font-size: 24px;
  color: #333;
}

.team .card-title-wrap .card-text {
  font-size: 18px;
  color: #999;
}

/* ==================================================
  Contact Section
  ================================================== */
#contact {
  background: #f7f7f7;
  padding: 50px 0;
}

#contact h2 {
  font-family: Ubuntu;
  color: #007d8e;
}

#contact .info i {
  font-size: 32px;
  color: #007d8e;
  float: left;
}

#contact .info p {
  padding: 0 0 10px 50px;
  line-height: 24px;
}

#contact .form #sendmessage {
  color: #007d8e;
  border: 1px solid #007d8e;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {
  display: block;
}

#contact .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}

#contact .form input, #contact .form textarea {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#contact .form button[type="submit"] {
  background: #007d8e;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

#contact .form button[type="submit"]:hover {
  background: #23c2e1;
}

/* ==================================================
  Footer Styling
  ================================================== */
.site-footer {
    background-color: #314456;
    padding: 0;
    padding-top: 30px;
    padding-bottom: 20px;
}

.site-footer h2, .site-footer p {
  color: #fff;
}

.site-footer p {
 /* opacity: .75;*/
  line-height: 2.0925;
}

.site-footer h2,
.site-footer .btn {
  margin-bottom: 25px;
}

.site-footer .social-nav a {
  color: #fff;
  opacity: .25;
}

.site-footer .social-nav a:hover {
  opacity: 1;
}

.site-footer .bottom {
  background-color: #314456;
  padding: 20px 0;
}

.site-footer .bottom .list-inline, .site-footer .bottom p {
 /* margin: 0;*/
}

.site-footer .bottom .list-inline {
  position: relative;
  top: 5px;
}

.site-footer .bottom .list-inline a {
  color: #fff;
  font-family: Ubuntu;
  margin-right: 15px;
}

.site-footer .bottom .list-inline a:hover {
  color: #007d8e;
}

.site-footer .credits {
  color: #ddd;
}

.site-footer .credits a {
  color: #007d8e;
}

/* ==================================================
  Responsive Styling
  ================================================== */

@media (max-width: 61.9em) {
 /* section,
  .block,
  .cta {
    padding: 35px 0;
  }*/
  .solicitesucita {
    padding-bottom: 5px;
  }
  p,
  .block p {
    margin: 0;
  }
  .hero-brand {
    margin-bottom: 35px;
  }
  .tagline {
    margin: 35px 0;
  }
  h1 {
    font-size: 32px;
    margin: 0;
  }
  h2,
  .tagline {
    font-size: 24px;
  }
  h2 {
    margin-bottom: 25px;
  }
  h3 {
    font-size: 14px;
  }
  .hero {
    /*padding: 75px 0;*/
    width:100%;
	
  }
  .stats-col {
    margin-bottom: 25px;
  }
  .block {
    height: auto;
  }
  .feature-col {
    padding-bottom: 30px;
  }
  .portfolio-grid .card h3.card-title {
    font-size: 18px !important;
  }
  .portfolio-grid .card .card-text {
    font-size: 13px;
  }
  .team .team-over {
    padding-top: 20px;
  }
  .team .card .social-nav {
    margin-bottom: 15px;
    padding: 0;
  }
  .site-footer .social-nav {
    margin-bottom: 35px;
  }
  .site-footer .list-inline {
    text-align: center;
    padding-bottom: 15px;
  }
  .site-footer .list-inline li {
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .block {
    padding-left: 30px;
    padding-right: 30px;
  }
}



body {font-family: Ubuntu;
    font-size: 15px;
  }
  
  /* nuevos estilos select 25/07/2018*/
label {  font-family: Ubuntu;}

#inicio_contratos_provincia {
  
  width: 100%;
    border: hidden;
    border-bottom: 1px solid #007d8e;
    border-radius: 0px;
    background-color: transparent;
    font-size: 15px;
  font-family: Ubuntu;
    font-size: 15px;
  
}

.inicio_contratos_provincia_foco{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  text-decoration: none;
  width:96%;
  height:35px;
  margin:auto;
  margin-top: 0.5%;
  padding-left: 5px;
  border:hidden;
  border-bottom:1px solid red;
  display:block;
  font-size:20px;
  
  -ms-transition-property:all;
  -ms-transition-duration: .2s;
  -ms-transition-timing-function:ease-in; 
  -webkit-transition-property:all;
  -webkit-transition-duration: .2s;
  -webkit-transition-timing-function:ease-in;
  transition-property:all;
  transition-duration: .2s;
  transition-timing-function:ease-in;
  font-family: Ubuntu;
    font-size: 20px;
}
.inicio_contratos_provincia_foco:focus{/*para que no muestre el cuadro que est� activo*/
  outline:0px;
}

#lista-puestos {
     /* height: 16vw; */
    width: 100%;
    /* border: hidden; */
    /* background-color: #fbf8ee; */
    /* border: 1px solid #007d8e;
    color: #000000;
    font-weight: bold;
    font-family: Ubuntu;
    font-size: 20px;
    padding: 5px; */
}

/*estilos registro usuarios */

#contenedor-registro select, #contenedor-registro input:not([type=checkbox]) {

      width: 100%;
    border: hidden;
    border-bottom: 1px solid #007d8e;
    border-radius: 0px;
    background-color: transparent;
    font-size: 15px;
  /* font-family: Ubuntu; */
    font-size: 15px;
}

/* estilos text area telefono y m�s registro, etc... */


.form-control {
    display: block;
    width: 100%;
    /* margin: 5px; */
  font-family: Ubuntu;
    font-size: 15px;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: BLACK;
    background-color: #fff;
    background-image: none;
    border: 1px solid #cccccc;
  
}
.form-control_index {
    display: block;
    width: 100%;
    margin: 3px;
  font-family: Ubuntu;
    font-size: 15px;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: BLACK;
    background-color: #f7f7f7;
    background-image: none;
    border: 1px solid #007d8e;
  
}

.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);
}
.form-control_index: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);
}

/* panel como funciona / titulos acordeones*/

.panel-title  {
    color: inherit;
  font-family: Ubuntu;
    font-size: 15px;
   font-weight: bold;
}

.panel-title > a {
    color: inherit;
  font-family: Ubuntu;
    font-size: 15px;
   font-weight: bold;
}

.panel-default > .panel-heading {
    color: #007d8e;
    background-color: #f5f5f5;
    border: 1px solid #007d8e;
}

/* label {color:black;} */
/* input login inicio */

label {
  margin-bottom: 10px!important;
}
@media only screen and (min-width: 600px) {
  .form-control {
        width: 100%;
    
    
  }
  .form-control_index {
        width: 30%;
          border-radius: 5px;
    
    
  }
  .btn {
    width: AUTO;
      padding: 10px;
    margin-bottom: 5px;
   /* margin-left: 4px;*/
    }
}


@media only screen and (max-width: 900px) {
  .container {
    width: 100%;
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    /* margin-right: auto; */
    margin-left: auto;
}

h1, .h1 {
    font-size: 20px;
}

h2, .tagline {
    font-size: 14px;
}

h3, .h3 {
    font-size: 14px;
}

b, strong {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

}


/* estilos registro usuarios */

#contenedor-registro .row_registro {
    margin-bottom: 10px;
    background-color: #ffffff;
    border: 1px solid #007d8e;
    border-radius: 5px;
    box-shadow: 10px 10px 30px -15px rgba(0,0,0,0);
    padding: 10px;
      width: 90%;
    /*margin-left: 5%;*/
}
.row_registro {
    margin-right: 300px;
    margin-left: 300px;
    padding-bottom: 50px;
}

.row_registro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

/* ESTILOS NUEVOS CONTRATOS */

#contenedor-registro .row_nuevo_contrato {
    margin-bottom: 10px;
    background-color: #ffffff;
    border: 1px solid #007d8e;
    border-radius: 5px;
    box-shadow: 10px 10px 30px -15px rgba(0,0,0,0);
    padding: 10px;
      width: 90%;
    margin-left: 5%;
}
.row_nuevo_contrato {
    margin-right: 300px;
    margin-left: 300px;
  /*  padding-bottom: 50px;*/
}

.row_nuevo_contrato {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}




.social-sharing {
  display: block;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index:250;
  background-color:#0076c0;
}
.social-sharing ul.menu-social {
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrapwrap;
  flex-wrap: nowrap;
}

.social-sharing ul.menu-social li {
  flex: 0 1 40px;
  height: 40px;
}
.social-sharing ul.menu-social li.newsletter {
  flex: 1 1 auto;
  line-height: 40px;
  position: relative;
  border-top: 1px solid #007d8e;
    background-color: #007d8e;
  }
ul.menu-social li a::before {
  content: "\f135";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 20px;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 40px;
  color:white;
  
}
ul.menu-social li a[href*="facebook.com"]::before {
  content: "\f09a";
    color:white;
 font-family: FontAwesome;
}
ul.menu-social li a[href*="twitter.com"]::before {
  content: "\f099";
    color:white;
 font-family: FontAwesome;
}
ul.menu-social li a[href*="outlook.com"]::before {
  content: "\f231";
    color:white;
     font-family: FontAwesome;

}
ul.menu-social li a[href*="whatsapp://send"]::before {
  content: "\f232";
    color:white;
        font-family: FontAwesome;

}

@media (max-width: 767px) {
  .social-sharing ul.menu-social li.rrss {

  display:none;
  }
  
  .social-sharing ul.menu-social li.newsletter {
      padding-bottom: 80px;
  }
    .modal-content {    }

  
  
}
@media (min-width:767px ) {

      .modal-content {    padding: 5px;}
 .block {
       overflow: hidden;
  }
  
  .label_citas {
  
  color: black;
    BACKGROUND-COLOR: #e0d4af;
    PADDING: 5PX;
    BORDER-RADIUS: 5PX;
    FONT-SIZE: 15PX;
  font-family: Ubuntu;
  
}
.label_citas_grandes {
  
  color: black;
   /* BACKGROUND-COLOR: #e0d4af;*/
    PADDING: 5PX;
      font-weight: 400;
    BORDER-RADIUS: 5PX;
  font-family: Ubuntu;
  width:100%;
  font-size:20px;

}
}


.titulos_paginas {
padding-left:40px;
padding-right:40px;
text-align: left !important;
margin-left: 45px !important;
text-align:center !important;
      color: black;
        font-size: 32px;
  
}



/* estilos cease 02/08/2018*/

@media (max-width: 600px) {
  
  .iniciar_sesion {display:none;}
  
  
}
@media (min-width: 600px) {
  
  .iniciar_sesion {margin:3%;width:40%;}
  
  
}

@media only screen and (max-width: 900px) {
  
  .ocultar_imagen {display:none;}
}
@media (min-width: 900px) {
  
  .ocultar_imagen_pequena {display:none;}
}


/*botones deshabilitados los reyes magos */


button[disabled], html input[disabled] {
    cursor: default;
    background-color: red;
      opacity: 0.5;
}



/*CAPAS RESPONSIVE REGISTRO USUARIO pablo guialen 09/07/2018*/

@media (min-width: 1400px) {
  
.capa_responsive_registro {
  
  width:50%;
  float:left;
      /* padding-left: 8%; */
  
}
.capa_responsive_citas {
  
      width: 80%;
    float: left;
    margin-left: 100px;
  
}

}



@media (min-width: 990px)  and  (max-width: 1400px) {

#contenedor-registro .row_registro {
  margin-left:0% !important;
  
}

.capa_responsive_registro {
  
  width:95%;
  float:left;
  margin-left:8%;
  
}
.capa_responsive_citas {
    width: 80%;
    float: left;
    margin-left: 100px;
  
}

.label_citas_grandes {    font-size: 20px;}


}

@media (min-width: 760px) and  (max-width: 990px) {

.capa_responsive_registro {
  
  width:50%;
  float:left;
  
}
.capa_responsive_citas {
  
  width: 100%;
    float: left;
    margin-left: 25px;
  
}


.label_citas_grandes {
      font-size: 18px;
}

}

@media (max-width: 760px) {

.capa_responsive_registro {
  
  width:100%;

  
}
.capa_responsive_citas {
  
  width:100%;

  
}
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: left;
      width: 25%;
  }
}

/* final */


/* inicio encabezado*/

.hero {
    display: table;
    position: relative;
    background-image: url(../pics/cover.jpg);
    background-size: cover;
    padding: 20px 0;
    color: #fff;
    width: 100%;
    background-position: center;
    height: 20vh;
  
}

@media (min-width: 1400px) {
.hero {
           padding-left: 150px;
}
}

@media (min-width: 992px) and  (max-width: 1400px) {
.hero {
    padding-left: 120px;
  }

  .label_citas_grandes {
  
  color: black;
   /* BACKGROUND-COLOR: #e0d4af;*/
    PADDING: 5PX;
      font-weight: 400;
    BORDER-RADIUS: 5PX;
  font-family: Ubuntu;
  width:100%;
  font-size:15px;

}

#contenedor-registro label {
  
  font-size:12px !important;
  
}
}

@media (min-width: 760px) and  (max-width: 990px) {
  .hero {
    padding-left: 20px;
  }
}
@media (max-width: 760px) {
.hero {
        padding-left: 40px;
    padding-right: 30px;
}
}

.hero:after {
  content: '';
  z-index: 0;
  position: absolute;
      background: rgb(25, 23, 24,0.6);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.hero .container {
  position: relative;
  z-index: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.hero-brand {
  margin-bottom: 75px;
  display: inline-block;
}

.hero-brand:hover {
  opacity: .75;
}



/*seccion paginas*/

.seccion_superior {
  display: table;
  position: relative;
  background-image: url(../pics/cover.jpg);
  background-size: cover;
  padding: 40px 0;
  color: #fff;
  width: 100%;
    height: 30vh;
}

.seccion_superior:after {
  content: '';
  z-index: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.seccion_superior .container {
  position: relative;
  z-index: 1;
  text-align: left;
  padding-left:60px;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.seccion_superior-brand:hover {
  opacity: .75;
}

.seccion_superior_titulo {

  font-family: Ubuntu;
      font-size: 24px;
    padding-right: 60px;
  color: #fff;
    text-align: left;
  
}
 
/*fin seccion encabezado paginas*/


/* columnas */


@media (min-width: 1400px) {

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

.row_reyes {
 /* margin-right: 25px;
  margin-left: 25px; */
}

.row_no_reyes {
     margin-right: 7%;
    margin-left: 7%;
}

.row_reyes_cajas {
 margin-right: 25px;
  margin-left: 25px;
}

}

@media (min-width: 992px) and  (max-width: 1400px) {

.row {
 /* margin-right: 25px;
  margin-left: 25px; */
}

.row_reyes {
 /* margin-right: 25px;
  margin-left: 25px; */
}

.row_no_reyes {
 margin-right: 10%;
  margin-left: 10%;
}

.row_reyes_cajas {
 margin-right: 25px;
  margin-left: 25px;
}

}

@media (min-width: 760px) and  (max-width: 990px) {

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

.row_reyes {
 /* margin-right: 25px;
  margin-left: 25px; */
}

.row_no_reyes {
 margin-right: 25px;
  margin-left: 25px;
}

.row_reyes_cajas {
 margin-right: 25px;
  margin-left: 25px;
}

}

@media (max-width: 760px) {

.row {
 /* margin-right: 25px;
  margin-left: 25px; */
}

@media (max-width: 760px) {
  div#atencion_contenedor ul#menu_atencion {
    display: block;
  }
  
  div#atencion_contenedor ul#menu_atencion li {
    margin-bottom: 30px;
  }

  div#atencion_contenedor button {
    margin-bottom: 3px;
  }

  section#panel_opciones button {
    margin-bottom: 3px;
    
  }
}

@media (max-width: 410px) {
  section#panel_opciones button {
    font-size: 12px!important;
  }
}

button {
  white-space: normal!important;
}

.row_reyes {
 /* margin-right: 25px;
  margin-left: 25px; */
}

.row_no_reyes {
 margin-right: 25px;
  margin-left: 25px;
}

.row_reyes_cajas {
 margin-right: 25px;
  margin-left: 25px;
}
}

/*menu estilos */


/* Nav Meu Container */


@media (min-width: 1400px) {
  
  #nav-menu-container {
    margin: 0;
      margin-right: 110px;
  }
}

@media (min-width: 768px) and  (max-width: 1400px) {

#nav-menu-container {
    margin: 0;
      margin-right: 150px;
  }
.nav-menu a {font-size:12px !important;}
}

@media (max-width: 768px) {
  
#nav-menu-container {
    display: none;
  }
}

/*botones*/


@media (min-width: 768px){
  #contenedor_inicio_contrato_seleccionado{margin-top:67px;}
  #contrato-boton-CONECTAR{width:100%; /*margin-top:32px;*/}
  #contenedor_inicio_contrato_seleccionado_puestos{margin-top:0px;}
  #inicio_contratos_provincia, #logo_contrato, #contrato-boton-Pedir-Asociacion, #PresentaFoto, #contenedor-video{width:100%; } 
  #PresentaFoto {border: 1px solid #007d8e !important;}
}
@media (min-width: 992px){
  #contrato-boton-CONECTAR{width:100%; /*margin-top:32px*/}
  #contenedor_inicio_contrato_seleccionado, #contenedor_inicio_contrato_seleccionado_puestos{margin-top:0px;}
  #inicio_contratos_provincia, #logo_contrato, #contrato-boton-Pedir-Asociacion, #PresentaFoto, #contenedor-video{width:100%; }
  
}


blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #0099FF;
}


/* para evitar con las tablas responsive que la columna fixed sea mucho menor*/
.backgrid button {
 /* height: 20px;*/
  padding-bottom: 6px;
  padding-top: 6px;
  margin-top: 2px;
  margin-bottom: 2px;;
  width:100%;
}

.backgrid .botones-cell {
  padding-bottom: 0px;
  padding-top: 0px;
  /*text-align: right;*/
}

.backgrid .boolean-cell {
  text-align: center;
}

.backgrid .boolean-cell > input {
  margin: 0;
}

/* panel de atenci�n */


#contenedorcita {
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  margin-top: 20px;
  /*padding:50px;*/
  width:100%;
  border: 1px solid #0099FF;
  padding: 30px 30px 0 30px;
}
#cabecera_atencion{padding-left:20px;background-color:#fff;border-radius:10px; margin-bottom:30px}


input[type="radio"], input[type="checkbox"] {
    margin: 20px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
/*video tercera columna citas*/

/*detalles puesto*/
/*#contenedor-video{
    background-image: url(../pics/tv.png);
    background-repeat: round;
  margin-top:10px;
  height: 250px;
  padding:13px;
}*/

/* PANTALLA PANELATENCION*/


@media (min-width: 1400px){
  
  #contenedor_cuadro_atencion_jitsi{ /*background-image: url(../pics/tv-blanca.png); background-repeat: round; padding:37px 25px;*/ height:570px}
  
  /*#contenedor_cuadro_atencion_jitsi_videoconferencia{ background-image: url(../pics/tv-blanca.png); background-repeat: round; padding:37px 25px; height:820px; width: 1200px;}*/

  #cuadro_atencion_jitsi {
    width: 100%;
    background-color: #212121;
    border-radius: 10px 10px 10px 10px;
    height: 570px;
	    background-image: url(../pics/videoconferencia/videoconference.jpg);
    background-size: cover;
}

#cuadro_atencion_jitsi_videoconferencia {
    width: 100%;
    background-color: #212121;
    height: 400px;
}


#jitsiConference0{height:400px !important;}



}


@media (max-width: 1400px){
  
  /*#contenedor_cuadro_atencion_jitsi{ background-image: url(../pics/tv-blanca.png); background-repeat: round; padding:37px 25px; height:550px}*/
  
  /*#contenedor_cuadro_atencion_jitsi_videoconferencia{ background-image: url(../pics/tv-blanca.png); background-repeat: round; padding:37px 25px; height:800px; width:1200px;}*/

  #cuadro_atencion_jitsi {
    width: 100%;
    background-color: #212121;
    height: 400px;
      background-image: url(../pics/videoconferencia/videoconference.jpg);
    background-size: cover;
}
#cuadro_atencion_jitsi_videoconferencia {
    width: 100%;
    background-color: #212121;
    height: 400px;
}


#jitsiConference0{height:400px !important;}



}


/* Chatting page */

#chat_container {
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
}

#chat_container form {
  /* This bit sets up the horizontal layout */
  display:flex;
  flex-direction:row;
  width: calc(100% - 2px);
  height: 40px;
  margin: 1px;
  padding:2px;
}

#chat_container input {
  /* Tell the input to use all the available space */
  flex-grow:2;
  border: 1px solid lightgray;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin: 0;
}

#chat_container input:focus {
  /* removing the input focus blue box. Put this on the form if you like. */
  outline: none;
}

#chat_container button {
  background: #2196f3;
  width: 60px;
  color:white;
  border: 0px;
  padding: 0;
  letter-spacing: initial;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#chat_container div.chatcall div.chatheader {
    background-color:#03a9f4;
    color: white;
    height: 40px;
    padding-top: 5px;
    padding-left: 20px;
    line-height: 30px;
    box-sizing: content-box !important;
}
#chat_container div.chatcall div.chatheader div.end_chat {
  background: red;
  columns: white;
  width: 80px;
  height: 30px;
  border-radius: 7px;
  float: right;
  margin-right: 10px;
  margin-top: 5px;
  text-align: center;
  cursor: pointer;
}


#chat_container .chat .contenido .error{
    background: red;
}

#chat_container .chatcall {
    width: 100%;
    height: 100%;
    background-color: white;
}

#controles_atencion .chatlist {
  float: left;
  width: 100%;
    height: 100%;
    padding: 10px;
    overflow: auto;
}
#controles_atencion .chatlist .user {
  width: 100%;
  overflow: auto;
  word-break: break-word;
  padding: 5px 0 0 5px;
  border-bottom: 1px solid #888;
  cursor: pointer;
}
#controles_atencion .chatlist .selected {
  background: #FDD;
}
#controles_atencion .chatlist .user .avatar{
 width: 40px;
 height:40px;
 border-radius: 50%;
 font-size: 22pt;
 float: left;
 color: white;
 background: #555;
 text-align: center;
 vertical-align: center;
}

#controles_atencion .chatlist .user.newmessage .avatar{
  -webkit-animation: AVATAR-BLINK 1s infinite;  /* Safari 4+ */
  -moz-animation: AVATAR-BLINK 1s infinite;  /* Fx 5+ */
  -o-animation: AVATAR-BLINK 1s infinite;  /* Opera 12+ */
  animation: AVATAR-BLINK 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes AVATAR-BLINK {
  0%, 49% {
    background-color: #555;
  }
  50%, 100% {
    background-color: blue;
  }
}

#controles_atencion .chatlist .user .information{
 width: calc(100% - 60px);
 margin: 0 5px;
 float: left;
}
#controles_atencion .chatlist .user .name{
  width: 100%;
}
#controles_atencion .chatlist .user .email{
  width: 100%;
  padding-bottom: 10px;
}

#chat_container .chatcall .contenido {
  float: left;
  width:  100%;
    height: calc(100% - 85px);
    padding: 10px;
    overflow: auto;
    text-align: center;
    border-radius: 10px;
}

#chat_container .chatcall .contenido .agent {
    clear: both;
    float: right;
    margin-left: 20px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 12px;
    padding-right: 12px;    
    background-color:#DBF4FD;
    box-shadow: 2px 2px 1px 0px rgb(0 0 0 / 50%);
    padding: 8px;
    font-size: 14;
    color:#282726;
    box-sizing:border-box;
    text-align: right;
}

#chat_container .chatcall .contenido .user {
    clear: both;
    float: left;
    margin-left: 5px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color:#F2F6F9;
    box-shadow: 2px 2px 1px 0px rgb(0 0 0 / 50%);
    padding: 8px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14;
    color:#282726;
    box-sizing:border-box;    
    text-align: left;
}

#chat_container .chatcall .agent .name, #chat_container .chatcall .user .name {
  font-weight: bold;
}

#chat_container .chatcall .contenido .agent .time, #chat_container .chatcall .contenido .user .time {
  font-size: 12px;
  text-align: right;
  color: gray;
}

#chat_container .chatcall .contenido .agent .text, #chat_container .chatcall .contenido .user .text {
  text-align: justify;
}


/* botones*/

#puesto-botonera button {
    width: 100%;
}

/* citas contratos */


#logo_contrato {
    padding: 4px;
    margin-bottom: 10px;
}


#inicio_contratos_provincia, #inicio_listado_contratos_por_provincia, #logo_contrato, #lista-puestos {
    /* width: 100%;
    border: 1px solid #007d8e;
    color: #000000;
    font-weight: bold;
    font-family: Ubuntu;
    font-size: 20px;
    padding: 5px; */
}

select {
    text-transform: uppercase;
    /* border: 1px solid #007d8e; */
}

/* tablas listado citas */


#contenedor_inicio_citas .grid .cell_normal {
    border: none;
    padding: 5px 10px;
}
.grid .cell_normal {
    height: 20px;
    border: 1px solid #ccc;
    padding: 2px 4px;
}

#BodyTablaCitas tr:nth-child(odd) {
    background-color: #CCC;
}


/* tabla panel de control php */

.backgrid th, .backgrid td {
    /* height: 39px; */
    max-width: 300px;
}

.backgrid .imageCell-class {
    display: block;
    max-width: 40px;
    max-height: 40px;
}

/* hr {    margin-right: 1000px;} */


/*boton deshabilitado*/


a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
  background-color: #bd3939;
    border-color: #bd3939;
}

.btn_borrar {
    background-color: red;
    font-family: Ubuntu;
    font-weight: 800;
    color: #fff;
    /*padding: 15px 20px border-radius: 50px;*/
}

.btn_verde {
    background-color: #80a972;
    font-family: Ubuntu;
    font-weight: 800;
    color: #fff;
    padding: 15px 20px;
    border-radius: 50px;
}
.btn_azul {
    background-color: #7c8894;
    font-family: Ubuntu;
    font-weight: 800;
    color: #fff;
    padding: 15px 20px;
    border-radius: 50px;
}

.BotonEntrarSala_672 {background-color:red !important;}

/* ESTILOS TABLAS CEASE*/


#divContenedor{
  width: auto;
  margin: 0 auto;
  margin-top: 50px;
  
}
  #divInfo{
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 35px;
  }
  #divTabla{
    
  }
    input[type="search"]{
      padding: 5px;
  width: 85%;
    }
    table{
      width: 97%;
      /* margin: 5px; */
    }
      table a{
        color: #ea8e51;
      }
      table thead tr th,
      table tfoot tr td{
        padding: 15px 0;
        background-color: #0099FF;      
        color: #fff;
        font-weight: bold;
        font-size: 11px;
        text-align: center;
        min-width: 10px;
        border: solid 0px #555;
      }
        table tbody tr td{
          transition: all 400ms ease-in;
            -webkit-transition: all 400ms ease-in;
            -moz-transition: all 400ms ease-in;
            -o-transition: all 400ms ease-in;
            -ms-transition: all 400ms ease-in;
          /* padding: 10px 5px; */
          word-wrap: break-word;
          border: solid 0px #fff;
          border-bottom: solid 1px #fff;
          border-top: solid 1px #f1f1f1;
          border-right: solid 1px #f1f1f1;
        }
          table tbody tr:nth-child(odd){
            background-color: #fff;
          }
          table tbody tr:nth-child(even){
            /* background-color: #fafafa; */
          }
            table tbody tr:hover td:nth-child(odd),
            table tbody tr:hover td:nth-child(even){
              /* background: #7290ae; */
              /* color: #fff; */
            }

            
/* SAC CSS */



/*RICARDO 2018-2 */
th {
  font-weight: normal;    
}
option {
  padding-left: 0px;
}
/*RICARDO 2018-2 */
.backgrid tbody tr:nth-child(even) {
/*Muestra el estilo cebra en los backgrids */  
    background-color: #f9f9f9;
}

.backgrid th, .backgrid td {
  /*height: 39px;*/
  max-width: 300px;
}



/*estilos select */
select {
    text-transform: uppercase;
    /* border: 1px solid #007d8e; */
}

select.select_as_text {
/*Lo utilizo cuando hay un select con un solo elemento, como no puede elegir lo muestro como un simple texto*/
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; 
    border: none;
    /*needed for Firefox: */
    overflow:hidden;
    /*para que no se despliegue */
    pointer-events:none;
    line-height: normal;
    background-color: rgba(0,0,0,0);
    box-shadow: none;
}

/*RICARDO 2018, para que no muestre el borde azul cuando selecciono un bot�n o est� activo*/
.btn:focus,.btn:active {
  outline: none !important;
  box-shadow: none;
}

/*RICARDO 2018, truco para evitar los suggest en los imput, pero hay que ponerlos a readonly y queda el fondo gris, lo evito con esto, hay que ponerles esta clase
y a�adir en el elemento -> readonly onfocus="this.removeAttribute('readonly');" autocomplete="off"   */
.input-no-suggest[readonly]
{
    background-color:#FFF;
    cursor: text;
}

/* INI CITAS */
.grid { 
    border-collapse:collapse;
}
.grid .cell_normal { /*Para otras tablas distintas de la de citas*/
    height:20px;
    border:1px solid #ccc;
    padding: 2px 4px;
}
.grid .cell_normal_botones { /*Para otras tablas distintas de la de citas*/
    height:20px;
    border:1px solid #ccc;
    text-align: right;
    padding: 2px 4px;
}
.grid .cell_normal_botones button.btn{
  margin: 0px 2px;
}

/*RICARDO 2018-2*/

#tabla_citas {
  /* width: 100%; ricardo 2018*/
  
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
   user-select: none; /* Non-prefixed version, currently
                         supported by Chrome and Opera */
}

#tabla_citas td {
    width:30px; height:60px;
}

.cell_vacia {
    cursor:pointer;
    border:1px solid #ccc;
}

.cell_reservas {
    cursor:pointer;
    border:1px solid #ccc;
    background-color: #AFA;
    /* border-radius: 50%; */
}

.cell_horalabel {
    border-top: 1px solid #ccc;
}

.cell_dialabel_seleccionada {
    font-weight: bold;
}

.cell_seleccionada {
    background-color:#00beff69;
}

/*F: D�a Festivo, H: Fuera de Horario, P: Hora Pasada, C: Completo*/
.cell_F {
    background-color:#FF88AA; 
  }
.cell_H {
    background-color:#FFAAFF; 
  }
.cell_P, .cell_PH {
    background-color:#88AAFF; 
  }
.cell_C {
    background-color:#FFFFAA;
    
  }
/*RICARDO 2018-2*/

.contenedor_contenedor_cita, contenedor_tabla_citas {
    vertical-align: top;
}

.prev {
  float: left;
  cursor: pointer;
} 
.next {
  float: right; 
  cursor: pointer;
}

.fechacitas {
  width:110px;   
  padding: 0px;
  margin: 0px;
}
/* FIN CITAS */


/*INI PANEL DE CONTROL */

.AceptaCitas:before{
  font-family: FontAwesome; 
  display: inline-block; 
  content: '\f073';
}
.AceptaLlamadas:before{
  font-family: FontAwesome; 
  display: inline-block; 
  content: '\f095';
  top:-20px;
}
.AceptaPresencial:before{
  font-family: FontAwesome; 
  display: inline-block; 
  content: '\f007';
}
.AceptaVideoconferencia:before{
  font-family: FontAwesome; 
  display: inline-block; 
  content: '\f03d';
}
.AceptaIDVideoconferencia:before{
  font-family: FontAwesome; 
  display: inline-block; 
  content: '\f03d';
}

.AceptaMulticita:before, th.MulticitaMaxReservas:before {
  font-family: FontAwesome; 
  display: inline-block; 
  content: '\f02d';
}
.AceptaChat:before {
  font-family: FontAwesome; 
  display: inline-block; 
  content: '\f27a';
}
.MulticitaMaxReservas {
  max-width: 90px !important; /*ricardo 2018 Sale muy ancha 252px*/
}

/*RICARDO 2018-2*/
.BotonHoy{
  color: #b9a461; 
  border: 0; 
  background: none; 
  font-size: 1.4em !important;
}
.BotonHoy:hover{
  color: #81703b;
}
.BotonHoy:focus {
  outline:0;
}

#FechaCitas:focus {
  outline:0;
}
/*RICARDO 2018-2*/

/*FIN PANEL DE CONTROL */





/*******************************************GONZALO****************************************/

/*GENERAL*/
body{font-size:15px}
.btn-primary{white-space:initial}

/*CONTENEDOR*/
/*#contenedor_principal{background-color:#efefef; margin:5% 10%; border-radius:10px;}*/

/*CABECERA*/
#cabecera{padding:30px 0px; /*border-radius:10px*/}
#cabecera form{float:right; }/*gonzaloV3*/
#cabecera form .modal-body{background-color:#FFF !important}/*gonzalo V4*/

/*MENU*/
#Menu{margin-bottom:30px;}
#tabInicio{padding-left:30px;TEXT-ALIGN:CENTER;}

/*INICIO*/
#bloque_inicio{border:none;}
#inicio_contratos_provincia, #inicio_listado_contratos_por_provincia, #logo_contrato, #lista-puestos{
    /* height: 16vw; */
    /* width: 100%; */
    /* border: hidden; */
    /* background-color: #fbf8ee; */
    /* border: 1px solid #007d8e; */
    /* color: #000000; */
    /* font-weight: bold; */
    /* font-family: Ubuntu; */
    /* font-size: 20px; */
    /* padding: 5px; */
  
  }
#inicio_listado_contratos_por_provincia option, #lista-puestos option{padding:7px;}

/*Contratos*/
#contenedor_inicio_contratos{padding:0px;}
#inicio_contratos_provincia{padding:5px;}
.row_paises{display:none;}
.row_provincias{margin-bottom:10px}
#inicio_contratos_soloasociados{margin-top:10px}

/*detalles contrato*/
#logo_contrato{padding:4px; margin-bottom:10px;}
#contrato-boton-Pedir-Asociacion{margin-top:15px;    margin-bottom: 15px;}

/*puestos*/
#contenedor_inicio_contrato_seleccionado_puestos{padding:0px;}
#bloque_controles_puesto{margin-top:5px}
#contenedor-tipocita{/*height:81px;*/}
#puesto-botonera button{width:100%;}
#puesto-boton-Reserva{width:100% !important;}/*edu*/


#PresentaEnlaceYoutube{width:100%; height:122px}

@media (max-width: 768px){
  #inicio_contratos_provincia{width:100%}
  #inicio_listado_contratos_por_provincia{height:100px; width:100%}
  #contrato-boton-CONECTAR{width:100%; margin-top:8px;}
  #contenedor_inicio_contrato_seleccionado{margin-top:10px;}
  #logo_contrato{width:100%}
  #contenedor_inicio_contrato_seleccionado_puestos{margin-top:0px}
  #contrato-boton-Pedir-Asociacion{width:100%}
  #lista-puestos{height:100px; width:100%}
  #contenedor-tipocita{margin-bottom:10px;}
  #bloque_detalles_puesto{margin-top:20px}
  #PresentaFoto{width:100%}
}


/*listado citas*/
#contenedor_inicio_citas{margin-top:20px; /*padding:0px;*/}
#numerocitasmostrar{margin:10px 0px 10px 0px; height:32px;border-radius:5px;}
#contenedor_inicio_citas thead th{padding-left: 10px; padding-bottom: 5px;text-transform:uppercase;}
#BodyTablaCitas tr:nth-child(odd) { background-color:#CCC}
#BodyTablaCitas tr:nth-child(even) { background-color:#eee}
#contenedor_inicio_citas .grid .cell_normal{border:none; padding:5px 10px;}
@media (max-width: 768px){
  #contenedor_inicio_citas thead{display:none;}
  #contenedor_inicio_citas tbody,#contenedor_inicio_citas tr{display:block}
  #contenedor_inicio_citas tr{margin-bottom:30px; border-radius:5px; padding:5px 5px 12px 5px;}
  #contenedor_inicio_citas .cell_normal:before{content: attr(data-campo); display:table-cell;width:90px; padding: 5px 0px 0px 10px; font-weight: bold;}
  #contenedor_inicio_citas .grid .cell_normal{width:100%; display:table;}
  #contenedor_inicio_citas .cell-botones{margin-top:5px;}
}

#BodyTablaCitas1 {
  font-size: 12px;
}

/*pedir cita*/
#FormGrabacionCita input {margin-bottom: 15px;}

#FormGrabacionCita select {margin-bottom: 15px;} /*RICARDO 2018-2 Lo he cambiado, he a�adido un select con GMT a la modal de citas y sale descolocado*/

#FormGrabacionCita textarea { border-radius: 5px; padding: 5px;}
#BotonGrabarCita{
  margin-bottom:0;
  position: absolute;
  right: 30px;
}
#tabla_citas td{text-align:center; border-right:1px solid #ccc}
#FechaCitas{border-radius: 5px;padding: 3px;text-align: center;margin-bottom: 5px;}
#tabla_citas .next, #tabla_citas .prev{ font-weight:bold;}
#tabla_citas caption{text-align: center;} /*RICARDO 2018-2 */
#tabla_citas .cell_horalabel{padding-right:7px;}
.fechacitas{width:90px;}

/*pedur asociacion*/
#boton-confirmar-asociacion{margin:0px 0px 20px 20px;}

/*REGISTRO*/

#bloque_misdatos{border:none; /*padding-left:15px; padding-right:15px;*/}
#contenedor-registro .row{
  margin-bottom: 10px;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #007d8e;
    border-radius: 5px;
    box-shadow: 10px 10px 30px -15px rgba(0,0,0,0);
  padding: 5px;
  
  }
#boton-baja{
    margin-left: 16px;
    float: right;
    margin-bottom: 40px;
    margin-top: 20px;
  }
  


#contenedor-registro label{margin-top: 5px; margin-bottom:0px;margin-right:50px;}

/*CR�DITOS*/

#bloque_credit{padding: 0px 30px 0px 30px; border:none}
#boton_comprar_creditos{margin-bottom:30px}
.contenedor-extender-contrato{min-height:35px;border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.extender-contrato{float:right;}

@media (max-width: 768px){
  .contenedor-extender-contrato{margin-bottom:45px;}
  #div_creditos td{display:inline-block;}
  #div_creditos tr{margin-top:30px;}
}
/*ventana pagos*/
#contenedor-pagos{
    background-color: #efefef;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 50%;
    height: 50%;
    min-width: 400px;
    min-height: 450px;
  padding:30px
}
#contenedor-pagos input{border-radius: 5px; padding: 4px;}
#contenedor-extender-contrato{
    background-color: #efefef;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 50%;
    height: 50%;
    min-width: 400px;
    min-height: 400px;
  padding:30px
}
#contenedor-extender-contrato input{border-radius: 5px; padding: 4px;}

/*extender-contrato*/

/*CONTRATOS*/
#bloque_contratos{/*padding: 0px 15px 0px 15px;*/ border:none; overflow-y: hidden; overflow-x: scroll;}
#grid-contratos{    margin-top: 30px;       width: 100%;    }
#grid-contratos .Direccion{display:none;}
#grid-contratos td, #grid-contratos th, #grid-contratos a{white-space: normal; vertical-align:initial;}
.contratobotoneditar {margin-right:5px}

/*editar contrato*/
#FormEditarGrabarContrato .row{margin-bottom:10px;}
#FormEditarGrabarContrato select, #FormEditarGrabarContrato input:not([type=checkbox]) { /*RICARDO 2018, he metido lo del checkbox, salia de 32x32 pixels*/
  width: 100%; border: 1px solid #ccc; border-radius: 3px; padding: 6px 12px; font-size:14px; color: #555 /* Pon�a height: 35 y descolocaba cosas como el selectize */
}
#FormEditarGrabarContrato label{ margin-bottom:0px;}
#FormEditarGrabarContrato #DireccionNacimiento label{margin-top: 5px;} 
#ModalEditarGrabarContratoMensaje .btn{margin:0px 0px 20px 20px}

/*LISTADOS*/
#bloque_listados{/*padding: 0px 15px 0px 15px;*/ border :none}
#bloque_listados form{padding:20px; border-radius:5px; border: solid #0099FF 1px; background-color: white;}
#bloque_listados form label{width:200px}
#bloque_listados form input[type="text"], #form_citerios_contratos select{width:200px; border-radius:5px;}/*RICARDO 2018, gonzalo fija el alto a 25px, eso descoloca todo y hace que salte el selectize*/

/*C�MO FUNCIONA*/
#bloque_funcionamiento{/*padding:0px 10px 0px 10px;*/}
#bloque_funcionamiento img{max-width:100%}

/*FOOTER*/
#copyright{ margin: 35px 0px 40px 0px;color:white;}

/*PANEL DE CONTROL*/
#contenedor_control{padding:30px;}
#cabecera_control, #asociados_contenedor, #puestos_contenedor, #contenedor_control #copyright{ background-color:#efefef; padding:30px; margin-bottom:30px; border-radius:10px;}
#contenedor_control #boton-volver{margin-bottom:30px}
#contenedor_control #loged{float:right;}
#contenedor_control a, #contenedor_control th{white-space:normal; vertical-align:initial;    font-size: 14px;}
#contenedor_control .date-cell, #contenedor_control .select-cell {text-align:left;}
#contenedor_control .AceptadoUsuario, .AceptadoAdmin{width:100px}
.usuariosbotonasociar {margin-right:5px;}
#contenedor_control .PresentaEnlaceYoutube, #contenedor_control .PresentaTexto,#contenedor_control .PresentaFoto {max-width:50px}
/*.puestosbotonatender{ margin-right: 5px;}*/
#contenedor_control .grid-pinned{display:none;}
#contenedor_control #copyright{margin:0px 20px 15px 20px;}
/*gonzaloV2*/
.backgrid td.Lunes{ max-width:20px;}
.backgrid td.Martes{max-width:20px;}
.backgrid td.Miercoles{max-width:20px;}
.backgrid td.Jueves{max-width:20px;}
.backgrid td.Viernes{max-width:20px;}
.backgrid td.Sabado{max-width:20px;}
.backgrid td.Domingo{max-width:20px;}
.backgrid td.Festivos{max-width:20px;}
.backgrid td.FechasFestivas{max-width:20px;}
.backgrid td.editor { max-width: 190px !important;}
/*2018-3 RICARDO, PROBLEMAS EN TODOS LOS BACKGRIDS HACE QUE LOS EDITORES REESCALEN LA COLUMNA .backgrid td.editor input{width:180px !important;margin-left:3px; margin-right:3px}*/

/*gonzaloV2.2*/
.FechaFinCurso{display:none !important;}
.backgrid td.TextoEmail{ max-width:50px;}
#grid_puestos .backgrid td.Nombre{max-width:50px;}
.puestosbotonborrar{width:67px;}

/*PANEL DE ATENCI�N*/
#atencion_contenedor{padding: 30px;}
#atencion_contenedor #loged{float:right;}
.asunto_atencion{background-color:#e4e4e4;padding:5px;border-radius:5px;margin:5px 0px 5px 0px;}
#pila_citas td, #pila_citas_previas td, #controles_atencion td, #datos_cita_actual{
  /* padding: 10px; */
  /* border: 1px solid #0099FF; */
}

table#pila_citas td {
  position: relative;
  border: 1px solid #0099FF;
  border-radius: 4px;
  padding: 20px 20px 65px 20px!important;
}

table#pila_citas button.btn_azul {
  position: absolute;
  left: 20px;
  bottom: 15px;
}

table#pila_citas_previas {
  width: 96%;
}

table#pila_citas_previas td {
  width: 96%;
  position: relative;
  border-radius: 4px;
  border: 1px solid #0099FF;
  padding: 20px 20px 65px 20px;
}

table#pila_citas_previas td button.waitingButton {
  position: absolute;
  right: 20px;
  bottom: 15px;
}

table#pila_citas button.waitingButton {
  position: absolute;
  right: 20px;
  bottom: 15px;
}

#pila_citas td, #pila_citas_previas td, #controles_atencion td, #datos_cita_actual {
  
}

#datos_cita_actual a{word-break: break-all;}
#pila_citas, #pila_citas_previas {width:100%; border-spacing: 10px; border-collapse: separate;}
#controles_atencion{width:100%; background-color:#fff; border-radius:10px; padding:10px;margin-top:10px;}
#log_cita{border-radius:10px;margin-bottom:5px;}
#controles_atencion #fecha{display:none}
#menu_atencion{background-color: #fff;padding: 20px;border-radius: 10px; margin-top:10px;}
#menu_atencion a{padding:0px 20px 0px 20px; font-weight:bold;}
#contenedor_tabla_citas{ display: inline-block; background-color: #fff; margin-top: 10px; padding: 10px; border-radius: 10px;} /*RICARDO 2018*/
#atencion_contenedor #copyright{margin: 35px 0px 40px 0px; background-color: #fff; padding: 20px; border-radius: 10px;}

/*PANEL VIDEOCONFERENCIA CLIENTE*/
#header_videoconferencia_cliente{background-color:#fff;border-radius:10px;margin:30px; padding:30px;}
#header_videoconferencia_cliente #loged{float:right;}
#contenedor_principal_videoconferencia{color:#0076c0}
#contenedor_videoconferencia_cliente #copyright{ background-color: #fff; padding: 30px; border-radius: 10px; margin: 30px;}



/*RICARDO 2018-3*/

/* LOADER_ICON INI (modificado del original en https://www.w3schools.com/howto/howto_css_loader.asp)*/
.loader {
    border: 6px solid #f0e68c; /* Color del circulo completo */
    border-top: 6px solid #81703b; /* Color de la zona m�vil */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    display: inline-block;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*Contenedores del loader, para que tape el contenedor*/
.tabla_citas_overlay {
  background:rgba(255,255,255,0.8); 
  position: absolute; 
  width: 100%; 
  height: 100%; 
  top:0; 
  left:0; 
  border-radius: 10px;
}
/* LOADER_ICON FIN */

/* ini paneldecontrol.php, tablas*/
.backgrid .imageCell-class {
  display: block;
  max-width: 40px;
  max-height: 40px;
}

.backgrid .idpuesto {
  text-align: center;
}
.backgrid .integer-cell, .backgrid .number-cell {
  text-align: center;
}

div.tooltip-inner {
  max-width: 350px;
}
/* fin paneldecontrol.php, tablas*/

/*Para que los plcaholder salgan en cursiva, sino se puede confundir (por ejemplo en la modal del panel de control donde se editan fechas del puesto)*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #CCC !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #CCC !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #CCC !important;
}
:-moz-placeholder { /* Firefox 18- */ 
  color: #CCC !important;
}

/*Para que el selector GMT de inicio.php no se salga por la derecha en bajas resoluciones*/
.SelectGMT_tabla_citas_principal {
  width: auto !important; 
  max-width: 100%;
}

/*Color de los pills seleccionados en paneldeatencion.php*/
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
  background-color: #008eff !important;
  color: white;
  padding: 3px;
  text-decoration: none;
}


/*Para el paneldeatencion.php*/
.card_atencion {
  text-align: left;
  background-color: #FBB;
}
.card_cita {
  text-align: left;
  background-color: #FEB;
}
.card_atencion.card_confirmar {
  background-color: #977;
}
.card_cita.card_confirmar {
  background-color: #997;
}
.card_cita_actual {
  text-align: left;
  background-color: #BFB;
}
.card_cita_atendida {
  text-align: left;
  background-color: #FFF;
}
.card_multicita {
  text-align: left;
  background-color: #BBF;
}

/*Para los errores de jquery validator*/
label.error {
  font-weight: normal;
  color:#F00;
  padding-left: 5px;
}
/* Se utilizan en valoracion.php y en inicio.php (para la modal de valorar), el de los check para que salgan en una l�nea y el del input para que lo muestre como un label y no editable */
.check-inline {
  display: inline-block; 
  margin-right: 10px;
}  
input.input_as_text {
  /*Lo utilizo cuando hay un select con un solo elemento, como no puede elegir lo muestro como un simple texto*/
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none; 
      border: none;
      /*needed for Firefox: */
      overflow:hidden;
      /*para que no se despliegue */
      pointer-events:none;
      line-height: normal;
      background-color: rgba(0,0,0,0);
      box-shadow: none;
      display: inline-block; 
      width: auto !important;
}
/*RICARDO 2018-3*/

/*ESTILOS EMBEBIDOS*/

@media (max-width: 600px) {
  
  .iniciar_sesion {display:none;}
  
  .pantalla_carga_inicioimg { BORDER:1PX SOLID #007d8e;BORDER-RADIUS:5PX;WIDTH:80%;}
  
  
}
@media (min-width: 600px) {
  
  .iniciar_sesion {margin:3%;width:40%;}
  
  .pantalla_carga_inicioimg { BORDER:1PX SOLID #007d8e;BORDER-RADIUS:5PX;WIDTH:40%;}

  
}

@media (min-width: 600px) {
  nav div.container-fluid {
    padding-left: 60px;
    padding-right: 60px;
  }
}

 #menu_atencion a {
    padding: 0px 20px 0px 20px;
    font-weight: bold;
    padding: 15px;
    background-color: #efefef;
}
#grid_puestos .backgrid td.Nombre {
    max-width: 100px;
}


.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:250;
}
.sticky + .content {
  padding-top: 102px;
    z-index:250;

}

<!-- menu oculto-->


.overlay_sac {
    height: 100% !important;
    width: 0 !important;
    position: fixed !important;
    z-index: 1 !important;
    top: 0 !important;
    left: 0 !important;
    background-color: rgb(0,0,0) !important;
    background-color: rgba(0,0,0, 0.9) !important;
    overflow-x: hidden !important;
    transition: 0.5s !important;
}

.overlay_sac-content {
    position: relative !important;
    top: 25% !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 30px !important;
}

.overlay_sac a {
    padding: 4px;
    text-decoration: none !important;
    font-size: 20px;
    color: #818181 !important;
    display: block  !important;
    transition: 0.3s !important;
}

.overlay_sac a:hover, .overlay_sac a:focus {
    color: #f1f1f1!important;
}

.overlay_sac .closebtn {
    position: absolute!important;
    top: 20px !important;
    right: 45px !important;
    font-size: 60px !important;
}

@media screen and (max-height: 450px) {
  .overlay_sac a {font-size: 20px}
  .overlay_sac .closebtn {
    font-size: 40px !important;
    top: 15px !important;
    right: 35px !important;
  }
}

/* capas solicitar cita */


@media (max-width: 800px) {
  
  
  .capa_solicitar_cita {margin-right: 25px;     margin-left: 25px;}

}
@media (min-width: 800px) {
  
  
  .capa_solicitar_cita {width: 60%;    float: left;    margin-left: 4%;}

}

.btn-danger {
  background-color: red; 
  font-family: Ubuntu; 
  font-weight: 800; 
  color: #fff; 
  padding: 15px 20px;
  border-radius: 50px; 
}

.nav-menu > .active { background-color: #00569a; }


.file-upload-wrapper #viewport input#file-selector {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.file-upload-wrapper #viewport {
  width: 200px;
  height: 125px;
  margin-left: 25px;
  border: 2px #e65700 dashed;
  border-radius: 20px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.file-upload-wrapper #viewport #view-hint {
  color: #454545;
  left: 50%;
  margin-left: -60px;
  border-radius: 8px;
  text-align: center;
  top: 50%;
  line-height: 150%;
  margin-top: -60px;
  height: 50px;
  position: absolute;
  opacity: 0.5;
}

.file-upload-wrapper #viewport #view-horz {
  background: #e65700;
  height: 16px;
  width: 2px;
  top: 50%;
  left: 50%;
  margin-top: 0px;
  margin-left: -1px;
  position: absolute;
  opacity: 0.5;
}

.file-upload-wrapper #viewport #view-vtic {
  background: #e65700;
  width: 16px;
  height: 2px;
  top: 50%;
  left: 50%;
  margin-top: 7px;
  margin-left: -8px;
  position: absolute;
  opacity: 0.5;
}

.file-upload-wrapper #viewport #output {
  border-radius: 20px;
  position: absolute;
}

#preciominuto {
  font-size:17px;
  width: 100%;
  text-align: center;
}

@media (max-width:1199px){
  .footerGooglePlay{
    padding: 10px 0px 10px 0px !important;
  }
  .footerAppleStore{
    padding: 0px 0px 10px 0px!important;
    width: 160px !important;
  }
}
/*Always footer at the bottom*/
#wrapper{
  min-height: calc(100vh - 241px);
}
@media (min-width:991px) and (max-width:1199px){
  #wrapper{
    min-height:calc(100vh - 270px);
  }
}
@media (max-width:990px){
  #wrapper{
    min-height:calc(100vh - 333px);
  }
}
/*===========================*/