/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25/01/2018, 02:06:33 PM
    Author     : Ricardo Daniel Gutierrez Gutierrez
*/
@media only screen and (max-width: 700px) {
 body{
background: url(../imagen/login/Intranet-fondo-2020.svg);
font-family: 'Trebuchet MS', Arial, sans-serif;
}

#login{
width:100%;
height: 400px;
margin:0 auto;
padding-top: 0px;

}
.login-title{
  color:#254673;
}

#login-title-1{
font-size:2.5em;
font-weight: normal;    
/*display: inline;*/
}


/*        DIV LABEL        */

.login-div-label{
width:100% ;
text-align: center;
padding-bottom: 10px;
}
.login-div-label img{
    height: 15px;
}

.login-div-label label{
color:White;
font-family:GOTHAM-LIGHT;
height: 30px;
font-size: 25px;

}

/*        DIV INPUT      */
.login-div-input{
width:100%;
text-align: center;
padding-bottom: 10px;
}

.login-div-input input{
border: 0px;
width: 180px;
height: 25px;
background-color: #DEDC1C;
border-radius: 10px;
opacity:0.7;
padding-left: 10px;padding-right: 10px;
text-align: left;
}

/*          DIV BOTON LOGUEO        */
#login-boton{
cursor:pointer;
width:100px;
border:none;
border-radius:10px;
height:40px;
background-color: #202020;
color:white;
font-weight:bold;
margin-top:20px;
opacity:0.8;
}

#login-boton:hover{
background-color:#DEDC1C;
color:#202020;
border:none;

}

#login-logo-bottom{
    width: 50%;
    margin-left:25%;
    margin-right:25%;
    margin-bottom:1em;
    
}   
.logo-tni{
    width: 90%;
    margin-top: 30px;
}
}
/*++++++++++++----------ESCRITORIO---------++++++++++++++++++++++++*/
@media only screen and (min-width: 701px) {
body{
/*//background-color:#f2f2f2;*/
background: url(../imagen/login/Intranet-fondo-2020.svg);
background-size: 100% auto;
background-repeat: no-repeat;
font-family: 'Trebuchet MS', Arial, sans-serif;
}

#login{
width:50%;
height: 400px;
margin:0 auto;
padding-top: 50px;

}
.login-title{
  color:#254673;
}

#login-title-1{
font-size:2.5em;
font-weight: normal;    
display: inline;
}


/*        DIV LABEL        */

.login-div-label{

text-align:right;
width:45%; 
float:left;
line-height: 30px;
height:  30px;
margin-bottom: 10px;
}
.login-div-label img{

}
 
.login-div-label label{
color:white;
font-size: 25px;
font-family:GOTHAM-LIGHT;

}

/*        DIV INPUT      */
.login-div-input{
width:55%; 
float:left;
height:  30px;
margin-bottom: 10px;
}

.login-div-input input{
opacity:0.7;
border: 0px;
width: 200px;
height: 25px;
border-radius: 10px;
background-color:#DEDC1C;
padding-left: 10px;
padding-right: 10px;
margin-left: 10px;
font-size: 17px;
text-align: left;
}

/*          DIV BOTON LOGUEO        */
#login-boton{
cursor:pointer;
width:130px;
border:none;
border-radius:10px;;
height:50px;
font-size: 20px;
background-color: #202020;
color:white;
font-weight:bold;
margin-top:40px;
opacity:0.8;

}

#login-boton:hover{
background-color:#DEDC1C;
color:#202020;
border:none;

}

#login-logo-bottom{
    width: 50%;
    margin-left:25%;
    margin-right:25%;
    margin-bottom:1em;
    
}

.logo-tni{
    height:200px;
}
}

/*---------------------------ESTILOS EN COMUN ---------------------------------------------------*/

.login-text-center{
text-align:center;
}

#login-mensaje{
font-weight:bold;
color:red;
height:20px;
font-size: 20px;
}

@font-face {
	font-family: GOTHAM-LIGHT;
	src: url(fonts/GOTHAM-LIGHT.TTF);
}