.related a:active {
  font-family: "PT Sans", Arial, sans-serif, Verdana;
  font-size: 16px;
  font-weight: normal;
  color: #f5f5f5;
  text-decoration: none;
}

.related a:link {
  font-family: "PT Sans", Arial, sans-serif, Verdana;
  font-size: 16px;
  font-weight: normal;
  color: #f5f5f5;
  text-decoration: none;
}

.related a:visited {
  font-family: "PT Sans", Arial, sans-serif, Verdana;
  font-size: 16px;
  font-weight: normal;
  color: #f5f5f5;
  text-decoration: none;
}

.related a:hover {
  font-family: "PT Sans", Arial, sans-serif, Verdana;
  font-size: 16px;
  font-weight: normal;
  /* color: #d1c2a4; */
  color: #ffffff;
  text-decoration: none;
}

span.titulospan {
	margin-left:40px;
}
span.tooltip {
    position: absolute;
    width: 20px;
    height: 10px;
    line-height: 10px;
    padding: 4px 3px 2px 3px;
    font-family: 'PT Sans';
    font-size: 11px;
    text-align: center;
    color: #fff;
    background: #009fe3;
    border: 1px solid #009fe3;
    border-radius: 3px;
    text-shadow: rgba(255, 255, 255, 0.0980392) 1px 1px 1px;
    box-shadow: rgba(255, 255, 255, 0.0980392) 1px 1px 2px 0px;
}

span.tooltip:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 5px;
      border-style: solid;
      border-color: #009fe3 transparent transparent transparent;
      top: 17px;
      left: 8px;
}

@media (max-width: 480px) {  
    .tit{ height:auto !important; }
    .cimg p{  height:auto !important; }
}

@media only screen and (min-width: 480px) {

  .span_3_of_3 {width: 100%;}
  .span_2_of_3 {width: 63%;}
  .span_1_of_3 {width: 32%;}

  .col {display: block;float: left;margin: 0% 0% 0% 2%;height:200px;}
  .col:first-child {margin-left: 0%;}

  #logos_left {width: 1% !important; margin-left:3% !important;}
  #logos_right {width: 84% !important;}
}


@media (min-width: 481px) and (max-width: 767px) {  
    .tit{ height:auto !important; }
    .cimg p{  height:auto !important; }
    .section {	height:auto !important;}

	.a {width: 92%;}
	.b {width: 92%;}
	.c {width: 92%;}
	.xxx_b{max-height:120px !important;}

  .col {display: block;float: left;margin: 0% 0% 0% 2%;}
  .col:first-child {margin-left: 0%;}

  #logos_left {width: 1% !important; margin-left:3% !important;}
  #logos_right {width: 84% !important;}

}

@media (min-width: 320px) and (max-width: 479px) {  

  #logos_left {width: 1% !important; margin-left:3% !important;}
  #logos_right {width: 84% !important;}

}



.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

.xxx_b {
width: 100%;
height: 100%;
position: relative;
background-color: rgba(0, 0, 0, 0);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
margin-top: 5%;
box-shadow: 0px 3px 15px rgba(0,0,0,0.3);
max-height: 175px;
border-radius: 4px;
/* border: 2px solid #28394a; */
}