body 
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #EEE;
}


.IconeTopo
{
	width: 90px; 
	height: 60px; 
	border-radius: 8px; 
	background-color: #EEE; 
	border: 1px solid #000; 
	cursor: pointer; 
	display: inline-table;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	font-family: Ruda, "Times New Roman", Times, serif;
	font-size: 12px;
	box-shadow: inset 0px 0px 10px #888888;
}

.IconeTopo:hover
{
	background-color: #FF9; 
	width: 91px;
	height: 61px;
}


.Icone
{
	width: 73px; 
	height: 73px;  
	cursor: pointer;
	border-radius: 2px;
}

.Icone:hover
{
	width: 73px; 
	height: 73px;  
	cursor: pointer;
	border-radius: 2px;
	border: 2px solid #008; 
}

.Icone:active
{
	width: 73px; 
	height: 73px;  
	cursor: pointer;
	border-radius: 2px;
	border: 2px solid #008; 
}

.BotaoMenuTopo
{
	width: 80px;
	height: 25px;
	background-color: transparent;
	cursor: pointer;
	border-radius: 4px;
	border: 1px solid #FFF;
	margin-bottom: 5px;
	text-align: center;
	font-style: normal;
	font-family: 'Comfortaa', "Saira", Geneva, sans-serif;
	font-size: 11px;
	display: inline-block;
	justify-content: center;
	align-items: center;
	margin-top: 5px;
	font-weight: bold;
	color: #FFF;
}

.BotaoMenuTopo:hover
{
	background-color: #F86C00; 
	border: 0px #FFF solid;
}

.BotaoMenuTopo:focus
{
	background-color: #F86C00; 
	border: 0px #FFF solid;
	cursor: pointer;
}


/* Caixas de Informação de curso */
.CaixaDeCursos
{
	width: 310px;
	height:  300px;
	display: inline-table; 
	background-color: #CDFBDB;
	margin: 3px; 
	/*border: 1px #444 solid;*/
	border-radius: 7px;
	font-family: 'Ruda', Muli, Geneva, sans-serif;
	text-decoration: none; 
	cursor: pointer;
	box-shadow: inset 0px 0px 10px #888888;
	overflow: hidden;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
    transition: transform 0.3s ease;
}

.CaixaDeCursos:hover
{
	background-color: #FFC;
}

.Caixa_basica 
{
	display: inline-table;
	margin-right: 5px;
	background-color: #DDD;
}

.Caixa_basica_L1 
{
	margin: 0px;
	vertical-align: middle;
	font-size: 10pt;
	color: #222;
	font-family: 'Comfortaa', Tahoma, Geneva, sans-serif;
	text-decoration: none;
}
.Caixa_basica_L2 
{	
	margin: 2px;
	vertical-align: text-top;
	font-size: 15pt;
	color: #F90;
	font-family: Muli, Geneva, sans-serif;
	text-decoration: none;
}


.Caixinha
{
	width: 250px; 
	height: 110px; 
	display: inline-table; 
	background-color: #CDFBDB;
	margin: 3px; 
	/*border: 1px #444 solid;*/
	border-radius: 4px;
	font-family: 'Ruda', Muli, Geneva, sans-serif;
	text-decoration: none; 
	cursor: pointer;
	box-shadow: inset 0px 0px 10px #888888;
}

.Caixinha:hover
{
	background-color: #FF6;
}

.VideoAula
{
	width: 768px;
	height: 432px;
}

.VideoAmbientacao
{
	width: 560px;
	height: 315px;
}



@media (max-width: 800px)
{
	.Caixinha
	{
		width: 98%; 
	}
	
	.VideoAula
	{
		width: 315px;
		height: 177px;
	}
	
	.CaixaDeCursos
	{
		width: 96%;
	}
	
	.VideoAmbientacao
	{
		width: 310px;
		height: 175px;
	}
}
	
@media (max-device-width: 400px)
{
	.Caixinha
	{
		width: 98%; 
	}
	
	.VideoAula
	{
		width: 315px;
		height: 177px;
	}
	
	.CaixaDeCursos
	{
		width: 96%;
	}
	
	.VideoAmbientacao
	{
		width: 310px;
		height: 175px;
	}
}