@font-face {
		font-family:'GothamBook';
		src: url('../../../lib/fontes/GothamBook/GothamBook.eot');
		src: url('../../../lib/fontes/GothamBook/GothamBook.eot') format('embedded-opentype'),
			 url('../../../lib/fontes/GothamBook/GothamBook.woff2') format('woff2'),
			 url('../../../lib/fontes/GothamBook/GothamBook.woff') format('woff'),
			 url('../../../lib/fontes/GothamBook/GothamBook.ttf') format('truetype'),
			 url('../../../lib/fontes/GothamBook/GothamBook.svg#GothamBook') format('svg');
	}
	@font-face {
		font-family:'GothamMedium';
		src: url('../../../lib/fontes/GothamMedium/GothamMedium.eot');
		src: url('../../../lib/fontes/GothamMedium/GothamMedium.eot') format('embedded-opentype'),
			 url('../../../lib/fontes/GothamMedium/GothamMedium.woff2') format('woff2'),
			 url('../../../lib/fontes/GothamMedium/GothamMedium.woff') format('woff'),
			 url('../../../lib/fontes/GothamMedium/GothamMedium.ttf') format('truetype'),
			 url('../../../lib/fontes/GothamMedium/GothamMedium.svg#GothamMedium') format('svg');
	}
	@font-face {
		font-family:'GothamLight';
		src: url('../../../lib/fontes/GothamLight/GothamLight.eot');
		src: url('../../../lib/fontes/GothamLight/GothamLight.eot') format('embedded-opentype'),
			 url('../../../lib/fontes/GothamLight/GothamLight.woff2') format('woff2'),
			 url('../../../lib/fontes/GothamLight/GothamLight.woff') format('woff'),
			 url('../../../lib/fontes/GothamLight/GothamLight.ttf') format('truetype'),
			 url('../../../lib/fontes/GothamLight/GothamLight.svg#GothamLight') format('svg');
	}
	
		
	*{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFF;
		padding:0;
		margin:0;
		border:0;
	}
	
	html, body {
		width:100%;
		height:100%;
		margin:0 auto;
		text-align:center;
		background:#5B9DDF;
	}
	img{		
		width:100%;
		height:auto;
		border:0;
	}
	a{
		text-decoration:none;
		transition:0.5s;
	}

	
	.conteudo{
		display:inline-block;
		width:79%;		
		min-height:545px;
		margin:0;
		padding:30px 10% 20px 10%;
		background:url(../../imagens/bk_pagina_cadastro.jpg) center top no-repeat;
	}
	
	.titulo_pagina{
		display:inline-block;
		width:100%;
		padding:0 0 40px 0;
		font-family:'GothamMedium';
		font-size:27px;
		color:#FFF;	
	}
	.texto_pagina{
		display:inline-block;
		width:100%;
		font-family:'GothamMedium';
		font-size:16px;
		color:#FFF;	
	}
	
	.titulo_cadastro{
		display:inline-block;
		width:86%;
		padding:0 0 0 13%;
		margin:0 0 20px 0;
		width:100%;
		font-family:'GothamMedium';
		font-size:27px;
		color:#FFF;	
		background:url(../../imagens/cadeado_pagina_cadastro.png) left no-repeat;
		background-size:contain;
		text-align:left;			
	}
	::-webkit-input-placeholder {
	   color:#0C4C9F;
	}				
	:-moz-placeholder {
	   color:#0C4C9F;
	}				
	::-moz-placeholder {
	   color:#0C4C9F;
	}
	.campo{
		display:inline-block;
		width:95%;
		padding:13px 2% 13px 2%;
		margin:0 0 10px 0;
		border:none;
		background:#FFF;
		font-family:'GothamBook';
		font-size:13px;
		color:#0C4C9F;
		outline:none;
		resize:none;
	}
	.campo_select{
		width:99%;
	}
	.campo_especial{
		background:#FF8000;
	}
	.campo_ddd{
		width:15%;
		margin:0 1% 10px 0;
	}
	.campo_telefone{
		width:74%;
	}
	.campo_cidade{
		width:74%;		
		margin:0 1% 10px 0;
	}
	.campo_uf{
		width:15%;
	}
	
	
	.box_frase_informacao{
		display:inline-block;
		vertical-align:middle;
		width:55%;
		padding:0 4% 0 0;
		text-align:left;
	}
		.box_frase_informacao div{
			display:none;
			font-family:'GothamBook';
			font-size:11px;
			color:#0C4C9F;
		}
		
	.box_bt_cadastro{
		display:inline-block;
		vertical-align:middle;
		width:40%;
		text-align:right;
	}
		.box_bt_cadastro .bt_cadastro{
			display:inline-block;
			padding:15px 10% 15px 10%;
			border:1px solid #FFF;
			background:none;
			font-family:'GothamMedium';
			font-size:15px;
			color:#FFF;
			outline:none;
			cursor:pointer;
			transition:0.5s;
		}
			.box_bt_cadastro .bt_cadastro:hover{
				border:1px solid #25346E;
				background:#25346E;
			}
		
	

@media (max-width: 360px)
{
	.conteudo{
		padding:20px 10% 20px 10%;
	}
	
	.titulo_pagina{
		padding:0 0 20px 0;
		font-size:20px;
	}
	.texto_pagina{
	}
	
	.titulo_cadastro{
		width:99%;
		padding:0 0 0 0;
		margin:0 0 20px 0;
		font-size:20px;
		background:none;
		text-align:center;			
	}
	::-webkit-input-placeholder {
	}				
	:-moz-placeholder {
	}				
	::-moz-placeholder {
	}
	.campo{
		padding:12px 2% 12px 2%;
		font-size:12px;
	}
	.campo_select{
	}
	.campo_especial{
	}
	.campo_ddd{
	}
	.campo_telefone{
	}
	.campo_cidade{
	}
	.campo_uf{
	}
	
	
	.box_frase_informacao{
		width:99%;
		padding:0 0 10px 0;
		text-align:center;
	}
		.box_frase_informacao div{
		}
		
	.box_bt_cadastro{
		width:99%;
		text-align:center;
	}
		.box_bt_cadastro .bt_cadastro{
		}
			.box_bt_cadastro .bt_cadastro:hover{
			}
}