body.dois{
	background-color: #ccf5ff;
}

li a:hover{
	color: #00004d;
	background-color: #E6E4E4 ;
	border-radius: 7px 0px 7px 0px;
	transition:0.5s;	
}

li a{
	font-weight:900;
	letter-spacing: 1px;
	color: #000066;
}

.linque{
	padding-left: 7px;
	
}
.italico{
	font-style: italic;
	font-weight: 700;
}

.fundo{
	background-color: #7EA2FC;
}

.fundoNegro{
	background-color: #000000;
}

.depoi{
	background-image: url("../_imgs/img7a.png");
   background-position: center;
   background-size: contain;
}

.bann{
	background-color: #ccf2ff;
}
/**
.banner{
	background-image: url("../_imgs/banner.jpeg");
} **/
 .loginn{
    background-image: url("../_imgs/loginn.jpg");
 }

.fundologin{
    background-image: url("../_imgs/loginn.jpg");
}

.form{
	width: 400px;
	margin: auto;
	padding-top: 40px;
}

div#msg-sucesso{
	width: 390px;
	margin: 10px;
	padding: 10px;
	background-color: rgba(50,205,50,.3);
	border: 1px solid rgb(34,169,34);
}

div.msg-erro{
	width: 390px;
	margin: 10px;
	padding: 10px;
	background-color: rgba(250,128,114,.3);
	border: 1px solid rgb(165,42,42);
}
.card{
	box-shadow: 1px 1px 5px #ccc;
	background-color: white;
	padding: 30px;
	border-radius: 5px;
}

.card-top{
	text-align: center;
}

.card-group{
	margin-bottom: 10px;
}

.card-group > label{
	width: 100%;
	color: rgb(75, 75, 75);
	display: block;
}

.card-group > input{
	border-radius: 5px;
	outline: 0;
	width: 100%;
	height: 25px;
	padding: 15px;
}

.card-group > button{
	background-image: linear-gradient(to right, #dc3545, #5a0c14);
	width: 100%;
	border-radius: 30px;
	padding: 15px;
	color: white;
	border: 0px;
    outline: 0;
}

.botao button :hover{
	background-image: linear-gradient(to right, #5a0c14, #dc3545 );
}

.imglogin{
	border-radius: 50px;
	width: 100px;
    box-shadow: 0px 0px 5px #ccc;
}

.imgObjetivo{
	border-radius: 20px;
}
 .title{
 	color: #dc3545;
 }

.fundoAula{
	background-color: #ccccff;
}

.ifram{
	width: 75vw;
	height: 45.15vw;
}

.l1{
	background-color: #b3d1ff;
}

.l2{
	background-color: #99c2ff;
}

.l3{
	background-color: #80b3ff;
}

.l4{
	background-color: #66a3ff;
}

.l5{
	background-color: #4d94ff;
}

.l6{
	background-color: #3385ff;
}

.iconsocial ul li{
	width: 40px;
	text-decoration: none;
}

.formul{
	background-color: #EEF7FB;
}

.miniaturas{
	background-color: #000000;
}

.fundoFormAssoc{
	background-color: #F2FBFC;
}

/* media queries*/

/* Dispositivos extra small (telefones em modo retrato, com menos de 576px)*/
@media (max-width: 575.98px){ 
    
    .imgIndex{
       	width: 220px;
       	height: 220px;
       }
    .imgBan{
        width:350px;
        height:210px;
    }
}




/* Dispositivos small (telefones em modo paisagem, com 576px ou mais)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
     .imgIndex{
       	width: 220px;
       	height: 220px;
       }
    .imgBan{
        width:350px;
        height:210px;
    }
}

/*Dispositivos médios (tablets com 768px ou mais)*/
@media (min-width: 768px) and (max-width: 991.98px) { 

	 }

/* Dispositivos large (desktops com 992px ou mais)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
    
}


/* Dispositivos extra large (desktops grandes com 1200px ou mais)*/
@media (min-width: 1200px) { 
 
	 } 