* {
  margin: 0;
  padding: 0;
}

body {
	height: 100%;
	background:url('http://clientesprestamosflashpanama.com/intranet-images/wallpaperlogin-3.png?V=002');
	margin:0px;
	font-family: 'Ubuntu', sans-serif;
	background-size: 100% 120%;
}

.fondo-naranja 
{
	border: black 1px solid;
  background:url('http://clientesprestamosflashpanama.com/intranet-images/instaflash-1.png?v=002');
  margin:0px;
  font-family: 'Ubuntu', sans-serif;
	background-size: 100% 100%;
}

@media screen and (min-width: 100px) and (max-width: 900px) 
{
	.anchura
	{
		width: 90%; 
		border-radius: 10px;

		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		margin-bottom: 50px;

		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		padding: 15px;

		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;

		box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
			-o-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
			-ms-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
	}

	.titulo 
	{
		display: block;
		font-family: OpenSans-Regular;
		font-weight: bold;
		font-size: 20px;
		color: #555555;
		line-height: 1.2;
		text-align: center;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.m-t-20
	{
		margin-top: 20px;
	}
}

@media screen and (min-width: 900px) 	
{	
	.anchura
	{
		max-width: 500px; 
		border-radius: 15px;

		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		margin-bottom: 50px;

		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		padding: 15px;

		padding-left: 40px;
		padding-right: 40px;
		padding-top: 40px;
		padding-bottom: 40px;

		box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
			-o-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
			-ms-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
	}

	.titulo 
	{
		display: block;
		font-family: OpenSans-Regular;
		font-weight: bold;
		font-size: 30px;
		color: #555555;
		line-height: 1.2;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 80px;
	}

	.m-t-20
	{
		margin-top: 20px;
	}
}