@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: #555556; /*#420000;*//*#bd1a1b;*/
	background-image: url(../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: #6a6a6a;
}

.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: #5073b5;
    border: solid 1.5px #1b273f;
	/*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: rgb(221 220 220 / 77%);
    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: #c5c5c5b0;
	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: 1vw;
    color: #333;
    background-color: #F3F3F3;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    /* border-radius: 10px;*/
}
.texto_tabla_impar {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1vw;
	color: #333;
	background-color: #E7E7E7;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    /* 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: #5073b5;
	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%;
}
.mensaje-error {
	padding: 1%;
	font-size: 1.5vw;
	text-align: center;
	font-weight: bolder;
	color: #ff0000;
}

.fondo-error{
	background-color:#000b;
	width:100%;
	height:100%;
	position:fixed;
	top: 0%;
    left: 0%;
}

.cont-mensaje-error{
	width: 60%;
    margin-left: 18%;
    margin-right: 18%;
    padding: 2%;
    background-color: #cfcfcf;
    border: thick solid #ba2a2a;
    border-radius: 1vw;
    position: absolute;
    top: 10%;
    /*background-color: #2a2a2a;
    border: thick solid #e1e100;*/
}

.error-titulo{
	font-size: 1.8vw;
    /*color: #ff7;*/
	color: #ba2a2a;
    text-align: center;
    font-weight: bold;
}

.error-texto{
	font-size: 1.4vw;
    /*color: #fff;*/
	color: #ba2a2a;
    text-align: center;
}

.error-mensaje{
	font-size: 1.1vw;
    /*color: #fff;*/
	color: #505050;
    margin: 3% 20% 0% 20%;
}

/* Smartphones (portrait & landscape) -- No se define porque se subdivide en los dos grupos siguientes */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

}
 
/* Smartphones (landscape) */
@media only screen 
and (min-width : 321px) {
	
}
 
/* Smartphones (portrait) */
@media only screen 
and (max-aspect-ratio: 13/9) {

	.mensaje-error {
		padding: 1%;
		font-size: 3vw;
		text-align: center;
		font-weight: bolder;
		color: #ff0000;
		/*text-shadow: 2px 3px 5px #000;
		padding-left: 30.5%;*/
	}

	.cont-mensaje-error{
		width: 60%;
		margin-left: 20%;
		top: 25%;
	}
	
	.error-titulo{
		font-size: 3vw;
	}
	
	.error-texto{
		font-size: 2.5vw;
	}
	
	.error-mensaje{
		font-size: 2.25vw;
	}
		/*position:inherit; /*El div será ubicado con relación a la pantalla*/
		/*left:0px; /*A la izquierda deje un espacio de 0px*/
		/*right:6%; /*A la derecha deje un espacio de 0px*/
		/*bottom:0px; /*Abajo deje un espacio de 0px*/
		/*height:20px; /*alto del div*/	
		/*color:#999;
	}

	
}

/* iPads (portrait & landscape) -- No se define porque se subdivide en los dos siguientes grupos*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
 
}
 
/* iPads (landscape) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
 
}
 
/* iPads (portrait) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
 
}
 
/* Ordenadores de sobremesa y portátiles */
@media only screen 
and (min-width : 1224px) {
	
}
 
/* Pantallas grandes*/
@media only screen 
and (min-width : 1824px) {
	

}
 
/* iPhone 4 */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
 
}