@charset "UTF-8";
/* CSS Document */
@media (min-width: 603px) and (max-width: 2630px) and (orientation: landscape){
body {
	clear: none;
	float: left;
	width: 100%;
	margin: 0% 0% 0% 0%;
	padding: 0%;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	background-image: url("apps/Divisas/VideoMexico/pexels-la-miko-3616764.jpg");
}

	a{color: inherit;text-decoration: inherit;}
	a:hover{color: inherit;text-decoration: inherit;}
	a:visited{color: inherit;text-decoration: inherit;}
	
	#footer{
		clear: none;
		float: left;
		width: 100%;
		margin: 9%0%6%;
		text-align: center;
		color: #ADADAD;
	}
	#header {
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0% 0% 0% 0%;
		background-color: white;
		color: rgba(31,31,31,1.00);
		text-align: center;
	}
	#company-logo {
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0% 0% 0% 0%;
		text-align: center;
	}
	#company-name {
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0% 0% 2% 0%;
	}
	#company-slogan {
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 4% 0% 4% 0%;
		background-color: rgba(4,12,15,1.00);
		color: aliceblue;
		text-align: center;
		font-size: 63%;
	}
	#company-message {
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 4% 0% 2% 0%;
		text-align: center;
		font-family: 'Bellefair';
	}
	
	#test-color{
		background-color: #112D35;
	
	}
	
	
	#boton{
		clear: none;
		float: left;
		width: 12%;
		margin: 1%3%;
		padding: 1%;
		font-family: 'Bellefair';
		font-size: 200%;
		text-align: center;
		/*border: rgba(199,199,199,1.00) thin solid;*/
		border-image: linear-gradient(#020024, #112D35) 30;
        border-width: thin;
        border-style: solid;
		border-radius: 0px;
		background: rgb(2,0,36);
        background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(17,45,53,1.00) 35%, rgba(2,0,36,1) 100%);
		color: aliceblue;
		transition: ease-in-out 0.5s;
		
	}
	#boton:hover{
		clear: none;
		float: left;
		width: 12%;
		margin: 1%3%;
		padding: 1%;
		font-family: 'Bellefair';
		font-size: 200%;
		text-align: center;
		border: rgba(132,152,151,1.00) thin solid;
		border-radius: 9px;
		background: rgba(21,58,67,1.00);
        
		color: aliceblue;
		transition: ease-in-out 0.5s;
	}
	
	#welcome{
		clear: none;
		float: left;
		width: 90%;
		margin: 3%;
		font-size: 300%;
		border-bottom: white thin solid;
		transition: ease-in-out 0.5s;
	}
	#list {
		clear: none;
		float: left;
		margin: 3%6%;
		width: 81%;
		border-left: #000000 thin solid;
		text-align: left;
	}
	#list-item{
		clear: none;
		float: left;
		width: 90%;
		margin: 3%;
		font-size: 300%;
		border-bottom: white thin solid;
		transition: ease-in-out 0.5s;
	}
	#list-item:hover{
		clear: none;
		float: left;
		width: 90%;
		margin: 3%;
		font-size: 300%;
		border-bottom: black thin solid;
		transition: ease-in-out 0.5s;
	}
	
	
	
}