@font-face {
	font-family: 'din-light';
	src: url('../font/DINPro-Light.eot');
	src: local('☺'), url('../font/DINPro-Light.woff') format('woff'), url('../font/DINPro-Light.ttf') format('truetype'), url('../font/DINPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'din-regular';
	src: url('../font/DINPro-Regular.eot');
	src: local('☺'), url('../font/DINPro-Regular.woff') format('woff'), url('../font/DINPro-Regular.ttf') format('truetype'), url('../font/DINPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'din-medium';
	src: url('../font/DINPro-Medium.eot');
	src: local('☺'), url('../font/DINPro-Medium.woff') format('woff'), url('../font/DINPro-Medium.ttf') format('truetype'), url('../font/DINPro-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'din-bold';
	src: url('../font/DINPro-Bold.eot');
	src: local('☺'), url('../font/DINPro-Bold.woff') format('woff'), url('../font/DINPro-Bold.ttf') format('truetype'), url('../font/DINPro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'din-black';
	src: url('../font/DINPro-Black.eot');
	src: local('☺'), url('../font/DINPro-Black.woff') format('woff'), url('../font/DINPro-Black.ttf') format('truetype'), url('../font/DINPro-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	background-color:#192B2B;
}

input, textarea, select, option{
	transition: background-color 0.3s;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#contentor{
	height:500px;
	-moz-border-radius: 35px;
	border-radius: 35px;

	margin-top:25px;
	margin-bottom:50px;
	margin-right:25px;
	margin-left:25px;
	
	padding-top:50px;
	padding-bottom:25px;
	padding-right:50px;
	padding-left:50px;
	 
	color:white;
	
	background-image: url(fundo.png);
	-webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; ;
	font-family: 'din-regular', sans-serif;
}

#titulo{
	float:left;
	width:300px;
	display:none;
	text-transform:uppercase;
}

#progresso{
	float:right;
	width:150px;

	
}

#voltar{
	float:left;
	width:75px;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;    
	-o-transition: all 0.3s linear;    
	-webkit-transition: all 0.3s linear; 
	height:75%;
	line-height:40px;
	text-align:center;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:white;
	background-color:#0033CC;
	
	border-width:4px;
	border-color:gray;
	border-style:solid;
	
	display:none;
}


#seguinte{
	border-width:4px;
	border-color:gray;
	border-style:solid;
	
	float:right;
	width:75px;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;    
	-o-transition: all 0.3s linear;    
	-webkit-transition: all 0.3s linear; 
	height:75%;
	line-height:40px;
	text-align:center;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#0033CC;
}

#especifico{
		transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;    
	-o-transition: all 0.3s linear;    
	-webkit-transition: all 0.3s linear; 
}

#seguinte:hover, #voltar:hover, #botao:hover{

-moz-border-radius: 20px;
border-radius: 20px;
}

#conteudo{
	height:80%;
	overflow:auto;
}

#topo{
	display:block;
	overflow:hidden;
	margin-bottom:15px;
}

#fundo{
	display:block;
	margin-top:15px;
	overflow:hidden;
	height:60px;
}

td{
	padding:15px;
	margin:15px;
}


#barra{
	-moz-border-radius: 35px;
	border-radius: 35px;
	height:30px;
	width:0%;
	transition: width 0.3s;
	background-image: linear-gradient(bottom, rgb(55,148,52) 14%, rgb(92,255,89) 57%, rgb(164,255,148) 79%);
	background-image: -o-linear-gradient(bottom, rgb(55,148,52) 14%, rgb(92,255,89) 57%, rgb(164,255,148) 79%);
	background-image: -moz-linear-gradient(bottom, rgb(55,148,52) 14%, rgb(92,255,89) 57%, rgb(164,255,148) 79%);
	background-image: -webkit-linear-gradient(bottom, rgb(55,148,52) 14%, rgb(92,255,89) 57%, rgb(164,255,148) 79%);
	background-image: -ms-linear-gradient(bottom, rgb(55,148,52) 14%, rgb(92,255,89) 57%, rgb(164,255,148) 79%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.14, rgb(55,148,52)),
		color-stop(0.57, rgb(92,255,89)),
		color-stop(0.79, rgb(164,255,148))
	);
	
}

#botao{
	border-width:4px;
	border-color:gray;
	border-style:solid;
	width:75px;
	
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;    
	-o-transition: all 0.3s linear;    
	-webkit-transition: all 0.3s linear; 
	line-height:30px;
	text-align:center;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#0033CC;
}