@charset "utf-8";
@font-face{
	 font-family:Gotham-Bold;
	src: url("../fonts/Gotham-Bold.otf");
}
@font-face{
	 font-family:Gotha-Book;
	src: url("../fonts/Gotham-Book.otf");
}
@font-face{
	 font-family:Gotham-Light;
	src: url("../fonts/Gotham-Light.otf");
}	
* {
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
 
body {background:#FEFEFE;
	-webkit-overflow-x:hidden;
	-moz-overflow-x:hidden;
	overflow-x:hidden;
}

header {
	width: 100%;
}
 
header nav {
	background:#E20613;
	z-index:1000;
	max-width: 1000px;
	width:95%;
	margin:20px auto;
}
 
header nav ul {
	list-style:none;
}
 
header nav ul li {
	display:inline-block;
	position: relative;
}
 
header nav ul li:hover {
	background:#E6344A;
}
 
header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 20px;
}
 
header nav ul li a span {
	margin-right:10px;
}
 

 
@media screen and (max-width: 5000px) {
	
 
	.menu_bar {
		display:block;
		width:100%;
		margin-top:0;

	}
	#logoheader{
		width:25%;
		margin-top:2%;
		margin-left:2%;
		float:left;
	}
	#buscar-mov{
		display:none;
	}
	#buscar{
		float:left;
		width:23%;
		margin-top:1.5%;
		margin-left:3%;
		border-color: #E20613;
		border-style:solid;
		border-radius:20px;
		
	}
	#buscar form input{
		font-family:Gotham-Light;
		font-size:22px;
		border:none;
		border-radius:20px;
		float:left;
		width:90%;
	}
	#buscar img{
		width:5%;
		height:60%;
		margin-top:1%;
	}
	.menu_bar div{
		display:flex;
	}
	#cuenta{
		display:inline-flex;
		width:25%;
		margin-top:2%;
		margin-left:5%;
		font-family:Gotham-Light;
		font-size:25px;
	}
	#cuenta a{
		text-decoration:none;
		color:black;
	}
	#cuenta p{
		margin-left:5%;
		margin-right:5%;
	}
	#cuenta-mov{
		display:none;
	}
	.menu_bar .bt-menu {
		display: block;
		padding: 20px;
		width:15%;
		color: #fff;
		float:right;
		overflow: hidden;
		font-size: 25px;
		text-decoration: none;
	}
 
	.menu_bar span {
		float: right;
		font-size: 40px;
	}
 
	header nav {
		width: 50%;
		position: absolute;
		right:-100%;
		margin: 0;
		overflow: hidden;
	}
	header nav div{
		text-align:center;
		margin-top:1%;
		margin-bottom:3%;
	}
	header nav div img{
		width:10%;
		margin-left:5%;
		margin-top:5%;
	}
	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
		width:80%;
		margin-left:10%;
		font-family:Gotham-Bold;
		font-size:30px;
	}
 
	header nav ul li a {
		display: block;
	}
	footer{
		background:#0F4495;
		color:white;
		
	}
	footer div{
		width:20%;
		display:inline-table;
		margin-left:2%;
		margin-top:2%;
	}
		
	footer div h2{
		font-family:Gotham-Bold;
		margin-bottom:3%
	}
	footer div a{
		text-decoration:none;
		color:white;
		font-family:Gotham-Light;
		font-size:18px;
		line-height:2.5;
	}

	#ffooter{
		width:40%;
		margin-top:3%;
		margin-left:5%;
	}
	#ifooter{
		width:40%;
		margin-left:5%;
		margin-top:3%;
	}
	#fredes{
		width:30%;
	}
	#master{
		margin-left:2%;

	}
	#transfer{
		margin-left:2%;
	}
	#efectivo{
		margin-left:2%;
	}
	#dsw{
		width:100%;
		text-decoration:none;
		color:white;
		font-family:Gotham-Light;
		text-align:center;
		margin-top:5%;
		margin-left:0;
		background:#073577;
		
	}
	#dsw p{
		margin-top:1%;
		margin-bottom:1%;
	}
	#foot-pc{
		width:100%;
	}
	#foot-mov{
		display:none;
	}
	}
@media screen and (max-width: 600px){
	header nav div img{
		width:20%;
	}
	header nav{
		width:100%;
	}
	header nav ul li a{
		font-size:35px;
		text-align:center;
	}
	#buscar{
		display:none;
	}
	#buscar-mov{
		display:block;
		background:#E20613; 
		padding:2%;
		padding-bottom:5%;
	}
	#buscar-mov form{
		color:white;
		background:transparent;
	}
	#buscar-mov form input{
		background:transparent;
		color:white;
		width:80%;
		margin-left:5%;
		margin-top:2%;
		margin-bottom:2%;
		float:left;
		border-top:none;
		border-left:none;
		border-right:none;
		border-bottom-color:white;
		font-size:20px;
	}
		::-webkit-input-placeholder { color: white; } 

		:-moz-placeholder { /* Firefox 18- */ color: white; } 

		::-moz-placeholder { /* Firefox 19+ */ color: white; } 

		:-ms-input-placeholder { color: white; }
	#cuenta{
		display:none;
	}
	#cuenta-mov{
		display:block;
		float:left;
		margin-left:5%;
		padding-top:17px;
	}
	#logoheader{
		width:50%;
		padding-top:20px;
	}
	.menu_bar .bt-menu{
		float:none;
		width:25%;
	}
	
	#foot-pc{
		display:none;
	}
	#foot-mov{
		display:block;
		width:100%;
	}
	footer div{
		width:45%;
		margin-top:5%;
	}		
	footer div h2{
		font-size:18px;
	}
	footer div a{
		font-size:14.5px;
	}
	#fredes-mov{
		width:100%;
	}
	#fredes-mov img{
		margin-left:5%;
	}
	#dsw a p{
		font-size:14px;
	}
}