/* CSS Document */
:root {
    --color-principal-hover: #ccbdda;

    /* --color-secundario: #A2C618; */

    --gris-fondo: #F0F0F0;

    --danger: #d62626;
    --warning: #ff9e02;
    --blanco: #FFF;
    --negro: #333;
    --gris-oscuro: #5b6970;

    --success: #9dbf15;
    --default: #DDD;
}

.entorno{
  color: var(--color3);
  position: fixed;
  z-index: 10000;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  text-align: center;
  background-color: red;
  margin: 0;
  padding: 5px;
}

html,body{
    font-family: 'Open Sans', sans-serif;
    color: var(--gris-oscuro);
    height: 100%;
    min-height: 100%;
    font-size: 14px;
}
a,button{
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.2s;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-o-transition-property: background-color;
	-o-transition-duration: 0.2s;
}

/************************************/
/*     MODIFICACIONES BOOTSTRAP     */
/************************************/

.lead{font-size: 18px;}

.menubar .open > .dropdown-menu{width: 100%; border-right: 0; border-top: 0; border-left: 0;}

.marginBottom-0 {margin-bottom:0;}

.btn{-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
.btn.active, .btn:active{box-shadow: 0 0 0;}

a,
.text-primary,
.btn-link{color: var(--color-principal);}

a:focus,
a:hover,
.btn-link:hover,
.btn-link:focus{color: #888;}

.text-default{color: #333;}

.nav.center-block > li{display: inline-block;}

.navbar-inverse{background-color: #333;}
.navbar-inverse .navbar-nav > li > a{color: #FFF;}

.navbar-brand{height: 100%; padding: 0 15px;}

.top-buffer { margin-top: 20px; }

.navbar-collapse{
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.75);
}

.btn-primary,
.panel-primary > .panel-heading,
.btn-default.active, .btn-default:active,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default,
.btn-primary.focus, .btn-primary:focus{background-color: #FFF; border-color: var(--color-principal); color: var(--color-principal);}

.panel-primary,
.panel-primary > .panel-heading{border-color: #f5f5f5;}

.panel-primary,
.panel-primary > .panel-heading + .panel-collapse > .panel-body{border-color: var(--color-principal);}
.btn-primary:hover,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover{background-color: #f0eee6; color: var(--color-principal); border-color: var(--color-principal);}

.btn-primary:hover{
	background: #f0f0f0; color: var(--color-principal);
}


a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover{border-color: var(--color-principal);}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default, .btn-default.active:focus{color: #FFF; background-color: #f0f0f0; color: var(--color-principal);}

.bg-info{background-color: #f5f5f5 !important;}

.carousel-control{width: 7%;}

hr.text-primary{border-color: var(--color-principal);}

.has-feedback label ~ .form-control-feedback{top: 21px;}
/* Para que se despleguen los menus*/
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

.listado-noticias tr.info > td, .listado-noticias tr > td.info{background-color: var(--color-principal)!important; color: #FFF !important;}

.listado-noticias .title_notice{
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 2px;
}
.listado-noticias .btn-medio{
    margin-bottom: 5px;
}

.ln_solid {
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--default);
    background-color: transparent;
    margin: 15px 0 25px;
}

.last {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/*
 * LOGIN *
 */

 .btn-login-submit {
   background: var(--color-secundario);
   color: #FFFF;
   border-radius: 5px;
 }

 .btn-login-register {
  background: var(--color-principal);
  color: #FFFF;
  border-radius: 5px;
 }
.login-title-first{
  margin: 0px;
  color: var(--color-secundario);
}

.login-title-second{
  margin: 0px;
}
.login-title-first-register{
  margin: 0px;
  color: var(--color-secundario);
  font-size: 50px;
}

.login-title-second-register{
  margin: 0px;
  font-size: 50px;
}
 .bg-login-voffice-right{
  
}
.bg-login-voffice{
  padding: 10% 0 0 10%;
}

.bg-login-voffice-register{
  padding: 2% 0 5% 13%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bg-login-voffice::before{
  content: "";
  background-image: url(../recursos/imagenes/bg-general.png);
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 63vh;
  z-index: -1;
  top: -75px;
  /* padding: 20%; */
  left:-200px;
}

.bg-login-voffice-register::before{
  content: "";
  background-image: url(../recursos/imagenes/bg-general.png);
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 63vh;
  z-index: -1;
  top: -75px;
  /* padding: 20%; */
  left:-200px;
}

.cont-info-apps{
  display: flex;
align-items: center;
justify-content: center;
height: 100%;
flex-direction: column;
background-color: #f9f1dc;
}

.cont-info-apps h3{
  margin-top: 20px; 
  margin-bottom: 5px; 
  letter-spacing: -2px;
  font-size: 33px;
  color: #000; 
  font-weight: 700; 
  line-height:33px;
}

.cont-info-apps h5{
  margin-top: 40px; 
  margin-bottom: 20px; 
  color: #529069;
}
.cont-info-apps .cont-btn{
  display: flex;
  width: 44%;
  align-items: center;
  justify-content: center;
}
.cont-info-apps .cont-btn .btn{
  min-width: 150px;
  height: 45px;
  margin: 10px;
  background: #000;
  color:#fff;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;

}
.cont-info-apps .cont-btn .btn i{
  margin-left: 8px;
}

.cont-info-apps .cont-btn .btn-android{
  background: #a4c639;
}

.aldro-logo-login{
  display: flex;
  align-items: flex-start;
  padding-left: 55px;
  padding-top: 20px
}

.row-father-display{
  display: flex; 
  height: 100vh;
}

.aldro-logo-login{
  padding:20px 0px  0px 30px; 
  margin-bottom:60px; 
  height: auto;
}

.aldro-login-form {
  padding-left: 70px;
  padding-right: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}


.aldro-login-form >div.cont{
  width: 55%;
}


.aldro-login-right-form {
  padding-left: 70px;
  padding-right: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  margin-top: 2rem;
}

form#login-form .btn-login-register:hover,
form#login-form .btn-login-submit:hover{
  filter: brightness(80%) ;
  color:#fff;
}



body.login > #main {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 100%;
}
body.login .login-section {
    /* display: table-cell; */
    vertical-align: middle;
    width: 100%;
    height: 100%;
    /*padding-top: 10px;*/
    padding-bottom: 25px;
}
body.login #login {
    /* margin: auto; */
    width: 100%;
}
body.login #login .login-logo {
    max-width: 200px;
    margin-bottom: 15px;
}
body.login #login .panel-login {
    margin-bottom: 0px;
    background: var(--color-principal);
    color: #FFFF;
    border-radius: 20px;
    width: 100%;
}
body.login #login .panel-login .panel-body {
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 35px;
  padding-bottom: 60px;
}
body.login #login .panel-login .form-group.title{
  margin-bottom: 35px;
}

body.login #login .panel-login .form-group {
    margin-bottom: 35px;
}
body.login #login .panel-login-right {
  margin-bottom: 10px;
  background: #FFFF;
  color: var(--color-principal);
  border-radius: 20px;
  border:1px solid var(--color-principal);
  width: 55%;
}
body.login #login .panel-login-right .panel-body {
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 35px;
  padding-bottom: 35px;
}
body.login #login .panel-login-right .form-group {
  margin-bottom: 35px;
}
body.login .panel .ln_solid {
    margin-bottom: 15px;
}
body.login .olvido-pass{
    margin-top: 5px;
    font-weight: 700;
}
body.login .acceso-web{
    text-align: center;
    font-size: 12px;
}

/*
 * REGISTER *
 */
.alert-purple{
  /* background:#CABCD8; */
  background:var(--color-secundario);
  font-weight: 400;
  color: #000;
}
.text-title-register{
  font-size: 20px;
  color: var(--color-principal);
  font-weight: 600;
}
#register-form p{
  font-weight: 400;
}
#register-form  input::placeholder,
#register-form  input  {
  font-weight: 400;
}
.cont-check-radio{
  width: 100%;
  display: flex;
  align-items: center;
}


 /** WIZARD **/
 .checkbox .cr,
.radio .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}

.radio .cr {
  border-radius: 50%;
  margin-top: 0px;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
  position: absolute;
  font-size: 1em;
  line-height: 0;
  top: 50%;
  left: 10%;
  color: var(--color-secundario);
}

.radio .cr .cr-icon {
  margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
  display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
  opacity: 0;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
  opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr,
.radio label input[type="radio"]:disabled+.cr {
  opacity: .5;
}
 ol.wizard-register {
  background-color: transparent;
  position: relative;
  overflow: hidden;
  counter-reset: wizard;
}
li.wizard-step-register {
  position: relative;
  float: left;
  width: 33%;
  text-align: center;
  color: var(--color-secundario);
  font-size: 12px;
  font-weight: 300;
}
.current ~ li.wizard-step-register {
  color: var(--color-principal);
}
li.wizard-step-register:before {
  counter-increment: wizard;
  content: counter(wizard);
  display: block;
  color: var(--color-principal);
  background-color: white;
  border: 2px solid #a9a9a9;
  text-align: center;
  width: 2em;
  height: 2em;
  line-height: 1.7em;
  border-radius: 2em;
  position: relative;
  left: 50%;
  margin-bottom: 1em;
  margin-left: -1em;
  z-index: 1;
  font-weight: 800;
font-size: 13px;
}
.current ~ li.wizard-step-register:before {
  background-color: #dcdcdc;
  color: #a9a9a9;
  border-color: #a9a9a9;
  font-weight: bold;
}
li.wizard-step-register + li.wizard-step-register:after {
  content: "";
  display: block;
  width: 100%;
  background-color: #a9a9a9;
  height: 2px;
  position: absolute;
  left: -50%;
  top: 1em;
  z-index: 0;
}
.current ~ li.wizard-step-register:after {
  background-color: #a9a9a9;
}

.valida_doc{
  border-radius: 10px !important;
}

.valida-doc-register {
  border-radius: 10px !important;
}

.valida-doc-register-checkbox {
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  box-shadow: none;
}
 .instructions-register {
   font-size: 19px;
   padding: 10px;
   font-weight: 100;
 }
 .instructions-register.step2-text,
 .instructions-register.step3-text{
  display: flex;

 }
 .instructions-register.step2-text .text p{
    display: block;
 }
 .instructions-register.step2-text .text img{
  display: block;
}
 .instructions-register.step2-text .img-destacar,
 .instructions-register.step3-text .img-destacar{
    background: #CABCD8;
    padding: 0px;
    border-radius: 6px;
    margin-right: 15px;
 }
 .form-register-columns {
  width: auto;
  margin-right: 40px;
  margin-left: 40px;
 }
.login-title-register2 {
  margin: 0px;
  color: red;
  font-size: 27px;
  padding: 2% 10% 3% 0%;;
}

.panel-register-instructions {
  background-color: var(--color-principal);
  color: white;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.panel-heading-register-instructions{
  background-color: var(--color-principal) !important;
  color: white;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-color: transparent !important;

}

.panel-heading-register-instructions .img-destacar{
  background: #CABCD8;
  padding: 10px;
}

.panel-heading-register-instructions .imagebg-step1{
  background: url(../recursos/imagenes/OFICINA-VIRTUAL-07.png);
  background-size: contain;
  height: 20vh;
  width: 100%;
  background-repeat: no-repeat;
}
.panel-heading-register-instructions .imagebg-step2{}
.panel-heading-register-instructions .imagebg-step3{}
.panel-register-form {
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.panel-heading-register-form {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: transparent !important;
  border-bottom: 0px;
  padding: 15px 15px;
}
.btn-mas-info{
  background-color: #529069;
  color: #FFF; 
  border-color: #529069;
  text-transform: uppercase;
  border-radius: 3em;
  min-width: 150px;
  max-height: 30px;
  padding-top: 5px;
}



body.login #register {

}
body.login #register .login-logo {
  max-width: 200px;
  margin-bottom: 15px;
}
body.login #register .panel-register {
  margin-bottom: 0px;
}
body.login #register .panel-register .panel-body {
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 35px;
  padding-bottom: 35px;
}
body.login #register .panel-register .form-group {
  margin-bottom: 35px;
  text-align: left;
  color:#000;
}

body.login #register .panel-register-form .form-group {
  margin-bottom: 15px;
}
body.login #register .panel-register-form .form-group label{
  font-weight: 400;
}

.label-form-register {
  font-size: 12px;
}
body.login #register .panel-register .last{
  text-align: center;
}
body.login #register .panel .ln_solid {
  margin-bottom: 25px;
}

body.login #register .acceso-web{
  margin-top: 15px;
  text-align: left;
  font-size: 12px;
}

/******************/
/*     HEADER     */
/******************/
header{border-bottom: 1px solid #f0f0f0;}

header > section{}
header .header-top{padding: 15px 0; background-color: #FFF;}
header .header-bottom{background-color: var(--color-principal);}

header .navbar{border-width: 0; margin-bottom: 0;}

header .nav > li > a{color: #FFF; border-width: 0; padding-top: 16px; padding-bottom: 14px;}
header .nav > li > a:hover, .nav > li > a:focus, .nav > li > a:hover{background-color: #FFF; color: var(--color-principal);}

header #menu-head > ul.nav.navbar-nav{width: 100%;}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background-color: #FFF; color: #333; border-color: var(--color-principal);}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover{background-color: #FFF; color: #333;}
/*.dropdown.open .dropdown-menu{border-left: 1px solid #FFF;}
.dropdown.open .dropdown-menu a{color: #FFF;}*/

.navbar-nav > li > .dropdown-menu{padding-top: 0; padding-bottom: 0; border-width: 0}
.navbar-nav > li > .dropdown-menu > li > a{padding-top: 7px; padding-bottom: 7px; background-color: #ccbdda; color: var(--color-principal); border-bottom: 1px solid var(--color-principal);}
.navbar-nav > li > .dropdown-menu > li:last-child > a{border-width: 0;}
.navbar-nav > li > .dropdown-menu > li > a:hover{background-color: var(--color-principal); color: #FFF;}

.social{width: 100%; list-style: none; margin-left: 0; margin-right: 0; margin-bottom: 0; padding: 0;}
.social > li{display: inline-block; vertical-align: middle; margin: 0 1px;}
.social > li:first-child{margin-left: 0;}
.social > li:last-child{margin-right: 0;}
.social.small{font-size: 60%;}

.social a{color: #333; opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */}
.social a{
	transition-property: opacity;
  	transition-duration: 0.3s;
 }
.social a:hover{opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */}

header .bloque-comunicacion, header .bloque-accesos{margin-top: 20px;}
header .bloque-accesos form[name='buscador']{/*margin-top: -7px;*/}
header .bloque-comunicacion{font-size: 120%; color: var(--color-principal);}
header .bloque-accesos{color: #333;}
header .bloque-accesos a {color: #888;}
header .bloque-accesos a:hover{color: var(--color-principal);}

header .desplegable{color: #FFF; padding: 13px 15px;}

#buscador-top{position: absolute; width: 290px; right: 0; padding: 5px; background-color: #FFF; border: 1px solid #ccc;}
div[id*='AutocompleteContainter']{position: fixed !important;}

/***********************/
/*     BREADCRUMBS     */
/***********************/
.breadcrumb{padding: 8px 0; background-color: transparent; margin-bottom: 0;}
.breadcrumb > li + li::before{content: ""; padding: 0;}
.breadcrumb > li + li + li::before{color: #ccc; content: ">"; padding: 0 5px;}
.breadcrumb > li:last-child{font-weight: bold;}

/*********************/
/*     CONTAINER     */
/*********************/
.contenido{ margin-top: 160px; }
.btn-laquiero,
.tarifas button[name='btn-contratar']{background-color: #A2C618;color: #FFF; border-color: #A2C618;text-transform: uppercase;}
.btn-laquiero:hover,
.tarifas button[name='btn-contratar']:hover{border-color: var(--color-principal); color: var(--color-principal); background-color: #f0f0f0;}

a[data-target='popup']{font-size: 85%;}

.bg-gris{background-color: #f0f0f0;}
.bg-primary{background-color: var(--color-principal);}
.bg-muted{background-color: #f5f5f5;}

.bg-primary h2, .bg-primary a{color: #FFF;}
/*.bg-muted h2, .bg-muted a{color: #5b6970;}*/

.img-servicios{width: 60px;}
.txt-servicios{margin-top: 0px;margin-bottom: 2px;}

.txt-condiciones{color: #888;}

.contenido .block{ padding: 20px 0;}
.home .contenid .block{padding: 100px 0;}

.btn-txt-portada > .btn-group > .btn{display: table-cell; vertical-align: middle; height: 60px; min-width: 83px;}
.btn-txt-portada > .btn-group .fa-calculator{font-size: 355%;}
.btn-txt-portada > .btn-group > a.btn{padding-top: 4px;}
.btn-txt-portada > .btn-group > button.btn + a.btn{padding-top: 10px;}

.bloque-promo-portada{font-size: 120%; background-color: #FFF;}
.bloque-promo-portada .panel{margin-top: 15px; border: 1px solid #f5f5f5;}
.bloque-promo-portada .panel{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.bloque-promo-portada .panel > .panel-heading{
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.bloque-promo-portada .panel > .panel-heading .media .media-left > img{width: 80px;}
.bloque-promo-portada .panel > .panel-body{border: 0;}

.bloque-promo-portada .panel-heading h3{margin-top: 15px; margin-bottom: 0;}
.bloque-promo-portada .panel-heading h3 > small{color: #FFF;}
.bloque-promo-portada .panel-body h2{font-size: 235%; font-weight: bold; margin-bottom: 0;}
.bloque-promo-portada .panel-body h2, .bloque-promo-portada .panel-body h2 > small{color: var(--color-principal);}
.bloque-promo-portada .panel-body h2 > small{font-weight: normal;}
.bloque-promo-portada .panel-body > .caption{min-height: 102px; color: #5b6970;}

.bloque-promo-portada hr{border-color: #f5f5f5;}

.bloque-msg{border-top: 2px solid #dcdcdc;}
.bloque-msg .btn-link{color: #9ec917; text-decoration: underline;}
.bloque-msg .btn-link:hover{text-decoration: none;}
.bloque-msg h2{margin: 30px 0}
.bloque-msg .title_block{margin: 0 0 30px 0}
.bloque-msg .fecha_block{margin-bottom: 15px; color: #000;}

.bloque-servicio{}
.bloque-servicio > a{display: block; background-color: #f5f5f5; border: 1px solid #f5f5f5; margin-bottom: 25px;}
.bloque-servicio > a{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.bloque-servicio > a > span{display: block; margin-top: 10px;}
.bloque-servicio > a:hover{text-decoration: none; background-color: #f0f0f0; color: var(--color-principal);}
.bloque-servicio .h3, .bloque-servicio h3{color: #5b6970;}
.bloque-servicio .h4, .bloque-servicio h4{color: #5b6970;}

/*.bloque-servicio > a:hover .h4{color: #FFF;}*/

.bloque-solucion{}
.bloque-solucion a{display: block; background-color: #f5f5f5; border: 1px solid #fff; color: var(--color-principal); margin-bottom: 15px;}
.bloque-solucion a{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.bloque-solucion a:hover{text-decoration: none; border-color: #f0f0f0; background-color: #f0f0f0;}
.bloque-solucion a:hover > .h3{ /*color: var(--color-principal);*/}

.bloque-solucion a > span{display: block;}

.bloque-solucion > .panel-default{background-color: #FFF;}
.bloque-solucion h3, .bloque-solucion .h3{color: #5b6970; padding: 18px 15px; margin: 0;}
.bloque-solucion-doble h3, .bloque-solucion-doble .h3{padding: 5px 15px 6px;}

.formas-contacto{background-color: #f5f5f5; padding-top: 15px;padding-bottom: 15px;}
.formas-contacto .media-object{font-size: 300%;}
.formas-contacto .media-body > .media-heading{margin-bottom: 0;}
.formas-contacto .media-body > strong{font-size: 165%;}
.formas-contacto .rrss > a{color: var(--color-principal);}
.formas-contacto .rrss > a:hover{color: #888;}



#servicios .panel-body ul{padding-left: 15px;}

#bloque-formulario-contratar{border-left: 1px solid var(--color-principal); padding-top: 20px; margin-top: 20px;}


/*.img-mialdro{background: url(../recursos/imagenes/dispositivos.png) no-repeat center -20px; background-size: 100% auto; min-height: 540px;}*/
.img-mialdro > ul{margin-top: -75px}

.bg-primary-transparent{background-color: var(--color-principal); color: #FFF; padding-top: 10px; padding-bottom: 10px; /*opacity: 0.8; filter: alpha(opacity=80);*/ /* For IE8 and earlier */}
.bg-primary-transparent p > strong:first-child{font-size: 180%; line-height: 1;}
.bg-primary-transparent p:last-child{margin-bottom: 0;}

/* Servicios */
.bg-img-servicios{background-repeat: no-repeat;}
#servicios .row.bg-img-servicios {
    min-height: 250px;
    display: block;
}
#servicios .row.bg-img-servicios .bg-primary-transparent {
    /* background-color: #2C0156; */
    min-height: 250px;
    padding: 45px 15px;
}
#cuota-fija .bg-img-servicios{
    background-image: url(../recursos/imagenes/servicios-aldro/servicios_cota_fija.jpg);
    background-position: left -110px;
    background-size: 50% auto;
}
#factura-electronica .bg-img-servicios{background-image: url(../recursos/imagenes/servicios-aldro/servicios_factura_elec.jpg);}
#luz-expres-24 .bg-img-servicios{
    background-image: url(../recursos/imagenes/servicios-aldro/servicios_luzexpres24.jpg);
    background-position: left -45px;
    background-size: 50% auto;
}
#luz-expres-plus .bg-img-servicios{
    background-image: url(../recursos/imagenes/servicios-aldro/servicios_luzexpresplus.jpg);
    background-position: left -40px;
    background-size: 50% auto;
}
#luz-premium .bg-img-servicios{
    background-image: url(../recursos/imagenes/servicios-aldro/servicios_luzpremium.jpg);
    background-position: left -250px;
    background-size: 48% auto;
}
#gas-expres-24 .bg-img-servicios{
    background-image: url(../recursos/imagenes/servicios-aldro/servicios_gasexpres24.jpg);
    background-position: left -60px;
    background-size: 53% auto;
}
#gas-classic .bg-img-servicios{
    background-image: url(../recursos/imagenes/servicios-aldro/servicios_gasclassic.jpg);
    background-position: left -50px;
    background-size: 50% auto;
}
#gas-premium .bg-img-servicios{
    background-image: url(../recursos/imagenes/servicios-aldro/servicios_gaspremium.jpg);
    background-position: left -30px;
    background-size: 50% auto;
}
#gas-premium-plus .bg-img-servicios{background-image: url(../recursos/imagenes/servicios-aldro/pere-naine-mees-kohvi-onne-65513350.jpg);}

/* centramos */
#cuota-fija .bg-img-servicios > .bg-primary-transparent{padding-top: 67px !important;}
#factura-electronica .bg-img-servicios > .bg-primary-transparent{padding-top: 57px !important;}
#luz-expres-24 .bg-img-servicios > .bg-primary-transparent{padding-top: 57px !important;}
#luz-expres-plus .bg-img-servicios > .bg-primary-transparent{padding-top: 45px !important;}
#luz-premium .bg-img-servicios > .bg-primary-transparent{padding-top: 53px !important;}
#gas-expres-24 .bg-img-servicios > .bg-primary-transparent{padding-top: 55px !important;}
#gas-classic .bg-img-servicios > .bg-primary-transparent{padding-top: 53px !important;}
#gas-premium .bg-img-servicios > .bg-primary-transparent{padding-top: 50px !important;}
#gas-premium-plus .bg-img-servicios > .bg-primary-transparent{padding-top: 50px !important;}

.btn-contratar{max-width: 282px; float: right;}
.frm-contratar {
    padding-top: 20px;
    margin-top: 20px;
}
a.txt-condiciones.small.right {
    float: right;
    width: 282px;
    text-align: center;
    display: block;
    padding: 12px 12px 0;
}


.chat-flotante{position: fixed; bottom: 2px; right: 5px; border: 2px solid var(--color-principal); z-index: 10000; background-color: #FFF;}
.chat{/*position: fixed; right: 0; bottom: 0; */width: 238px; min-height: 320px; padding: 5px; background-color: #FFF; margin: 0 0 5px 0; /*z-index: 1000;*/
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.chat-flotante > .cerrar{background-color: var(--color-principal); float: right; padding: 3px 3px 5px 5px;}
.chat-flotante > .cerrar > a{color: #FFF; }
.chat-flotante > .c2c-top{padding: 5px;}
.chat-flotante > .c2c-top > h3{margin: 0; color: #a3c517; font-weight: bold;}
.chat-flotante > .c2c-top > h4, .chat-flotante > .c2c-top > h4 > small{margin: 0; color: var(--color-principal);}
.chat-flotante > .c2c-top > hr{margin: 5px 0; border-color: #b3b3b3;}
.chat-flotante > .c2c-top .form-control::-webkit-input-placeholder{color: #999; font-style: italic;}
.chat-flotante > .c2c-top .form-control:-moz-placeholder{color: #999; font-style: italic;}
.chat-flotante > .c2c-top .form-control::-moz-placeholder{color: #999; font-style: italic;}
.chat-flotante > .c2c-top .form-control:-ms-input-placeholder{color: #999; font-style: italic;}

.chat-flotante > .c2c-bottom{background-color: #fff; padding: 5px 0 0;}
.chat-flotante > .c2c-bottom h5{margin: 25px 0 10px;}
.chat > .panel{margin-bottom: 0;}
.chat .cuerpo-conversacion{height: 155px; overflow: auto;}
.chat .cuerpo-conversacion .text-align,
.operador.cuerpo-conversacion .respuesta .text-align{text-align: right;}
.chat .cuerpo-conversacion .respuesta .text-align{text-align: left;}
.operador{height: 300px; overflow: auto;}

.btn-dondeestamos > .btn{display: table-cell; height: 60px; min-width: 83px; vertical-align: middle; float: none;}

.form_lista {
    border-bottom: 1px solid var(--color-principal);
    border-top: 1px solid var(--color-principal);
    padding: 15px 0;
}
.form-control{border-radius: 0;}
/*.form-control::-webkit-input-placeholder{color: #a720f5;}
.form-control:-moz-placeholder { color: #a720f5; }
.form-control::-moz-placeholder { color: #a720f5; }
.form-control:-ms-input-placeholder { color: #a720f5; }*/
select.form-control,
select.form-control > option[value="%"]{color: #999;}
select.form-control > option{color: #555;}

.text-container{padding: 100px 50px 0;}

div[class*='fondo-']{background-repeat: no-repeat; background-position: left bottom; background-size: 100% auto;}
.fondo-hogar{background-image: url("../recursos/imagenes/contrata_hogar.jpg");}
.fondo-pyme{background-image: url("../recursos/imagenes/contrata_pyme.jpg");}

/******************/
/*     VARIOS     */
/******************/
.web section.contenido{min-height: 597px;}
.popup{max-width: 970px; height: 600px; overflow: auto;}

h1,h2,h3{}
h1, h2{color: var(--color-principal);}
h2{}
span.grande {
    font-size: 150%;
    font-weight: bold;
}
.center{
    display: block;
    text-align: center;
}
.txt-condiciones.small.center {
    padding: 16px;
}
#servicios p strong:first-child {
    padding-bottom: 16px;
    display: inline-block;
}


/*******************/
/*     ALERTAS     */
/*******************/


/************************/
/*     ZONA USUARIO     */
/************************/
.zonacliente div#post{min-height: 694px;}
.tab-content{border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 15px;}
.inverse{color: #FFF; text-decoration: underline;}

.fondoCuenta{border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 15px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}


/**************************/
/*     ADMINISTRACION     */
/**************************/
.administracion{background-color: #333;}
.administracion div#post{min-height: 694px; background-color: #FFF;}

div#post{padding-bottom: 20px;}

.menu-bar{background-color: #333; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 0px;}
.menu-bar a{color: #FFF;}
.menu-bar .nav > li > a:focus, .menu-bar .nav > li > a:hover{background-color: #000;}

#menu-head .dropdown-menu{min-width: 100%;}
.menu-bar .dropdown-menu a{color: #333;}

.menu-bar .dropdown .fa-caret-right{float: right; margin: 1px 0 0 5px;}

.menu-bar .rightmenu{left: 100%; top: 0;}

/*.left-nav{position: absolute; top: 0; height: 100%;  z-index: 1; background: #333;}
.left-nav > div{margin-top: 25px; TIENE QUE COINCIDDIR CON LA ALTURA DEL HEADER}*/

.date{background: url(../recursos/imagenes/calendar.png) no-repeat; background-position: 5px center; background-size: 16px 16px; padding-left: 30px;}
/*.menu-bar .nav > li .dropdown-menu a:focus, .menu-bar .nav > li .dropdown-menu a:hover{background-color: #000;}*/

/****************************/
/*     Planes luz y gas     */
/****************************/
.table-tarifas{width: 100%;}
.table-tarifas th{background-color: var(--color-principal); border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5 ; padding: 8px; height: 90px;}
.table-tarifas td{background-color: #fff; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; padding: 15px 8px;}
.table-tarifas th, .table-tarifas td{ padding: 8px;}

.table-tarifas td.col1{background-color: #fff; border-left-width: 0; border-right-width: 0; vertical-align: top; color: var(--color-principal); font-weight: bold; text-align: right;}
.table-tarifas .col1.end{border-bottom-width: 0;}

.table-tarifas td.bg-info{border-top: 2px solid #f0f0f0; border-bottom: 2px solid #f0f0f0;}

.table-tarifas .sumadescuentos{background-color: #FFF; border-width: 0; vertical-align: top; padding-top: 0; padding-right: 0; font-weight: normal; font-size: 120%;}
.table-tarifas .sumadescuentos > div{background-color: #FFF !important; border: 1px solid #A2C618; }

.table-tarifas td > .interior{text-align: center; padding:0;}

.table-tarifas td.separator{width: 5px; background-color: #FFF; border-width: 0; padding: 0;}

.table-tarifas input[type="radio"]{vertical-align: middle;}
.table-tarifas .img-medidas{max-height: 20px;}

.table-tarifas .destacado{background-color: #f0eee6;}
.table-tarifas td.bg-info,.table-tarifas td.separator{vertical-align: top;}
.table-tarifas .bg-info > .interior{font-size: 85%;}

.table-tarifas .botonesTD{border-width: 0; background-color: transparent;}
.table-tarifas .botonesTD > .interior{margin: -8px -8px -8px -9px}
.table-tarifas .botonesTD .btn{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.table-tarifas td > .interior .bg-info{display: block; padding: 5px 0;}

.table-tarifas th .media-heading{color: #fff; margin-bottom: 0;}
.table-tarifas th .media-object{width: 80px; border:0;}

.table-tarifas td h2{margin: 7px 0 5px;}
.table-tarifas td h2 > small{color: var(--color-principal);}

.table-tarifas .txt-slogan{padding-top: 15px;}

.table-tarifas .txt-cabecera{border-width: 0; background-color: #FFF;}
.table-tarifas .txt-cabecera > h2, .table-tarifas .txt-cabecera > h3{margin-top: 0;}

.table-tarifas .cabecera-tarifa{padding: 0; font-size: 180%; line-height: 1; font-weight: normal;}
.table-tarifas .cabecera-tarifa > a{display: block; padding: 25px 10px; }
.table-tarifas .cabecera-tarifa > a:hover{text-decoration: none;}

.table-tarifas .cabecera-tarifa-primary{background-color: var(--color-principal);}
.table-tarifas .cabecera-tarifa-primary > a{color: #FFF;}
.table-tarifas .cabecera-tarifa-default{background-color: #F0F0F0; border-left-color: #f0f0f0; border-right-color: #f0f0f0; border-bottom: 1px solid #CCC;}
.table-tarifas .cabecera-tarifa-default > a{color: var(--color-principal);}

.table-tarifas .separacion-horizontal{border-width: 0; background-color: #FFF; height: 5px; padding: 0;}
.table-tarifas .separacion-horizontal.alto{height: 40px;}

.table-tarifas .sin-contenido{background-color: #FFF; border-width: 0;}
div[role="tablist"] > .table-tarifas .sumadescuentos{padding-bottom: 0;}

.table-tarifas th > .media{text-align: center;}
.table-tarifas th > .media > .media-left,
.table-tarifas th > .media > .media-body{display: inline-block; width: auto;}


.popup_condiciones{height: 690px; max-width: 760px; padding-right: 15px;}
/*.popup_condiciones h4 > span{text-transform: uppercase;}*/

.btn-banner{display: block; width: 380px; height: 100px; background-image:url(../recursos/imagenes/planes_sprite_txt.jpg); background-repeat: no-repeat;}

.btn-banner.hogar-luz{background-position: 0px 0px;}
.btn-banner.hogar-gas{background-position: -390px 0px;}
.btn-banner.hogar-luz-y-gas{background-position: -780px 0px;}

.btn-banner.hogar-luz.active, .btn-banner.hogar-luz:hover{background-position: 0px -100px;}
.btn-banner.hogar-gas.active, .btn-banner.hogar-gas:hover{background-position: -390px -100px;}
.btn-banner.hogar-luz-y-gas.active, .btn-banner.hogar-luz-y-gas:hover{background-position: -780px -100px;}

.btn-banner.pyme-luz{background-position: 0px 0px;}
.btn-banner.pyme-gas{background-position: -390px 0px;}
.btn-banner.pyme-luz-y-gas{background-position: -780px 0px;}

.btn-banner.pyme-luz.active, .btn-banner.pyme-luz:hover{background-position: 0px -100px;}
.btn-banner.pyme-gas.active, .btn-banner.pyme-gas:hover{background-position: -390px -100px;}
.btn-banner.pyme-luz-y-gas.active, .btn-banner.pyme-luz-y-gas:hover{background-position: -780px -100px;}

/****************************/
/*     FORM CONTRATACION    */
/****************************/
.contratacion-hogar{
    background: url('../recursos/imagenes/contrata_hogar.jpg') no-repeat;
    width: 100%;
    height: 100%;
    background-position: -900px bottom;
}

.contratacion-pyme{
    background: url('../recursos/imagenes/contrata_pyme.jpg') no-repeat;
    width: 100%;
    height: 100%;
    background-position: 0px bottom;
}

.contratacion-grandes{
    background: url('../recursos/imagenes/chica_brazos.png') no-repeat;
    width: 100%;
    height: 100%;
    background-position: -450px bottom;
}


.contratacion{
    background: url('../recursos/imagenes/chica_brazos.png') no-repeat;
    background-position: -450px bottom;
}
.contratacion-pyme{
    background: url('../recursos/imagenes/camarero.jpg') no-repeat;
    background-position: left bottom;
}
.contratacion-ggcc, .contratacion-comunidades{
    background: url('../recursos/imagenes/ggcc.jpg') no-repeat;
    background-position: left bottom;
    min-height: 561px;
    width: 100%;
}



.ocultar{visibility: hidden;}
.datoscliente_mens{
    margin-top: 105px;
}
.datosfactura_mens, .desglosefactura_mens, .tufacturaes_mens  {
    margin-top: 12px;
}
.canales_mens {
    margin-top: 12px;
}
.cuentas_mens {
    margin-top: 12px;
}
.textoFac {
    background: #ccbdda;
    padding: 1px 12px;
    color: var(--color-principal);

}
.textoFac strong:first-child {
    border-bottom: 2px solid white;
    padding-bottom: 4px;
    display: block;
    margin: 12px 0px 4px;
}
.botonera-somos .panel-primary{background-color: #fff; border-radius: 0; border-color: #f5f5f5;}
.botonera-somos > div > div:nth-child(2) .panel-primary{border-left-width: 0}

/**********************/
/*     DATATABLES     */
/**********************/

.panel-default .dataTables_wrapper .top{background-color: #F5F5F5; border-bottom: 1px solid #DDD;}
.panel-default .dataTables_wrapper .bottom{background-color: #F5F5F5; border-top: 1px solid #DDD;}
.dataTables_wrapper .top{padding: 15px; min-height: 57px;}
.dataTables_wrapper .bottom{padding: 5px 15px; min-height: 53px;}
/*.dataTables_wrapper .top .dataTables_filter, .dataTables_wrapper .top .dataTables_length{padding: 0 15px;}*/

/******************/
/*     FOOTER     */
/******************/
footer{z-index: 2; background-color: var(--color-principal);}

footer,
.list-links a{color: #FFF;}

footer.footer{border-top: 2px solid var(--color-principal);}

footer > section{padding: 15px 0;}
footer .footer-top{}
footer .footer-bottom{padding: 10px 0;}

footer .empresa{color: #3BAAE0; text-decoration: none;}
footer .empresa > img{margin-right: 5px; height: 22px;}

footer .empresa.alpe{color: #d70056;}

footer h5{text-transform: uppercase; margin-bottom: 15px; font-weight: bold;}

.list-links{list-style: none; margin-left: 0; padding-left: 0; display: table;}
.list-links > li{margin: 3px 0;}
.list-links > li.separator{border-bottom: 1px solid #FFF; margin: 10px 0;}

.list-social{list-style: none; margin-left: 0; padding-left: 0; display: table; font-size: 200%;}
.list-social > li{display: inline-block; margin-right: 5px;}
.list-social > li:last-child{margin: 0;}

.list-social a{color: #FFF;}
.list-social a:hover{color: #f0f0f0;}
.generaLogo{ margin-top: -32px; text-transform:none;}
/***************************/
/*     OFICINA VIRTUAL     */
/***************************/
.cierre-formulario{margin-bottom: -15px;}

.dashboard .fa-6x{font-size: 6em;}
.dashboard .fa-7x{font-size: 7em;}
.dashboard .fa-8x{font-size: 8em;}
.dashboard .fa-9x{font-size: 9em;}
.dashboard .fa-10x{font-size: 10em;}

.dashboard .thumbnail > .fa{margin-top: 10px;}
.dashboard span.caption, .dashboard span.caption > .h3{display: block;}
.dashboard span.caption > .h3{margin-top: 0;}

.dashboard a.thumbnail:hover{text-decoration: none;}

/*************************/
/*     FOOTER AL PIE     */
/*************************/
html {position: relative; min-height: 0;}
/*body{margin-bottom: 184px;}*/
/*.footer{position: absolute; bottom: 0; height: 184px; width: 100%;}*/

/*************************/
/*     MEDIA QUERIES     */
/*************************/
@media only screen and (min-width: 320px) and (max-width: 360px) {

	.social{text-align: center;}
	.extra-options{text-align: center;}

	header .navbar-right{float: none !important;}
	header .navbar-header > button{margin-right: 15px;}

	.left-nav{position: relative; z-index: 0; background-color: transparent;}
	.left-nav > div{margin-top: 0;}

  body.login #login .panel-login .panel-body {
    padding: 0px;
  }

  body.login #login .panel-login-right .panel-body {
    padding: 0px;
  }

  .aldro-login-form {
    padding: 0px;
    align-items: center;
  }
  
  .aldro-login-right-form {
    padding: 0px;
    align-items: center;
    
  }

  .image-responisve-login{
    display: none;
  }

  .aldro-logo-login{
    align-items: center;
    justify-content: center;
    padding-left: 0px;
  }

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

	.navbar-collapse {
	    height: auto;
	    border-top: 0;
	    box-shadow: none;
	    max-height: none;
	    padding-left:0;
		padding-right:0;
	}
  	.navbar-collapse.collapse {
	    display: block !important;
	    width: auto !important;
	    padding-bottom: 0;
	    overflow: visible !important;
  	}
  	.navbar-collapse.in {
    	overflow-x: visible;
  	}

	.navbar
	{
		/*max-width:300px;*/
		margin-right: 0;
		margin-left: 0;
		border-radius: 0;
	}

	/*.navbar-nav,
	.navbar-nav > li,
	.navbar-left,
	.navbar-right,
	.navbar-header
	{float:none !important;}*/

	.menu-bar .navbar-right .dropdown-menu {left:0; right:auto;}
	.navbar-collapse .navbar-nav.navbar-right:last-child {
	    margin-right: 0;
	}

	/*header .navbar-nav,
	header .navbar-nav > li,
	header .navbar-left,
	header .navbar-right,
	header .navbar-header
	{float: left !important;}*/

	header .navbar-right{float: right !important;}


}


/*  Calculadora  */

    .cabeza {
      padding: 10px 10px;
      background-color: purple;
      color: white;
      margin-bottom: 30px;
      font-size: 30px;
      text-transform: uppercase;
      font-family: sans-serif;
    }
    #pestana1 > input[name=cp] {
      margin: 10px 0;
      border-radius: 5px;
      padding: 10px;
    }
    #pestana1 > label {
      display: block;
      font-weight: bold;
    }
    .morado{
      color:var(--color-principal);
    }
    .both{
      clear: both;
    }
    label span {
      position: absolute;
      margin-top: 115px;
      color:var(--color-principal);
      font-weight: bold;
      text-align: center;
      display: block;
      width: 140px;
    }
    .recomendacion{
      /*width: 56%;*/
    }
    .contacto{
        background-color: white;
        min-height: 300px;
        padding: 0px;
    }
    .error {
      color: red;
      font-size: 13px;
      vertical-align: middle;
      margin-left: 20px;
    }
    span#tarifa {
        display: block;
        color: white;
        font-size: 20px;
        margin-left: 0px;
        margin-bottom: 10px;
        background: var(--color-principal);
        padding: 10px 5px;
    }
    span.tarifa {
        text-align:left;
    }
    select#potencia_actual, select#gasto_actual {
      width: 100px;
    }
    button#contrata{
      display: block;
      background-color:  var(--color-principal);
      border: 0;
      border-radius: 5px;
      padding: 10px 20px;
      color: white;
      font-weight: bold;
      font-size: 16px;
      cursor: pointer;
      margin: 0 auto;
    }
    button#contrata:hover{
      background-color: #aad400;
    }
    span#potencia{
        font-size: 24px;
        font-weight: bold;
        color: black;
        vertical-align: middle;
        margin: 0px;
        display: block;
        text-align: left;
    }
    span#Localidad {
        padding-left: 20px;
    }
    span.potencia {
      display: block;
      font-size: 17px;
    }
    span.Titulo1 {
        color: var(--color-principal);
        font-size: 34px;
        display: block;
        font-weight: bold;
    }
    span.preTitulo {
        color: #5b6970;
        font-size: 18px;
    }
    span.Titulo2 {
        color: var(--color-principal);
        font-size: 24px;
        padding: 10px 0;
        display: block;
    }
    span#mensaje {
        display: block;
        color: grey;
        font-size: 11px;
        padding-bottom: 20px;
        border-bottom: 1px solid #5b6970;
    }
    button.boton_avanza {
        float: right;
        background-color: #A2C618;
        border: 0;
        padding: 14px 60px;
        color: white;
        border-radius: 0px;
        margin: 20px 0;
        cursor: pointer;
    }
    button.boton_avanza:hover{
      background-color: var(--color-principal);
    }
    #calculadora input#telefono {
        width: 100%;
        margin: 0;
        display: block;
        padding: 15px 25px;
        border: 1px solid;
        border-radius: 0px;
    }
    span.politicas {
        color: #5b6970;
        font-size: 13px;
        margin: 15px 0;
        display: block;
        text-align: left;
    }
    span#abrir_legal {
        cursor: pointer;
        text-decoration: none;
    }
    #calculadora #politicas{
      vertical-align: middle;
      margin-right: 6px;
    }
    button.boton_llama {
        background: #A2C618;
        color: white;
        font-size: 20px;
    }
    .titulo_calc{
      font-size: 21px;
      display: block;
      color: var(--color-principal);
    }
    .subtitulo_calc {
        border-bottom: 1px solid;
        display: block;
        padding-bottom: 15px;
        margin-bottom: 15px;
        font-size: 18px;
    }
    .input_hidden {
        position: absolute;
        left: -9999px;
    }
    .manana, .dia, .noche{
      padding: 10px 40px;
      margin-bottom: 15px;
      border-radius: 10px;
      border: 1px solid #aad400;
    }
    .manana.selected, .dia.selected, .noche.selected, .manana:hover, .dia:hover, .noche:hover{
      background-color: #aad400;
    }
    .luz, .gas, .luzgas{
      width: 130px;
      height: 110px;
      background-size: contain;
      background-repeat: no-repeat;
    }
    .casa_peq, .casa_med, .casa_gran{
      width: 32%;
      height: 115px;
      background-repeat: no-repeat;
    }
    .persona{
      width: 40px;
      height: 110px;
      /* background-size: contain; */
      background-repeat: no-repeat;
    }
    .luz{
      background-image: url('/calculadora/img/luz.png');
    }
    .gas{
      background-image: url('/calculadora/img/gas.png');
    }
    .luzgas{
      background-image: url('/calculadora/img/luz_gas.png');
    }
    .persona{
      background-image: url('/calculadora/img/man.png');
    }
    .casa_peq{
      background-image: url('/calculadora/img/casa_peq.png');
      background-position: center center;
    }
    .casa_med{
      background-image: url('/calculadora/img/casa_med.png');
      background-position: center center;
    }
    .casa_gran{
      background-image: url('/calculadora/img/casa_gran.png');
      background-position: center center;
    }
    .luz.selected, .luz:hover{
      background-image: url('/calculadora/img/luz_selected.png');
    }
    .gas.selected, .gas:hover{
      background-image: url('/calculadora/img/gas_selected.png');
    }
    .luzgas.selected, .luzgas:hover{
      background-image: url('/calculadora/img/luz_gas_selected.png');
    }
    .persona.selected{
      background-image: url('/calculadora/img/man_selected.png');
    }
    /* Casas */
    .casa_peq.selected, .casa_peq:hover{
      background-image: url('/calculadora/img/casa_peq_selected.png');
            background-color: #aad400;
            border-radius: 10px;
    }
    .casa_med.selected, .casa_med:hover{
      background-image: url('/calculadora/img/casa_med_selected.png');
            background-color: #aad400;
            border-radius: 10px;
    }
    .casa_gran.selected, .casa_gran:hover{
      background-image: url('/calculadora/img/casa_gran_selected.png');
            background-color: #aad400;
            border-radius: 10px;
    }
#personas label span{
    margin-left: -50px;
  }
#calculadora .col-md-1.col-133 {
    width: 13.8%;
}
/* Electrodomesticos */
.electro{
    width:16%;
  margin-right: -5px;
  height: 115px;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
#electrodomesticos {
  margin-bottom: 35px;
}
#electrodomesticos > label span {
  margin-top: 115px;
  width: 125px;
  font-size: 15px;
}
/*
.electro.selected, .electro:hover{
  background-color: #aad400;
  border-radius: 6px;
}*/

.electro.frigorifico{
  background-image: url('/calculadora/img/electro/frigo1.jpg');
  background-size: contain;

}
.electro.frigorifico.selected, .electro.frigorifico:hover{
  background-image: url('/calculadora/img/electro/frigo2.jpg');
  background-size: contain;

}
.electro.lavadora{
  background-image: url('/calculadora/img/electro/lavadora1.jpg');
  background-size: contain;

}
.electro.lavadora.selected, .electro.lavadora:hover{
  background-image: url('/calculadora/img/electro/lavadora2.jpg');
  background-size: contain;

}
.electro.lavavajillas{
  background-image: url('/calculadora/img/electro/lavavajillas1.jpg');
  background-size: contain;

}
.electro.lavavajillas.selected, .electro.lavavajillas:hover{
  background-image: url('/calculadora/img/electro/lavavajillas2.jpg');
  background-size: contain;

}
.electro.horno{
  background-image: url('/calculadora/img/electro/horno1.jpg');
  background-size: contain;

}
.electro.horno.selected, .electro.horno:hover{
  background-image: url('/calculadora/img/electro/horno2.jpg');
  background-size: contain;

}
.electro.aspiradora{
  background-image: url('/calculadora/img/electro/aspiradora1.jpg');
  background-size: contain;

}
.electro.aspiradora.selected, .electro.aspiradora:hover{
  background-image: url('/calculadora/img/electro/aspiradora2.jpg');
  background-size: contain;

}
.electro.plancha{
  background-image: url('/calculadora/img/electro/plancha1.jpg');
  background-size: contain;

}
.electro.plancha.selected, .electro.plancha:hover{
  background-image: url('/calculadora/img/electro/plancha2.jpg');
  background-size: contain;

}
.electro.tv{
  background-image: url('/calculadora/img/electro/tv1.jpg');
  background-size: contain;

}
.electro.tv.selected, .electro.tv:hover{
  background-image: url('/calculadora/img/electro/tv2.jpg');
  background-size: contain;

}
.electro.micro{
  background-image: url('/calculadora/img/electro/micro1.jpg');
  background-size: contain;

}
.electro.micro.selected, .electro.micro:hover{
  background-image: url('/calculadora/img/electro/micro2.jpg');
  background-size: contain;

}
.electro.ordenador{
  background-image: url('/calculadora/img/electro/ordenador1.jpg');
  background-size: contain;

}
.electro.ordenador.selected, .electro.ordenador:hover{
  background-image: url('/calculadora/img/electro/ordenador2.jpg');
  background-size: contain;

}
.electro.otros{
  background-image: url('/calculadora/img/electro/pqelec1.jpg');
  background-size: contain;

}
.electro.otros.selected, .electro.otros:hover{
  background-image: url('/calculadora/img/electro/pqelec2.jpg');
  background-size: contain;

}
.electro.vitro{
  background-image: url('/calculadora/img/electro/vitro1.jpg');
  background-size: contain;

}
.electro.vitro.selected, .electro.vitro:hover{
  background-image: url('/calculadora/img/electro/vitro2.jpg');
  background-size: contain;

}
.electro.seca{
  background-image: url('/calculadora/img/electro/secadora1.jpg');
  background-size: contain;

}
.electro.seca.selected, .electro.seca:hover{
  background-image: url('/calculadora/img/electro/secadora2.jpg');
  background-size: contain;

}
.electro.aacc{
  background-image: url('/calculadora/img/electro/aacc1.jpg');
  background-size: contain;

}
.electro.aacc.selected, .electro.aacc:hover{
  /background-image: url('/calculadora/img/electro/aacc2.jpg');
  background-size: contain;

}
.electro.bomba{
  background-image: url('/calculadora/img/electro/bomba1.jpg');
  background-size: contain;

}
.electro.bomba.selected, .electro.bomba:hover{
  background-image: url('/calculadora/img/electro/bomba2.jpg');
  background-size: contain;

}
.electro.termo{
  background-image: url('/calculadora/img/electro/termo1.jpg');
  background-size: contain;

}
.electro.termo.selected, .electro.termo:hover{
  background-image: url('/calculadora/img/electro/termo2.jpg');
  background-size: contain;

}
.electro.radiador{
  background-image: url('/calculadora/img/electro/radiador1.jpg');
  background-size: contain;

}
.electro.radiador.selected, .electro.radiador:hover{
  background-image: url('/calculadora/img/electro/radiador2.jpg');
  background-size: contain;

}

.tuServicio span:nth-child(1), .tuPotencia span:nth-child(1), .tuGasto span:nth-child(1){
  float:left;
  padding: 10px 0;
}
.tuServicio span:nth-child(2), .tuPotencia span:nth-child(2), .tuGasto span:nth-child(2){
  float:right;
  padding: 10px 0;
}
.tuPotencia span:nth-child(2) {
  margin-right: 65px;
}
.tuGasto span:nth-child(2){
  margin-right: 100px;
}


#sites label, #personas label, #casas label, #electrodomesticos label, #horarios label {
    display: inline-block;
    cursor: pointer;
}
.pregunta_calc{
  padding: 15px 0;
  display: block;
      color: var(--color-principal);
}
#calculadora input[type=button].active{
  background-color: var(--color-principal);
  color: white;
}
#calculadora input[type=button]{
  background-color: #F5F5F5;
  color:grey;
}
#pestana1 > input[name=cp] {
    margin: 0;
    border-radius: 0px;
    padding: 10px;
}

button#opener {
  background-color: var(--color-principal);
  border: 0;
  border-radius: 20px;
  width: 30px;
  height: 30px;
  color: white;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}
button#opener:hover {
  background-color: #aad400;
}

.select2-container--default .select2-selection--single{
    border-radius: 0 0 0;
}
.select2-results__option{
    font-size: 11px;
    line-height: 12px;
}

/* Modificaciones jquery ui */
    /*Accordion*/
    .ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content {
        margin-left: 0px;
    }
    .ui-accordion .ui-accordion-content {
        padding: 0 !important;
        border-top: 0;
        overflow: auto;
        background: white;
        border: 0;
    }
    .ui-accordion .ui-accordion-content:last-child{
      padding: 10px;
    }
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        margin-top: -20px !important;
    }
    span.ui-accordion-header-icon.ui-icon {
      margin-left: -55px;
      /*background-color: red;*/
      width: 40px;
      height: 40px;
      border-radius: 50px;
      background-image: none;
      display: block;
      background-size: contain;
      background-repeat: no-repeat;
    }
    span.ui-accordion-header-icon.ui-icon.numeros-header.jquery-icon-ui-id-1{
        background-image: url(../calculadora/img/numero_1.png);
    }
    span.ui-accordion-header-icon.ui-icon.numeros-header.jquery-icon-ui-id-2{
        background-image: url(../calculadora/img/numero_2.png);
    }
    span.ui-accordion-header-icon.ui-icon.numeros-header.jquery-icon-ui-id-3{
        background-image: url(../calculadora/img/numero_3.png);
    }
    span.ui-accordion-header-icon.ui-icon.numeros-header.jquery-icon-ui-id-4{
        background-image: url(../calculadora/img/numero_4.png);
    }
    span.ui-accordion-header-icon.ui-icon.numeros-header.jquery-icon-ui-id-6{
        background-image: url(../calculadora/img/numero_5.png);
    }
    span.ui-accordion-header-icon.ui-icon.numeros-header.jquery-icon-ui-id-8{
        background-image: url(../calculadora/img/numero_6.png);
    }
    /* Dialog */
    .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle{
      background: var(--color-principal);
      color: white;
    }
    #accordion h3 {
        padding: 15px;
        font-size: 24px;
        color: var(--color-principal);
        background-image: none !important;
        background: #FFF;
        border-radius: 0px;
        font-weight: normal;
        background: #F5F5F5;
    }
    #accordion h3:hover{
        border: 1px solid var(--color-principal);
    }
    #accordion h3.ui-state-active {
        border: 1px solid var(--color-principal);
        border-radius: 0px;
        font-weight: normal;
    }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{
    color: #333;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    body.login #login .panel-login .panel-body {
      padding: 0px;
    }

    body.login #login .panel-login-right .panel-body {
      padding: 0px;
    }
    .navbar-nav{margin: 0; padding: 0 0 5px 0;}
    .navbar-fixed-top{position: relative;}

    body.login > #main,
    body.login .login-section{
        display: block;
    }

    body.login #login .panel-login{
      padding: 40px;
  
    }

    body.login #login .panel-login-right{
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 35px;
      padding-bottom: 35px;
  
    }

    body.login .acceso-web{
        margin-top: 5px;
    }

    .btn-banner{width: 330px;}

    .nav .destacado{width: 100%;}

    .formas-contacto{margin: 0 15px 15px 15px;}

    .contratacion, .contratacion-pyme, .contratacion-ggcc, .contratacion-comunidades{background: none;}

    .bloque-enlaces-accesos{margin-bottom: 10px; text-align: center;}
    .generaLogo{ margin-top: 0px; text-transform:none;}

    .aldro-login-form {
      padding: 0px;
      align-items: center;
    }
    
    .aldro-login-right-form {
      padding: 0px;
      align-items: center;
    }

    .image-responisve-login{
      display: none;
    }

    .aldro-logo-login{
      align-items: center;
      justify-content: center;
      padding-left: 0px;
    }

  }

  @media only screen and (min-width: 768px) and (max-width: 992px){

    .aldro-login-form {
      padding: 0px;
      align-items: center;
    }
    
    .aldro-login-right-form {
      padding: 0px;
      align-items: center;
    }
  
    .image-responisve-login{
      display: none;
    }
    .aldro-logo-login{
      align-items: center;
      justify-content: center;
      padding-left: 0px;
    }
  
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px){
    .aldro-login-form {
      padding: 0px;
      align-items: center;
    }
    .aldro-login-right-form {
      padding: 0px;
      align-items: center;
    }
    .aldro-logo-login{
      align-items: center;
      justify-content: center;
      padding-left: 0px;
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1366px){
    .login-title-first-register {
      font-size: 35px;
    }

    .login-title-second-register {
      font-size: 35px;
    }

    .login-title-register2 {
      font-size: 20px;
      padding: 2% 8% 3% 0%;
    }
  }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #main-claim-wrapper{padding: 0;}
    .home #main-claim-wrapper{ margin: 0;}
    .home #main-claim-wrapper #main-claim .banner{margin: 0;}
    .home #main-claim-wrapper #main-claim .banner img, .home #main-claim-wrapper #main-claim .banner{height: auto; object-fit: none; }
    .btn-banner{width: 330px; display: inline-block;}

    .navbar-fixed-top{position:relative;}
    .navbar-nav{margin: 0 -15px; width: auto !important;}

    header .nav > li > a{padding-left: 7px; padding-right: 7px;}

    .text-container{padding: 0;}

    .contratacion, .contratacion-pyme, .contratacion-ggcc, .contratacion-comunidades{background: none;}

    .bloque-enlaces-accesos{margin-bottom: 10px; text-align: center;}
}
@media only screen and (min-width: 1006px) and (max-width: 1261px) {
    .contratacion, .contratacion-pyme, .contratacion-ggcc, .contratacion-comunidades{background: none;}
}
@media only screen and (min-width: 1262px) and (max-width: 1901px) {

   /* .contratacion{
        background: url('../recursos/imagenes/chica_brazos.png') no-repeat;
        background-position: -580px bottom;
    }
    .contratacion-pyme{
        background: url('../recursos/imagenes/camarero.jpg') no-repeat;
       background-position: -435px bottom;
    }
    .contratacion-ggcc, .contratacion-comunidades{
        background: url('../recursos/imagenes/ggcc.jpg') no-repeat;
        background-position: -660px bottom;
    }*/
    .contratacion{
        background: url('../recursos/imagenes/chica_brazos.png') no-repeat;
        background-position: -180px bottom;
        background-size: 47% auto;
    }
    .contratacion-pyme{
        background: url('../recursos/imagenes/camarero.jpg') no-repeat;
        background-position: left bottom;
        background-size: 31% auto;
    }
    .contratacion-ggcc, .contratacion-comunidades{
        background: url('../recursos/imagenes/ggcc.jpg') no-repeat;
        background-position: left bottom;
        background-size: 32% auto;
    }
}
@media only screen and (min-width: 1902px) {
    /*.contratacion{
        background: url('../recursos/imagenes/chica_brazos.png') no-repeat;
        background-position: -355px bottom;
    }
    .contratacion-pyme{
        background: url('../recursos/imagenes/camarero.jpg') no-repeat;
       background-position: -125px bottom;
    }
    .contratacion-ggcc, .contratacion-comunidades{
        background: url('../recursos/imagenes/ggcc.jpg') no-repeat;
        background-position: -230px bottom;
    }*/
    .contratacion{
        background: url('../recursos/imagenes/chica_brazos.png') no-repeat;
        background-position: -270px bottom;
        background-size: 50% auto;
    }
    .contratacion-pyme{
        background: url('../recursos/imagenes/camarero.jpg') no-repeat;
        background-position: left bottom;
        background-size: 45% auto;
    }
    .contratacion-ggcc, .contratacion-comunidades{
        background: url('../recursos/imagenes/ggcc.jpg') no-repeat;
        background-position: left bottom;
        background-size: 40% auto;
    }
}


@media(max-width:900px){
  .panel-register-instructions, .panel-register-form{
    width:100%;
  }
  .panel-heading-register-instructions .imagebg-step1{
    height:9vh;
  }
  ol.wizard-register{
    padding:0;
  }
}


.btnTarjeta{
	background-color: #019E63; 
	border:none; 
	border-radius: 8px; 
	color: #fff;  
	align-items: center; 
	padding: 8px; 
	margin-right: 10px;
  background-image:url("/recursos/imagenes/iconos/tarjeta_credito.png");
  background-repeat:no-repeat;
  background-size:10%;
  background-position:3%;
  padding-left: 2em;  
  margin-top:1em;
}

.btnBizum{
	background-color: #019E63; 
	border:none; 
	border-radius: 8px; 
	color: #fff;  
	align-items: center; 
	padding: 8px; 
	margin-right: 10px;
  background-image:url("/recursos/imagenes/iconos/bizum.png");
  background-repeat:no-repeat;
  background-size:10%;
  background-position:3%;
  padding-left: 2em;
  margin-top:1em;
}


.btnBizum:hover, .btnTarjeta:hover{
  opacity: 0.7;
}


@media(max-width:750px){
  .row-father-display{
    flex-wrap: wrap;
  }
  .row-father-display .box-img{
    order: 2;
  }
  .row-father-display .box-form{
    order: 1;
  }

  .aldro-login-form > div.cont, 
  body.login #login .panel-login-right{
    width: 65%;
  }

  body.login #login .panel-login-right{
    margin-bottom: 40PX;
  }

}

@media(max-width:400px){
  .aldro-login-form > div.cont, 
  body.login #login .panel-login-right{
    width: 73%;
  }
  body.login .olvido-pass{

    margin-top: 15px;
  }
  .aldro-login-right-form{

    margin-top: 0px !important;
  }
  body.login .olvido-pass, body.login .volver{
    text-align: center !important;
    display: block;
  }

  body.login .volver {
    margin-bottom: 20px;
  }

  .row-father-display .box-img .cont-info-apps img{
    width: 70%;
  }
  .row-father-display .box-img .cont-info-apps h3{
    font-size: 30px;
  }

  .cont-info-apps .cont-btn{
    width: 100%;
    flex-wrap: wrap;
    
  }
  .cont-info-apps .cont-btn .btn{
    min-width: 180px;
    order: 2;
  }
  .cont-info-apps .cont-btn .btn-android{
    order:1;
  }
}