html, body

{

    width: 100%;

    margin: 0;

    padding: 0;

    font-family: 'Arial', sans-serif;

}

#video_background

{

    position: fixed;

    bottom: 0px;

    right: 0px;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    z-index: -1000;

    overflow: hidden;

}

a

{

    text-decoration: none;

    

}





/*MOVILES*/

@media screen and (max-width: 480px)

{

    /*HEADER*/

    #header

    {

        /*border: 1px solid blue;*/

        height: 82px;

        padding: 15px 0;

        margin: 0 auto;

        background-color: #0A548B;

        text-align: center;

        vertical-align: central;

    }

    #iespe_logo

    {

        margin: 5px auto;

        cursor: pointer;

    }

    #iespe_logo_letra

    {

        display: none;

    }



    #tabla_cuerpo

    {

        width: 200px;

        margin:0px auto;

    }

    #tabla_cuerpo td

    {

        padding: 30px 0;

    }

    .volver

    {

        width: 80px;

        height: 50px;

        font-size: 14px;

        color: #FFFFFF;

        text-align: center;

        vertical-align: central;

        border: 3px solid #FFFFFF;

        border-radius: 100px;

        padding-top: 30px;

        padding-bottom: 0px;

        cursor: pointer;

        background: rgba(10, 84, 139, 0.7);

    }

    #volver1

    {

        display: none;

    }

    #volver2

    {

        margin: 0 auto;

        

    }

    /*CUERPO*/

    #imagen_seccion

    {

        width:300px;

        height: 210px;

        border: 2px solid #FFFFFF;

        background-image: url('../images/shutterstock_435364486-crop-u2758.jpg');

        background-size: cover;

        background-repeat: no-repeat;

    }

    #imagen_seccion div

    {

        width: 300px;

        color: #FFFFFF;

        font-size: 30px;

        font-family: droid-sans, sans-serif;

        margin: 30px 0 0 15px;

    }

    #cuerpo

    {

        background: rgba(10, 84, 139, 0.7);

    }

    /*FORMULARIO*/

    #form_contacto

    {

        /*background-color: #0A548B;*/

        color: white;

        padding: 0x;

        width: 300px;

        font-size: 12px;

        z-index: 150000;

    }

    #procedencia

    {

        font-size: 16px;

        text-align: center;

        color: white;

    } 

    #form_contacto table

    {

        /*border: 1px solid yellow;*/

        /*display: inline-block !important;*/

    }

    #form_contacto input

    {

        width: 200px;

        height: 30px;

        border-radius: 5px;

        border: 1px solid white;

        background-color: #ECECEC;

        margin-bottom:6px;

        padding: 3px;

        color: #757575;

    }

    #form_contacto select

    {

        width: 200px;

        height: 30px;

        border-radius: 5px;

        border: 1px solid white;

        background-color: #ECECEC;

        margin-bottom: 6px;

        padding: 3px;

        color:#757575;

    }

    #form_contacto #MENSAJE

    {

        width: 200px;

        height: 60px;

        border-radius: 5px;

        border: 1px solid white;

        background-color: #ECECEC;

        resize: none;

        outline: none;

        margin-top: -25px;

    }

    #envia_form

    {

        margin:0 auto;

        font-weight: bold;

        background-color: #ECECEC;

        padding: 3px 6px;

        cursor: pointer;

        border-radius: 5px;

        color:#757575;

    }

    #envia_form:hover

    {

        background-color: #C9C9C9;

        color:black;

    }

}

@media screen and (min-width: 481px) and (max-width: 1024px)

{

    /*HEADER*/

    #header

    {

        /*border: 1px solid blue;*/

        height: 82px;

        padding: 15px 15px 15px 0;

        margin: 0 auto;

        background-color: #0A548B;

        text-align: center;

        vertical-align: central;

    }

    #iespe_logo

    {

        margin: 5px 30px 5px 0px;

        cursor: pointer;

    }

    #iespe_logo_letra

    {

        display: none;

    }



    #tabla_cuerpo

    {

        margin: 20px auto 0 auto;

    }

    #tabla_cuerpo td

    {

        padding: 20px 0;

    }

    

    .volver

    {

        width: 80px;

        height: 50px;

        font-size: 14px;

        color: #FFFFFF;

        text-align: center;

        vertical-align: central;

        border: 3px solid #FFFFFF;

        border-radius: 100px;

        padding-top: 30px;

        padding-bottom: 0px;

        cursor: pointer;

        background: rgba(10, 84, 139, 0.7);

    }

    #volver1

    {

        display: none;

    }

    #volver2

    {

        margin: 10px auto;

        

    }

    /*CUERPO*/

    #imagen_seccion

    {

        width: 630px;

        height: 210px;

        border: 2px solid #FFFFFF;

        background-image: url('../images/shutterstock_435364486-crop-u1656.jpg');

        background-size: cover;

        background-repeat: no-repeat;

    }

    #imagen_seccion div

    {

        width: 300px;

        color: #FFFFFF;

        font-size: 30px;

        font-family: droid-sans, sans-serif;

        margin: 30px 0 0 15px;

    }

    #cuerpo

    {

        background: rgba(10, 84, 139, 0.7);

    }

    /*FORMULARIO*/

    #form_contacto

    {

        /*background-color: #0A548B;*/

        color: white;

        padding: 0x;

        width: 426px;

        font-size: 12px;

        margin-left: -10px;

        z-index: 150000;

    }

    #procedencia

    {

        font-size: 16px;

        text-align: center;

        color: white;

    } 

    #form_contacto table

    {

        /*border: 1px solid yellow;*/

        display: inline-block !important;

    }

    #form_contacto input

    {

        width: 200px;

        height: 30px;

        border-radius: 5px;

        border: 1px solid white;
        background-color: #ECECEC;

        margin-bottom:10px;

        padding: 3px;

        color: #757575;

    }

    #form_contacto select

    {

        width: 200px;

        height: 30px;

        border-radius: 5px;

        border: 1px solid white;

        background-color: #ECECEC;

        margin-bottom: 10px;

        padding: 3px;

        color:#757575;

    }

    #form_contacto #MENSAJE

    {

        width: 410px;

        height: 60px;

        border-radius: 5px;

        border: 1px solid white;

        background-color: #ECECEC;

        resize: none;

        outline: none;

        margin-top: -25px;

    }

    #envia_form

    {

        margin:0 auto;

        font-weight: bold;

        background-color: #ECECEC;

        padding: 3px 6px;

        cursor: pointer;

        border-radius: 5px;

        color:#757575;

    }

    #envia_form:hover

    {

        background-color: #C9C9C9;

        color:black;

    }

}

/*MONITORES MEDIANOS*/

@media screen and (min-width: 1025px) and (max-width: 1400px)

{

    /*HEADER*/

    #header

    {

        /*border: 1px solid blue;*/

        height: 82px;

        padding: 15px 15px 15px 0;

        margin: 0 auto;

        background-color: #0A548B;

        text-align: center;

        vertical-align: central;

    }

    #iespe_logo

    {

        margin: 5px 30px 5px 0px;

        cursor: pointer;

    }

    #iespe_logo_letra

    {

        margin: 0px 0px 20px 0px;

    }



    #tabla_cuerpo

    {

        margin: 20px auto 0 auto;

    }

    #tabla_cuerpo td

    {

        padding: 10px 0;

    }

    

    .volver

    {

        width: 80px;

        height: 50px;

        font-size: 14px;

        color: #FFFFFF;

        text-align: center;

        vertical-align: central;

        border: 3px solid #FFFFFF;

        border-radius: 100px;

        padding-top: 30px;

        padding-bottom: 0px;

        cursor: pointer;

        background: rgba(10, 84, 139, 0.7);

    }

    #volver1

    {

        margin-right: 20px;

    }

    #volver2

    {

        margin: 0 auto;

        display: none;

    }

    /*CUERPO*/

    #imagen_seccion

    {

        width: 630px;

        height: 210px;

        border: 2px solid #FFFFFF;

        background-image: url('../images/shutterstock_435364486-crop-u1656.jpg');

        background-size: cover;

        background-repeat: no-repeat;

    }

    #imagen_seccion div

    {

        width: 300px;

        color: #FFFFFF;

        font-size: 30px;

        font-family: droid-sans, sans-serif;

        margin: 30px 0 0 15px;

    }

    #cuerpo

    {

        background: rgba(10, 84, 139, 0.7);

    }

    /*FORMULARIO*/

    #form_contacto

    {

        /*background-color: #0A548B;*/

        color: white;

        padding: 0x;

        width: 426px;

        font-size: 12px;

        margin-left: -10px;

        z-index: 150000;

    }

    #procedencia

    {

        font-size: 16px;

        text-align: center;

        color: white;

    } 

    #form_contacto table

    {

        /*border: 1px solid yellow;*/

        display: inline-block !important;

    }

    #form_contacto input

    {

        width: 200px;

        height: 30px;

        border-radius: 5px;

        border: 1px solid white;

        background-color: #ECECEC;

        margin-bottom:6px;

        padding: 3px;

        color: #757575;

    }

    #form_contacto select

    {

        width: 200px;

        height: 30px;

        border-radius: 5px;

        border: 1px solid white;

        background-color: #ECECEC;

        margin-bottom: 6px;

        padding: 3px;

        color:#757575;

    }

    #form_contacto #MENSAJE

    {

        width: 410px;

        height: 60px;

        border-radius: 5px;

        border: 1px solid white;

        background-color: #ECECEC;

        resize: none;

        outline: none;

        margin-top: -10px;

    }

    #envia_form

    {

        margin:0 auto;

        font-weight: bold;

        background-color: #ECECEC;

        padding: 3px 6px;

        cursor: pointer;

        border-radius: 5px;

        color:#757575;

    }

    #envia_form:hover

    {

        background-color: #C9C9C9;

        color:black;

    }

}

@media screen and (min-width: 1401px)

{

    /*HEADER*/

    #header

    {

        /*border: 1px solid blue;*/

        height: 82px;

        padding: 15px 15px 15px 0;

        margin: 0 auto;

        background-color: #0A548B;

        text-align: center;

        vertical-align: central;

    }

    #iespe_logo

    {

        margin: 5px 30px 5px 0px;

        cursor: pointer;

    }

    #iespe_logo_letra

    {

        margin: 0px 0px 20px 0px;

    }



    #tabla_cuerpo

    {

        margin: 20px auto 0 auto;

    }

    #tabla_cuerpo td

    {

        padding: 10px 0;

    }

    

    .volver

    {

        width: 80px;

        height: 50px;

        font-size: 14px;

        color: #FFFFFF;

        text-align: center;

        vertical-align: central;

        border: 3px solid #FFFFFF;

        border-radius: 100px;

        padding-top: 30px;

        padding-bottom: 0px;

        cursor: pointer;

        background: rgba(10, 84, 139, 0.7);

    }

    #volver1

    {

        margin-right: 20px;

    }

    #volver2

    {

        margin: 0 auto;

        display: none;

    }

    /*CUERPO*/

    #imagen_seccion

    {

        width: 630px;

        height: 210px;

        border: 2px solid #FFFFFF;

        background-image: url('../images/shutterstock_435364486-crop-u1656.jpg');

        background-size: cover;

        background-repeat: no-repeat;

    }

    #imagen_seccion div

    {

        width: 300px;

        color: #FFFFFF;

        font-size: 30px;

        font-family: droid-sans, sans-serif;

        margin: 30px 0 0 15px;

    }

    #cuerpo

    {

        background: rgba(10, 84, 139, 0.7);

    }

    /*FORMULARIO*/

    #form_contacto

    {

        /*background-color: #0A548B;*/

        color: white;

        padding: 0x;

        width: 426px;

        font-size: 12px;

        margin-left: -10px;

        z-index: 150000;

    }

    #procedencia

    {

        font-size: 16px;

        text-align: center;

        color: white;

    } 

    #form_contacto table

    {

        /*border: 1px solid yellow;*/

        display: inline-block !important;

    }

    #form_contacto input

    {

        width: 200px;

        height: 30px;

        border-radius: 5px;

        border: 1px solid white;

        background-color: #ECECEC;

        margin-bottom:6px;

        padding: 3px;

        color: #757575;

    }

    #form_contacto select

    {

        width: 200px;

        height: 30px;

        border-radius: 5px;

        border: 1px solid white;

        background-color: #ECECEC;

        margin-bottom: 6px;

        padding: 3px;

        color:#757575;

    }

    #form_contacto #MENSAJE

    {

        width: 410px;

        height: 60px;

        border-radius: 5px;

        border: 1px solid white;

        background-color: #ECECEC;

        resize: none;

        outline: none;

        margin-top: -10px;

    }

    #envia_form

    {

        margin:0 auto;

        font-weight: bold;

        background-color: #ECECEC;

        padding: 3px 6px;

        cursor: pointer;

        border-radius: 5px;

        color:#757575;

    }

    #envia_form:hover

    {

        background-color: #C9C9C9;

        color:black;

    }

}