/*.boxConteudo { 
    max-width: 1242px;
}*/

.boxInformacoes {
    margin: 30px auto;
    max-width: 1270px;	
	min-height: 170px;
}

.caixaInfo {
    text-align: center;
    color: #3a5d98;
    margin-top: 10px; 
    /*    height: 180px*/
}

.caixaInfo h2 {
    color: #418AC9;    
}

/*.caixaInfo img {
    
    height: 100%;
    width: 100%;
}*/

.caixaTipo {
    text-align: center;
    height: 140px;
    padding: 0px;
    margin: 20px 0 30px 0 ;
    color: #a2a2a2;
	background-color: #fff;
	border-radius: 5px;
}

.caixaTipo span {
	float: left;
	padding: 38px 30px;
	border-radius: 5px 0 0 5px;
	margin-right: 7px;
}

.caixaTipo div{
	border: 1px solid #c0cdd1;
	height: 140px;
	border-radius: 5px;
}

.caixaTipo h2{
	color: #777;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 11px;
	margin-bottom: 10px;
}

.caixaJogos span{background: #CD5B45;}
.caixaCurso span{background: #5cc7ac;}
.caixaModulos span{background: #00a5d2;}

.caixaCurso {
    border-right: solid 10px #ffffff;
}
.caixaJogos {
    border-right: solid 10px #ffffff;
    border-left: solid 10px #ffffff;
}
.caixaModulos {
    border-left: solid 10px #ffffff;
}

.caixaTipo img {
	width: 70px;
}

.gridCurso h3{
    background: #5cc7ac;
    color: #d7ead7
}

.gridJogo h3{
    background: #CD5B45;
    color: #ead7d7
}

.gridModulo h3{
    background: #00a5d2;
    color: #d7d7ea
}

.gridCurso.shown:hover > a::before {
    border-width: 14px;
    border-color: #5cc7ac;
}

.gridJogo.shown:hover > a::before {
    border-width: 14px;
    border-color: #CD5B45;
}

.gridModulo.shown:hover > a::before {
    border-width: 14px;
    border-color: #00a5d2;
}

.txtLogin {
    cursor: pointer;
    max-width: 120px;
    font-size: 18px;
}

.display {
    height: 450px;
	width: 400px;
	min-width: 200px;
	right: 0;
	position: absolute;
	top: 52px;
	padding: 15px;
	display: none;
	z-index: 10;
	background-color: #fff;
	border: 4px solid #5184b0;
	box-shadow: -6px 4px 4px #ccc;
	border-top: none;
}

.displayAtivo {
    background-color: #3A5D98 !important;
}

@media (min-width: 1272px) {
    .boxInformacoes { max-width: 1270px;}
    .caixaTipo { height: 140px;}
}

@media (max-width: 1272px) {
    .boxInformacoes { max-width: 1200px;}
    .caixaTipo span{ padding: 38px 15px; }
	.caixaTipo img{width: 70px; }
}

@media (max-width: 958px) {
    .boxInformacoes { max-width: 730px;}
    .caixaTipo, .caixaTipo div { height: 300px;}
	.caixaTipo span{padding: 25px 66px; margin-bottom: 20px; border-radius: 5px 5px 0 0;}
	.caixaJogos span{padding: 25px 61px;}	
	.caixaTipo img{width: 90px; }
}

@media (max-width: 767px) {
    .caixaTipo, .caixaTipo div { height: 119px;}
	.caixaTipo span{border-radius: 5px 0 0 5px; padding: 19px 42px;}
	.caixaCurso{border-left: solid 10px #ffffff;}
	.caixaModulos{border-right: solid 10px #ffffff;}
}

@media (max-width: 644px) {
    .boxInformacoes { max-width: 330px;}
    .caixaTipo, .caixaTipo div { height: 190px;}
	.caixaTipo span { padding: 55px 10px;}
	.display { width: 100%;}	
}