@charset "UTF-8";
/* CSS Document */

/*General*/

body {font-family: 'Montserrat', sans-serif; font-weight: 600; background-color: #2e2e2e; color: #FFF;}
h1,h2,h3,h4,h5 {font-family: 'Josefin Sans', sans-serif; text-transform: uppercase; letter-spacing: 0; font-weight: 900;}

h1 {font-size: 24px; text-transform: uppercase; letter-spacing: 2px; width: 100%; line-height: 120%; font-weight: bold; margin-top: 10px; text-indent: -9000px; background-position: top left; background-repeat: no-repeat; background-attachment: scroll; background-size: contain; background-image: url(../images/logo.png); height: 80px;}

/*Layout*/

div.container {width: 95%; margin-top: 30px; border:1px solid #666; border-radius: 30px; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px;}
#main_form {margin-top: 30px;}

.contenedor_texto {margin-top: 30px; padding-left: 30px;}

/*Login*/
.contenedor_form {margin: 80px 60px;
    padding: 30px;
    background-color: #999;
    color: #000;
    border-radius: 20px;}

.contenedor_form label {display: block;}
.contenedor_form .login-username input {display: block; width: 100%; border-radius: 5px;}
.contenedor_form .login-password input {display: block; width: 100%; border-radius: 5px;}
input#wp-submit {border-radius: 5px; color: #FFF; background-color: #000; cursor: pointer;}

.contenedor_form a {border-radius: 5px; color: #FFF; background-color: #000; cursor: pointer; display: inline-block; padding: 10px;}

/*Top Nav*/
ul.top-nav { margin-bottom: 10px; text-align: right; margin-top: -5px;}
ul.top-nav li {list-style: none; display: inline-block; margin: 0 3px; font-weight: 300; font-size: 11px; color: #999999;}
ul.top-nav li a {text-transform: uppercase; color: #999999;}
ul.top-nav li a:hover {color: #CCC;}


/*Nav*/
.nav-pills .nav-link { border-radius: 0.25rem; margin: 0px 7px; color: #000; background: rgb(124,123,123);
background: linear-gradient(180deg, rgba(124,123,123,1) 0%, rgba(100,98,99,1) 100%);}
.nav-pills .nav-link:hover {background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(203,203,203,1) 100%);}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #000; background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(203,203,203,1) 100%);}




/*Form*/
#main_form hr  {margin-top: 5px; margin-bottom: 5px;}
.input-group-text {font-weight: 600;}
label {margin-bottom: 0;}
.input-group {border:none; border-radius: 10px; background: rgb(208,205,205);
background: linear-gradient(180deg, rgba(208,205,205,1) 0%, rgba(180,178,178,1) 100%); min-height: 48px; overflow: hidden;}
.input-group-text {background: none; border: none;}
.input-group input {border: none;}
input {border: none; padding: 8px 8px;     background-color: #ECECEA;}
textarea {border: none;}
select {border: none; min-height: 48px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;     background-color: #ECECEA;}

/*Inputs Groups*/

.input-group-01 .input-group-prepend {width: 30%;}
.input-group-01 label {background: rgb(168,165,165); background: linear-gradient(180deg, rgba(168,165,165,1) 0%, rgba(147,144,144,1) 100%); color: #FFF; text-transform: uppercase; padding: 0 6%!important; width: 100%}

.input-group-02 {background: #2e2e2e;}
.input-group-02 input {display: none;}
.input-group-02 label {background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(203,203,203,1) 100%); color:#424141; font-size: 28px; text-align: center; padding: 5px 15px; width: 34%; margin-right: 10px; border-radius: 10px; cursor: pointer;}
.input-group-02 label.inactive {cursor: default; background: rgb(124,123,123);
background: linear-gradient(180deg, rgba(124,123,123,1) 0%, rgba(100,98,99,1) 100%); margin-right: 40px;}


.input-group-03 input {width: 30%; padding: 0 16px; font-size: 30px; font-weight: 500;}
.input-group-03 img {margin: 0 30px;}
.input-group-03 .input-group-text {     font-size: 18px!important; font-weight: 500; margin-left: 10px;}

.input-group-04 input {width: 30%; padding: 0 16px; font-size: 30px; font-weight: 500;}
.input-group-04 img {margin: 0 30px;}
.input-group-04 .input-group-text {     font-size: 18px!important; font-weight: 500; margin-left: 10px;}

.input-group-05 input {width: 30%; padding: 0 16px; font-size: 30px; font-weight: 500;}
.input-group-05 img {margin: 0 30px;}
.input-group-05 .input-group-text {     font-size: 18px!important; font-weight: 500; margin-left: 10px;}

.input-group-06 input {width: 30%; padding: 0 16px; font-size: 30px; font-weight: 500;}
.input-group-06 img {margin: 0 30px;}
.input-group-06 .input-group-text {     font-size: 18px!important; font-weight: 500; margin-left: 10px;}



.input-group-07 {background: #5f5e5e;}
.input-group-07 img {margin: 0 5px;}
.input-group-07 .input-group-text {     font-size: 18px!important; font-weight: 500; margin-left: 10px; color: #a3a2a2;}
.input-group-07 input {display: none}
.input-group-07 label {background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(203,203,203,1) 100%); color:#424141; font-size: 10px; text-align: center;     padding: 13px 5px; width: 14%; font-weight: bold; margin: 3px; border-radius: 10px; cursor: pointer;}
.input-group-07 label.inactive {cursor: pointer; background: rgb(190,187,187);
background: linear-gradient(180deg, rgba(190,187,187,1) 0%, rgba(145,142,142,1) 100%);}



.input-group-08 {background: #2e2e2e;}
.input-group-08 input {display: none;}
.input-group-08 label {background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(203,203,203,1) 100%); color:#424141; font-size: 28px; text-align: center; padding: 5px 15px; width: 34%; margin-right: 10px; border-radius: 10px; cursor: pointer;}
.input-group-08 label.inactive {cursor: pointer; background: rgb(124,123,123);
background: linear-gradient(180deg, rgba(124,123,123,1) 0%, rgba(100,98,99,1) 100%); margin-right: 40px;}



.input-group-09 {background: #868484; padding-left: 12px;}
.input-group-09 span {width: 80%;}
.input-group-09 label {color: #000; font-size: 12px!important; font-weight: 500; margin: 0 2px; text-transform: uppercase;}
.input-group-09 input {width:18%; padding: 4px; font-size: 14px; font-weight: 500; margin: 12px 0;}
.input-group-09 input#encendido_sobre_corriente { width: 40px; height: 22px; margin-top: 15px; margin-left: 10px;}


.input-group-10 span {background: rgb(168,165,165); background: linear-gradient(180deg, rgba(168,165,165,1) 0%, rgba(147,144,144,1) 100%); color: #FFF; text-transform: uppercase; padding: 0 6%!important; width: 100%}
.input-group-10 .input-group-prepend { width: 30%; margin-right: 10px;}
.input-group-10 {background: rgb(95,94,94);
background: linear-gradient(180deg, rgba(95,94,94,1) 0%, rgba(74,73,73,1) 100%);}
.input-group-10 input {display: none;}
.input-group-10 label {background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(203,203,203,1) 100%); color:#000; font-size: 16px; text-align: center; padding: 10px 10px; width: 21%; border-radius: 10px; cursor: pointer; margin: 5px;}
.input-group-10 label.inactive {cursor: pointer; background: rgb(176,174,174);
background: linear-gradient(180deg, rgba(176,174,174,1) 0%, rgba(141,142,142,1) 100%);}


.input-group-11 span {background: rgb(168,165,165); background: linear-gradient(180deg, rgba(168,165,165,1) 0%, rgba(147,144,144,1) 100%); color: #FFF; text-transform: uppercase; padding: 0 6%!important; width: 100%}
.input-group-11 input { width: 70%;}
.input-group-11 .input-group-prepend { width: 30%;}


.response-container {padding-top: 48px;}
.response {    border-radius: 10px; width: 100%; text-align: center; background-color: #848484; padding: 15px; height: 164px; overflow: hidden; margin-bottom: 10px; color: #FFF;}
.response h5 {font-size: 14px; margin-bottom: 10px; opacity: 0.6;}
.response-image {border-radius: 10px; width: 100%; text-align: center; background-color: #5a5a5a; height: 88px; overflow: hidden; margin-bottom: 60px; background-attachment: scroll; background-position: center center; background-size: contain; background-repeat: no-repeat;}
.response-image.ok {background-image: url("../images/ICONO–U7.png")}
.response-image.error {background-image: url("../images/ICONO–U8.png")}

#iniciar {font-weight: bold;}


/* Large desktop */
@media (min-width: 1400px) { 

	
}

/* Desktop 1024 */
@media (min-width: 980px) and (max-width: 1399px) { 

    div.container {max-width: 99%;}
    
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

    div.container {max-width: 99%;}
	
}

/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) { 
	
    div.container {max-width: 99%;}
	
}

/* Landscape phones and down */
@media (max-width: 480px) {

	div.container {max-width: 99%;}
	
}

/* ojo N@N0 */

.input-group-28 input {width: 30%; padding: 0 16px; font-size: 30px; font-weight: 500;}
.input-group-28 img {margin: 0 30px;}
.input-group-28 .input-group-text {     font-size: 18px!important; font-weight: 500; margin-left: 10px;}
.input-group-02 label.inactive {cursor: pointer; background: rgb(190,187,187);
background: linear-gradient(180deg, rgba(190,187,187,1) 0%, rgba(145,142,142,1) 100%);}



/*link activo*/
.top-nav li a.active{color: #ECECEA;font-weight: 500;}
/* error field*/
.input-group.errorform {border: 4px solid orange;}
/* campo desabilitado*/
input[type=number]:disabled{
    opacity:0.5;
}
.desabilitado{
      opacity:0.5;
}
/* hide player */
.audio_player{display: none;}


/* modo canal */
.input-group-12 {
  background: rgb(95, 94, 94);
  background: linear-gradient(180deg, rgba(95, 94, 94, 1) 0%, rgba(74, 73, 73, 1) 100%);
}
.input-group-12 input {
  display: none;
}
.input-group-12 label {
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(203, 203, 203, 1) 100%);
  color: #000;
  font-size: 9px;
  text-align: center;
    padding: 10px 10px;
  width: 30%;
  border-radius: 10px;
  cursor: pointer;
  margin: 5px;
}
.input-group-12 label span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.input-group-12 label.inactive {
  cursor: pointer;
  background: rgb(176, 174, 174);
  background: linear-gradient(180deg, rgba(176, 174, 174, 1) 0%, rgba(141, 142, 142, 1) 100%);
}

/* modo ratio */

.input-group-14 {
  background: rgb(95, 94, 94);
  background: linear-gradient(180deg, rgba(95, 94, 94, 1) 0%, rgba(74, 73, 73, 1) 100%);
}
.input-group-14 input {
  display: none;
}
.input-group-14 label {
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(203, 203, 203, 1) 100%);
  color: #000;
  font-size: 16px;
  text-align: center;
    padding: 10px 10px;
  width: 18%;
  border-radius: 10px;
  cursor: pointer;
  margin: 5px;
}
.input-group-14 label span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.input-group-14 label.inactive {
  cursor: pointer;
  background: rgb(176, 174, 174);
  background: linear-gradient(180deg, rgba(176, 174, 174, 1) 0%, rgba(141, 142, 142, 1) 100%);
}