/*
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');
}
@font-face{
    font-family: 'News Cycle';
    font-style: normal;
    font-weight: 300;
    src: local('News Cycle'), local('News Cycle'), url(../fonts/NewsCycle-Regular.ttf) format('ttf');
}
@font-face
{ 
   font-family: Yanone Kaffeesatz; 
   src: url('../fonts/YanoneKaffeesatz-Regular.eot'); 
   src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf'); 
}

body{
    background: #FFF url(../images/backlogin2.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:600px; /*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: 600px;/*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 1px 10px 6px #727272; /*sombra del div*/
   background-image: url(../images/marcaIPN2.png);
   background-repeat: no-repeat;
   background-color: rgba(243,243,243,0.9);
   z-index: 1;
}
#headerLogin{
   width: 600px;
   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: 600px;
    height: 123px;
    margin-top: 158px;
}
.header a{
    display: block;
    width: 600px;
    height: 123px;
}
#subtitulo{
    font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
    color: #7B1140;
    font-size: 28px;
    text-align: center;
    margin-top: 152px;
    margin-bottom: 23px;
    max-width: 600px;
    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: 600px;
    text-shadow: 1px 1px 4px #999999;
    
}
#subsubtitulo{
    font-family:Arial, Helvetica, sans-serif;
    color: #7B1140;
    font-size: 20px;
    text-align: center;
    max-width: 600px;
    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;
}
#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;
} 
#cabecera{
   width:600px;/*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;
   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:600px; /*Ancho del div*/
   height:180px; /*Altura del div*/
   margin-right: auto;
   margin-left: auto; /*Margen a la derecha 40pixeles*/
   margin-top: 14px; /*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; 
   margin-bottom:35px; /*Margen superior 5pixeles*/
  
}
.fondo-etiqueta{
    position: absolute;
    margin-top: 0px;
    padding-right: 12px; 
}
.front-etiqueta{
    background-color: #781846;
    width: 220px;
    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 .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:96px;/*Ancho del boton*/
   height: 28px;
   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:14px;
   font-weight:bold;/*Grosor de la fuente(Negrita)*/
   color:#FFFFFF;/*Color de la fuente*/
   margin-right: 20px;
}
#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: none;
    height: 31px;
    width: 380px;
    margin-bottom: 11px;
    margin-left: 197px;
    text-indent: 10px;
    outline:0px;
}
td.campos1{
    position: absolute;
}
tr.fila1{
   height: 51px;
}
input.loggin1{
    border:none;
    height: 31px;
    width: 380px;
    margin-bottom: -2px;
    margin-left: 197px;
    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;
    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: 367px;
    position: absolute;
    margin-top:-13px;
}
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: 543px;
    margin-top:-13px;
}
img.icon-registro{
    margin-top: 5px;
}
.registro a:hover{
    color:#A1486F;
}
a.recordar{
    font-family: Arial, Helvetica, sans-serif;
    color:#7B1140;
    font-size: 13px;
    margin-left: 430px;/*    margin-left: 380px;*/
    position: absolute;
    margin-top: -127px;
}
a.recordar:hover{
    color:#A1486F;
}
.rope{
    position: absolute;
    top: -600px;
    z-index: 4;
}