/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.contador{
  margin-top: 70px;
width: 100%;
height:100%;

}

 .mapa{
  width: 100%;

  min-height: 810px;
 }

 #JotFormIFrame {
     width: 100%;
z-index: 9980;
 }

 .gente{
   font-family: 'Lato', sans-serif;
   text-align: center;

   width:100%;
   height: 135px;
   background-color: rgba(0, 0, 0, 0.8);

   z-index: 9999;


}


.gente  h2 {
	font-size: 15px;
	color: #FFF;
  line-height: 20px;
  margin: 0;


}

.gente  a {
	text-decoration: none;
}

.gente  h6 {
  font-size: 15px;
	color: #FFF;
line-height: 18px;
margin-bottom: 10px;
}

.gente h4 {
  font-weight: 700;
  font-size: 15px;
	color: #36C;
line-height:28px;
margin-top:10px;
}

.gente h3 {
  font-size: 15px;
	color: #36C;
line-height: 15px;
margin: 5px 0 10px 0;
}



























/**** Mobile layout ****/

@media (max-width: 900px) {
    .android-navigation-container {
        display: none;
    }
    /*.android-title {
    display: none !important;
  }*/
    /* WebViews in iOS 9 break the "~" operator, and WebViews in OS X 10.10 break
     consecutive "+" operators in some cases. Therefore, we need to use both
     here to cover all the bases. */
    .android.android-search-box.is-focused~ .android-mobile-title, .android-search-box.is-focused+ .android-navigation-container+ .android-mobile-title {
        opacity: 0;
    }

    .mapa{
      position: relative;
      float: left;
     width: 100%;
     height: 250px;
     min-height: 250px;

    }

    #JotFormIFrame {
      position: relative;
      float: left;
      width: 100%;
      margin-top: -123px;
     z-index: 9980;
    }

    .gente{
      position: relative;
      float: left;
      font-family: 'Lato', sans-serif;
      text-align: center;
      width: 100%;
      height: auto;
      background-color: rgba(0, 0, 0, 0.8);
      z-index: 9999;
      margin-top: 0px;

   }





    }