@import url(https://fonts.googleapis.com/css?family=Roboto:400,900,700);



@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);



@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);



@import url(//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css);



@import url('https://fonts.googleapis.com/css?family=Alfa+Slab+One|Black+Ops+One|Electrolize|Orbitron|Press+Start+2P|Rationale|Russo+One');



@import url('https://fonts.googleapis.com/css?family=Baloo+Tammudu');



@font-face {

    font-family: DINPro_black;

   



    src: url('http://ludus.educaciondigitaltuc.gob.ar/fonts/DINPro-Black.otf ');

}



@font-face {

    font-family: DINPro_bolt;

   



    src: url('http://ludus.educaciondigitaltuc.gob.ar/fonts/DINPro-Bold.otf ');

}

@font-face {

    font-family: DINPro_light;

   



    src: url('http://ludus.educaciondigitaltuc.gob.ar/fonts/DINPro-Light.otf ');

}

@font-face {

    font-family: MyriadPro;

      font-style: normal;

      font-weight: 400;



    src: url('http://ludus.educaciondigitaltuc.gob.ar/fonts/MyriadPro-Bold.otf '),url('http://ludus.educaciondigitaltuc.gob.ar/fonts/MyriadPro-Light.otf ');

}









/*font-family: 'Roboto Slab', serif;



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





font-family: 'Russo One', sans-serif;

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

font-family: 'Alfa Slab One', cursive;

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

font-family: 'Press Start 2P', cursive;

font-family: 'Black Ops One', cursive;

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

*/



html,body

{

 

  background: #4B8FCB!important;

}

.no_padding

{

  padding-left: 0%!important;

  padding-right: 0%!important;

}

.banner_lola

{

  background: #1E73BE!important;

  color: white;

  text-align: center;

  font-size: 2VW!important;

  padding-top:1%;

  padding-bottom: 1%;

    text-transform: uppercase;



}

.minibanner

{

  text-align: center!important;

    /* color: white!important; */

    font-size: 2.2rem;

    margin-top: 1%;

    font-weight: 750;

    text-transform: uppercase;

}

.miniiformacion

{

  text-align: center;

  color: white;

  background: red;

  padding: 2% 0%;

font-size: 2rem;

  margin-top: 1%;

  font-weight: 500;

}

.footer_lola

{

  background: #1E73BE!important;

  color: white;

  text-align: center;

  

  padding-top:1%;

  padding-bottom: 1%;

}

.contenedor_form

{

  margin-top: 3%;

  border:1px solid gray;

  background: white;

  margin-bottom: 3%;

}

.myformGrup

{

  margin-left: 1.5vh!important;

  margin-right: 1.5vh!important;

  position: relative;

  width: 100%;

  padding:1px;

  margin-top: 3%;

  margin-bottom: 3%;

  padding: 16px!important;

  border: 1px solid gray!important;

  

}



.myinputtext

{

  border-left: none!important;

  border-right: none!important;

  border-top:none!important;

  border-bottom: 2px solid gray!important;

  width: 100%;

  -webkit-transition: all 1s; /* Safari prior 6.1 */

  transition: all 1s;

  font-weight: 600!important;

  text-align: center!important;

  text-transform: uppercase!important;

  font-size: 2vh!important;

}

.mySelect

{

    text-transform: uppercase!important;

    font-size: 2vh!important;

   

     font-weight: 600!important;

}

.myinputtext:focus

{

  border-left: none!important;

  border-right: none!important;

  border-top:none!important;

  

  outline: none!important; 

}





.mylabel

{

  position: absolute;

  left: 1.2%;

  -webkit-transition: all 1s; /* Safari prior 6.1 */

  transition: all 1s;

  font-weight: 750!important;

  color: #6C6C6C!important;

  text-transform: uppercase!important;

}



.myinputtext:focus + .mylabel

{

    

  font-size: 1VW;

  -webkit-transform: translateY(-75%);

  transform: translateY(-75%);

}

.mylabelcompleto

{

       color: #59ca8b!important;

       font-size: 1VW!important;

       -webkit-transform: translateY(-75%)!important;

       transform: translateY(-75%)!important;

}



.mylabelcompletomal

{

       color: red!important;

       font-size: 1VW!important;

       -webkit-transform: translateY(-75%)!important;

       transform: translateY(-75%)!important;

}

.myinputcompleto

{

      border-bottom: 2px solid #59ca8b!important;

}

.myinputcompletomal

{

      border-bottom: 2px solid red!important;

      

}

.inputFecha

{

  text-align: center!important;

  font-size: 2vh!important;

}

.mybtncontent

{

  margin-top: 3%!important;

  margin-bottom: 3%!important;

}

#Email

{

  text-transform: lowercase!important;

}

.mybtnsubmit

{

  border: 2px solid gray;

  text-align: center;

  cursor: pointer;

  padding-bottom: 2%;

  padding-top: 2%;

  padding-left: 2%;

  padding-right: 2%;

  white-space: pre!important; 

  width: 25%!important;

  background: linear-gradient(0deg, gray, transparent);

  /* -webkit-transition: all 0.5s; Safari prior 6.1

  transition: all 0.5s; */

  text-transform: uppercase;

}

.mybtnsubmit:hover

{

  background: linear-gradient(0deg, #248eac, #8dddf2);

  color: white;

  border: 2px solid #248eac;

}

.mybtnBloqueado

{

  display: none!important;

}



.iconomodal

{

    color: #ffffff!important;

    background: #e63232!important;

    /* padding: 3px!important; */

    border-radius: 50%!important;

    border: 2px solid #e63232!important;

    text-align: center!important!important;

}



#modalbody

{

  text-align: center!important;

  font-weight: 600;

  color: #484848;

  font-size: 1.5rem;

  padding-top: 3vw!important;

  padding-bottom: 5vw!important;

}





/*//////Para el Registro unico de alumnnos///////*/

.ruatitulo

{

  text-align: center;

  text-transform: uppercase;

  font-size: 5vh;

  padding-top:1%;

  padding-bottom: 1%;

  background: white;

  margin-top: 2%; 

  border:1px solid black;

  font-weight: 600;

}



.frmcontenedores

{

  

  border:1px solid black;

}





.myform-check

{

  font-size: 1VW!important;

  margin-bottom: 5%;

}



.myform-check-input:checked

{

  background: red!important;

}

.myform-check-label

{

  margin-left: 5%;

}

.becaoculta

{

  -webkit-transition: all 0s!important; /* Safari prior 6.1 */

  transition: all 0s!important;

  visibility: hidden;

}

.conten_mate

{

  border:1px solid  #c0c0c0;

  padding-top:2%;

  

}

.titulo_mamateria

{

  text-align: center;

  text-transform: uppercase;

  font-weight: 700;

  background: #dcdcdc;

  padding-top: 1%;

  padding-bottom: 1%;

  margin-bottom: 2%;



}

.t_c_dematerias

{

  text-align: center;

  text-transform: uppercase;   

  font-weight: 900;

  margin-bottom: 1%;

  position: relative;

  font-size: 2rem!important;

}

.checkall

{

  top: 0%;

  right: 0%;

  position:absolute;

  color: red;

  color: #bbbbbb;

    background: red;

    padding: 1%;

    cursor:pointer;

    border:1px solid white;

}



.text-spinner-color

{

  color: #dcdcdc;

  width: 6VH!important;

  height: 6VH!important;

  



}

.checkall_red

{



  color: #bbbbbb;

    background: red;

    padding: 1%;

}

.checkall_verde

{



  color: #bbbbbb;

    background: green;

    padding: 1%;

}

.btn_descargarpdf

{

  font-size: 1.2rem;

  font-weight: 700;

  text-transform: uppercase;

  padding:1% 2%;

  background: red;

  color: white;

  cursor: pointer;

  margin-top: 2%;

  text-align: center;

}

.btn_descargarpdf > i

{

  font-size: 1.5rem!important;

  margin-right: 2%;

}

.btn_descargarpdf_link

{

  font-size: 1.2rem;

  font-weight: 700;

  text-transform: uppercase;

  padding:1% 2%;

  background: red;

  color: white;

  cursor: pointer;

  margin-top: 2%;

  text-align: center;

}

.btn_descargarpdf_link > i

{

  font-size: 1.5rem!important;

  margin-right: 2%;

}

.allli

{

      font-size: 2rem;

  border: 1px solid #dedede;

  padding: 0.5% 1%;

}

 .fass{

  z-index: 100;

  font-size: 3rem!important;

  color:#dedede;

  position: absolute;

  top: 20%;

  left: 1%;

}

.liactive

{

  background: red;

  color: white;

  text-transform: uppercase;

}

.mensaje_ir

{

  text-align: center;

  text-indent: 2%;

  color: red;

  text-transform: uppercase;

  margin-bottom: 2%;



}

.irdescargar

{

  text-transform: uppercase;

  color: white;

  background: red;

  padding: 3%  2%;

  cursor: pointer;

}

.footer_estilo

{

  text-align: center!important;

  font-size: 1.5rem;

  padding: 1% 0%;font-weight: 600;

}

.footer_estilo >i

{

  margin-bottom: 1%;

  margin-right: 2%;

  font-size: 3rem;

  border:2px solid white;

  padding: 2%;



}

.fondo_titulo

{

  text-align: center;

  font-size: 2vw;

  text-transform: uppercase;

  margin-top: 2%;

  margin-bottom: 2%;

}

.msjfinal

{

  text-align: center;

  text-transform: uppercase;

  font-weight: 600;

  font-size: 1.5rem;

  margin-bottom: 2%;

}

.tamacomu

{

  height: 25vw;

}

@media (max-width: 700px)

{

          .myformGrup

          {

              

          }

          .myform-check

          {

            font-size: 3VW!important;

            margin-bottom: 5%;

          }

          .myinputcompleto

          {

                border-bottom: 2px solid #59ca8b!important;

                /*font-size: 4vh!important;*/

          }

          .myinputcompletomal

          {

                border-bottom: 2px solid red!important;

                /*font-size: 4vh!important;*/

                

          }

          .tamacomu

          {

          height: 60vw;

          }

}