@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Quicksand', Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#1d6da9;
	height:100%;
	background-color:#CCCCCC;
}
#contenedor0{
	max-width:1000px; 
	margin: 0 auto; 
	padding:10px 10px 10px 10px; 
	border:#1A1E29 thin solid; 
	background-color:#FFFFFF	
}
#contenedor{
	max-width:1000px; 
	margin: 0 auto; 
	padding:10px 10px 10px 10px; 
	border:#1A1E29 thin solid; 
	background-color:#FFFFFF	
}
input[type="text"], [type="password"], [type="number"]{
	height:40px;
	background-color:#e1e1e1;
	font-family: 'Quicksand', Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#1a1e29;
	border:#1d6da9 thin solid;
	padding: 5 5 5 5;
}
textarea{
	background-color:#e1e1e1;
	font-family: 'Quicksand', Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#1a1e29;
	border:#1d6da9 thin solid;
	padding: 5 5 5 5;
}
.selectf{
	height:40px;
	background-color:#e1e1e1;
	font-family: 'Quicksand', Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#1a1e29;
	border:#1d6da9 thin solid;
	padding: 5 5 5 5;
}
.boton_personalizado{
  text-decoration: none;
  padding: 10px;
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  background-color: #1883ba;
  border-radius: 6px;
  border:none;
}
  .boton_personalizado:hover{
    color: #1883ba;
    background-color: #ffffff;
}
.btn1 {
  background: #1a1e29;
  background-image: -webkit-linear-gradient(top, #8bacdd, #446da9);
  background-image: -moz-linear-gradient(top, #8bacdd, #446da9);
  background-image: -ms-linear-gradient(top, #8bacdd, #446da9);
  background-image: -o-linear-gradient(top, #8bacdd, #446da9);
  background-image: linear-gradient(to bottom, #8bacdd, #446da9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  text-shadow: 1px 1px 3px #000000;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:220px;
}
.btn1:hover {
  background: #446da9;
  background-image: -webkit-linear-gradient(top, #446da9, #446da9);
  background-image: -moz-linear-gradient(top, #446da9, #446da9);
  background-image: -ms-linear-gradient(top, #446da9, #446da9);
  background-image: -o-linear-gradient(top, #446da9, #446da9);
  background-image: linear-gradient(to bottom, #446da9, #446da9);
  text-decoration: none;
}
.btn2 {
  background: #1a1e29;
  background-image: -webkit-linear-gradient(top, #90bdba, #0e776f);
  background-image: -moz-linear-gradient(top, #90bdba, #0e776f);
  background-image: -ms-linear-gradient(top, #90bdba, #0e776f);
  background-image: -o-linear-gradient(top, #90bdba, #0e776f);
  background-image: linear-gradient(to bottom, #90bdba, #0e776f);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  text-shadow: 1px 1px 3px #000000;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:220px;
}

.btn2:hover {
  background: #446da9;
  background-image: -webkit-linear-gradient(top, #0e776f, #0e776f);
  background-image: -moz-linear-gradient(top, #0e776f, #0e776f);
  background-image: -ms-linear-gradient(top, #0e776f, #0e776f);
  background-image: -o-linear-gradient(top, #0e776f, #0e776f);
  background-image: linear-gradient(to bottom, #0e776f, #0e776f);
  text-decoration: none;
}
.btn3 {
  background: #1a1e29;
  background-image: -webkit-linear-gradient(top, #eeb185, #d2691e);
  background-image: -moz-linear-gradient(top, #eeb185, #d2691e);
  background-image: -ms-linear-gradient(top, #eeb185, #d2691e);
  background-image: -o-linear-gradient(top, #eeb185, #d2691e);
  background-image: linear-gradient(to bottom, #eeb185, #d2691e);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  text-shadow: 1px 1px 3px #000000;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:220px;
}

.btn3:hover {
  background: #446da9;
  background-image: -webkit-linear-gradient(top, #d2691e, #d2691e);
  background-image: -moz-linear-gradient(top, #d2691e, #d2691e);
  background-image: -ms-linear-gradient(top, #d2691e, #d2691e);
  background-image: -o-linear-gradient(top, #d2691e, #d2691e);
  background-image: linear-gradient(to bottom, #d2691e, #d2691e);
  text-decoration: none;
}
#fielset_empresa{
	margin:0 auto;
	 width:50%;	
}
#logo_empresa{
	float:left; 
	width:25%;
}
#datos_empresa{
	float:left; 
	width:50%; 
	text-align:center;
}
#logo_bm{
	float:right; 
	width:25%; 
	text-align:right;
}
#botones{
	float:left; 
	width:33%; 
	text-align:center;
}
#botonesf{
	float:left; 
	width:15%; 
	text-align:center;
}
#botonesfc{
	float:left; 
	width:70%; 
}
#centrofac{
	width:60%; 
	margin:0 auto;	
}
.flotantes {
	background-color: #FFF;
	position: absolute;
	color:#1d6da9;
	-khtml-border-radius:3px;
	border-radius:3px;
	padding:10px 10px 10px 10px;
	top:35%;
	left:50%;
	margin-left:-250px;
	width:500px;
	font-size:14px;
	font-family: 'Quicksand', Verdana, Geneva, sans-serif;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
}
#botoncuentas{
	text-align:center;
	display:none;	
}
#gruposaldo{
	float:left; 
	width:49%; 
}

.alerta {
	background-color: #d35351;
	position: absolute;
	color:#FFFFFF;
	-khtml-border-radius:3px;
	border-radius:3px;
	padding:10px 10px 10px 10px;
	max-width:400px;
	margin-left:-10px;
	width:100%;
	font-size:14px;
	font-family: 'Quicksand', Verdana, Geneva, sans-serif;
}
.alerta-mensas {
	background-color: #d35351;
	position: absolute;
	color:#FFFFFF;
	-khtml-border-radius:3px;
	border-radius:3px;
	padding:10px 10px 10px 10px;
	left:50%;
	top:35%;
	width:400px;
	margin-left:-200px; 
	font-size:14px;
	font-family: 'Quicksand', Verdana, Geneva, sans-serif;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	#fielset_empresa{
		margin:0 auto;
	 	width:100%;	
	}
	#logo_empresa{
		width:100%;
		text-align:center;
	}
	#datos_empresa{ 
		width:100%; 
		text-align:center;
	}
	#logo_bm{
		display:none;
	}
	#botones{ 
		width:100%; 
		text-align:center;
	}
	#botonesf{
		display:none;
	}
	#botonesfc{
		float:left; 
		width:100%; 
	}
	#centrofac{
		width:100%; 
	}
	.flotantes {
		background-color: #FFF;
		position: relative;
		color:#1d6da9;
		-khtml-border-radius:3px;
		border-radius:3px;
		padding:10px 10px 10px 10px;
		top:10px;
		left:5px;;
		margin-left:0px;
		width:90%;
		font-size:14px;
		font-family: 'Quicksand', Verdana, Geneva, sans-serif;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,1);
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,1);
	}
	.selectf{
	height:40px;
	background-color:#e1e1e1;
	font-family: 'Quicksand', Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#1a1e29;
	border:#1d6da9 thin solid;
	padding: 5 5 5 5;
}
	#botoncuentas{
		text-align:center;
		display:block;	
	}
	#gruposaldo{
		width:100%; 
	}
	.alerta-mensas {
		background-color: #d35351;
		position: absolute;
		color:#FFFFFF;
		-khtml-border-radius:3px;
		border-radius:3px;
		padding:10px 10px 10px 10px;
		left:50%;
		top:35%;
		width:300px;
		margin-left:-160px; 
		font-size:14px;
		font-family: 'Quicksand', Verdana, Geneva, sans-serif;
		-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
		-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
		box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	}
	#arren{
		font-family: 'Quicksand', Verdana, Geneva, sans-serif;
		font-size:12px;
		color:#1d6da9;
	}
	#cobrado{
		font-family: 'Quicksand', Verdana, Geneva, sans-serif;
		font-size:12px;
		color:#1d6da9;
	}
}