/* -- Desarrollado por Oscar Manuel Aguillon Silva @oaguillon-- Colombia -- para http://webmarketingsolution.com.mx/ Mexico --*/
/* ********************************************************************************************************************* */

body {padding: 0px; margin:0px; background: #151618;}
.left
{
	
	width: 49%;
	height: 680px;
	display: inline-block;
	vertical-align: top;
	background: #151618;
	margin: 0px auto;
}
.left #logo img
{
	margin: 180px auto 100px auto;
	display: block;
	width: 404px;
	height: 160px;

}

.buton 
{
	width: 60%;
	margin: 0px auto;
}

.buton a
{
 color: #fff;
 font: 20px arial ;
 text-decoration:  none;

}

#copi
{
	color: #fff;
	text-align: center;
	 font: 12px arial ;
	 margin-top: 150px;

}

.right
{
	
	width: 50%;
	height: 680px;
	display: inline-block;
	vertical-align: top;
	margin: 0px auto;
	background: #fff;
}

.right table
{
	
	margin: 150px auto 0px auto;
}

/* -- media query para mayor 1024px --*/
/* ****************************************************************** */

@media screen and (min-width: 1280px){
.left
{
	
	width: 49%;
	height: 1024px;
	display: inline-block;
	
}
.right
{
	
	width: 50%;
	height: 1024px;
	display: inline-block;
	
}

.left #logo img
{
	margin: 280px auto 100px auto;


}
.right table
{
	
	margin: 250px auto 0px auto;
}



}



/* -- media query para menor 1024px --*/
/* ****************************************************************** */

@media screen and (max-width: 850px){

.left
{
	width: 100%;
	text-align: center;
}
.right
{
display: none;
}
}



/* -- media query para menor 1024px --*/
/* ****************************************************************** */

@media screen and (max-width: 500px){

.left #logo img
{

	width: 90%;
	height: auto;

}
}