.quadros_eng { background-color: #EFEFFB; width: 180px; height: 240px; float: left; margin: 9px; }
.quadros_eng p{	text-align: center;	font: 17px/17px calibri; padding-left: 0px;	padding-top: 5px; margin-bottom: 0px; color: #FFA500;}
.quadros_eng div { border: 1px solid gray; width: 135px; height: 30px; margin: 0 auto; font: 14px/15px Calibri;	padding-top: 6px; color: gray; text-decoration: none;}
.quadros_eng #img1, .quadros_eng #img2, .quadros_eng #img3, .quadros_eng #img4  {display: none;}
.quadros_eng a { text-decoration: none;}
.quadros_eng:hover  p, .quadros_eng:hover { background-color: #FFA500; color: white;}
.quadros_eng:hover div{	color: white ; border: 1px solid white;}
.quadros_eng:hover  #img1 {display: initial;}
.quadros_eng:hover  #img2 {display: initial;}
.quadros_eng:hover  #img3 {display: initial;}
.quadros_eng:hover  #img4 {display: initial;}

.lados{	float: left; position: relative; width: 50%; padding: 15px;	z-index: 3;}
.lados p{ font: 15px/22px calibri; padding: 6px; margin-left:-10px;}
.lados li{ color:  gray; font: 15px/19px calibri; text-align: left; padding: 6px; margin-left: 10px; }
.azul li{ color: #005D70; font: 14px/20px calibri;}
.central{ float: left; position: relative; width: 100%; padding: 15px; z-index: 3;}
.central p{	font: 15px/22px calibri; padding: 6px;	margin-left:-10px;}
.central li{ color:  gray; font: 15px/19px calibri; text-align: left; padding: 6px; margin-left: 10px; }


h3.branco_ld{color: white; float: right; margin-top: -10px;}
h3.branco_le{color: white; float: left; margin-top: -10px;}
h3.center{text-align: center; color: gray;}

img.icone{width: 80px;  position: relative; top: 26px; right: 5px;}

.seta_install{width: 30px; position: relative; top: 25px; left: 40px;}
.seta_estudos{width: 30px ;position: relative; top: 25px; right: 370px;}
.seta_quadros{width: 30px ;position: relative; top: 25px; right: 370px;}

.faixa_seta_inst{clear: both; background-color: #454176; height: 5px; position: relative; top: 26px; }
.faixa_seta_estudos{clear: both; background-color: #006475; height: 5px; position: relative; top: 26px; }
.faixa_seta_quadros{clear: both; background-color: #00AD57; height: 5px; position: relative; top: 26px; }

.faixaroxa{width: 100%; background-color: #7670B3; clear: both; border: 0px solid gray; margin: 0 auto; height: 90px; top: 30px; position: relative;}
.faixa_azul{width: 100%; background-color: #008ABB; clear: both; border: 0px solid gray; margin: 0 auto; height: 90px;}
.faixa_ocre{width: 100%; background-color: #B1C900; clear: both; border: 0px solid gray; margin: 0 auto; height: 90px;}
.faixa_am{width: 100%; background-color: #FFD739; clear: both; border: 0px solid gray; margin: 0 auto; height: 90px; top: 30px; position: relative;}


@media only screen and (max-width: 800px) {
.quadros_eng{width: 64%; margin: 3% 18% 3% 18%; }
.largura{width: 94%; margin: 0 auto; position: relative;}
.lados{	width: 100%; padding: 15px; z-index: 3;}

.seta_install, .seta_estudos, .seta_quadros{ left: 0; right: 0;}
img.icone{}

h3.branco_ld, h3.branco_le{ float: left; font-size: 19px; margin: -10px 7px 0 5px;}
h3.center{padding: 10px;}
}