/* This file will hold styles that are loaded using the same media query as the narrow grid. */

.not-front .container-24 .grid-16 {
  min-width: 380px !important;
  padding-left: 10px !important; 
  padding-right: 10px !important; 
}
.not-front .container-24 .grid-8 {
  width: 260px !important; 
  float: none; 
}

.not-front #zone-header-wrapper { height: 282px; }
.not-front .jcarousel-skin-tango .jcarousel-container-vertical { padding: 40px 10px 20px 10px; }
.mini-site-titulo { font-size: 20px; }
                                       
.front .container-24 .grid-8 {
  width: 350px !important; 
  float: left; 
}
.front .block { background-size: 668px 20px !important; }

.banner { height: 230px; }
.banner img { width: 210px; height: 120px; }

.responsive-layout-mobile .not-front #block-block-16 { margin-top: 0 !important; }
.responsive-layout-mobile .not-front .jcarousel-skin-tango .jcarousel-container-vertical { padding: 10px 10px 20px 10px !important; }

.logo { 
  width: 230px !important;
  background-size: 220px 87px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;  
}
.logo:hover { background-size: 220px 87px; }
.logo img { margin-left: -20px; }

.blog-marca .view-noticias { width: 300px; }
.blog-marca { min-height: 390px; }

#frontpage #foto-1 { left: 20px;  right: 0;    top: 20px; width: 334px; height: 146px; }
#frontpage #foto-2 { left: 1px;   right: 0;    top: 130px; }
#frontpage #foto-3 { left: 120px; right: 0;    top: 160px; }
#frontpage #foto-4 { left: 276px; right: 0;    top: 90px; visibility: hidden; }
#frontpage #foto-5 { left: 0;     right: 20px; top: 25px; }
#frontpage #foto-6 { left: 0;     right: 1px;  top: 140px; }
#frontpage #foto-7 { left: 0;     right: 1px;  top: 230px; }
#frontpage #titulo { left: 150px; right: 0;    top: 270px; }

#prounicenter #foto-1 { left: 0; right: 1px;   top: 69px; z-index: 6 !important; }
#prounicenter #foto-2 { left: 0; right: 34px;  top: 5px; }
#prounicenter #foto-3 { left: 0; right: 221px; top: 5px; }
#prounicenter #foto-4 { left: 0; right: 0;     top: 17px; }
#prounicenter #titulo { left: 0; right: 203px; top: 195px; }

#pingusenglish #foto-1 { left: 0;     right: 1px;   top: 15px; z-index: 2 !important; }
#pingusenglish #foto-2 { left: 0;     right: 160px; top: 17px; }
#pingusenglish #foto-3 { left: 0;     right: 300px; top: 10px; }
#pingusenglish #foto-4 { left: 1px;   right: 0;     top: 50px; }
#pingusenglish #titulo { left: 235px; right: 0;     top: 194px; }
  
#formacao-formadores #foto-1 { left: 0;   right: -5px;  top: 5px; }
#formacao-formadores #foto-2 { left: 0;   right: 90px;  top: 10px; }
#formacao-formadores #foto-3 { left: 0;   right: 262px;  top: 20px;  }
#formacao-formadores #foto-4 { left: -10px;  right: 0;    top: 20px;  }
#formacao-formadores #titulo { left: 330px; right: 0;    top: 190px;  }

#campus-digital #foto-1 { left: 0;    right: 10px;  top: 30px; }
#campus-digital #foto-2 { left: 0;    right: 120px; top: 17px; }
#campus-digital #foto-3 { left: 0;    right: 240px; top: 20px; }
#campus-digital #foto-4 { left: -10px; right: 0;     top: 30px; }
#campus-digital #foto-5 { left: 0;    right: -20px;  top: 170px; }
#campus-digital #titulo { left: 0;    right: 150px; top: 190px; }

#seguranca-saude-trabalho-sst #foto-1 { left: 0;  right: -10px;  top: 10px; }
#seguranca-saude-trabalho-sst #foto-2 { left: 0; right: 200px; top: 1px; }
#seguranca-saude-trabalho-sst #foto-3 { left: 10px; right: 0;     top: 100px; }
#seguranca-saude-trabalho-sst #titulo { left: 286px; right: 0; top: 160px; }

#skills-gym #foto-1 { left: auto;  right: 1px;   top: 5px;   width: 159px; height: 221px; }
#skills-gym #foto-2 { left: auto;  right: 103px; top: 32px;  width: 215px; height: 175px; }
#skills-gym #foto-3 { left: auto;  right: 250px; top: 8px;   width: 189px; height: 174px; }
#skills-gym #foto-4 { left: 1px;   right: 0;     top: 5px;   width: 264px; height: 271px; }
#skills-gym #titulo { left: auto;  right: 1px;   top: 194px; width: 164px; height: 34px; }

#unicenter #foto-1 { left: 0; right: 273px; top: 5px; width: 334px; height: 146px; }
#unicenter #foto-2 { left: 0; right: 104px; top: 75px; width: 223px; height: 156px; }
#unicenter #foto-3 { left: 20px; right: 0; top: 0px; width: 361px; height: 282px; }
#unicenter #foto-4 { left: 390px; right: 0; top: 25px; width: 49px; height: 68px; }
#unicenter #foto-5 { left: 380px;  right: 0;  top: 170px; width: 50px; height: 50px; }
#unicenter #titulo { left: 0; right: 443px; top: 174px; }

#linguaphone #foto-1 { left: 0; right: 1px; top: 50px; width: 235px; height: 172px; }
#linguaphone #foto-2 { left: 0; right: 172px; top: 17px; width: 227px; height: 178px; }
#linguaphone #foto-3 { left: 1px; right: 0; top: 52px; width: 211px; height: 217px; }
#linguaphone #foto-4 { left: 0; right: 360px; top: 25px; width: 225px; height: 165px; }
#linguaphone #titulo { left: 318px; right: 0; top: 189px; }

#directenglish #foto-1 { left: 0; right: 1px; top: 50px; width: 230px; height: 162px; }
#directenglish #foto-2 { left: 0; right: 172px; top: 17px; width: 216px; height: 159px; }
#directenglish #foto-3 { left: 1px; right: 0; top: 52px; width: 273px; height: 182px; }
#directenglish #foto-4 { left: 0; right: 360px; top: 25px; width: 232px; height: 149px; }
#directenglish #titulo { left: 318px; right: 0; top: 189px; }

#advance-station #foto-1 { left: 662px;  right: 0;  top: 20px; }
#advance-station #foto-2 { left: 456px; right: 0; top: 1px; }
#advance-station #foto-3 { left: 40px; right: 0;     top: 100px; }
#advance-station #titulo { left: 326px; right: 0; top: 160px; }