/*Formulario*/

.sc-error-politica, .sc-error-politica_popup, .sc-error-politica_top, .sc-error-politica_bottom{
    display: none;
    color:white;
    background-color: #d90048;
    position: relative;
    width: 200px;
    text-align:center;
    padding: 5px 10px;
    border-radius: 10px;
}

.sc-error-telefono,.sc-error-telefono_popup, .sc-error-telefono_top, .sc-error-telefono_bottom{
    display: none;
    color:white;
    background-color: #d90048;
    position: relative;
    width: 200px;
    text-align:center;
    padding: 5px 10px;
    border-radius: 10px;
   margin-bottom: -30px;
}
.sc-error-nombre,.sc-error-nombre_popup, .sc-error-nombre_top, .sc-error-nombre_bottom{
    display: none;
    color:white;
    background-color: #d90048;
    position: relative;
    width: 200px;
    text-align:center;
    padding: 5px 10px;
    border-radius: 10px;
   margin-bottom: -30px;
}

.sc-error-telefono_popup,.sc-error-nombre_popup,.sc-error-politica_popup{
    margin-bottom: 0px;
    top: 10px;
}

.checkbox label.error::before, .chk_privacidad_bottom label.error::before, .chk_privacidad_popup label.error::before, .chk_privacidad_top label.error::before{
  content: " ";
  width: 20px;
  height: 20px;
  border: 1px solid red;
  padding: 0 5px;
  position: absolute;
  left: -4px;
  top: 0px;
}



.sc-error-telefono::before,.sc-error-politica::before ,.sc-error-nombre::before{
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #d90048;
    right: -13px;
    top: 0px;
    position: absolute;
    z-index: 9;
}

.sc-error-telefono_top::before,.sc-error-politica_top::before ,.sc-error-nombre_top::before{
    content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 20px 14px 0;
  border-color: transparent #d90048 transparent transparent;
  left: -13px;
  top: 0px;
  position: absolute;
  z-index: 9;
}
.sc-error-telefono_bottom::before,.sc-error-politica_bottom::before ,.sc-error-nombre_bottom::before{
    content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 20px 14px 0;
  border-color: transparent #d90048 transparent transparent;
  left: -13px;
  top: 0px;
  position: absolute;
  z-index: 9;
}

.sc-error-telefono_popup::before,.sc-error-politica_popup::before ,.sc-error-nombre_popup::before{
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 20px 15px;
    border-color: transparent transparent #d90048 transparent;    
    left: calc(50% - 15px);
    top: -20px;
    position: absolute;
    z-index: 9;
}

/*Right Column*/
.margin-top {
  /*margin-top: -60px;*/
}


.green-box {
  background: #009ddf;
  color: white;
  padding: 10px 20px 10px;;
}

.green-box p {
  font-size: 17px;
  font-weight: normal;
  
}

.green-box a {
  font-size: 39px;
  font-weight: bold;
  color: white;
  line-height: 12px;
  
}

.green-box img {
  float: left;
  position: relative;
    top: 8px;
}

#cambio{
  background: #0069a7;
  color: #ffffff;
  border: 1px solid #0069a7;
  border-radius: 15px;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 15px;
}

#cambio header{
  background: #ffffff;
  padding: 10px 15px;
  border-top-right-radius: 15px;
}

#cambio header img {
  vertical-align: sub;
  position: relative;
  top: -6px;
}

.darkGreen-box {
  padding: 10px 15px;
}


#cambio header img#curculo-info {
  position: absolute;
  top: -46px;
  left: calc(50% - 46px);
}

.darkGreen-box h6 {
  display: block;
  font-size: 23px;
  line-height: 26px;
  padding-left: 5px;
  text-align: center;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 15px;
  font-family: 'Basic';
}

.darkGreen-box header h6 span{
  position: relative;
  top: 12px;
  background: white;
  padding: 0 3px;
}

#cambio header p {
  font-size: 23px;
  line-height: 26px;
  text-align: center;
  padding: 40px 25px 5px;
  color: #003764;
  margin-bottom: 5px;
  font-family: 'Basic';
}

.darkGreen-box .checkbox {
  font-size: 10px;
  line-height: 15px;
}

.darkGreen-box .checkbox a {
  color: #ffffff;
}

.btn-formulario{
  background: rgba(242,138,52,1);
  background: -moz-linear-gradient(top, rgba(242,138,52,1) 0%, rgba(231,59,53,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,138,52,1)), color-stop(100%, rgba(231,59,53,1)));
  background: -webkit-linear-gradient(top, rgba(242,138,52,1) 0%, rgba(231,59,53,1) 100%);
  background: -o-linear-gradient(top, rgba(242,138,52,1) 0%, rgba(231,59,53,1) 100%);
  background: -ms-linear-gradient(top, rgba(242,138,52,1) 0%, rgba(231,59,53,1) 100%);
  background: linear-gradient(to bottom, rgba(242,138,52,1) 0%, rgba(231,59,53,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28a34', endColorstr='#e73b35', GradientType=0 );
  color: white;
  font-family: "Basic";
  font-size: 22px;
  margin-bottom: 10px;
  border-radius: 15px;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  margin: auto;
}

.btn-formulario:hover{
  background: rgba(231,59,53,1);
  background: -moz-linear-gradient(top, rgba(231,59,53,1) 0%, rgba(242,138,52,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231,59,53,1)), color-stop(100%, rgba(242,138,52,1)));
  background: -webkit-linear-gradient(top, rgba(231,59,53,1) 0%, rgba(242,138,52,1) 100%);
  background: -o-linear-gradient(top, rgba(231,59,53,1) 0%, rgba(242,138,52,1) 100%);
  background: -ms-linear-gradient(top, rgba(231,59,53,1) 0%, rgba(242,138,52,1) 100%);
  background: linear-gradient(to bottom, rgba(231,59,53,1) 0%, rgba(242,138,52,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e73b35', endColorstr='#f28a34', GradientType=0 );
  color: white;
}

.darkGreen-box .help-block {
  color: #d90048;
  text-align: center;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 10px;
}

.phraseontop {
  position: relative;
    top: -10px;
}


.telefono-mobile {
  width: 100%;
  display: block;
  text-align: center;
  color: white;
  padding: 8px;
  font-size: 24px;
  background-color: #587a22;
  border-radius: 7px;
}

.telefono-mobile:hover {
  color: #f1f1f1;
  text-decoration: none;
}

.telefono-mobile .tel{
  font-size: 24px;
  text-align: center;
}

.sub-form {
  background: white;
  margin-top: 10px;
  
  color: #009ddf;
  padding: 10px;
  position: relative;
}

.jumbotron .sub-form p {
    font-size: 14px;
    line-height: 17px;
    padding: 3px 0 0 4px;
    margin-left: 46px;
}

.sub-form img {
  float: left;
}

.sub-form span {
    position: absolute;
    top: 27px;
    left: 21px;
    color: #969696;
}



.contact-band h3{
  text-align: center;
  color: #d90048;
}

.contact-band .legal{
  text-align: center;
  color: grey;
  font-size: 12px;
  line-height: 15px;
}


.numeroGoogle:hover{
  text-decoration: none;}
.numeroGoogle {
  color: #0069a7;
  font-size: 40px;
  line-height: 40px;
  display: block;
  text-align: center;
  font-family: 'Basic';
  font-weight: bold;
}

/* Mensaje formulario */
div#mensaje {
    background: white;
}

div#mensaje button#bt_denuevo {
    background: #095751;
    font-family: "Arial";
    font-weight: bold;
    color: white;
}



/*Modal Formulario*/

#modal-llamar .modal-content h3.text-center{
  color: #009ddf;
}

#modal-llamar .modal-header{
  border-bottom:none;
}

#modal-llamar .darkGreen-box {
  background-color: #f1f1f1;
  border: none;
  border-radius: 0;
}

#modal-llamar .col-xs-4{
  padding: 0;
}

#modal-llamar h4 {
  color: #d90048;
  font-family: "Arial";
  font-size: 60px;
  line-height: 60px;
}

#modal-llamar p{;
  font-size: 16px;
  line-height: 22px;
}

#modal-llamar .form-control{
  background-color: #ffffff;
}

#modal-llamar .darkGreen-box header h6 span {
  background: #f1f1f1;
}

#modal-llamar .darkGreen-box .help-block {
  color: #d90048;
}


@media(max-width: 992px){
  .margin-top {
    margin-top: 0;
  }

  .sub-form {
    max-width: 300px;
    display: block;
    margin: auto;
  }

  .darkGreen-box {
    max-width: 300px;
    border-radius: 8px;
      margin: auto;
  }

  .btn-formulario {
      margin-top: 10px;
      font-size: 18px;
  }

  .telefono-mobile .tel {
    font-size: 18px;
    text-align: center;
  }

  
}







@media(max-width: 767px){

  .sc-error-telefono,.sc-error-politica,.sc-error-nombre,.sc-error-telefono_popup,.sc-error-nombre_popup,.sc-error-nombre_top,.sc-error-telefono_top,.sc-error-nombre_bottom,.sc-error-telefono_bottom,.sc-error-politica_popup,.sc-error-politica_top,.sc-error-politica_bottom{
    margin: 0 auto;
    left: 0;
    top: 0px;
}

.sc-error-telefono{
  top:0px;
}

.sc-error-politica{
    left: -10px;
}

.sc-error-telefono::before,.sc-error-politica::before ,.sc-error-nombre::before,.sc-error-telefono_top::before,.sc-error-nombre_top::before,.sc-error-politica_top::before,.sc-error-telefono_popup::before,.sc-error-nombre_popup::before,.sc-error-politica_popup::before,.sc-error-telefono_bottom::before,.sc-error-nombre_bottom::before,.sc-error-politica_bottom::before {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 20px 15px;
    border-color: transparent transparent #d90048 transparent;    
    left: calc(50% - 15px);
    top: -20px;
    position: absolute;
    z-index: 9;
}

input[type='checkbox']#chk_privacidad.error::before, input[type='checkbox']#chk_privacidad_popup.error::before, input[type='checkbox']#chk_privacidad_top.error::before, input[type='checkbox']#chk_privacidad_bottom.error::before {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid red;
  padding: 0 5px;
  position: absolute;
  left: -2px;
  top: -2px;
}


.checkbox label.error::before, .checkbox_banner label.error::before, .check_privacidad_botonrosa label.error::before{
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid red;
  padding: 0 5px;
  position: absolute;
  left: -2px;
  top: 0px;
}

.numeroGoogle {
}

input#chk_privacidad_top {
  width: 18px;
}


  .darkGreen-box header h6 {
    position: relative;
      top: -14px;
  }

  #datosform {
    padding-bottom: 0px;
  }

  #datosform #cambio{
    border-radius: 0;
  }

  #bottomform .darkGreen-box {
    border:none;
  }

  .darkGreen-box {
    max-width: 100%;
    border-radius: 15px;
    margin-top:10px;
    padding-bottom: 0px;
  }

  .top-form.visible-xs {
    background: #f1f1f1;
    padding: 10px 10px;
    text-align: center;
  }

  .top-form input, .top-form button{
    display: inline-block;
    margin-left: 5px;
    width: 45%;
  }


  .top-form input{
    background: white;
    border-radius: 0;
      margin-bottom: 0px;
  }

  .top-form img{
    padding: 9px 5px;
    background: white;
    vertical-align: top;
    margin-top: 1px;
  }

  .top-form button {
    margin-top: 0px;
    font-size: 14px;
    border-radius: 15px;
    background: #587a22;
    width: 90%;
  }
  .top-form button:hover {
    background: #486718;
  }

 /* #cambio header{
    display: none;
  }*/

  #cambio header p {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    padding: 40px 0px 5px;
  }

  .darkGreen-box h6 {
    display: block;
    font-size: 18px;
    line-height: 22px;
  }

  #cambio {
  margin-bottom: 10px;
  margin-top: 20px;
  padding-bottom: 10px;
  }
}


@media(max-width: 380px){
  /*.top-form input{    
    width: 80%;
  }

  .top-form button{
    width: 90%;
    margin-top: 5px;
  }*/
  .top-form button {
    font-size: 12px;
  }
}

@media(max-width: 350px){
  .numeroGoogle {
    color: white;
    font-size: 20px;
  }

  .jumbotron h3 {
    font-size: 14px;
    line-height: 18px;
  }

  .jumbotron h2 {
    font-size: 20px;
  }
}