/***********************************/
/**ESTILOS GENERAL DE LOGIN DE SII**/
/***********************************/
body { font-family:  sans-serif; }
#conten{position: absolute;}
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

@font-face {
  font-family: Oxygen;
  font-style: normal;
  font-weight: 400;
  src: url(fuentes/Oxygen.woff) format('woff');
}
@font-face {
  font-family: Telex;
  font-style: normal;
  font-weight: 400;
  src:url(fuentes/Telex.woff) format('woff');
}
 #imgLog{position: absolute; left: 260px; top:85px;}
 #main{height:600px; padding-top: 40px; padding-left: 400px;}
 #contLogT{width:320px; padding-left: 10px;}
 #paddLog{padding-right:10px;}
 .hLog1{height:15px;}
 .hLog{height:300px;}
 /*#logoSeg{padding-left: 122px;}*/
 #paddLog1{padding-top: 20px;}
 .paddLog2{padding-top: 30px;}
 .paddLog2 a{color:#9E0D1D;}
 #imgPDF{width: 10%;}
 .contenPGob{padding-left: 0px; padding-top: 100px; width: 940px;}
 #contLogP{border-top: 1px solid #C6C7C9; width:810px;}
 #textLog{font-family: Cambria;}
 #textLog1{color: #999999; font_family: Arial; font-size: 13px; font-weight: bold; text-align: Center;}
 #saludoLog {color:#B30624; font-size:16; font-weight:none;}
 #imgRecLog{position: absolute; left: 1px; width: 130px; top: 75px;}
 .bordeLog{border-bottom: 1px solid #E9E9E9; width:450px;}
 #msjBloqueo{color:#B30624; font-family: Cambria; font-size:14px; font-weight: bold;}
 #imgEscLog{position: absolute; left: 1px; width: 130px; top: 20px; z-index: -1;}
 #imgEscLog1{position: absolute; left: 1px; width: 300px; top: 92px; z-index:-1;}
 #textLog3{color:#B30624; font-family: Cambria; font-size:16; font-weight: bold;}
 .textLog4{font-family: Cambria; font-size: 14px;}
 .textLog5{color: #7E7975; font-family: Cambria;  font-size: 14px;}
 #notaLog{border-bottom: 1px solid #E9E9E9; width:450px;}
 #imgLogVer{position:absolute;  z-index: -1; left: 395px; top: 296px; filter:alpha(opacity=20); opacity:.2; width: 5%;}
/**Text enlaces**/
.derCopy p{
	 padding: 0;
     margin: 0;
	
}
#en_aqui a:hover{
 color: #DB6B00;
}
#derCopy span{
	font-family: Oxygen, sans-serif;
	font-size: 11px;
	color:#666666; 
	padding-left:15px; 
	padding-bottom: 40px;
}

#titul_form{
	font-family: 'Lato', sans-serif;
			
}
#log, #pass{
	color: #B02B38;
	font-weight:bold;
	font-family: Telex,sans-serif;
	font-size: 11px;
	margin-top:5px;
}
				/*************************************************************/
				/**Enlace recuperar contraseņa, registro y reenvio de correo**/
				/*************************************************************/
.recup {
	font-family: Oxygen, sans-serif;
	font-weight:bold;
	padding: 0;
	margin:0;
	font-size: 14px;
	position: relative;
	top: 5px;
	left: -105px;
}
#enlace{
	text-decoration:none ;
	border-left: 1px solid #D03033;
}
#enlace_2{
	text-decoration:none ;
	border-left: 1px solid #D03033;
}
#enlace_2:hover{
	color: #2A4D92;
}
#enlace:hover{
	 color: #C0363E;
}
.recup a:hover {
text-decoration:none ;
    	color: #FAA523;
}

.recup p{
	 font-family: Oxygen, sans-serif;
	font-size: 10px;
	color:#E6913A; 
	font-weight:bold;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.recup a{
	 font-family: Oxygen, sans-serif;
	font-size: 12px;
	color:#E6913A;
	text-shadow: 0 -1px rgba(0,0,0,0.0);				
}
#a_verificar{
	text-decoration:none ;
	border-left: 1px solid #D03033;
	color: #000;
	text-shadow: 1px 1px 2px #787878;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#a_recuperar{
	text-decoration:none ;
	border-left: 1px solid #D03033;
	color: #000;
	text-shadow: 1px 1px 2px #787878;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#a_registrarse{
	text-decoration:none ;
	color: #000;
	text-shadow: 1px 1px 2px #787878;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#a_registrarse:hover {
	text-decoration:none ;
	color: #FAA523;
	text-shadow: -1px 1px 1px #595959;
}
#a_recuperar:hover{
	color: #2A4D92;
	text-shadow: -1px 1px 1px #595959;
}
#a_verificar:hover{
	color: #C0363E;
	text-shadow: -1px 1px 1px #595959;
}
#a_descargar:hover{
	text-decoration:none ;
}
#a_descargar{
	font-family: Oxygen, sans-serif;
	font-size: 12px;
	padding-left: 50px;
	
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
/**FIN**/
				/********************************/
				/**Formato de Formulario login***/
				/********************************/
.form-2 {
	width: 350px;
	height: 225px;
	color: red;
	margin: 60px auto 30px;
	padding: 15px;
	position: relative;
	left: -210px;
	z-index: 2;
	background: url(../images/fondoLogin.png);
	border-radius: 4px;
	color: #7e7975;
	box-shadow:
		0 2px 2px rgba(0,0,0,0.2),        
		0 1px 5px rgba(0,0,0,0.2),        
		0 0 0 12px rgba(212, 212, 212,0.4);
}
#frmRecuperarcorreo,#frmRecuperar{
	background: url(../images/fondoLogin.png);  
	border-bottom: 1px double #C12B41;
    border-width: 5px;}
#frmRegistrarse{border-bottom: 1px double #C12B41;
    border-width: 5px;}
.form-2 .opt {
    text-align: right;
    margin-right: 3px;
}
#SegDatA{
	font-family: Telex, sans-serif;
	font-size: 11px;
}
#SegDatB{
	font-family: Telex, sans-serif;
	font-size: 11px;
}
/*Formato texto indicativo del formulario*/
#mensjLog{
	font-family: Oxygen, sans-serif;
	font-size: 11.5px;
	height:20px; border-bottom: 1px solid #EDEDED; color: #C38C18;
}
.form-2 h1 {
    font-size: 15px;
    font-weight: bold;
    color: #bdb5aa;
    padding-bottom: 8px;
    border-bottom: 1px solid #EBE6E2;
    text-shadow: 0 2px 0 rgba(255,255,255,0.8);
    box-shadow: 0 1px 0 rgba(255,255,255,0.8);
}

.form-2 h1 .log-in,
.form-2 h1 .sign-up {
    display: inline-block;
    text-transform: uppercase;
}

.form-2 h1 .log-in {
    color: #6c6763;
    padding-right: 2px;
}

.form-2 h1 .sign-up {
    color: #990517;
    padding-left: 2px;
}

.form-2 .float {

    width: 50%;
    float: left;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,1);
}

.form-2 .float:first-of-type {
    padding-right: 5px;
}

.form-2 .float:last-of-type {
    padding-left: 5px;
}
/*Formato texto de Etiquetas*/
.form-2 label {
    display: block;
    padding: 0 0 5px 2px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    font-size: 11px;
}

.form-2 label i {
    margin-right: 5px; 
    display: inline-block;
    width: 10px;
}

.form-2 label[for=showPassword] {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 400;
    text-transform: capitalize;
}
/**FIN**/
				/*********************/
				/***CAJAS DE TEXTO ***/
				/*********************/
.form-2 input[type=text],
.form-2 input[type=password] {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 400;
    display: block;
    width: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 3px solid #ebe6e2;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.form-2 input[type=submit],
.form-2 .log-twitter {
    width: 49%;
    height: 38px;
    float: left;
    position: relative;
    box-shadow: inset 0 1px rgba(255,255,255,0.3);
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    line-height: 38px; 
    text-align: center;
    font-weight: bold;
}

.form-2 input[type=submit] {
    margin-left: 1%;
    background: #990517; 
    background: -moz-linear-gradient(#990517, #DA3838);
    background: -ms-linear-gradient(#990517, #DA3838);
    background: -o-linear-gradient(#990517, #DA3838);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#990517), to(#DA3838));
    background: -webkit-linear-gradient(#990517, #DA3838);
    background: linear-gradient(#990517, #DA3838);
    border: 1px solid #981C21;
    color: #f2f2f2;
    text-shadow: 0 1px rgba(255,255,255,0.3);
}
.form-2 input[type=checkbox] {
    vertical-align: middle;
    margin: -1px 5px 0 1px;
}

/**FIN**/
				
				/**********************************/
				/***EFECTOS HOVER BOTON Y LABELS***/
				/**********************************/
.form-2 input[type=text]:hover,
.form-2 input[type=password]:hover {
    border-color: #CCC;
}

.form-2 label:hover ~ input {
    border-color: #CCC;
}

.form-2 input[type=text]:focus,
.form-2 input[type=password]:focus {
    border-color: #BBB;
    outline: none;
}



.form-2 input[type=submit]:hover,
.form-2 .log-twitter:hover {
    box-shadow: 
        inset 0 1px rgba(255,255,255,0.3), 
        inset 0 20px 40px rgba(255,255,255,0.15);
}

.form-2 input[type=submit]:active,
.form-2 .log-twitter:active{
    top: 1px;
}

.no-boxshadow .form-2 input[type=submit]:hover {
    background: #ffb347;
}

.no-boxshadow .form-2 .log-twitter:hover {
    background: #2a8ac4;
}

.form-2 p:last-of-type {
    clear: both;    
}
/**FIN**/
				/*********************/
				/***BOTON DEL LOGIN***/
				/*********************/
#btnConectar {
	font-family: Oxygen, sans-serif;
	font-size: 12px;
	font-size: 13px;
	width: 140px;
	height: 40px;
	margin-left: %;
	background: #990517; 
	background: -moz-linear-gradient(#990517, #DA3838);
	background: -ms-linear-gradient(#990517, #DA3838);
	background: -o-linear-gradient(#990517, #DA3838);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#990517), to(#DA3838));
	background: -webkit-linear-gradient(#990517, #DA3838);
	background: linear-gradient(#990517, #DA3838);
	border: 1px solid #981C21;
	color: #f2f2f2;
	text-shadow: 0 1px rgba(255,255,255,0.3);
	 cursor:pointer;
}
.form-2 #btnConectar:hover,
.form-2 .log-twitter:hover {
	box-shadow: 
		inset 0 1px rgba(255,255,255,0.15), 
		inset 0 20px 40px rgba(255,255,255,0.15);
		box-shadow: 0 0 2px 2px #B4AFAC;
}

.form-2  #btnConectar:active,
.form-2 .log-twitter:active{
	top: 1px;
}

.no-boxshadow .form-2 #btnConectar:hover {
	background: #ffb347;
	cursor: pointer;
}
/**FIN**/