body{
	background-color: #f0f0f0;
	padding-top: 50px;
  color: #4D4D4D;
  overflow: hidden;
}

iframe{
  border: none;
}
#cuerpo{
  background: url('../images/fondo-02.jpg') center / cover;
  padding-top: 70px;
}

.row{
	padding: 0px;
	margin: 0px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding: 0px;
}

  .demo-card-image > .mdl-card__actions {
    height: 52px;
    padding: 16px;
    background: rgba(0, 0, 0, 0.2);
  }
  .demo-card-image__filename {
    color: #fff;
  }
  .demo-card-image__filename2 {
    color: #fff;
    font-size: 12px;
  }
  .demo-card-image2 > .mdl-card__actions {
    height: 52px;
    padding: 16px;
    background: rgba(0, 0, 0, 0.5);
  }
  .demo-card-image3 > .mdl-card__actions {
    height: 52px;
    padding: 16px;
    background: rgba(0, 0, 0, 0.5);
  }
  .demo-card-image4 > .mdl-card__actions {
    height: 52px;
    padding: 16px;
    background: rgba(0, 0, 0, 0.5);
  }

  header{
  	background-color: #0071b5;
  	position: fixed;
  	width: 100%;
  	top: 0;
    transition: top 0.2s ease-in-out;
    z-index: 99;
  }

  .nav-up {
    top: -100px;
}

  .navbar {
  	margin-top: 5px;
    margin-bottom: 0px;
  }

  .gallery{
  	/*background: url('../images/gallery-bg.jpg') center / cover;*/
  	color: #000;
  	margin-top: 50px;
  }

  .carContent{
  	margin-top: 80px;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .nombre-car{
    padding-left: 25px;
    padding-right: 25px;
    color: #0071b5;
  }

  .nombre-car p{
    margin-top: -20px;
    padding: 0px;
    color: #868686;
  }

  .nombre-vers p{
    padding: 0px;
    color: #868686;
  }

  a:hover{
    text-decoration: none;
  }

  .contentCarinicio{
    padding: 70px;

  }

  .justify{
  	text-align: justify;
  }

  .titles{
  	color: white;
  	background: #4d606d;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
  }

  .titles h4{
    margin: 0px;
  }

  .colores{
  	list-style: none;
  	text-align: center;
  	margin-top: 40px;
  }

  .colores li{
  	display: inline-block;
  }

  .hide{
  	display: none;
  }

  .caracteristica{
  	margin-top: 10px;
  }

  .logo-mazda{
    position: absolute;
    z-index: 1000;
    padding-top: 25px;
  }

  .logo-mazda img{
    width: 40%;
    height: auto;
  }

  .logo-zoom{
    position: absolute;
    z-index: 1000;
    margin-top: 25%;
    right: 5px;
    text-align: right;
  }
  .logo-zoom img{
    width: 35%;
    height: auto;
    opacity: 0.5;
  }

  .menu li{
    font-size: 1.0em;
  }

  #vehicle{
    margin-bottom: 150px; 
  }

  .instagram.mdl-card {
    width: 256px;
    height: 226px;
    background: url('../images/mazda/instagram-mazda.jpg') center / cover;
    margin: 0 auto;
  }

  .instagramford.mdl-card {
    width: 256px;
    height: 226px;
    background: url('../images/ford/instagram-ford.png') center / cover;
    margin: 0 auto;
  }

  #wrap{
  padding-top: 50px;
  padding-bottom: 100px;
}

.col-contact{
  padding-left: 5px;
  padding-right: 5px;
}

  .center{
    text-align: center;
  }

  .logoiniciojm p{
    color: white;
    font-size: 1.5em;
  }

  .logoiniciojm img{
    margin-bottom: 9px;
  }

  .separator{
    border-left: 1px solid #FFF;
    width: 1px;
    height: 100px;
    margin: 0 auto;
  }


  /*hojas de vida*/
.container#hv{
    border-radius: 1em;
    margin-top: 5%;
    margin-bottom: 5%;
    padding: 40px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */

}

.aspirantes a{
  position: relative;
  right: 0;
  bottom: 0;
  color: white;
}

#hv-body{
  background: url("../images/fondo-hojadevida.jpg") center / cover;
  background-color: transparent;
}

#pie{
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
}

#wrap2{
  padding-top: 50px;
  padding-bottom: 0px;
  height: auto !important;
}

/*fin hojas de vida*/

.cot-rap{
  padding-top: 30px;
  padding-left: 100px;
  padding-right: 20px;
}

.social{
  position: fixed;
  left: 0;
  top: 350px;
  z-index: 2000;
}

.social ul{
    list-style: none;
}

.social ul li a{
  display: inline-block;
  color: #fff;
  background: #000;
  padding: 10px 15px;
  text-decoration: none;
  -webkit-transition:all 500ms ease;
  -o-transition:all 500ms ease; 
  -transition:all 500ms ease;
}

.social ul li .icon-facebook{
  background:#3b5998;
}
.social ul li .icon-twitter{
  background:#00abf0;
}
.social ul li .icon-instagram{
  background:#3f729b;
}
.social ul li .icon-pinterest{
  background:#ae181f;
}
.social ul li .icon-mail{
  background:#666666;
}

.social ul li a:hover {
  padding: 10px 30px;
    background: #000;
}

#form-cot legend{
  background-color: #0072bc;
  padding: 10px;
  color: white;
}

#form-test legend{
  background-color: #0072bc;
  padding: 10px;
  color: white;
}

/*boton teste drive*/
#navigationMenu li{
  list-style:none;
  height:39px;
  width:40px;
}

#navigationMenu a{
  /* The background sprite: */
  position: fixed;
  z-index: 1000;
  top: 50%;
  left: 5px;
  width: 150px;
  height: 150px;
  background: url('../images/boton-off.png');
  -webkit-background-size: cover; 
  -moz-background-size: cover; 
  -o-background-size: cover; 
  background-size: cover;
  cursor: pointer;
}

#navigationMenu span{
  /* Container properties */
  width:0;
  left:140px;
  padding:0;
  position:fixed;
  overflow:hidden;
  top:55.5%;
  cursor: pointer;

  /* Text properties */
  font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
  font-size:20px;
  font-weight:bold;
  letter-spacing:0.6px;
  white-space:nowrap;
  line-height:39px;

  /* CSS3 Transition: */
  -webkit-transition: 0.25s;

  /* Future proofing (these do not work yet): */
  -moz-transition: 0.25s;
  transition: 0.25s;
}

#navigationMenu:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu:hover{
  text-decoration:none; 
}

#navigationMenu span{
  background-color:#0974b7;
  color:white;
  text-shadow:1px 1px 0 #99bf31;
}

.panel{
  margin: 5px;
}
#leftp{
  margin-left: 0px !important;
}

/*fin boton test drive*/

@media(max-width: 768px){
    .logo-mazda{
      display: none;
    }

    .logo-zoom{
      display: none;
    }

    #vehicle{
      display: none;
    }

    #cuerpo{
      background: #f0f0f0;
    }

    .cot-rap{
      padding-left: 0px;
    }
    #btnTestDrives{
      width: 50px;
      height: 50px;
    }
    #btnTestDrives:active{
      width: 50px;
      height: 50px;
    }  
  }

.carroford{
  right: 15px;
  transition: all .3s ease-in-out; 
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -mstransition: all .3s ease-in-out;
}

.carroford:hover{
  transform: scale(1.1); 
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.carromazda{
  right: 15px;
  transition: all .4s ease-in-out; 
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
}

.carromazda:hover{
  transform: scale(1.1); 
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

#efecto{
  right: 15px;
  transition: all .4s ease-in-out; 
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
}

#efecto:hover{
  transform: scale(1.1); 
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);

}

#efecto1{
  right: 15px;
  transition: all .6s ease-in-out; 
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
}

#efecto1:hover{
  transform: scale(1.1); 
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);

}

#fadein{
  transition:all 0.5s ease;
}
#fadein:hover
{
box-shadow:
1px 1px #53a7ea,
2px 2px #53a7ea,
3px 3px #53a7ea;
-webkit-transform: translateX(3px);
transform: translateX(3px);
}

.enlace-politicas{
    font-size: 1.2rem;
    text-align: center;
    float: right;
    display: block;
    position: absolute;
    right: 113px;
    top: 18px;
    color: white;
    cursor: pointer;
}
.enlace-covid{
    font-size: 1.2rem;
    text-align: center;
    float: right;
    display: block;
    position: absolute;
    right: 20px;
    top: 18px;
    color: white;
    cursor: pointer;
}
.enlace-politicas:hover, .enlace-politicas:focus, .enlace-covid:hover, .enlace-covid:focus{
  color: white;
  text-decoration: none;
}

.enlace-politicas i, .enlace-covid i{
  padding: 0 4px;
}

  @media(max-width: 1000px){
    #cuerpo{
      background: #f0f0f0;
    }
    .logoiniciojm{
      display: none;
    }
  }

  @media(max-width: 1400px){
    .email-cit{
      font-size: 0.8em;
    }
  }

 @media(max-width: 991px){
    div.social{
       display: none;
    }
    .enlace-politicas, .enlace-covid{
      position: unset;
      padding: 1% 0;
      float: none;
      display: block;
    }
    #cuerpo img{
      width: 100%;
    }
    .carroford, .carromazda{
      right: unset;
      margin: 0 0 5%;
    }
    body{
      overflow: auto;
    }
  }