@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
	border:0;
}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

body {
	background-image: linear-gradient(to right, #afd2f6 , #e9f3fd);
}
#conteiner{
	float:left;
	width:85%;
	height:auto;
	padding:0 5% 5% 10%;	
}
	#central_conteiner{
		float:left;
		width:63%;
		height:auto;
		padding: 20px 2%;		
	}
		#box{
			width:96%;
			height:auto;
			padding:2%;
			margin:0 auto;
		}
		
		#central_conteiner p{			
			font-family: 'Roboto', sans-serif;
			font-size:20px;
			line-height:35px;
			color:#000;
		}
		
		#titulo{
			float:left;
			width:97%;
			height:auto;
			font-family: 'Roboto', sans-serif;
			font-size:30px;
			line-height:30px;
			background-color:#041E42;
			color:#FFF;
			padding:1%;
			margin:0 0 2% 0;
		}
		#titulo2{
			width:96%;
			padding-bottom:2%;
			height:auto;
			margin:0 auto 5px auto;
			text-align:center;
			font-family: 'Roboto', sans-serif;
			font-size:30px;
			color:#041E42;
		}
		
		
/*==============================================================================================*/

#lista{
	width:100%;
	height:auto;
	padding:1%;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	line-height:35px;
	color:#000;
	background-color:#f4f4f4;
}

#box{
	float:left;
	width:96%;
	height:auto;
	padding:2%;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height:25px;
	color:#000;
	background-color:#FFF;
	margin: 15px 0;
}
	#box_foto{
		float:left;
		width:10%;
		height:auto;
		padding:2%;
		/*background-color:#0FF;*/
		
	}
		#avatar{
			width:100%;
			height:auto;
			padding:2%;
			border: solid 5px #fd5d05;
			border-radius: 50px;
		}

	#box_texto{
		float:left;
		width:76%;
		height:auto;
		padding:2% 4%;
		/*background-color:#FF0;*/
		margin-bottom:20px;
	}
	label1{
		font-family: 'Roboto', sans-serif;
		font-size:13px;
		line-height:20px;
		color:#fd5d05;
		font-weight:bold;
	}
	label2{
		font-family: 'Roboto', sans-serif;
		font-size:13px;
		line-height:20px;
		color:#000
	}



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

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

*{
	margin: 0;
	padding: 0;
	border:0;
}

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

*{
	margin: 0;
	padding: 0;
	border:0;
}

}

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

*{
	margin: 0;
	padding: 0;
	border:0;
}
	

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

*{
	margin: 0;
	padding: 0;
	border:0;
}

#conteiner{
	width:96%;
	padding:0 2% 5% 2%;
}

	#central_conteiner{
		width:70%;
		/*background-color:#CCC;*/
	}
	
		#curso{
			width:30.33%;
			margin:3%;
		}

}
/*@media screen and (max-width:700px) {*/
@media screen and (max-aspect-ratio: 1/1) {
*{
	margin: 0;
	padding: 0;
	border:0;
}
		
}
@media screen and (max-width:700px) {
#conteiner{
	width:98%;
	padding:0 1% 5% 1%;
}

	#central_conteiner{
		width:96%;
		/*background-color:#CCC;*/
	}
	
}