/*
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 : 18/06/2014, 12:35:19 PM
    Author     : Sandra
*/
@font-face {
   font-family: 'Lato';
   font-style: normal;
   font-weight: 300;
   src: local('Lato Light'), local('Lato-Light'), url(../fonts/Lato_Light.woff) format('woff');
}
@font-face {
   font-family: 'Lato';
   font-style: normal;
   font-weight: 400;
   src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/Lato_Regular.woff) format('woff');
}
@font-face {
   font-family: 'Lato';
   font-style: normal;
   font-weight: 700;
   src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/Lato_Bold.woff) format('woff');
}

body
{
    background: #FFF url(../images/backlogin3.jpg)no-repeat;
    background-size: auto, 100% 100%, cover;
    -webkit-background-size: auto, 100% 100%, cover;
    -moz-background-size: auto, 100% 100%, cover;
    -o-background-size: auto, 100% 100%, cover;
    background-size: cover !important;
    position: relative;
}

#principal
{
   width:620px; /*Ancho del div*/
   height:491px; /*Altura del div*/
   margin:auto auto !important; /*Margen izquierdo y derecho automatico*/
   position: relative !important;
   border-radius: 5px
}
#marco
{
   width:620px; /*Ancho del div*/
   height:450px; /*Altura del div*/
   margin-left: auto;
   margin-right:auto; /*Margen izquierdo y derecho automatico*/
   margin-top:148px; /*Margen superior a 50 pixeles*/
   border-radius:7px;  /*Redondeo del borde del div*/
   position:absolute; /*posicion absoluta del div*/
   box-shadow:0px 4px 10px 4px #727272; /*sombra del div*/
   /*background:-webkit-linear-gradient(rgba(152,95,36,0.70),  #982424);  /* Chrome y Safari */
   /*background:-moz-linear-gradient(top, rgba(152,95,36,0.70), #982424);  /* Mozilla Firefox */
   /*background:-o-linear-gradient(top,  rgba(152,95,36,0.70), #982424);  /*Opera*/
   /*background:-ms-linear-gradient(top, rgba(152,95,36,0.70), #982424); /*Internet Explorer */
   /*background: #fffaf6;*/ 
   background-image: url(../images/marcaIPN2.png);
   background-repeat: no-repeat;
   background-color: rgba(243,243,243,0.9);
   z-index: 1;
   /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#982424', endColorstr='#4C1818',GradientType=0 ); /* IE6-9 */
}
#headerLogin{
   width: 620px;
   height: 281px;
   background-image:url(../images/header.png);
   background-repeat: no-repeat;
   position: absolute;
   opacity: 1;
   border-top-left-radius:7px;
   border-top-right-radius: 7px;
   z-index: 5;
   margin-top: -10px;
}
.header{
    width: 620px;
    height: 123px;
    margin-top: 158px;
}
.header a{
    display: block;
    width: 620px;
    height: 123px;
}
#subtitulo{
    font-family:Arial, Helvetica, sans-serif;
    color: #7B1140;
    font-size: 20px;
    text-align: center;
    margin-top: 161px;
    margin-bottom: 25px;
    max-width: 620px;
    text-shadow: 1px 1px 4px #999999;
    
}
#subtitulo1{
    font-family:Arial, Helvetica, sans-serif;
    color: #7B1140;
    font-size: 20px;
    text-align: center;
    margin-top: 153px;
    margin-bottom: 15px;
    max-width: 620px;
    text-shadow: 1px 1px 4px #999999;
    
}
#subsubtitulo{
    font-family:Arial, Helvetica, sans-serif;
    color: #7B1140;
    font-size: 20px;
    text-align: center;
/*    margin-top: 161px;
    margin-bottom: 25px;*/
    max-width: 620px;
    text-shadow: 1px 1px 4px #999999;
    
}
#marcoIPN
{
   width:80px; /*Ancho del div*/
   height:120px; /*Altua del div*/
   margin-left:30px; /*Margen izquierdo a 50 pixeles*/
   margin-top:0px; /*Margen superior a 10 pixeles*/
   position:absolute;

}
#marcoAG
{
   width:130px; /*Ancho del div*/
   height:120px; /*Altua del div*/
   margin-left:495px; /*Margen izquierdo a 50 pixeles*/
   margin-top:0px; /*Margen superior a 10 pixeles*/
   position:absolute;
}

a
{
   text-decoration: none;
}
/*#logoIPN
{
   width:100px; Ancho del div
   height:100px; Alto del div
   margin-left:-10px;
   margin-top:10px;
   padding:-20px 10px 10px 10px;
   background-image:url(../images/logo_IPN_5.png); Imagen Conacyt
   background-repeat:no-repeat; Se especifica que no re replique la imagen
   background-position:center; Posicion del fondo al centro	
}*/
#version
{
   width: 150px;
   font-family:Arial;/*Tipo de fuente*/
   font-size:14px;
   font-weight:bold;/*Grosor de la fuente(Negrita)*/
   color:#6D1A42;
   margin-left: 10px;
   margin-top: 270px;
   clear:both;
} 
#version1
{
   width: 150px;
   font-family:Arial;/*Tipo de fuente*/
   font-size:14px;
   font-weight:bold;/*Grosor de la fuente(Negrita)*/
   color:#6D1A42;
   margin-left: 10px;
   margin-top: 242px;
   clear:both;
} 
/*#logoDP
{
   width:210px; Ancho de la imagen
   height:110px; Alto de la imagen
   margin-left:460px; Margen izquierdo a 50 pixeles
   margin-top:5px; Margen superior a 10 pixeles
   background-image:url(../images/AQD_2.png); Imagen CCA
   background-repeat:no-repeat; Se especifica que no re replique la imagen
   background-position:center; Posicion del fondo al centro
   position:absolute; Posicion relativa del la imagen
}*/

#cabecera
{
   width:620px;/*Ancho del div*/
   height:50px;/*Alto del div*/
}

#cabecera #titulo
{ 
   text-align:center;/*Alineacion del texto*/
   font-family:Arial, Helvetica, sans-serif;
   font-size:18px;/*Tamaño de la fuente*/
   color:#FFFFFF;/* de la fuente*/ 	
}
#cabecera #lema
{
   text-align:center;/*Alineacion del texto*/
   font-family:Arial, Helvetica, sans-serif;
   font-size:16px;
   color:#FFFFFF;/* de la fuente*/ 
   text-align:center;/*Alineacion del texto*/
   font-family:'Lato';/*Tipo de fuente*/
   font-size:26px;
   font-weight:bold;/*Grosor de la fuente(Negrita)*/
   color:#000000;/*Color de la fuente*/
   margin-left:-30px;
   margin-top:50px;
}
#loger
{
   width:650px; /*Ancho del div*/
   height:180px; /*Altura del div*/
   margin-right: auto;
   margin-left: auto; /*Margen a la derecha 40pixeles*/
   margin-top: 9px; /*Margen superior de -30 pixeles */
   position:absolute; /*posicion del div*/
}
#loger1
{
   width:650px; /*Ancho del div*/
   height:180px; /*Altura del div*/
   margin-right: auto;
   margin-left: auto; /*Margen a la derecha 40pixeles*/
   margin-top: 16px; /*Margen superior de -30 pixeles */
   position:absolute; /*posicion del div*/
}

#loger table
{
   width:100%;/*Ancho de la tabla*/
   border:none;/*Borde de la tabla nula*/
   padding-top: 5px;
   padding-bottom: 30px;
}
#loger1 table
{
   width:100%;/*Ancho de la tabla*/
   border:none;/*Borde de la tabla nula*/
   padding-top: 5px;
   padding-bottom: 30px;
}


label
{
   cursor:pointer; 
   font-family:Arial, Helvetica, sans-serif;
   font-size:17px; /*Tamaño de fuente*/
   margin-bottom:35px; /*Margen superior 5pixeles*/
  
}
.fondo-etiqueta{
    position: absolute;
    margin-top: 0px;
    padding-right: 12px;
    
}
.front-etiqueta{
    background-color: #781846;
    width: 200px;
    height: 33px;
    position: absolute;
    left: -20px;
    z-index: 2;
}
triangulo
{
background:
linear-gradient(45deg, #92baac 45px, transparent 45px)64px 64px,
linear-gradient(45deg, #92baac 45px, transparent 45px,transparent 91px, #e1ebbd 91px, #e1ebbd 135px, transparent 135px),
linear-gradient(-45deg, #92baac 23px, transparent 23px, transparent 68px,#92baac 68px,#92baac 113px,transparent 113px,transparent 158px,#92baac 158px);
background-color:#781846;
background-size: 128px 128px;
} 
.triang-top, .triang-bottom{
   border-width: 10px 17px 0 0;
   position: absolute;
   z-index: 1;
   left: -19px;
   border-color: transparent #222222 transparent transparent;
   border-style:solid;
}
.triang-top{
    top: -9px;
}
.triang-bottom{
    top: -9px;
}
.icon-login{
    margin-top: 5px;
    margin-right: 5px;
}
#loger table .etiqueta
{
   width:29%;/*Ancho de la etiqueta*/ 
   background-repeat: no-repeat;
   text-align: right;
   margin-right: 25px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:18px;
   color:#FFFFFF;/*Color de la fuente*/ 
   position: absolute;
}
#loger1 table .etiqueta
{
   width:29%;/*Ancho de la etiqueta*/ 
   background-repeat: no-repeat;
   text-align: right;
   margin-right: 25px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:18px;
   color:#FFFFFF;/*Color de la fuente*/ 
   position: absolute;
}

#loger table .etiqueta:hover label
{
   /*color:#A20038;*/
}
#loger table .etiqueta:hover label:after
{    
  /* content: " \00bb";/*"»";*/
}
#loger table .campo
{
   width:80%;/*Ancho del campo*/
   border-radius:7px;/*Redondeo del borde del campo*/
   border:1px solid;/*Borde del div*/
   border-color:#CCCCCC;/*color del borde del campo*/
   box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   font-family:Arial;/*Tipo de fuente*/
   font-size:18px;
   font-weight:bold;/*Grosor de la fuente(Negrita)*/
   text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   color:#666;/*Color de la fuente*/
}
#loger table .boton
{
   background-color:#781846;
   width:115px;/*Ancho del boton*/
   height: 30px;
   cursor: pointer;
   margin-top: 10px;
   margin-bottom:29px;
   border-radius:3px;
   border:1px solid;/*Borde del div*/
   border-color:#4E4E4E;/*color del borde del campo*/
   font-family:Arial, Helvetica, sans-serif;
   font-size:15px;/*Tamaño de la fuente*/
   font-weight:bold;/*Grosor de la fuente(Negrita)*/
   color:#FFFFFF;/*Color de la fuente*/
}
#loger table .boton:hover
{
   background-color:#636363;/*Color de fondo del boton*/
   color:#FFF;/*Color de la fuente*/
}

#loger1 table .etiqueta:hover label
{
   /*color:#A20038;*/
}
#loger1 table .etiqueta:hover label:after
{    
  
}
#loger1 table .campo
{
   width:80%;/*Ancho del campo*/
   border-radius:7px;/*Redondeo del borde del campo*/
   border:1px solid;/*Borde del div*/
   border-color:#CCCCCC;/*color del borde del campo*/
   box-shadow:-2px 2px 5px #666;/*Sombra del campo*/
   font-family:Arial;/*Tipo de fuente*/
   font-size:18px;/*Tamaño de la fuente*/
   font-weight:bold;/*Grosor de la fuente(Negrita)*/
   text-shadow:-2px 2px 5px #666;/*Sombra de la fuente*/
   color:#666;/*Color de la fuente*/
}
#loger1 table .boton
{
   background-color:#781846;
   width:115px;/*Ancho del boton*/
   height: 30px;
   cursor: pointer;
   margin-top: 10px;
   margin-bottom:39px;
   border-radius:3px;
   border:1px solid;/*Borde del div*/
   border-color:#4E4E4E;/*color del borde del campo*/
   font-family:Arial, Helvetica, sans-serif;
   font-size:15px;
   font-weight:bold;/*Grosor de la fuente(Negrita)*/
   color:#FFFFFF;/*Color de la fuente*/
}
#loger1 table .boton:hover
{
   background-color:#636363;/*Color de fondo del boton*/
   color:#FFF;/*Color de la fuente*/
}

input.loggin{
/*    border: 1px solid #bfbfbf;
    height: 29px;
    width: 406px;
    margin-bottom: 11px;
    margin-left: 177px;
    text-indent: 10px;*/
    border: none;
    height: 31px;
    width: 406px;
    margin-bottom: 11px;
    margin-left: 177px;
    text-indent: 10px;
    outline:0px;
}
td.campos1{
/*    background-image: url(../images/fondoCampo.jpg);
    background-repeat: no-repeat;
    background-position: 177px 1px;*/
position: absolute;
}
tr.fila1{
   height: 51px;
}
/*tr.fila2{
    height: 64px;
}*/
input.loggin1{
    border:none;
    height: 31px;
    width: 406px;
    margin-bottom: -2px;
    margin-left: 177px;
    text-indent: 10px;
    outline:0px;
}
.button {
    overflow: visible;
    position: absolute;
    border: none;
    padding: 0;
    cursor: pointer;
    height: 27px;
    width: 29px;
    margin-right: 75px;
    background: url(../images/cancel.png) no-repeat center center;
    /*border-radius: 0 3px 3px 0;*/
    margin-top: 3px;
    text-indent:-500em;
    outline: 0px;
}  
td.links{
    margin-top: 10px;
}
input::-webkit-input-placeholder{
    color: #545354;
}
input:-moz-placeholder {
    color: #545354;
}
.botones
{
   padding-top:27px;
   margin-bottom: 20px;
}
.botones2{
   padding-top: 51px;
}
span.registro  {
    font-family: Arial, Helvetica, sans-serif;
    color:#4D4D4D;
    font-size: 13px;
    margin-left: 374px;
    position: absolute;
    margin-top:-14px;
/*    font-weight: bold;*/
/*    background-image: url(../images/image_preview2.png);*/
/*background-image: url(../images/registro.png);*/

}
input.reset{
    border:solid 1px #aaa;
 border-width:1px 1px 1px 0;
 padding:2px 7px 3px;
 font-size:1em;
 margin:0;
 background:#fff url(../images/delete.png) no-repeat center center;
 text-indent:-500em;
 overflow:hidden;
 /* WEBKIT */
 -webkit-appearance: none;
 -webkit-border-radius:0;
 -webkit-border-top-right-radius:4px;
 -webkit-border-bottom-right-radius:4px;
}
a.registro1  {
    font-family: Arial, Helvetica, sans-serif;
    color:#7B1140;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    margin-left: 550px;
    margin-top:-14px;
}
img.icon-registro{
    margin-top: 5px;
}
/*a.registro span.img-registro{
     background-image: url(../images/registro.png);
     background-repeat: no-repeat;
     width: 60px;
     height: 39;
}*/
.registro a:hover{
    color:#A1486F;
}
a.recordar{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B1140;
    font-size: 13px;
    margin-left: 436px;/*    margin-left: 380px;*/
    position: absolute;
    margin-top: -130px;
    
}
a.recordar:hover{
    color:#A1486F;
}
/*span.separador{
    color:#7B1140;
    font-weight: bold;
}*/
.rope
{
    position: absolute;
    top: -600px;
    /*left: 34%;*/
    z-index: 4;
}
/*input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset;  Change the color to your own background color 
    -webkit-text-fill-color: #333;
    background-color: #fff;
  color: rgb(0, 0, 0);

}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}  */