@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;
  background: #246181!important;

}

.no_padding

{

  padding-left: 0%!important;

  padding-right: 0%!important;

}

.banner_lola
{
 
  background: #be1e47!important;
  color: white;
  text-align: center;
  font-size: 2VW!important;
  padding-top:1%;
  padding-bottom: 1%;
  text-transform: uppercase;
}

.minibanner

{

  text-align: center!important; 
    font-size: 1.5vw;
    font-weight: 750;
    text-transform: uppercase;
}

.footer_lola

{

  //background: #1E73BE!important;
    background: #be1e47!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

{

  position: relative;

  width: 100%;

  padding:1px;

  margin-top: 5%;

  margin-bottom: 5%; 

}

.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: 1%;

  padding-top: 1%;

  padding-left: 5%;

  padding-right: 5%;

  white-space: pre!important; 

  font-size: 1.2rem;

  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.1vw;

  padding-top: 5vw!important;

  padding-bottom: 5vw!important;

}



#modalbodycerrar

{

  text-align: center!important;

  font-weight: 600;

  color: #484848;

  font-size: 1.1vw;

  padding-top: 5vw!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;

}









.myformGrup {

    padding: 16px!important;

    border: 1px solid gray!important;

}

.becaoculta

{

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

  transition: all 0s!important;

  visibility: hidden;

}





.ContenedorOculto

{

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

  transition: all 0s!important;

  visibility: hidden;

  display: none;

}

.elmensajeNOPUEDE

{

  text-align: center!important;

  

  text-transform: uppercase!important;

  font-weight: 900!important;

  font-size: 1.5em;

  background: whitesmoke;

}

.form-check

{

    border: 1px solid gray!important;

    text-align: center;

    font-size: 1.5em;

    font-weight: 600;

    padding: 2%;

    background: whitesmoke;

    text-indent: 1%;

   

}

#lElCheck

{

   cursor: pointer;

}

.form-check-label

{



}

.iconover

{

  position: absolute!important;

    left: 96vw!important;

    top: 0.8vw!important;

    background: #b8b8b8 !important;

    border: 1px solid white;

    border-radius: 50%!important;

    padding: 1%!important;

    color: white!important;

    font-weight: 900!important;

    transition: 2s all;

}

.iconover:hover

{

    transition: 2s all;

    background: red!important;

    cursor: pointer;

}

.ContdeMateriasIzq

{

  border: 1px solid gray;

  padding-top: 1%;

}

.ContdeMateriasDer

{

  border-top: 1px solid gray;

  border-right: 1px solid gray;

  border-bottom: 1px solid gray;



  padding-top: 1%;

}

.ContdeMateriasPrimero

{

  border: 1px solid gray;

 



  padding-top: 1%;

}

.datocontenedores

{

  background:#f0f0f0;

 

  border:1px groove black ;

  margin-bottom: 1%;

}

.datonombre

{

  font-size: 1.5vh!important;

  border: 1px solid #bcbcbc!important;

  padding: 0px!important;

  text-align: left!important;

}

.datocondicion

{

 font-size: 1.5vh!important;

  border: 1px solid #bcbcbc!important;

  text-align: Center!important;

  padding: 0px!important;

}

.datoanio

{

  font-size: 1.5vh!important;

  border: 1px solid #bcbcbc!important;

  text-align: Center!important;

  padding: 0px!important;

}

.contseccion2021

{

  

  //border: 1px solid black;

}

.tituloseccion2021

{

  padding: 0px!important;

    font-weight: 700;

    font-size: 1.2vw;

    text-transform: uppercase;

}



.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%;

}

@media (max-width: 500px)

{

          .myinputcompleto

          {

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

                font-size: 2vh!important;

          }

          .myinputcompletomal

          {

                border-bottom: 2px solid red!important;

                font-size: 2vh!important;

                

          }

          .labelCantidadDeMaterias

          {

            

            transform: translateY(-60%)!important;

          }

          .ContdeMateriasIzq

          {

            border: 1px solid gray!important;

            padding-top: 1%!important;

          }

          .ContdeMateriasDer

          {

            border: 1px solid gray!important;



            padding-top: 1%!important;

          }



          #modalbody

          {

            text-align: center!important;

            font-weight: 600;

            color: #484848;

            font-size: 2vh!important;

            padding-top: 5vw!important;

            padding-bottom: 5vw!important;

          }



          #modalbodycerrar

          {

            text-align: center!important;

            font-weight: 600;

            color: #484848;

            font-size: 2vh!important;

            padding-top: 5vw!important;

            padding-bottom: 5vw!important;

          }

}