body#formPruebas {background-color:#f1f1f1;min-height: 0;}
body#formPruebas .fondo{
  border-radius: 0 180px 0 0;
  position: fixed;
  left: 0;
  width: 30%;
  height: 100%;
  /* height: 100%; */
  top: 20px;
  display: flex;
  align-items: flex-end;
  z-index: 1;
}

body#formPruebas .fondo img{width: 130%;}

body#formPruebas .fondo, .footerFRM{background:#fe1447; }

.logoFRM{
    width: 100%;
    padding: 5% 15% 0;
    box-sizing: border-box;
    min-width: 256px;
}

.push{
    margin-top: 0px;
    background: #fe1447;
    height: 120px;
    border-radius: 0 200px 0 0;
}
.footerFRM{
  padding-bottom: 50px;
  /* padding-top: 30px; */
  position:relative;
  margin-top: 0;
  font-family: 'ArialMTPro-Cond';
  font-size: 20px;
}

body#formPruebas .footerFRM::after{
  content:'';
  width: 120px;
  position:absolute;
  height: 120px;
  left: 30%;
  bottom: 198px;
  border-radius: 0 0 0 120px;
  box-shadow: -35px 47px 0 0 #fe1447, -1px 51px 0 0 #fe1447, -44px 2px 0 0 #fe1447;
  /* z-index: -1; */
}
/*body#formPruebas.ciclos_formativos .footerFRM::after{
  box-shadow: -35px 47px 0 0 #00797d, -1px 51px 0 0 #00797d, -44px 2px 0 0 #00797d;
}*/

.footerFRM div{z-index: 4}


.contenidoPrincipal h1{font-size: 3.4em;padding-top: 50px;padding-bottom:40px;padding-left: 5%;color: #fe1447;/* margin-bottom: 0; */text-align: center;padding-right: 5%;}

#formPruebas .contenidoPrincipal{
      z-index: 3;
      border-radius: 0;
      background: transparent;
}
#formPruebas .contenidoPrincipal.cuerpoFRM{background:transparent;}
#formPruebas .contenidoPrincipal#CapaFrmSolicitud{
  /* border-radius:80px; */
  padding: 10px 10% 20px;
  box-sizing: border-box;
  width: 100%;
}

.FRM{
  background:#fff;
  border-radius: 110px;
  box-shadow: 13px 13px 0 #333;
  width: calc(100% - 13px);
  /* margin-top: -30px; */
}  

  .gris{color:#000!important}


  div form #tooltips label{top:9%;}
  div form #tooltips div input.error + label.error, div form #tooltips div select.error + label.error{border-radius: 5px;background: #eee;border:0!important;}
  div #tooltips.label-abajo input:focus + label, div #tooltips.label-abajo input:focus + label + label{border:0!important;}
  div form #tooltips div input + label.error + label{color:#c2002f;display: block;background: #fff;z-index: 1;box-shadow: 23px 0px 14px #fff;}
  div form input.error, form label.error, div form select.error, div .select2-selection.select2-selection--single.error{border-color:#999 }
  
  #tooltips select{padding-left: 26px}
  div #titulacion-error{
    margin-top: 0!important;
  }


  button,#formPruebas input#enviar:focus{outline:0;background-color:#333}

  button,#formPruebas input#enviar:hover{box-shadow: 0 -3px 0 rgba(0,0,0,0.3) inset, 0 7px 0 rgba(0,0,0,0.2);}
  
  button {cursor: pointer;}
  
  .line{line-height:1.8}

  #formularioPruebas p{margin:0;padding:0}
  #formularioPruebas p.note{    
    padding: 10px 0px;
    border-color: #e9e9e9;
    width: 92%;
  }


.noGrado{display: none!important}



#formPruebas form * {
  box-sizing: border-box;
}

#formPruebas form label.error{text-align: right;}

#observaciones-error{display: none;visibility: hidden}

.english{
  /* z-index:999; */
  /* margin-left:-18%; */
  /* padding: 6px 9px; */
}



.legal{
  color:#777;
  line-height:1.4;
}

.clear{clear: both;}


/* RESPONSIVE */

@media only screen and (max-width: 550px) {
  #formPruebas .contenidoPrincipal#CapaFrmSolicitud {
    padding-left: 4%;
    padding-right: 4%;
    width: 100%;
    left:0;
  }
  #formPruebas h1{/* margin-left:-4%; *//* padding-left:6%; */font-size: 3em;}
  body#formPruebas .fondo{display:none}

}

@media only screen and (min-width: 1800px) {
  .wrapper{/* min-height: 100%; */min-height: 810px;}
  body#formPruebas .footerFRM::after{
    bottom: 168px;
    z-index: 1;
    left: 30%;
  }
  .push {
    margin-top: 100px;
    height: 100px;
    }
}

@media only screen and (max-width: 1102px) {
  .footerFRM{font-size: 18px}
}

@media only screen and (max-width: 994px) {
  .footerFRM{font-size: 15px}
}


@media only screen and (max-width: 830px) {
  
  body#formPruebas {
    background-color: #fff;
  }
  body#formPruebas .fondo{
    top: 200px;
    bottom: 0;
    height: auto;
  }
  body#formPruebas .fondo img {
      width: 84%;
  }
  
  .FRM{
    box-shadow: -12px 9px 0 #fe1447;
    border-radius: 13px 13px 10px 104px;
  }

  
  .push {
    box-shadow: 1px -10px;
    margin-top: 52px;
    height: 50px;
  }

  .footerFRM{ 
    font-size: 17px;
    line-height: 2;
    padding-bottom: 30px;
    border-radius: 0;
  }

  body#formPruebas .footerFRM::after{bottom: 121px;}

 
  
}


@media (min-width: 551px) and (max-width: 800px){
.container_22 .grid_5 {
  margin-left: .5%!important;
    margin-right: .5%!important;
        width: 21.5%!important;
}
}

@media (max-width: 550px){
  .logoFRM {
      width: 100%;
      padding: 13% 23% 0;
  }

  #tooltips label, #tooltips input, #tooltips select, #tooltips textarea, .zelect, body div .select2-container--default .select2-selection--single,  body div .select2-container .select2-selection--single .select2-selection__rendered
  {font-size: 18px}

  body#formPruebas .footerFRM::after{
    left:0;
    }

}

@media (max-height: 850px){
  body#formPruebas .fondo img{width: 88%;}
}
@media (max-height: 850px) and (min-width: 830px){
  body#formPruebas .fondo img{min-width: 400px;}
}


@media (max-height: 700px){
  body#formPruebas .fondo img{width: 75%;}
}
@media (max-height: 700px) and (min-width: 830px){
  body#formPruebas .fondo img{min-width: 350px;}
}


@media (max-height: 600px){
  body#formPruebas .fondo{    bottom: auto;
    top: 100px;
    height: calc(100% - 77px);}
  body#formPruebas .footerFRM::after{display: none;}
}
@media (max-height: 600px) and (min-width: 830px){
  body#formPruebas .fondo img{min-width: 300px;}
}


@media (max-height: 500px) and (min-width: 830px){
  body#formPruebas .fondo img{min-width: 260px;}
}



@media (max-height: 400px){
  body#formPruebas .fondo img{width:40%;/* margin-top: 150px; */position: absolute;top: 31px;}
  body#formPruebas .fondo{    bottom: auto;
    top: 100px;
    height: calc(100% - 7px);}
  /*body#formPruebas .footerFRM::after{display: none;}*/
}

@media (max-height: 400px) and (max-width: 1000px){
  body#formPruebas .fondo img{width: 79%;
    top: 10px;}
}