.hero_area header{
 position:fixed;
}
.hero_area header nav#navbar ul.navSocialMenu{
 text-align:right;
}
.hero_area header nav#navbar ul.nav li{
 float:none;
}
.mPrincipal{
 font-weight:bolder;
}
header #menuMovil li{
 font-size:1.3em;
}
header .menuEsc .navbar-collapse ul.menuM{
 padding-bottom:10em;
 margin-bottom:10em!important;
}
#Inicio .owl-theme .owl-pagination{
 position:absolute;
 width:100%;
 margin-top:-11em!important;
}
#Inicio .owl-theme{
 padding-top:4em!important;
}
#edicion{
 padding:0;
}
.visita{
 padding-bottom:3em;
 margin-bottom:3em;
 border-bottom:1px solid gray;
}
.MotoplexMexico{
 margin-top:2em;
}
#Contacto + .contactanos{
 display:none!important;
}
#Contacto #Vespa{
 margin-top:4em;
 padding-top:4em;
}


/*
* Active
*/
#GTS300 ul.menuM li.GTS,
#SPRINT150 ul.menuM li.SPRINT,
#PRIMAVERA150 ul.menuM li.PRIMAVERA,
#CLASICA ul.menuM li.CLASICA{
 border-bottom:2px solid white;
}

#GTS300 li.GTS a:after,
#SPRINT150 li.SPRINT a:after,
#PRIMAVERA150 li.PRIMAVERA a:after,
#CLASICA li.CLASICA a:after{
 content:"";
 position:absolute;
 left:0;
 right:0;
 bottom:0.4em;
 height:4px;
 z-index:2;
 background:#fff;
}


/*
* Promociones
*/
#Promociones .vespas img{
 padding:0;
}


/*
=================
* Detalle Motos
=================
*/
.contenidoModelo{
margin-top:4em!important;
text-align:center;
}
.colores{
 float:right;
 margin-bottom:1em;
}
.colores h4{
 color:#bbb;
 display:inline-block;
 text-transform:uppercase;
 font-size:1em!important;
 font-weight:ligther;
 margin-bottom:1em;
}
.colores .color{
 width:2em;
 height:2em;
 margin-bottom:1em;
}
.giaccio{
 background-color:#ffce00;
}
.colores{
 text-align:center;
}
.colores h4{
 font-size:1.5em;
 font-weight:300;
 color:#111;
 //text-align:center;
}
.colores div{
 color:#bbb;
 margin-right:0.5em;
 line-height:1.3em;
 display:table-cell;
 display:inline-flex;
 padding:0 0.2em;
 vertical-align:bottom;
 border-radius:5em;
 overflow:hidden;
}

.blanco{
 background-color:#fff;
 border:1px solid black;
}
.azul{
 background-color:#00f;
}
.rojo{
 background-color:#f00;
}
.negro{
 background-color:#000;
}
.amarillo{
 background-color:#ff0;
 border:1px solid black;
}
.grisDolomiti{
    background-color:#5d6c7f;
}


.azurroIncanto{

    background-color:#8ba7c5;
}

.rossoPassione{

      background-color:#d12127;
}

.biancoInnocenza{

        background-color:#ffffff;
}

.neroVulcado{

         background-color:#050505;
}
.grigioTitanio{

        background-color:#848387;
}

#Tecnologia .row{
 display:inline-flex!important;
}

#Detalle .mainWrap{
 //overflow:visible;
}
#Detalle .nombreModelo{
 //position:absolute;
 z-index:2;
}
#Detalle .nombreModelo h1{
  margin-bottom:0;
  text-align:center;
  color:#999;
}
#Detalle .nombreModelo h2{
  margin-top:0!important;
}
#Detalle .botonesMoto{
  position:fixed;
  z-index:2;
  left:1em;
}
#Detalle .motoModelo > div{
 margin:0;
 padding:0;
}
#Detalle .infoMoto{
 position:absolute;
 width:100%;
 z-index:3;
}
#Detalle .infoMoto{
 padding:2em 4em;
 padding:2em;
}
#Detalle .infoMoto h1{
 margin-top:0;
}


/*
* Clasica
*/
#Clasica{
 
}




/*
* Animaciones Botones Modelos
*/
#Detalle .botonesMoto span{
  position:relative;
  display:block;
  margin:0.75em auto;
}
#Detalle .botonesMoto span a{
 background-repeat:no-repeat;
 background-size:cover;
 width:3.5em;
 height:4em;
 transition:all 0.5s ease-in;
}
#Detalle .botonesMoto span a:after{
  //top:1em;
  left:105%;
  position:absolute;
  color:#a3a3a3;
}
#Detalle .botonesMoto span a:hover{
 //transform:scale(1.1);
}
#Detalle .botonesMoto span a:hover:after{
 margin-left:1em;
}
#Detalle .botonesMoto span a:after{
 margin-left:0em;
 opacity:0;
 margin-top:1em;
 content:'';
}
#Detalle .botonesMoto span a:hover:after{
 transition:all 0.5s ease-in;
 opacity:1;
}
#Detalle .botonesMoto .motoImg a:hover:after{
  content:'Foto';
}
#Detalle .botonesMoto .infoBtn1 a:hover:after{
  content:'Precio';
}
#Detalle .botonesMoto .infoBtn2 a:hover:after{
  content:'Specs';
}
#Detalle .botonesMoto .infoBtn3 a:hover:after{
  content:'Descripci�n';
}


/*
* Imagenes de Fondo de Botones Modelos
*/

#Detalle .botonesMoto{
  left:0;
  top:10em;
}
#Detalle .botonesMoto a{
  width:3em;
}
#Detalle .botonesMoto span{
 height:3em;
}
#Detalle.botonesMoto a:hover{
  width:3.5em;
}
#Detalle .botonesMoto .motoImg img{
 padding:0.3em;
 padding-top:1.05em;
}
#Detalle .botonesMoto .motoImg a{
 background-image:url('../../img/botones/boton1-1.png');
}
#Detalle .botonesMoto .motoImg a:hover,
#Foto:hover .motoImg a{
 transform:scale(1.1);
 background-image:url('../../img/botones/boton1-2.png')!important;
}

/*
#Detalle .botonesMoto .infoBtn1 a{
 background-image:url('../../img/botones/boton2-1.png');
}
#Detalle .botonesMoto .infoBtn1 a:hover,
#Specs:hover .infoBtn1 a{
 transform:scale(1.1);
 background-image:url('../../img/botones/boton2-2.png')!important;
}
*/

#Detalle .botonesMoto .infoBtn2 a{
 background-image:url('../../img/botones/boton3-1.png');
}
#Detalle .botonesMoto .infoBtn2 a:hover,
#Specs:hover .infoBtn2 a{
 transform:scale(1.1);
 background-image:url('../../img/botones/boton3-2.png')!important;
}

#Detalle .botonesMoto .infoBtn3 a{
 background-image:url('../../img/botones/boton4-1.png');
}
#Detalle .botonesMoto .infoBtn3 a:hover,
#Info:hover .infoBtn3 a{
 transform:scale(1.1);
 background-image:url('../../img/botones/boton4-2.png')!important;
}



.disclaimer{
 font-size:0.8em;
 text-align:left;
 line-height:1.4em;
 margin:1em 0;
 max-width:33em;
}
.disclaimer:before{
 content:'*';
 margin-right:1.5em;
}

#Detalle #pager1 h1{
text-align:left;
color:#000;
font-size:3em;
font-weight:400;
margin-bottom:0.5em;
}
#Detalle h2{
  font-style:italic;
  font-weight:400;
 text-align:left;
 color:#0077bd;
 color:#333!important;
 padding:0 1em;
}

#Detalle h2{
  font-weight:300!important;
}
#Detalle h2 strong{
 font-weight:400;
}

#Detalle .galeriaModelo{
 z-index:2;
 top:25%;
}
#Detalle .galeriaModelo .modeloIMG{
 display:inline-block;
 background-color: #e0e0e0;
 margin:0 0.25em!important;
 padding:1em 0.75em;
 padding:1em 1em;
 border-radius:5em;
}
#Detalle .galeriaModelo span{
 text-transform: uppercase;
 font-weight:300;
 font-size:1em;
 color:#a3a3a3;
 display:block;
}
#Detalle #pager2 .info3{
 padding:3em 0;
}
#Detalle .precioMoto h2{
padding:0.5em;
margin:0;
text-shadow:0 0 2px #fff;
font-weight:bold!important;
color:#777!important;
//background-color:rgba(250,250,250,0.1);
}

#Detalle .textoPrincipal h2{
font-family:"VinylOT Oblique", "Open Sans", verdana, sans-serif;
font-style:italic;
color:#40b4e5!important;
line-height:1em;
font-weight:400!important;
margin:0;
padding:0;
text-align:center!important;
}
#Detalle #Linea .textoPrincipal{
 padding-top:0;
}
#Specs{
 background-color:#f1f1f1;
 margin-top:3em;
 padding:3em;
}
#Specs h2{
 font-size:1.5em;
 padding:0;
 margin-bottom:2em;
}

#Specs h2 strong{
 font-weight:bold;
}
#Specs h3{
 text-align: center;
    color: #40B4E5!important;
    font-size: 2em!important;
 font-style:italic;
 text-transform:uppercas;
}

#Specs img{
 margin:3em 0;
}
#Detalle  .precioMoto{
margin:0;
padding:0;
position:relative;
}



/*
Carrousel
*/

.imagenesDetalles{
 padding:3em 5em;
}
.imagenesDetalles .owl-controls,
.imagenesCarrousel .owl-controls{
 width:100%;
}
.imagenesDetalles .owl-buttons div:before,
.imagenesCarrousel .owl-buttons div:before{
  content:'';
}
.imagenesDetalles .owl-controls,
.imagenesCarrousel .owl-controls{
  position:static!important;
}
.imagenesDetalles .owl-controls .owl-buttons div,
.imagenesCarrousel .owl-controls .owl-buttons div{
  color:#666!important;
  font-size:3em!important;
  font-weight:bold;
  border-radius:5em!important;
  padding:0.25em 0.35em!important;
  border:3px solid #666;
  background-color: transparent!important;
}
.imagenesDetalles .owl-controls .owl-buttons div:hover{
 color:#0091d5!important;
 border:3px solid #0091d5;
}

.imagenesDetalles .owl-controls .owl-prev,
.imagenesCarrousel .owl-controls .owl-prev{
 left:0;
 right:initial!important;
}

#Carrousel .col-md-12{
 padding:0;
}

#Carrousel .botonCerrarClase{
 background-color: transparent;
}
#Carrousel .modal{
 height:100%!important;
 //height:100vh!important;
}
#Carrousel .modal-dialog{
 margin:0 auto;
 top:50vh;
 left:50vw;
 position:absolute;
 transform:translate(-50%,-50%)!important;
 //transform:translateY(-50%);
}
#Carrousel .modal-dialog img{
 //max-height:100%!important;
 //padding:1em;
 width:100%;
}

#Carrousel img{
  width:100%!important;
  height:auto!important;
}

.imagenesCarrousel .owl-controls .owl-buttons div{
  margin:0 0.5em;
 //margin:-1.5em!important;
}
#Carrousel .modal-content{
  background-color: transparent;
  box-shadow:0 0 0 transparent;
  border:0;
}
#Carrousel .close span{
  border-radius:10em;
  padding:1em 1.2em;
  margin:0.5em;
  background-color:#ee0600;
  color:#fff;
  z-index:99999999;
}

#Carrousel .botonCerrarClase{
 background-color: transparent;
 position:absolute;
 top:1em;
 right:2em;
 z-index:9;
}





/*
* Table
*/
#Detalle table{
  width:25em;
}
#Detalle table{
 text-align:left;
}
#Detalle tr{
  color:gray;
  line-height:1.3em;
}
#Detalle td:nth-child(2){
  border-left:1px solid gray;
    padding:0.5em;
}
#Detalle tr td{
  padding:0.5em 0;
}
#Detalle tr strong{
 color:#111;
}
#Detalle tbody tr{
  border-bottom:1px solid gray;
}
#Detalle tbody td:nth-child(1){
 width:12em!important;
}
#Detalle tfoot tr:nth-child(2){
  border-top:1px solid gray;
 //width:30em;
}



/*
* Modelos
*/
 #Tecnologia .row{
  padding:0!important;
  margin:0 0 3em!important;
 }
 
#GTS300 .infoMoto h1,
#GTS300 .textoModel h4,
#GTS300 .precioMoto h2{
 color:#fff!important;
text-shadow:0 0 3px #000;
}
#GTS300 #pager2{
padding:0!important;
margin:0!important;
}

#GTS300 #pager2 #Specs{
 margin-top:0;
}

#GTS300 #Tecnologia .colorRojo{
 background-color:#37236a!important;
}


footer .socialesFooter{
 border-top:1px solid gray;
 border-bottom:1px solid gray;
 margin:1em 0;
 padding:0.5em;
}
footer .socialesFooter span:first-child{
 margin-right:1em;
}
footer .socialesFooter span,
footer .socialesFooter a{
 color:gray;
}
footer .socialesFooter a{
width:2em;
height:2em;
 border-radius:5em;
 padding:0.5em;
 border:1px solid gray;
 
}


/*
* Responsive
*/

@media only screen and (min-width: 0px) and (max-width: 767px) and (orientation:portrait){
 .vespas ul li h5{
 //font-size:0.5em;
 }
#Inicio .owl-theme .owl-pagination{
 margin-top:initial!important;
}
.textoPrincipal p{
 padding:0;
}
#Detalle .infoMoto{
 padding:2em;
}
#Detalle table{
 width:100%;
}
#Specs h3{
 font-size:8vw!important;
}
#Detalle tbody td:nth-child(1){
 width:10em!important;
}
#Detalle tbody td:nth-child(2){
 //width:4em!important;
}
#Detalle .infoMoto{
 padding:1.25em;
}
}


@media only screen and (min-width: 0px) and (max-width: 767px) and (orientation:landscape){
 #Inicio .owl-theme .owl-pagination{
  margin-top:-6em!important;
 }
 #Tecnologia h3{
  margin:2em;
 }
 .colorRojo{
  padding:4em 6em!important;
 }
}



@media only screen and (min-width: 0px) and (max-width: 767px){
 .owl-carousel{
  //margin-top:4em;
 }
 .owl-theme .owl-controls .owl-buttons div{
  font-size:2em!important;
 }
 
#Carrousel .modal-content{
 width:100vw;
}
 #Detalle .infoMoto{
  //position:relative;
 }
 #Detalle h2{
  padding:0;
  text-align:left;
  font-size:0.9em;
 }
.textoPrincipal h2,.historiaVespa h2{
  font-size:2em!important;
 }
 .infoImagen{
  position:absolute;
  right:-1em;
  padding:0;
  text-align:right;
 }
 .colores .color{
  width:1em;
  height:1em;
 }
 .colores h4{
  font-size:0.6em!important;
  text-shadow:0 0 1px #999;
 }
 .colores{
  float:none;
 }
.colores div{
 margin-right:0;
 display:inline-block;
 }
 #Detalle .galeriaModelo .modeloIMG{
  display:block;
 }
 #Detalle .galeriaModelo .modeloIMG{
  padding:0.95em 0.75em;
 }
 #Detalle .colores  h4{
  display:block;
 }
 #Detalle .galeriaModelo span{
  font-size:0.5em;
  text-align:center;
  line-height:1.5em;
 }
 #Detalle .galeriaModelo img{
  height:auto;
  width:25px;
  padding:0.25em 0;
 }
 .colorRojo{
  padding:3em 2em;
 } 
#Tecnologia .row{
 display:block!important;
}
 .galeriaModelo{
  position:fixed;
  top:58vh!important;
  right:0.5em;
  opacity:0.75;
  //transform:translateY(-50%);
 }
}

@media only screen and (min-width : 768px) and (max-width : 1366px) and (position : portrait){
.colores div{
 display:initial;
}
}


@media only screen and (min-width : 768px) and (max-width : 1024px){
/* tabletas 1 y laptops */
 #Tecnologia .row{
  display:block!important;
 }
 #Tecnologia .row .colorRojo{
  padding:3em 5em;
 }
 #Tecnologia h3{
  margin:1em 0;
  font-size:1.75em;
 }
}