@font-face {
    font-family: Abadi;
    src:url("fuentes/AbadiMTStd.otf");
}

body {
    font-family: Abadi;
    margin:0;
    padding:0;
  }

/* inicia parametros para responsivo*/
@media only screen and (min-width : 321px) and (max-width : 366px) {

    .contenedor{
        height:80px;
        width:100%;
        background-image: url("fondo.jpg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        padding: 5.5%;
    }
    
    
    .contenedorpadre{
        height:500px;
        width:100%;
        position:relative;
    }
    
    .contenedor2{
        width:100%;
        height:100%;
        position:absolute;
        background-image: url("fondo1.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        top: 0px;
    }
    .contenedor4{
        width:100%;
        height:100%;
        position:absolute;
        background-image: url("secundaria.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        top: 0px;
    }
    
    
    .contenedor3{
        width:100%;
        height:100%;
        position:absolute;
        background-image: url("fondo2.jpg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        top: 56%;
    }
    
    .animado{
        width:50%;
        height:50%;
        position:absolute;
        top:15%;
        left:33%;
    
    }
    
    .animado img{
        height:40%;
        width:60%;
    
    }
    
    .formulario{
        position:absolute;
        width:85%;
        height:85%;
        background-color:rgb(255, 255, 255);
        opacity:0.8;
        top:9%;
        left:8%;
        border: 0px solid #ffffff;
        -moz-border-radius: 24px;
        -webkit-border-radius:24px;
        padding: 10px;
        
    }

    .confondo {
        background-color: white;
        width: 100%;
        margin-bottom: 5px;
        height: 25px;
        font-size: 14px;
        line-height: 22px;
        text-align: left;
        border: 1px solid #BBBBBB;
      }
      .confondo2 {
        background-color: white;
        width: 100%;
        margin-bottom: 5px;
        height: 60px;
        font-size: 14px;
        line-height: 18px;
        text-align: left;
        border: 1px solid #BBBBBB;
      }
      h1{
        font-size: 20px;
        color: dimgray;
    }
}/* fin 321 a 366*/

@media only screen and (min-width : 367px) and (max-width : 374px) {

    .contenedor{
        height:77px;
        width:100%;
        background-image: url("fondo.jpg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        padding: 5.5%;
    }
    
    
    .contenedorpadre{
        height:500px;
        width:100%;
        position:relative;
    }
    
    .contenedor2{
        width:100%;
        height:100%;
        position:absolute;
        background-image: url("fondo1.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        top: 0px;
    }
    .contenedor4{
        width:100%;
        height:100%;
        position:absolute;
        background-image: url("secundaria.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        top: 0px;
    }
    
    
    .contenedor3{
        width:100%;
        height:100%;
        position:absolute;
        background-image: url("fondo2.jpg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        top: 64%;
    }
    
    .animado{
        width:50%;
        height:50%;
        position:absolute;
        top:15%;
        left:33%;
    
    }
    
    .animado img{
        height:40%;
        width:60%;
    
    }
    
    .formulario{
        position:absolute;
        width:85%;
        height:85%;
        background-color:rgb(255, 255, 255);
        opacity:0.8;
        top:9%;
        left:8%;
        border: 0px solid #ffffff;
        -moz-border-radius: 24px;
        -webkit-border-radius:24px;
        padding: 10px;
        
    }

    .confondo {
        background-color: white;
        width: 100%;
        margin-bottom: 5px;
        height: 25px;
        font-size: 14px;
        line-height: 22px;
        text-align: left;
        border: 1px solid #BBBBBB;
      }
      .confondo2 {
        background-color: white;
        width: 100%;
        margin-bottom: 5px;
        height: 60px;
        font-size: 14px;
        line-height: 18px;
        text-align: left;
        border: 1px solid #BBBBBB;
      }
      h1{
        font-size: 20px;
        color: dimgray;
    }
}/* fin 367*/

@media only screen and (min-width : 375px) and (max-width : 480px) {

    .contenedor{
        height:60px;
        width:100%;
        background-image: url("fondo.jpg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        padding: 5.5%;
    }
    
    
    .contenedorpadre{
        height:500px;
        width:100%;
        position:relative;
    }
    
    .contenedor2{
        width:100%;
        height:100%;
        position:absolute;
        background-image: url("fondo1.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        top: 0px;
    }
    .contenedor4{
        width:100%;
        height:100%;
        position:absolute;
        background-image: url("secundaria.jpg");
        background-size: contain;
        background-repeat: no-repeat;
        top: 0px;
    }
    
    
    .contenedor3{
        width:100%;
        height:100%;
        position:absolute;
        background-image: url("fondo2.jpg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        top: 61%;
    }
    
    .animado{
        width:50%;
        height:50%;
        position:absolute;
        top:15%;
        left:33%;
    
    }
    
    .animado img{
        height:45%;
        width:60%;
    
    }
    
    .formulario{
        position:absolute;
        width:85%;
        height:85%;
        background-color:rgb(255, 255, 255);
        opacity:0.8;
        top:9%;
        left:8%;
        border: 0px solid #ffffff;
        -moz-border-radius: 24px;
        -webkit-border-radius:24px;
        padding: 10px;
        
    }

    .confondo {
        background-color: white;
        width: 100%;
        margin-bottom: 5px;
        height: 25px;
        font-size: 14px;
        line-height: 22px;
        text-align: left;
        border: 1px solid #BBBBBB;
      }
      .confondo2 {
        background-color: white;
        width: 100%;
        margin-bottom: 5px;
        height: 60px;
        font-size: 14px;
        line-height: 18px;
        text-align: left;
        border: 1px solid #BBBBBB;
      }
      h1{
        font-size: 20px;
        color: dimgray;
    }
}/* fin 375 a 480*/

@media only screen and (min-width : 992px) and (max-width : 1400px) {
    
.contenedor{
    height:16vh;
    width:100%;
    background-image: url("fondo.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 5.5%;
}


.contenedorpadre{
    height:78vh;
    width:100%;
    position:relative;
}

.contenedor2{
    width:60%;
    height:100%;
    position:absolute;
    background-image: url("fondo1.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.contenedor4{
    width:100%;
    height:100%;
    position:absolute;
    background-image: url("secundaria.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


.contenedor3{
    width:40%;
    height:100%;
    position:absolute;
    left:60%;
    background-image: url("fondo2.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.animado{
    width:40%;
    height:40%;
    position:absolute;
    top:25%;
    left:38%;

}

.animado img{
    height:90%;
    width:55%;

}

.formulario{
    position:absolute;
    width:65%;
    height:80%;
    background-color:rgb(255, 255, 255);
    opacity:0.8;
    top:9%;
    left:18%;
    border: 1px solid #ffffff;
    -moz-border-radius: 24px;
    -webkit-border-radius:24px;
    padding: 10px;
    
}

.confondo {
    background-color: white;
    width: 100%;
    margin-bottom: 5px;
    height: 25px;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    border: 1px solid #BBBBBB;
  }
  .confondo2 {
    background-color: white;
    width: 100%;
    margin-bottom: 5px;
    height: 60px;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    border: 1px solid #BBBBBB;
  }
  h1{
    font-size: 20px;
    color: dimgray;
}
}/* fin*/

@media only screen and (min-width : 1401px) and (max-width : 2000px) {
    
    .contenedor{
        height:15vh;
        width:100%;
        background-image: url("fondo.jpg");
        background-size: 85% 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        padding: 0%;
    }
    
    
    .contenedorpadre{
        height:87vh;
        width:100%;
        position:relative;
    }
    
    .contenedor2{
        width:60%;
        height:100%;
        position:absolute;
        background-image: url("fondo1.jpg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    .contenedor4{
        width:100%;
        height:100%;
        position:absolute;
        background-image: url("secundaria.jpg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    
    
    .contenedor3{
        width:40%;
        height:100%;
        position:absolute;
        left:60%;
        background-image: url("fondo2.jpg");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }
    
    .animado{
        width:40%;
        height:40%;
        position:absolute;
        top:25%;
        left:38%;
    
    }
    
    .animado img{
        height:90%;
        width:70%;
    
    }
    
    .formulario{
        position:absolute;
        width:65%;
        height:80%;
        background-color:rgb(255, 255, 255);
        opacity:0.8;
        top:12%;
        left:18%;
        border: 1px solid #ffffff;
        -moz-border-radius: 24px;
        -webkit-border-radius:24px;
        padding: 10px;
        
    }

    .confondo {
        padding: 10px;
        background-color: white;
        width: 100%;
        margin-bottom: 15px;
        height: 38px;
        font-size: 24x;
        line-height: 32px;
        text-align: left;
        border: 1px solid #BBBBBB;
      }
      .confondo2 {
        padding: 10px;
        background-color: white;
        width: 100%;
        margin-bottom: 10px;
        height: 90px;
        font-size: 20px;
        line-height: 28px;
        text-align: left;
        border: 1px solid #BBBBBB;
      }

      h1{
    font-size: 28px;
    color: dimgray;
    padding-bottom: 20px;
    padding-top: 10px;
}
    }/* 1401 a 2000 fin*/

/* termina parametros para responsivo*/





.redondeado {
    border-radius: 5px;
  }

p{
    font-size: 12px;
    color: dimgray;
}

select{
    color: dimgray;
}


.myButton2 {
    border-top: 0px solid #96d1f8;
    background: #65a9d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#00ABF4), to(#0072C2));
    background: -webkit-linear-gradient(left, #00ABF4, #0072C2);
    background: -moz-linear-gradient(left, #00ABF4, #0072C2);
    background: -ms-linear-gradient(left, #00ABF4, #0072C2);
    background: -o-linear-gradient(left, #00ABF4, #0072C2);
    padding: 5px 17px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 10px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 0px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 0px 0;
    box-shadow: rgba(0,0,0,1) 0 0px 0;
    text-shadow: rgba(0,0,0,.4) 0 0px 0;
    color: white;
    font-size: 16px;
    vertical-align: middle;
    }
 .myButton2:hover {
    border-top-color: #28597a;
    background: #28597a;
    color: #ccc;
    }
 .myButton2:active {
    border-top-color: #1b435e;
    background: #1b435e;
    }
    
input:focus {
        outline:none !important;
        outline-width: 0 !important;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
select:focus {
        outline:none !important;
        outline-width: 0 !important;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

textarea:focus{
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}