@charset "utf-8";
/*
font-family: 'Oxygen', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/
body {
	background-color: #667f70; /*#420000;*//*#bd1a1b;*/
	background-image: url(../../reg/imagenes/fondo_paginas.png);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-size: cover;
	background-attachment: fixed;
    background-position: top; /*center;*/
	font-family: 'Roboto Condensed', sans-serif !important;
	color:#444;
}
html,body{
	height:100%;
}
<!--
.fondo-barra {
	font-size:1.5vw !important;
	font-family: 'Roboto Condensed', sans-serif !important;
}
.cuadro_login1 {
	padding:1% 5% 1% 5%;
}
.cuadro_login2 {
	margin: 0 auto;
	padding:1% 3% 1% 3%;
	width:40%;
	-webkit-border-radius:10px 10px;
	-moz-border-radius:10px 10px;
	box-shadow:2px 2px 5px #999;
	outline:0;
	background-color:rgba(245,245,245,0.8);
	z-index:1001;
}
.boton-login {
	height: 10%;
	width: 30%;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1vw;
	color: #333;
	text-align: center;
	font-weight: bold;
	margin:2%;
	padding:0.7%;
}
.boton {
	height: 5%;
	width: 30%;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1vw;
	color: #333;
	text-align: center;
	font-weight: bold;
	margin:1%;
	padding:1%;
}
.campologin {
	background-color: #FFF;
	border-style: solid;
	border-width: 0;
	padding: 0;
	text-align: left;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-size: 12px;
	outline:none;
}
.campologinclave {
	background-color: #FFF;
	border-style: solid;
	border-width: 0;
	padding: 0;
	text-align: center;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-size: 12px;
	outline:none;
}
.error {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.9vw;
	font-weight: bold;
	color: #F00;
}
.login_campo_boton {
	padding-left: 40px;
}
.login_campo_texto {
	padding-left: 12px;
}
.login_campo_texto_txt {
	height: 20%; /*24px;*/
	width: 60%;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1vw;
	color: #020167;
	letter-spacing: normal;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	outline: none;
	text-align: center;
	background-color: #ffffffb8;
	border-radius:6px;
	box-shadow: 2px 2px 5px #999;
	padding:0.5%;
	margin: 0.6%;
}
.login_olvido_clave {
	/*padding-left: 12px;*/
	/*font-family: Verdana, Geneva, sans-serif;*/
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.9vw;
	font-weight: bold;
}
.poweredby {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.7vw;
	color: #F60;
}
.poweredby a {
	color: #CCC;
}

.formulario_titulo {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.3vw;
    color: #ffffff;
    padding: 1%;
    -webkit-border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    background-color: #28965f;
    border: solid 1.5px #666;
	/*font-weight: bold;*/
}
.formulario_subtitulo {
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.1vw;
	font-weight:bold;
}
.formulario_titulo_seccion {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.4vw;
	color: #fff;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	/*background-color: rgba(85,85,85,.75);*/
	background-color: rgba(112,147,185,0.85);
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 5%;
}



.formulario_etiqueta {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
/*	font-size: 0.9vw; */
	color: #666;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
/*	font-weight: bold; */
}
.formulario_instruccion_campo {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.95vw;
	color: #333;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	/*padding: 5px;*/
}

.descripcion_etiqueta {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.879vw;
	color: #666;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	font-weight: normal;
	font-style: italic;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 5%;
	margin: 2px;
}


.formulario_fila {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.9vw;
	color: #666;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
}
.formulario_campo {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.9vw;
	color: #666;
	/*padding: 1%;*/
	-webkit-border-radius: 5px 5px;  /* Safari  */
	-moz-border-radius: 5px 5px;
	background-color: #fff;
	outline: none;
	border: none;
	width: 300px;
	margin-bottom: 1%;
}
.formulario_campo_errado {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.9vw;
	color: #666;
	padding: 1%;
	-webkit-border-radius: 5px 5px;  /* Safari  */
	-moz-border-radius: 5px 5px;
	background-color: rgba(255,153,153,0.5);
	outline: none;
	border: none;
	width: 300px;
	margin-top: 1%;
	margin-bottom: 1%;
}


.formulario_campo_bloqueado {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.9vw;
	color: #666;
	padding: 1%;
	-webkit-border-radius: 5px 5px;  /* Safari  */
	-moz-border-radius: 5px 5px;
	background-color: #DBDBDB;
	outline: none;
	border: none;
}
.formulario_campo_fecha_inicio_bloqueada {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.9vw;
	color: #666;
	padding: 1%;
	-webkit-border-radius: 5px 5px;  /* Safari  */
	-moz-border-radius: 5px 5px;
	background-color: #DBDBDB;
	outline: none;
	border: none;
	width: 50px;
}

.formulario_campo_fecha {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.9vw;
	color: #666;
	/*padding: 1%;*/
	-webkit-border-radius: 5px 5px;  /* Safari  */
	-moz-border-radius: 5px 5px;
	background-color: #fff;
	outline: none;
	border: none;
	width: 100px;
}

.formulario_fila_asteriscos {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25px;
	color: #F00;
	background-color: #F5F5F5;
	padding: 1%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: transparent;
	text-align: center;
}

.formulario_imagen {
	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.75);
	margin: 1%;
}
.mensaje_alerta {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.9vw;
	color: #666;
	background-color: #FF6;
	padding: 10px;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
}

.mensaje_error {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.9vw;
	color: #666;
	padding: 1%;
	-webkit-border-radius: 5px 5px;  /* Safari  */
	-moz-border-radius: 5px 5px;
	background-color: rgba(255,153,153,0.5);
	outline: none;
	border: none;
	margin-top: 1%;
	margin-bottom: 1%;
}
.mensaje_notificacion {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.9vw;
	color: #333;
	background-color: #B9FFCB;
	padding: 10px;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
}

.mensaje_ok {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	background-color: #0F0;
	padding: 10px;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
}


.volver {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #FFF;
	background-color: #C4F0FF;
	padding: 0.5%;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;
	background-color: rgba(213,237,255,0.5);
}
/*-----*/

.contenedor_central{
	background-color: rgba(245,245,245,0.87);
    margin: 2%;
	width:95%;
	padding: 2%;
    border-radius: 10px;
    -webkit-border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    box-shadow: 2px 2px 5px #999;
    outline: 0;
}

.campologin {
	background-color: #FFF;
	border-style: solid;
	border-width: 0;
	padding: 0;
	text-align: left;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
}

.notificacion {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F00;
	font-style: italic;
	background-color: #FF0;
	border-radius: 7px;
}

.poweredby2 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.9vw;
	color: #ef4200;
}
.titulo_pagos {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.7vw; /*28px;*/
	font-weight: bold;
	color: #4D2606;
	/*background-color: #FFF;*/
	text-align: center;
	vertical-align: middle;
	padding: 1%; /*5px;*/
}
.campologinclave {
	background-color: #FFF;
	border-style: solid;
	border-width: 0;
	padding: 0;
	text-align: center;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
}

.texto_tabla {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.1vw;
	color: #333;
	background-color: #EAEAEA;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-radius:10px;
}
.texto_tabla_par {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.1vw;
	color: #333;
	background-color: #e4e4e4;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	/*border-radius:10px;*/
}
.texto_tabla_impar {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.1vw;
	color: #333;
	background-color: #F3F3F3;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	/*border-radius:10px;*/
}
.titulo_tabla {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.3vw; /*16px;*/
	font-weight: bold;
	color: #FFf;
	background-color: #12854e;
	text-align: center;
	padding: 0.5%; /*5px;*/
	border-radius:10px;
}
.bienvenida {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25px;
	color: #FF0;
}
.subtitulo_tabla {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.1vw; /*15px;*/
	font-weight: bold;
	color: #A15210;
	background-color: #FFE0B3;
	text-align: center;
	padding: 5px;
	border-radius:10px;
}
.total_tabla {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.9vw;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	background-color: #0875af;
	border-radius:10px;
}
.texto_secciontabla {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.96vw;
	color: #FFF;
	background-color: #5f5f5d; /*#e5272a;*/ /*#7093B9;*/
	padding: 1.1%; /*7px;*/
	font-weight: bold;
	border-radius:10px;
}
.div_ayuda_nivel_1 {
	background-color: #CAE4FF;
	width: 250px;
	border: 1px groove #CCC;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #3C3C84;
	padding: 5px;
}
.div_ayuda_nivel_1_vermas {
	background-color: #CAE4FF;
	width: 250px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #900;
	font-weight: bold;
}
/*-----*/
.boton-pago{
	padding: 0.5%;
    text-align: center;
    font-size: 1.4vw;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    outline: 0;
    color: #ffffff;
    cursor: pointer;
    border: thick solid #d9d9d9bf;
    background-color: #003d7da6;
    text-shadow: 0px 0px 0px #fff;
    font-weight: normal;
    width: 20%;
}