html,body{
  width:100%;
  margin: 0;
  padding: 0;
}

.clean{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}



/*CELULAR VERTICAL*/
@media only screen and (max-width:415px) and ( orientation: portrait){

    .encabezado{
        background-color: #1d7dc2;
        height: 67px;
    }
    
    .encabezado_dos{
        height: 56px;
    }

    img.icon_escuela{
        height: 36px;
    }
    
    img.icon_menu{
        height: 22px;
        margin-right: 15px;
    }
    
    img.login{
        height: 22px;
    }
    
    .enc_text1{
        font-size: 16pt;
        font-weight: bold;
        color:#fff;
    } 
    
    .btn_video{
        background-color: #faa82f;
        width: 195px; 
        height: 50px; 
        border:2px solid #fff; 
        border-radius: 6px; 
        color:#fff;  
        font-size: 15pt;
        cursor:pointer;
    }
    .btn_video > label{
        font-size: 19pt; 
        vertical-align: middle;
    }
    
    .btn_video > img {
        width:27px;
        margin-right: 9px;
        vertical-align: middle;
    }
    
    img.portail{
        width:158px;
        height: auto;
    }
    
    .cuer_text1{
        color:#1d7dc2; 
        font-size: 20pt;  
        font-style: normal; 
        font-weight: bold;
    }  
    
    .cuer_text2{
        color:#545454; 
        font-size: 16pt;         
        margin:0;
        padding:0;
        width:80%;
        text-align:center;
    } 
    
    .linea{
        border-bottom:3px solid #e6e6e6;
        width:80%;
    }
    
    .cuer_text3{
        color:#fff; 
        font-size: 14pt; 
        font-weight: bold;
    } 
    
    .input_info{
        padding: 5px;
        color:#99999a;
        font-size: 10pt; 
        width: 244px;
        height: 20px; 
        border-radius:4px;
        border:none;
    }
    
    .text_requiered{
        color:#fff; 
        font-size: 12pt; 
        font-weight: 400;
    }
    
    .btn_solicitar{
        background: #1d7dc2;
        width: 205px; 
        height: 50px; 
        border:2px solid #fff; 
        border-radius: 6px; 
        color:#fff;  
        font-size: 14pt;
        cursor:pointer;
    }
    
    /*BIBLO*/
    
    img.iconb{
        width:105px;
    }
    
    .btxt1{
        color:#fff; 
        font-size: 19pt; 
        font-weight: bold;
    }
    
    .biblo_btn{
        background: transparent;
        width: 205px; 
        height: 45px; 
        border:2px solid #fff; 
        border-radius: 6px; 
        color:#fff;  
        font-size: 14pt;
        cursor:pointer;
    }
    
     /*FOOTER*/
     
     .ftext1{
         color:#99999a; 
         font-size: 13pt; 
         font-style: normal; 
         font-weight: bold;
     }
     
     .ftext2{
         color:#99999a; 
         font-size: 10pt;
     }
     
     img.redes{
         width:16px;
     }
     
     img.integral{
         width:70px;
     }
     
     img.smartp{
         width:55px;
     }
     
     img.mundo{
         width:15px;
         margin-left: 15px;
     }
     
     /* INGRESAR */
     
    .biblo_ingresar{
        background: transparent;
        width: 120px; 
        height: 50px; 
        border:2px solid #fff; 
        border-radius: 6px; 
        color:#fff;  
        font-size: 14pt;
        cursor:pointer;
    } 
    
    .ing_linea{
        border-bottom:1px solid #fff;
        width:244px;
    }
    
    .input_pass{
        padding: 5px;
        color:#99999a;
        font-size: 10pt; 
        width: 244px;
        height: 20px; 
        border-radius:4px;
        border:none;
        background:url('/Exducere/Img/Movil/seguridad.png') no-repeat scroll;
        background-size:11px auto;background-position:right center;
        background-color: #fff;        
        background-position-x: 235px; 
    }
    
    /* CONTACTENOS */
    .ctcn_text1{
        font-size: 16pt;
        font-weight: bold;
        color:#4d4d4d;
    }
    
    .ctcn_text2{
        color:#545454; 
        font-size: 16pt;         
        margin:0;
        padding:0;
        width:95%;
        text-align:justify;
    }
    
    .ctcn_input{
        padding: 5px;
        color:#545454;
        font-size: 14pt; 
        width: 95%;
        height: 30px; 
        border-radius:4px;
        border:none;
        border: 1px solid #e6e6e6; 
    }
    
    .ctcn_select{
        padding: 5px;
        color:#545454;
        font-size: 14pt; 
        width: 99%;
        height: 41px; 
        border-radius:4px;
        border:none;
        border: 1px solid #e6e6e6; 
    }
    
    .btn_contacto{
        background-color: #1d7dc2;
        width:100%;
        height:40px;
        color:#fff;
        font-size: 16pt; 
        border:none;
        border-radius:3px;
    }
    
    .ctcn_required{
        color:#b2b2b2; 
        font-size: 11pt;         
        margin:0;
        padding:0;
        width:95%;
        text-align:justify;
    }  
    
    /*TOOLTIP*/
    
    .tooltip{
        color:#fff; 
        font-size: 11pt;         
        margin:0;
        padding:0;
        text-align:justify;
    }     
    
}

/*CELULAR HORIZONTAL*/
@media only screen and (max-height:415px) and ( orientation: landscape){
    
    
    .encabezado{
        background-color: #1d7dc2;
        height: 67px;
    }
    
    .encabezado_dos{
        height: 56px;
    }

    img.icon_escuela{
        height: 36px;
    }
    
    img.icon_menu{
        height: 22px;
        margin-right: 15px;
    }
    
    img.login{
        height: 22px;
    }
    
    .enc_text1{
        font-size: 16pt;
        font-weight: bold;
        color:#fff;
    } 
    
    .btn_video{
        background-color: #faa82f;
        width: 195px; 
        height: 50px; 
        border:2px solid #fff; 
        border-radius: 6px; 
        color:#fff;  
        font-size: 15pt;
        cursor:pointer;
    }
    .btn_video > label{
        font-size: 19pt; 
        vertical-align: middle;
    }
    
    .btn_video > img {
        width:27px;
        margin-right: 9px;
        vertical-align: middle;
    }
    
    img.portail{
        width:158px;
        height: auto;
    }
    
    .cuer_text1{
        color:#1d7dc2; 
        font-size: 20pt;  
        font-style: normal; 
        font-weight: bold;
    }  
    
    .cuer_text2{
        color:#545454; 
        font-size: 16pt;         
        margin:0;
        padding:0;
        width:80%;
        text-align:center;
    } 
    
    .linea{
        border-bottom:3px solid #e6e6e6;
        width:80%;
    }
    
    .cuer_text3{
        color:#fff; 
        font-size: 14pt; 
        font-weight: bold;
    } 
    
    .input_info{
        padding: 5px;
        color:#99999a;
        font-size: 12pt; 
        width: 377px;
        height: 31px; 
        border-radius:4px;
        border:none;
    }
    
    .text_requiered{
        color:#fff; 
        font-size: 12pt; 
        font-weight: 400;
    }
    
    .btn_solicitar{
        background: #1d7dc2;
        width: 205px; 
        height: 45px; 
        border:2px solid #fff; 
        border-radius: 6px; 
        color:#fff;  
        font-size: 14pt;
        cursor:pointer;
    }
    
    /*BIBLO*/
    
    img.iconb{
        width:105px;
    }
    
    .btxt1{
        color:#fff; 
        font-size: 19pt; 
        font-weight: bold;
    }
    
    .biblo_btn{
        background: transparent;
        width: 205px; 
        height: 45px; 
        border:2px solid #fff; 
        border-radius: 6px; 
        color:#fff;  
        font-size: 14pt;
        cursor:pointer;
    }
    
     /*FOOTER*/
     
     .ftext1{
         color:#99999a; 
         font-size: 16pt; 
         font-style: normal; 
         font-weight: bold;
     }
     
     .ftext2{
         color:#99999a; 
         font-size: 13pt;
     }
     
     img.redes{
         width:16px;
     }
     
     img.integral{
         width:70px;
     }
     
     img.smartp{
         width:55px;
     }
     
     img.mundo{
         width:15px;
         margin-left: 15px;
     }
     
     /* INGRESAR */
     
    .biblo_ingresar{
        background: transparent;
        width: 120px; 
        height: 40px; 
        border:2px solid #fff; 
        border-radius: 6px; 
        color:#fff;  
        font-size: 14pt;
        cursor:pointer;
    } 
    
    .ing_linea{
        border-bottom:1px solid #fff;
        width:244px;
    }
    
    .input_pass{
        padding: 5px;
        color:#99999a;
        font-size: 12pt; 
        width: 377px;
        height: 31px; 
        border-radius:4px;
        border:none;
        background:url('/Exducere/Img/Movil/seguridad.png') no-repeat scroll;
        background-size:11px auto;background-position:right center;
        background-color: #fff;        
        background-position-x: 370px; 
    }
    
    /* CONTACTENOS */
    .ctcn_text1{
        font-size: 16pt;
        font-weight: bold;
        color:#4d4d4d;
    }
    
    .ctcn_text2{
        color:#545454; 
        font-size: 16pt;         
        margin:0;
        padding:0;
        width:95%;
        text-align:justify;
    }
    
    .ctcn_input{
        padding: 5px;
        color:#545454;
        font-size: 14pt; 
        width: 95%;
        height: 30px; 
        border-radius:4px;
        border:none;
        border: 1px solid #e6e6e6; 
    }
    
    .ctcn_select{
        padding: 5px;
        color:#545454;
        font-size: 14pt; 
        width: 99%;
        height: 41px; 
        border-radius:4px;
        border:none;
        border: 1px solid #e6e6e6; 
    }
    
    .btn_contacto{
        background-color: #1d7dc2;
        width:100%;
        height:40px;
        color:#fff;
        font-size: 16pt; 
        border:none;
        border-radius:3px;
    }
    
    .ctcn_required{
        color:#b2b2b2; 
        font-size: 11pt;         
        margin:0;
        padding:0;
        width:95%;
        text-align:justify;
    }  
    
    /*TOOLTIP*/
    
    .tooltip{
        color:#fff; 
        font-size: 11pt;         
        margin:0;
        padding:0;
        text-align:justify;
    }    
}

/*TABLET HORIZONTAL*/
@media only screen and (max-width:1024px) and ( orientation: landscape) and (min-height : 416px){ 

    .encabezado{
        background-color: #1d7dc2;
        height: 95px;
    }
    
    img.icon_escuela{
        height: 60px;
    }
    
    img.icon_menu{
        height: 30px;
        margin-right: 15px;
    }
    
    img.login{
        height: 35px;
    }
    
    .encabezado_dos{
        height: 78px;
    }
    
    .enc_text1{
        font-size: 26pt;
        font-weight: bold;
        color:#fff;
    } 
    
    .btn_video{
        background-color: #faa82f;
        width: 254px; 
        height: 66px; 
        border:2px solid #fff; 
        border-radius: 6px; 
        color:#fff;  
        font-size: 15pt;
        cursor:pointer;
    }
    .btn_video > label{
        font-size: 25pt; 
        vertical-align: middle;
    }
    
    .btn_video > img {
        width:36px;
        margin-right: 9px;
        vertical-align: middle;
    }
    
    img.portail{
        width:255px;
        height: auto;
    }
    
    .cuer_text1{
        color:#1d7dc2; 
        font-size: 30pt;  
        font-style: normal; 
        font-weight: bold;
    }  
    
    .cuer_text2{
        color:#545454; 
        font-size: 29pt;         
        margin:0;
        padding:0;
        width:80%;
        text-align:center;
    } 
    
    .linea{
        border-bottom:3px solid #e6e6e6;
        width:80%;
    }
    
    .cuer_text3{
        color:#fff; 
        font-size: 28pt; 
        font-weight: bold;
    } 
    
    .input_info{
        padding: 5px;
        color:#99999a;
        font-size: 20pt; 
        width: 660px;
        height: 46px; 
        border-radius:4px;
        border:none;
    }
    
    .text_requiered{
        color:#fff; 
        font-size: 21pt; 
        font-weight: 400;
    }
    
    .btn_solicitar{
        background: #1d7dc2;
        width: 300px; 
        height: 66px; 
        border:2px solid #fff; 
        border-radius: 6px; 
        color:#fff;  
        font-size: 20pt;
        cursor:pointer;
    }
    
    /*BIBLO*/
    
    img.iconb{
        width:185px;
    }
    
    .btxt1{
        color:#fff; 
        font-size: 30pt; 
        font-weight: bold;
    }
    
    .biblo_btn{
        background: transparent;
        width: 300px; 
        height: 67px; 
        border:2px solid #fff; 
        border-radius: 6px; 
        color:#fff;  
        font-size: 22pt;
        cursor:pointer;
    }
    
     /*FOOTER*/
     
     .ftext1{
         color:#99999a; 
         font-size: 25pt; 
         font-style: normal; 
         font-weight: bold;
     }
     
     .ftext2{
         color:#99999a; 
         font-size: 18pt;
     }
     
     img.redes{
         width:28px;
     }
     
     img.integral{
         width:110px;
     }
     
     img.smartp{
         width:80px;
     }
     
     img.mundo{
         width:27px;
         margin-left: 15px;
     }
     
     /* INGRESAR */
     
    .biblo_ingresar{
        background: transparent;
        width: 205px; 
        height: 62px; 
        border:2px solid #fff; 
        border-radius: 6px; 
        color:#fff;  
        font-size: 24pt;
        cursor:pointer;
    } 
    
    .ing_linea{
        border-bottom:1px solid #fff;
        width:244px;
    }
    
    .input_pass{
        padding: 5px;
        color:#99999a;
        font-size: 20pt; 
        width: 660px;
        height: 46px;  
        border-radius:4px;
        border:none;
        background:url('/Exducere/Img/Movil/seguridad.png') no-repeat scroll;
        background-size:18px auto;background-position:right center;
        background-color: #fff;        
        background-position-x: 640px; 
    }
    
    /* CONTACTENOS */
    .ctcn_text1{
        font-size: 25pt;
        font-weight: bold;
        color:#4d4d4d;
    }
    
    .ctcn_text2{
        color:#545454; 
        font-size: 24pt;         
        margin:0;
        padding:0;
        width:95%;
        text-align:justify;
    }
    
    .ctcn_input{
        padding: 5px;
        color:#545454;
        font-size: 20pt; 
        width: 95%;
        height: 50px; 
        border-radius:4px;
        border:none;
        border: 1px solid #e6e6e6; 
    }
    
    .ctcn_select{
        padding: 5px;
        color:#545454;
        font-size: 20pt; 
        width: 96%;
        height: 67px; 
        border-radius:4px;
        border:none;
        border: 1px solid #e6e6e6; 
    }
    
    .btn_contacto{
        background-color: #1d7dc2;
        width:100%;
        height:65px;
        color:#fff;
        font-size: 26pt; 
        border:none;
        border-radius:3px;
    }
    
    .ctcn_required{
        color:#b2b2b2; 
        font-size: 19pt;         
        margin:0;
        padding:0;
        width:95%;
        text-align:justify;
    }  
    
    /*TOOLTIP*/
    
    .tooltip{
        color:#fff; 
        font-size: 25pt;         
        margin:0;
        padding:0;
        text-align:justify;
    }       
    
}

/*TABLET VERTICAL*/
@media only screen and (max-height:1024px) and ( orientation: portrait ) and (min-width : 416px){ 
    
    .encabezado{
        background-color: #1d7dc2;
        height: 95px;
    }
    
    img.icon_escuela{
        height: 60px;
    }
    
    img.icon_menu{
        height: 30px;
        margin-right: 15px;
    }
    
    img.login{
        height: 35px;
    }
    
    .encabezado_dos{
        height: 78px;
    }
    
    .enc_text1{
        font-size: 26pt;
        font-weight: bold;
        color:#fff;
    } 
    
    .btn_video{
        background-color: #faa82f;
        width: 254px; 
        height: 66px; 
        border:2px solid #fff; 
        border-radius: 6px; 
        color:#fff;  
        font-size: 15pt;
        cursor:pointer;
    }
    .btn_video > label{
        font-size: 25pt; 
        vertical-align: middle;
    }
    
    .btn_video > img {
        width:36px;
        margin-right: 9px;
        vertical-align: middle;
    }
    
    img.portail{
        width:255px;
        height: auto;
    }
    
    .cuer_text1{
        color:#1d7dc2; 
        font-size: 30pt;  
        font-style: normal; 
        font-weight: bold;
    }  
    
    .cuer_text2{
        color:#545454; 
        font-size: 29pt;         
        margin:0;
        padding:0;
        width:80%;
        text-align:center;
    } 
    
    .linea{
        border-bottom:3px solid #e6e6e6;
        width:80%;
    }
    
    .cuer_text3{
        color:#fff; 
        font-size: 28pt; 
        font-weight: bold;
    } 
    
    .input_info{
        padding: 5px;
        color:#99999a;
        font-size: 20pt; 
        width: 446px;
        height: 46px; 
        border-radius:4px;
        border:none;
    }
    
    .text_requiered{
        color:#fff; 
        font-size: 21pt; 
        font-weight: 400;
    }
    
    .btn_solicitar{
        background: #1d7dc2;
        width: 300px; 
        height: 66px; 
        border:2px solid #fff; 
        border-radius: 6px; 
        color:#fff;  
        font-size: 20pt;
        cursor:pointer;
    }
    
    /*BIBLO*/
    
    img.iconb{
        width:185px;
    }
    
    .btxt1{
        color:#fff; 
        font-size: 30pt; 
        font-weight: bold;
    }
    
    .biblo_btn{
        background: transparent;
        width: 300px; 
        height: 67px; 
        border:2px solid #fff; 
        border-radius: 6px; 
        color:#fff;  
        font-size: 22pt;
        cursor:pointer;
    }
    
     /*FOOTER*/
     
     .ftext1{
         color:#99999a; 
         font-size: 25pt; 
         font-style: normal; 
         font-weight: bold;
     }
     
     .ftext2{
         color:#99999a; 
         font-size: 18pt;
     }
     
     img.redes{
         width:28px;
     }
     
     img.integral{
         width:110px;
     }
     
     img.smartp{
         width:80px;
     }
     
     img.mundo{
         width:27px;
         margin-left: 15px;
     }
     
     /* INGRESAR */
     
    .biblo_ingresar{
        background: transparent;
        width: 205px; 
        height: 62px; 
        border:2px solid #fff; 
        border-radius: 6px; 
        color:#fff;  
        font-size: 24pt;
        cursor:pointer;
    } 
    
    .ing_linea{
        border-bottom:1px solid #fff;
        width:244px;
    }
    
    .input_pass{
        padding: 5px;
        color:#99999a;
        font-size: 20pt; 
        width: 446px;
        height: 46px;  
        border-radius:4px;
        border:none;
        background:url('/Exducere/Img/Movil/seguridad.png') no-repeat scroll;
        background-size:18px auto;background-position:right center;
        background-color: #fff;        
        background-position-x: 420px; 
    }
    
    /* CONTACTENOS */
    .ctcn_text1{
        font-size: 25pt;
        font-weight: bold;
        color:#4d4d4d;
    }
    
    .ctcn_text2{
        color:#545454; 
        font-size: 24pt;         
        margin:0;
        padding:0;
        width:95%;
        text-align:justify;
    }
    
    .ctcn_input{
        padding: 5px;
        color:#545454;
        font-size: 20pt; 
        width: 95%;
        height: 50px; 
        border-radius:4px;
        border:none;
        border: 1px solid #e6e6e6; 
    }
    
    .ctcn_select{
        padding: 5px;
        color:#545454;
        font-size: 20pt; 
        width: 96%;
        height: 67px; 
        border-radius:4px;
        border:none;
        border: 1px solid #e6e6e6; 
    }
    
    .btn_contacto{
        background-color: #1d7dc2;
        width:100%;
        height:65px;
        color:#fff;
        font-size: 26pt; 
        border:none;
        border-radius:3px;
    }
    
    .ctcn_required{
        color:#b2b2b2; 
        font-size: 19pt;         
        margin:0;
        padding:0;
        width:95%;
        text-align:justify;
    }  
    
    /*TOOLTIP*/
    
    .tooltip{
        color:#fff; 
        font-size: 25pt;         
        margin:0;
        padding:0;
        text-align:justify;
    }         
    
}