@font-face {
    font-family: 'Decima Nova Pro_3';
    src: url('fonts/Decima Nova Pro_3.otf') format('opentype');
}
@font-face {
    font-family: 'Decima Nova Pro Heavy_4';
    src: url('fonts/Decima Nova Pro Heavy_4.otf') format('opentype');
}
@font-face {
    font-family: 'Decima Nova Pro Bold_4';
    src: url('fonts/Decima Nova Pro Bold_4.otf') format('opentype');
}

#header 
{
    /* navegadores sin soporte */
    background: #03183a;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(black));
    /* Safari 5.1+, Chrome 10+ */
    background: -webkit-linear-gradient(left, #03183a, #1c558b, #03183a);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(left,#03183a, #1c558b, #03183a);
    /* Opera 11.10+ */
    background: -o-linear-background(left, #03183a, #1c558b, #03183a);
    /* IE 10 */
    background: -ms-linear-background(left, #03183a, #1c558b, #03183a);
    /* estándar */
    background: linear-background(left, #000033, #1c558b, #000033);
   
}


#DivLogin { 
    border-radius:12px; 
    -moz-border-radius:12px; /* Firefox */ 
    -webkit-border-radius:12px; /* Safari y Chrome */ 

    -moz-box-shadow: 3px 3px 4px #333333;
    -webkit-box-shadow: 3px 3px 4px #333333;
    box-shadow: 3px 3px 4px #333333;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');

    /* Otros estilos */ 
    border:1px solid #FFFFFF;
    background:#FFFFFF;
    width:auto;
   /* height:250px; */
  /*  padding:5px;*/
  /*  top:50%;
    left:50%;*/
   
    
    /*position:absolute;
    margin-top:-125px;
    margin-left:-165px;*/ 
}
        
.txt_login
{
    border-radius:10px; 
    -moz-border-radius:10px; /* Firefox */ 
    -webkit-border-radius:10px; /* Safari y Chrome */ 
        
    border:0px solid #CCCCCC;
    width:180px;
    height:25px;
    font-family: Decima Nova Pro_3;
    font-size:14px;
    background:#ECECEB;
    color:#7F7F7F;
}

.txt_login:focus
{
       
    -moz-box-shadow: 2px 2px 3px #6db8ff;
    -webkit-box-shadow: 2px 2px 3px #6db8ff;
    box-shadow: 2px 2px 3px #6db8ff;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#6db8ff')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#6db8ff');
        
    border:0px solid #6db8ff;
}
       
#btn_ingresar
{
    border-radius:12px; 
    -moz-border-radius:12px; /* Firefox */ 
    -webkit-border-radius:12px; /* Safari y Chrome */ 
        
    -moz-box-shadow: 3px 3px 4px #666666;
    -webkit-box-shadow: 3px 3px 4px #666666;
    box-shadow: 3px 3px 4px #666666;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');    
        
    border:1px solid #245c94;
    width:225px;
    height:30px;
    background:#002855;
    color:#FFFFFF;
    font-weight:bold;
    font-size:14px;
    font-family: Helvetica, Arial, sans-serif;
    cursor:pointer;
}
    
#btn_ingresar:hover
{
    -moz-box-shadow: 3px 3px 4px #245c94;
    -webkit-box-shadow: 3px 3px 4px #245c94;
    box-shadow: 3px 3px 4px #245c94;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#245c94')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#245c94');    
        
    background:#245c94;
}   
            
.LoginFallo
{
    color:#990000;
    font-family: Helvetica, Arial, sans-serif;
    font-size:12px;
}

.Usuario
{
    background-position: left center;
    padding-left: 40px;  
    background-image: url(/css/login/user_login.png);
    background-repeat: no-repeat;
    background-size:36px 36px;
}

.Clave{      
    background-position: left center;
    padding-left: 40px;  
    background-image: url(/css/login/psw_login.png);
    background-repeat: no-repeat;  
    background-size:36px 36px;
}

.ClaveA{      
    background-position: left center;
    padding-left: 40px;  
    background-image: url(/css/images/clave_logina.gif);
    background-repeat: no-repeat;  
}

.descarga
{
    /* border-radius:5px; 
    -moz-border-radius:5px; /* Firefox */ 
   /* -webkit-border-radius:5px; /* Safari y Chrome */ 

   /* -moz-box-shadow: 0 0 3px 4px #0C3050;
    -webkit-box-shadow: 0 0 3px 4px #0C3050;
    box-shadow: 0 0 3px 4px #0C3050;
    /* IE 8 */
   /* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0C3050')";
    /* IE 5.5 - 7 */
   /* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0C3050');
    
    border:1px solid #11477A;*/
    width:220px;
    padding: 0px 20px 0px 00px;
    /*position: absolute;*/
    font-size:12px;
    color:White;
    font-family: Calibri, Arial, sans-serif;
    font-size:11px;
    width :260px;
    
        }
        
        
        
        
.cssTutorial_TituloA
{
font-family: Decima Nova Pro Heavy_4;
font-size:17px;
color:#E7062A;
}
.cssTutorial_TituloB
{
font-family: Decima Nova Pro_3;
font-size:15px;
color:#002855;
}
.cssTutorial_TituloC
{
font-family: Decima Nova Pro_3;
font-size:13px;
color:#E7062A;
text-decoration:underline;
}
.cssTutorial_TituloOlvClave
{
font-family: Decima Nova Pro_3;
font-size:16px;
color:#002855;
text-decoration:underline;
}
.cssTutorial_Titulo
{
/*border-radius:5px; 
-moz-border-radius:5px; /* Firefox */ 
/*-webkit-border-radius:5px; /* Safari y Chrome */ 

/*-moz-box-shadow: 0 0 3px 4px #0C3050;
-webkit-box-shadow: 0 0 3px 4px #0C3050;
box-shadow: 0 0 3px 4px #0C3050;
/* IE 8 */
/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0C3050')";
/* IE 5.5 - 7 */
/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0C3050');*/
    
/*border:1px solid #11477A;*/
font-family: Calibri;
font-size:15px;
padding: 0px 0px 0px 20px;
width:330px;
/*color:#DDD;*/
/*position:absolute;*/
/*width:260px;*/

}
.cssTutorial_Titulo_Click
{
font-family: Calibri;
color:#FFFFFF;
text-decoration: underline;    
cursor: pointer;
font-size:15px;
}

.cssTutorial_wifi_Click
{
font-family: Calibri;
color:#FFFFFF;    
cursor: pointer;
font-size:15px;
}

.cssTutorial_Video
{
background-color:#000000; 
position: absolute;
width:570px;
height:360px;
padding-left:10px; 
display: none;
z-index:100;
}

.cssTutorial_Close
{
position:absolute;
top:12px;
right:12px;
cursor:pointer;   
}

.cssTutorial_TituloPw
{
border-radius:5px; 
-moz-border-radius:5px; /* Firefox */ 
-webkit-border-radius:5px; /* Safari y Chrome */ 

-moz-box-shadow: 0 0 3px 4px #0C3050;
-webkit-box-shadow: 0 0 3px 4px #0C3050;
box-shadow: 0 0 3px 4px #0C3050;
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0C3050')";
/* IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0C3050');
    
border:1px solid #11477A;
font-family: Calibri;
font-size:15px;
padding: 20px 20px 20px 20px;
color:#DDD;
position:absolute;
width:220px;
text-align:center;
}

.contenedorprincipal
{
    position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  
  /*
  This doesn't work
  margin-left: -25%;
  margin-top: -25%;
  */
  
  width: 100%;
  height: 50%;
  margin: 0 ;
  padding: 0px;  
  text-align: center;
  /*box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);*/
    /*vertical-align: middle;
    margin: auto;
    position: absolute;
    top: 30%;
    left: 21%;
    bottom: 0;
    right: 0;*/
    }
    
.ColumnasPrincipales
{
    /*width:300px;*/
    /*margin:0 auto;*/
    overflow:hidden;
    display: inline-block; 
    vertical-align: top;
    height:260px;
    border:1px solid #FFFFFF;
    background:#FFFFFF;
    width:auto;
    padding: 20px 20px;
    border-radius:12px; 
    box-sizing: border-box;
    margin: 5px;
    text-align :center;
    box-shadow: 0 0 3px 4px #0C3050;
    -moz-border-radius:12px; /* Firefox */ 
    -webkit-border-radius:12px; /* Safari y Chrome */ 
    -moz-box-shadow: 0 0 3px 4px #0C3050;
    -webkit-box-shadow: 0 0 3px 4px #0C3050;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0C3050')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0C3050');
    
}

 #tecvirt
    {
       width:250px;
       text-align: center;
       margin-bottom:10px;
       margin-top:10px
    }
    
@media (min-width: 481px) and (max-width: 958px)
{
    
    .contenedorprincipal
    {
        
        top: 30%;
       
    }
    
    #DivDescarga
    {
        display:none;
    }
    #avisocontrasperdida
    {
        display:none;    
    }
}

@media screen and (max-width: 480px) 
{
    #DivDescarga
    {
        display:none;
        }
        .contenedorprincipal
    {
                top: 30%;
           }
   
    #avisocontrasperdida
    {
        display:none;    
    }
      
}
.frmcont {
    max-width: 300px;
    min-width: 250px;
}
.imglogo {
    width:200px;
    height:46px;
}

#markpsw {
    margin-top:10px;
    width:240px;
    height:20px;
    position:relative;
}

#markpsw .default {
    border-radius:7px; 
    -moz-border-radius:7px; /* Firefox */ 
    -webkit-border-radius:7px; /* Safari y Chrome */ 

    background:#ECECEB;
    width:14px;
    height:14px;
    display:inline-block;

}
#markpsw .check {
    border-radius:7px; 
    -moz-border-radius:7px; /* Firefox */ 
    -webkit-border-radius:7px; /* Safari y Chrome */ 

    background:#002855;
    width:14px;
    height:14px;
    display:inline-block;
}