/*Lo primero, todo el cuerpo que ocupe el 100%*/
html {
	 position: relative;
	min-height: 100%;
}

body{
background-image: url(img/bg.jpg);
background-size:cover;
background-repeat: no-repeat;
 margin: 0 auto 150px;
min-width:950px;
	min-height:650px;
}
.padre {
	 min-height: 100%;
  	 position: relative;
	
 
}
.logo{
	padding-top: 8%;
	text-align: center;	
}
.logo img{
	width:500px;}
.wel{
	font-family: 'Rubik', sans-serif;
	text-align:center;
	color:#cc9933;
	font-size:35px;
	padding-top: 3%;}
.hs{
	width: 100%;
	float: left;
	margin-top: -1px;
}
.m1{
	font-family: 'Rubik', sans-serif;
	padding-top:30px;
	font-size:1.5em;
	color:#cc9933;}
.m2{
	font-family: 'Rubik', sans-serif;
	padding-top:1px;
	font-size:1.5em;
	color:#cc9933;}
	.logo2{
		position:relative;}
.logo2 img{
	width:250px;}
#nav{
	font-family: 'Rubik', sans-serif;
	font-size:14px;
	 color:#DABC5A;
	padding-top:45px;
	padding-left:40px;
	height:100px;}	
.m-sup1{
	padding-right:5%;
	margin-top:-100px;
	position:relative;
	float:right;
	}

	td img{
	width: 40px;

	margin-right: 9px;
		}
.m-sup2{

	position:relative;
	float:right;}
ul.m-sup2{
	margin-top:-25px;
		padding-right:5%;
		list-style:none;
		}
ul.m-sup2 li {
	display:block;
	text-decoration:none;
	float:left;
	padding-left:35px;
}
	ul.m-sup2{
	overflow:hidden;}
.tips{width: 100%;}
.tips img{
	padding-left:40%;
	padding-top: 25px;


}
.sli{
	padding-left: 25%;
	padding-top:55px;
}
ul.pie{
	padding-left: 25%;
	display: block;
	list-style:none;
	font-family: 'Rubik', sans-serif;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size:15px;
}
ul.pie li{
	
	display:block;
	text-decoration:none;
	float:left;
	padding-left: 15px;
}
footer p{
	font-family: 'Rubik', sans-serif;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size:15px;
}	

footer{
	width: 100%;
	position: absolute; 
	bottom: 0;
	text-align: center;
	color: #DABC5A;
	background-color: black;
}