/*                 MEDIA QUERYS CSS                    */
/* --------------------------------------------------- */
/* Portrait */
@media (max-width: 1200px) {
   .com{margin-top: 265px;margin-left: 320px;}
   .atl{margin-top: 138px;margin-left: 400px;}
   .yor{margin-top: 195px;margin-left: 390px;}
   .cor{margin-top: 150px;margin-left: 290px;}
   .sba{margin-top: 200px;margin-left: 240px;}
   .col{margin-top: 128px;margin-left: 600px;}
   .coms{margin-top: 265px;margin-left: 320px;}
   .cop{margin-top: 240px;margin-left: 171px;}
   .lem{margin-top: 328px;margin-left: 205px;}
   .paz{margin-top: 350px;margin-left: 300px;}
   .fco{margin-top: 300px;margin-left: 400px;}
   .cho{margin-top: 455px;margin-left: 405px;}
   .ola{margin-top: 245px;margin-left: 550px;}
   .val{margin-top: 425px;margin-left: 355px;}
   .int{margin-top: 305px;margin-left: 270px;}
   .oco{margin-top: 295px;margin-left: 135px;}
   .roa{margin-top: 15px;margin-left: 450px;}
   .gra{margin-top: 180px;margin-left: 740px;}
   .par{margin-top: 360px;margin-left: 475px;}

}
@media (max-width: 991px) {
   .com{font-size: 10px; margin-top: 200px;margin-left: 240px;}
   .atl{font-size: 10px; margin-top: 105px;margin-left: 300px;}
   .yor{font-size: 10px; margin-top: 145px;margin-left: 290px;}
   .cor{font-size: 10px; margin-top: 115px;margin-left: 218px;}
   .sba{font-size: 10px; margin-top: 155px;margin-left: 183px;}
   .col{font-size: 10px; margin-top: 98px;margin-left: 460px;}
   .cos{font-size: 10px; margin-top: 265px;margin-left: 320px;}
   .cop{font-size: 10px; margin-top: 185px;margin-left: 130px;}
   .lem{font-size: 10px; margin-top: 253px;margin-left: 155px;}
   .paz{font-size: 10px; margin-top: 270px;margin-left: 230px;}
   .fco{font-size: 10px; margin-top: 245px;margin-left: 300px;}
   .cho{font-size: 10px; margin-top: 345px;margin-left: 310px;}
   .ola{font-size: 10px; margin-top: 195px;margin-left: 425px;}
   .val{font-size: 10px; margin-top: 318px;margin-left: 275px;}
   .int{font-size: 10px; margin-top: 230px;margin-left: 205px;}
   .oco{font-size: 10px; margin-top: 225px;margin-left: 100px;}
   .roa{font-size: 10px; margin-top: 25px;margin-left: 290px;}
   .gra{font-size: 10px; margin-top: 135px;margin-left: 568px;}
   .par{font-size: 10px; margin-top: 285px;margin-left: 360px;}
}
@media (max-width: 766px) { /* STYLES GO HERE */
  .bt{margin-top: 0px;}

  .opaque-navbar {
    background-color: #5B004A;
    height: 60px;
    transition: background-color .5s ease 0s;
  }
  .opaque-navbar.opaque {
    background-color: #5B004A;
    height: 60px;
    transition: background-color .5s ease 0s;
  }
  ul#ejm2 li a{
    margin: 0px 5px;
  }
  .info{
    font-size: 60px;
  }
  .navbar-inverse .navbar-nav > li > a {
    font-size: 15px;
  }
  .espacio{
    margin-top: 80px;
  }
  .logocomp{display: none;}
  .logotablet{position: absolute; margin-top: -78px; z-index: 10000; display: block;}
  .fchet2{margin-top: 35px; margin-bottom: 20px; width: 100%;}
  div#chet{padding-left: 0px; padding-right: 0px;}
  .chet{padding: 20px;}
  .historia-bgdear{margin-bottom: 35px;}
  .reco{width: 100%}
  .bghb{padding-right: 0px; padding-left: 0px;}
  ul#ejm2 {background-color:rgba(0,0,0,.7); padding: 15px; margin-top: 0px; padding-top: 0px;}
  .pad{padding-right: 0px; padding-left: 0px;}
  .pie2{width: 365px;}
  .pie3{width: 370px;}
  .pie2t{font-size: 12px;}


  .Hmap{width: 500px; height: auto;}
   .com{display: none;}
   .atl{display: none;}
   .yor{display: none;}
   .cor{display: none;}
   .sba{display: none;}
   .col{display: none;}
   .cos{display: none;}
   .cop{display: none;}
   .lem{display: none;}
   .paz{display: none;}
   .fco{display: none;}
   .cho{display: none;}
   .ola{display: none;}
   .val{display: none;}
   .int{display: none;}
   .oco{display: none;}
   .roa{display: none;}
   .gra{display: none;}
   .par{display: none;}

   .com1{display: inline-block;margin-top: 140px; margin-left: 185px;}
   .atl1{display: inline-block;margin-top: 72px; margin-left: 215px;}
   .yor1{display: inline-block;margin-top: 103px; margin-left: 210px;}
   .cor1{display: inline-block;margin-top: 80px; margin-left: 160px;}
   .sba1{display: inline-block;margin-top: 108px; margin-left: 137px;}
   .col1{display: inline-block;margin-top: 66px; margin-left: 325px;}
   .cos1{display: inline-block;margin-top: 140px; margin-left: 185px;}
   .cop1{display: inline-block;margin-top: 125px; margin-left: 100px;}
   .lem1{display: inline-block;margin-top: 170px; margin-left: 118px;}
   .paz1{display: inline-block;margin-top: 180px; margin-left: 165px;}
   .fco1{display: inline-block;margin-top: 160px; margin-left: 220px;}
   .cho1{display: inline-block;margin-top: 240px; margin-left: 220px;}
   .ola1{display: inline-block;margin-top: 130px; margin-left: 300px;}
   .val1{display: inline-block;margin-top: 217px; margin-left: 190px;}
   .int1{display: inline-block;margin-top: 160px; margin-left: 150px;}
   .oco1{display: inline-block;margin-top: 153px; margin-left: 90px;}
   .roa1{display: inline-block;margin-top: 20px; margin-left: 275px;}
   .gra1{display: inline-block;margin-top: 100px; margin-left: 395px;}
   .par1{display: inline-block;margin-top: 185px; margin-left: 260px;}

}

@media (max-width: 360px) { /* STYLES GO HERE */
  .pie2{width: 283px;}
  .pie3{width: 295px;}


  .Hmap{width: 360px; height: auto;}

  .com1{display: inline-block;margin-top: 97px; margin-left: 130px;}
  .atl1{display: inline-block;margin-top: 50px; margin-left: 150px;}
  .yor1{display: inline-block;margin-top: 70px; margin-left: 145px;}
  .cor1{display: inline-block;margin-top: 55px; margin-left: 113px;}
  .sba1{display: inline-block;margin-top: 77px; margin-left: 99px;}
  .col1{display: inline-block;margin-top: 48px; margin-left: 215px;}
  .cop1{display: inline-block;margin-top: 87px; margin-left: 70px;}
  .lem1{display: inline-block;margin-top: 120px; margin-left: 85px;}
  .paz1{display: inline-block;margin-top: 130px; margin-left: 117px;}
  .fco1{display: inline-block;margin-top: 110px; margin-left: 160px;}
  .cho1{display: inline-block;margin-top: 170px; margin-left: 156px;}
  .ola1{display: inline-block;margin-top: 90px; margin-left: 215px;}
  .val1{display: inline-block;margin-top: 157px; margin-left: 135px;}
  .int1{display: inline-block;margin-top: 112px; margin-left: 106px;}
   .oco1{display: inline-block;margin-top: 110px; margin-left: 63px;}
   .roa1{display: inline-block;margin-top: 12px; margin-left: 195px;}
  .gra1{display: inline-block;margin-top: 65px; margin-left: 285px;}
   .par1{display: inline-block;margin-top: 130px; margin-left: 185px;}

}