* {margin: 0; padding: 0;}


html { font-size: 100%;  overflow-y: scroll;  -webkit-text-size-adjust: 100%;   -ms-text-size-adjust: 100%;}

/*CSS VIDEO*/
#video-bg {  position: absolute;  top: 0; right: 0; bottom: 0; left: 0;  overflow: hidden;  z-index: -10;    }
#video-bg > video {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;
}

@media (min-aspect-ratio: 16/9) {  #video-bg > video { height: 300%; top: -100%; }}
@media (max-aspect-ratio: 16/9) { #video-bg > video { width: 300%; left: -100%; }}

@supports (object-fit: cover) { #video-bg > video {   top: 0; left: 0;   width: 100%; height: 100%;   object-fit: cover; }

/*FIN CSS VIDEO*/



.iniciasesion{ float:right; margin-right: 30px; color:#ccc;}
.iniciasesion a{ color:#CCC;}
.fonocompras{ float:right; color:#FFF;}
.KTM_menu_top{ width:100%; height:80px; /*background:#ff6400; */background:url(../img/KTM_bg_menu.jpg);position: fixed; z-index: 999; margin-top:30px; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.5);box-shadow: 0 0 30px 0 rgba(0,0,0,0.5);}
.KTM_mavegacion{ width:1000px; height:80px;  margin-left:auto; margin-right:auto;}
.KTM_llamado{ width:1000px; height:80px; margin-left:auto; margin-right:auto; text-align:center; color:#FFF; text-transform:uppercase; padding-top: 42px; font-size:20px; font-family: 'Roboto Condensed', sans-serif;; font-weight:bold; font-style:italic; }
.KTM_logo{ margin-right: 60px; width:120px; height:80px; background:url(../img/KTM_logo.png); float:left;}
.KTM_btn_top{ float:left; font-size:18px; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif;; font-weight:700; font-style:italic;  padding: 30px 15px 30px 15px; letter-spacing: -0.5px;}
.KTM_botones_menu a{ color:#FFF; text-decoration:none;}
.KTM_botones_menu a:hover{ color:#000;}

.KTM_tech_content{ width:100%; height:510px; background:rgba(0,0,0,0.6); margin-top: 70px;}

.KTM_titulo_seccion{  width:100%; height:130px; background:url(../img/KTM_bg_title.png); margin-top:110px; z-index: 0; position: relative;}
.KTM_titulo1{ width:1000px; height:130px; background:url(../img/KTM_titulo_seccion.png); margin-left:auto; margin-right:auto; font-family: 'Roboto Condensed', sans-serif;; font-weight:700; font-style:italic; font-size:30px; text-align:center; letter-spacing: -0.7px; }

.KTM_titulo_seccion2{  width:100%; height:130px; background:url(../img/KTM_bg_title2.png); margin-top:0px;}
.KTM_titulo2{ width:1000px; height:130px; background:url(../img/KTM_titulo_seccion2.png); margin-left:auto; margin-right:auto; font-family: 'Roboto Condensed', sans-serif;; font-weight:700; font-style:italic; font-size:30px; text-align:center; letter-spacing: -0.7px; }

.KTM_titulo_seccion3{  width:100%; height:130px; background:url(../img/KTM_bg_title.png); margin-top:0px; z-index: 2;
position: absolute;}
.KTM_titulo3{ width:1000px; height:130px; background:url(../img/KTM_titulo_seccion.png); margin-left:auto; margin-right:auto; font-family: 'Roboto Condensed', sans-serif;; font-weight:700; font-style:italic; font-size:30px; text-align:center; letter-spacing: -0.7px; }


.SV_vitrinas{ width:1000px; height:580px; margin-left: 0px; margin-top: 0px; float: left; overflow:hidden;}

.contSliderPromosHome-VAC {	position:relative;	width:1000px;	height:550px;}
.sliderPromosHome_VAC {	width: 1000px;	 height: 550px;	left: 0px;	position: absolute;	top: 0px;	cursor:pointer;}
.sliderPromosHome_VAC div a {	width:100%;	height:100%;	display:block;	outline:none;	cursor:pointer;}
.sliderPromosHome_VAC div {	width: 1000px;	height: 550px;}
.SliderVAC_prev {cursor: pointer;	height: 100px;	left: 0px;	position: absolute;	top: 240px;	width: 38px; z-index: 100; background:url(/static/site/content/eventos/Navidad/img/arrows.png) no-repeat 0px 25px;}
.SliderVAC_next {	height: 100px;	left:960px;	position: absolute;	top: 240px;	width: 38px;	cursor:pointer; z-index: 100; background:url(/static/site/content/eventos/Navidad/img/arrows.png) no-repeat -25px 25px;}

.menuFlotanteN2 {display:none;	position:fixed;	 top:30px;  left:0px;	width:100%;	height:50px; background:;  z-index:9999;	zoom: 1;	overflow:hidden; background:url(../img/KTM_bg_menu.jpg);}
.contbtnFloatingN2 {width:960px;margin:0 auto;}









/*CSS SOBRE VIDEO*/
.textura {    width: 100%;    height: 100%;    z-index: 10;    background-image: url(../img/grid.png);    background-repeat: repeat;}
/*CSS SOBRE VIDEO*/

.caja-superior1 {  width: 100%;  height: 450px; background-position: center top;   display: block;   overflow: hidden;   position: relative; top: 110px;}
#foto-fondo-0 {  background-image: url(../img/caja-fondoKTM0.jpg);}
#foto-fondo-1 {  background-image: url(../img/caja-fondoKTM1.jpg);}
#foto-fondo-2 {   background-image: url(../img/caja-fondoKTM2.jpg);}
#foto-fondo-3 {   background-image: url(../img/caja-fondoKTM3.jpg);}
#foto-fondo-4 {   background-image: url(../img/caja-fondoKTM4.jpg);}
#foto-fondo-5 {   background-image: url(../img/caja-fondoKTM5.jpg);}

.logo-elige {  width: 100%;   height: 100px;   display: block;   margin: 160px auto 0 auto; background: rgba(0,0,0,0.5);}
.caja-superior2 {   width: 100%;   height: 650px;   display: block;   position: relative; top: -28px;}
.considera {  width: 1000px; margin: 30px auto 0 auto;  display: block;  height: 540px;  padding: 0;  background-image: url(../img/fondo-considera.png);  background-repeat: repeat;}

.subt-ayuda1 {   width: 369px;    height: 55px;    display: block;    margin: 15px 0 25px 315px;    float: left;}
.ayu1-caja {   width: 310px;   height: 400px;   margin: 0 12px 0 12px;   float: left;}
.ayu1-ico1 {   width: 220px;  height: 186px;  float: left;  margin: 0 0 0 45px;}

.ayu1-caja p{  width: 270px;  height: auto;  margin: 10px 0 0 20px;  float: left;  text-align: center;  font-family: verdana, sans-serif;  font-size: 12px;  color: #FFF;  line-height: 120%;}
.subt-ayuda2 {  width: 609px;   height: 63px;   display: block;   margin: 9px 0 25px 195px;   float: left;}
.ayu2-caja {  width: 211px;   height: 208px;   margin: 0 60px 20px 60px;   float: left;}
.subt-ayuda3 {   width: 696px;   height: 55px;   display: block;   margin: 15px 0 25px 152px;   float: left;}
.ayu3-nec {   width: 683px;height: 91px;  float: left;  display: block;  overflow: hidden;  margin: 40px 0 0px 158px;}

#div3 p{   width: 790px;   height: auto;  margin: 10px 0 10px 105px;   float: left;   text-align: left;   font-family: verdana, sans-serif;   font-size: 12px;   color: #FFF;   line-height: 110%;}
#div3 .negra{    font-weight: bold;    font-size: 16px;}
.btn-menu-t {    display: none;    float: left;}
.btn-menu-m {    display: none;    float: left;}
.tit-mob {display: none;}
.buttons {    width: 984px;    display: block;    margin: 15px auto 0 auto;    overflow: hidden;}
.btn1-caja2 {    width: 316px;    height: 38px;    float: left;    text-indent: -9999px;    background-image: url(../img/btn1-caja2.png);    background-position: left top;    cursor: pointer;}

.btn1-caja2:hover {  background-position: left -39px;}
.btn2-caja2 {    width: 313px;    height: 38px;    float: left;    text-indent: -9999px;  background-image: url(../img/btn2-caja2.png);   background-position: left top;   cursor: pointer;}
.btn2-caja2:hover {   background-position: left -39px;}
.btn3-caja2 {  width: 347px;  height: 38px;   float: left;   text-indent: -9999px;   background-image: url(../img/btn3-caja2-b.png);   background-position: left top;   cursor: pointer;}
.btn3-caja2:hover {    background-position: left -39px;}
.menu-activo {   background-position: left -39px; }
.caja-superior3 {   width: 100%!important;   height: 1650px !important;   background-image: url(../img/fondo-2c.jpg);   background-position: center top ;   background-repeat: repeat-x;}
.img-slide {    width: 1000px;   height: auto;   display: block;   margin: 0 auto 20px 0; }
.caja-superior4 {   width: 100%;   height: 650px;      display: block;   overflow: hidden;   background-repeat: repeat-x;  margin-top: -90px;}

.centro {   width: 1000px; margin: 0 auto;  height: auto;  overflow: hidden;  display: block;  position: relative; z-index: 99;}
.caja-superior5 {  width: 100%;  height: 800px;  background-image: url(../img/fondo-mapas.jpg);   background-position: center top ;  background-repeat: no-repeat;}
.mapa {  width: 1000px;  height: 500px;  margin: 150px 0 0 0;  float: left;  overflow: hidden;}
.caja-superior6 {   width: 100%;   height:750px;   background-image: url(../img/fondo-apps.jpg);   background-position: center top ;   background-repeat: repeat; margin-top: 100px;}

.titulo-encuentra {    width: 488px;  height: auto;   display: block;   margin: 35px auto 0 auto;   display: block; }
.titulo-mapa {   width: 841px;   height: auto;   display: block;   margin: 35px auto 0 auto;   display: block;}
.titulo-apps {  width: 737px;  height: auto;  display: block;  margin: 35px auto 45px auto;  display: block;}
.caja-prod {   width: 226px;   margin: 30px 30px 0 0;   float: left;  background-color: white;  overflow: hidden; border: 1px solid #f1f1f1;}
.caja-prod .caja-img-prod{  width: 100%;  margin: 0;  float: left;  overflow: hidden;}
.caja-prod .caja-nombre {  width: 95%;  height: auto;  margin: 8px 0 0 2.5%;  float: left;  overflow: hidden;  color: #000;  line-height: 120%;   font-family: 'Roboto Condensed', sans-serif;; font-weight:500; font-style:italic; font-size:15px; text-align:center; }

.caja-prod .caja-sub-nombre{    width: 95%;    height: auto;    margin: 2px 0 0 2.5%;    float: left;    overflow: hidden;   line-height: 120%;    font-family: 'Roboto Condensed', sans-serif; font-weight:500; font-style:italic; font-size:11px; text-align:center; color:#FF6400; margin-bottom:0px; }
.caja-prod .caja-precio{   width: 95%;   height: auto;  margin: 0px 0 0 2.5%;  float: left;  overflow: hidden;    font-size: 22px;   color: #000;   line-height: 120%;   text-align: center;   font-weight: bold; font-family: 'arial', sans-serif;}
.caja-prod .tc {color: #e89b36 !important;}

.caja-prod .caja-precio-nor{width: 95%;   height: auto;   margin: 4px 0 10px 2.5%;   float: left;   overflow: hidden;   font-family: verdana, sans-serif;   font-size: 10px;   color: #666;   line-height: 120%;   text-align: center; font-family: 'Roboto Condensed', sans-serif;}
.caja-prod .caja-precio-internet{width: 95%;   height: auto;   margin: 4px 0 0px 2.5%;   float: left;   overflow: hidden;   font-family: verdana, sans-serif;   font-size: 12px;   color: #C00;   line-height: 120%;   text-align: center; font-family: 'arial', sans-serif;}

.caja-prod .caja-stock{  width: 95%;  height: auto;  margin: 15px 0 0 2.5%;  float: left;  overflow: hidden;  font-family: verdana, sans-serif;  font-size: 10px;  color: #666;  line-height: 120%;  text-align: left;}
.caja-prod .caja-comprar{   width: 100%; height: auto;  margin: 10px 0px 0px;   padding: 8px 0 6px 0;   float: left;    overflow: hidden;    f font-family: 'Roboto Condensed', sans-serif; font-size: 12px;   color: #FFF;   line-height: 120%;   text-align: left;  background-color: #BED600;  text-transform: uppercase;  text-align: center;  font-weight: bold;}

.caja-prod .caja-comprar:hover{    background-color: #a3b703;}
.huincha-acce {   width: 100%;   height: auto;   display: block;   margin: 60px 0 0 0;   overflow: hidden;   float: left;}

.caja-bici {    background-image: url(../img/fondo-marcas-bici.png);  background-repeat: repeat;  width: 1000px;  height: 105px;  margin: 50px 0 0 0;  display: inline-block;}
.marca-bici {    display: block;   float: left;}

.marca-bici img{   width: 100%;   max-width: 100%;}

.trek {  width: 102px; /*117*/  height: 59px;/*67*/  margin: 20px 0 0 20px;}

.giant {  width: 146px;/*175*/  height: 27px;/*32*/  margin: 58px 0 0 45px;}
.bianchi {  width: 149px;/*179*/   height: 24px;/*27*/  margin: 60px 0 0 45px;}
.oxford {   width: 63px;/*72*/   height: 46px;/*53*/   margin: 45px 0 0 45px;}
.avalanche {   width: 154px;/*177*/    height: 19px;/*22*/    margin: 68px 0 0 45px;}
.thule {   width: 127px;   height: 34px;   margin: 55px 0 0 45px;}
.caja-apps {   width: 320px;   height: 350px;   margin: 0px 20px 25px 0;   background-image: url(../img/fondo-trans-menu.png);   background-repeat: repeat;   float: left;}

.caja-apps .foto-apps{  width: 121px;   height: auto;   margin: 10px 0 5px 99px;   display: block;   float: left;}
.caja-apps h4{   width: 100%;   height: auto;   font-family: verdana, sans-serif;   font-size: 15px;   color: #FFF;   line-height: 120%;   text-align: center;   font-weight: bold;   margin: 0 0 3px 0;   clear: both;   float: left;}

.caja-apps p{  width: 95%;  height: 147px;   font-family: verdana, sans-serif;   font-size: 12px;   color: #FFF;   line-height: 110%;   text-align: center;;   font-weight: normal;   margin: 0 0 0 2.5%;   float: left;}

.caja-apps a{   width: 110px;   height: 23px;   display: block;   margin: 0 0 0 105px;   float: left;}









/*---- BOTONES PARTES BICI 1 -----*/
.btn-a1 {  width: 32px;  height: 32px;  padding: 0.1% 0 0 0.2%;    color: #FFF;    font-family: arial, sans-serif;    font-size: 19px;    cursor: pointer;    position: absolute;    top:33%;    left: 60%;    z-index: 5;}
.btn-a1 img{    width: 100%;    max-width: 100%;}
.uno-2 {    width: 365px;    height: 241px;    position: absolute;overflow: hidden;    top:30%;    left: 64%;}
.dos-2 {  width: 363px;   height: 232px;   position: absolute;   left: -365px;   top: 0;}


/*---- BOTONES PARTES BICI 2 -----*/
.btn-a3 {
    width: 32px;
    height: 32px;
    padding: 0.1% 0 0 0.2%;
    /*background-color: #13a0a0;*/
    color: #FFF;
    font-family: arial, sans-serif;
    font-size: 19px;
    cursor: pointer;
    position: absolute;
    top:33%;
    left: 37%;
    z-index: 5;

}

.btn-a3 img{
    width: 100%;
    max-width: 100%;
}

.uno-3 {
    width: 406px;
    height: 249px;
    position: absolute;
    overflow: hidden;
    top:29%;
    left: 37%;
    z-index: 2;
}

.dos-3 {
    width: 406px;
    height: 249px;
    position: absolute;
    left: -406px;
    top: 0;
    z-index: 2;
}

/*---- BOTONES PARTES BICI 3 -----*/
.btn-a4 {
    width: 32px;
    height: 32px;
    padding: 0.1% 0 0 0.2%;
    /*background-color: #13a0a0;*/
    color: #FFF;
    font-family: arial, sans-serif;
    font-size: 19px;
    cursor: pointer;
    position: absolute;
    top:58%;
    left: 15%;
    z-index: 5;

}

.btn-a4 img{    width: 100%;   max-width: 100%;}

.uno-4 {
    width: 403px;
    height: 249px;
    position: absolute;
    overflow: hidden;
    top:52%;
    left: 18%;
    z-index: 2;
}

.dos-4 {
    width: 403px;
    height: 249px;
    position: absolute;
    left: -406px;
    top: 0;
    z-index: 2;
}

/*---- BOTONES PARTES BICI 4 -----*/
.btn-a5 {
    width: 32px;
    height: 32px;
    padding: 0.1% 0 0 0.2%;
    /*background-color: #13a0a0;*/
    color: #FFF;
    font-family: arial, sans-serif;
    font-size: 19px;
    cursor: pointer;
    position: absolute;
    top:14%;
    left: 58%;
    z-index: 5;

}

.btn-a5 img{    width: 100%;    max-width: 100%;}

.uno-5 {
    width: 403px;
    height: 244px;
    position: absolute;
    overflow: hidden;
    top:8%;
    left: 59%;
    z-index: 2;
}

.dos-5 {
    width: 403px;
    height: 244px;
    position: absolute;
    left: -406px;
    top: 0;
    z-index: 2;
}


/*---- BOTONES PARTES BICI 5 -----*/
.btn-a6 {
    width: 32px;
    height: 32px;
    padding: 0.1% 0 0 0.2%;
    /*background-color: #13a0a0;*/
    color: #FFF;
    font-family: arial, sans-serif;
    font-size: 19px;
    cursor: pointer;
    position: absolute;
    top:68%;
    left: 53%;
    z-index: 5;

}

.btn-a6 img{    width: 100%;    max-width: 100%;}
.uno-6 {
    width: 403px;
    height: 244px;
    position: absolute;
    overflow: hidden;
    top:50%;
    left: 58%;
    z-index: 2;
}
.dos-6 {
    width: 403px;
    height: 244px;
    position: absolute;
    left: -406px;
    top: 0;
    z-index: 2;
}
/*-- CSS PARA MAPAS GMAPS -*/
#contenedor-map {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    display: block;
}

#contenedor-map2 {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    display: block;
}




/*------------------------------------ BANNERS -------------------------------------*/
.slide #bx-pager{
    display: block !important;
    width: 330px;
    margin: 20px auto 0 auto;
    display: block;
}

/*EXCLUSIVO SLIDER MAPA*/
.slide .bx-controls-direction {display: none !important;}
/*EXCLUSIVO SLIDER MAPA*/
.bx-wrapper img {max-width: inherit !important;display: block;}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {  right: 1%;   top: 3%;    width: 35px;    display: block !important;}
.bx-viewport {    background-color: inherit !important;}
.bxslider1 {   overflow: hidden;}
.bxslider1 .li {   position: relative;   overflow: hidden;}
.fijo {   width: 1000px;   height: 450px;   margin: 0 auto;   display: block;}
    
.slide-int {     width: 1000px;    height: 450px;     background-repeat: none;     background-position: center top;}    
    







/*------------------------------------ BANNERS-2 -------------------------------------*/
.slide2 .bx-pager{    display: none !important;    width: 330px;    margin: 60px auto 0 auto;display: block;}

/*EXCLUSIVO SLIDER MAPA*/
.slide2 .bx-controls-direction {display: block !important;}
/*EXCLUSIVO SLIDER MAPA*/
.bx-wrapper img {max-width: inherit !important;display: block;}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {    right: 1%;    top: 3%;    width: 35px;    display: block !important;}
.slide2 .bx-viewport {   background-color: inherit !important;   background-image: url(../img/fondo-trans-menu.png);   background-repeat: repeat;}
    
.bxslider2 {  overflow: hidden;}
.bxslider2 .li {    position: relative;    overflow: hidden;}
.slide2 .fijo {    width: 1000px;    height: 350px;    margin: 0 auto;    display: block;}
.slide2 .slide-int {     width: 1000px;  height: 350px;   background-repeat: none; background-position: center top;}
.slide2 .fijo a {width: 100%; max-width: 100%; overflow: hidden;}
    








/*----- BOTON1 MOB  ---*/
.btn-mob1 {   width: 32px;   height: 32px;   padding: 0.1% 0 0 0.2%;  color: #FFF;  font-family: arial, sans-serif;  font-size: 19px;  cursor: pointer;  position: absolute;top:47%; left: 60%;  z-index: 100;}
.btn-mob1 img{  width: 100%; max-width: 100%;}


/*----- BOTON2 MOB  ---*/
.btn-mob2 {   width: 32px;   height: 32px;  padding: 0.1% 0 0 0.2%;  color: #FFF;    font-family: arial, sans-serif;  font-size: 19px;cursor: pointer; position: absolute; top:42%; left: 40%; z-index: 100;}
.btn-mob2 img{   width: 100%;   max-width: 100%;}

/*----- BOTON4 MOB  ---*/
.btn-mob3 {   width: 32px; height: 32px;  padding: 0.1% 0 0 0.2%;  color: #FFF;  font-family: arial, sans-serif; font-size: 19px; cursor: pointer;   position: absolute;  top:74%;  left: 15%;  z-index: 100;}
.btn-mob3 img{ width: 100%; max-width: 100%;}

/*----- BOTON4 MOB  ---*/
.btn-mob4 {  width: 32px;  height: 32px;  padding: 0.1% 0 0 0.2%; color: #FFF; font-family: arial, sans-serif;   font-size: 19px;    cursor: pointer;    position: absolute;    top:25%;    left: 59%;    z-index: 100;}
.btn-mob4 img{ width: 100%; max-width: 100%;}

/*----- BOTON5 MOB  ---*/
.btn-mob5 { width: 32px; height: 32px; padding: 0.1% 0 0 0.2%;
    /*background-color: #13a0a0;*/
    color: #FFF;
    font-family: arial, sans-serif;
    font-size: 19px;
    cursor: pointer;
    position: absolute;
    top:75%;
    left: 55%;
    z-index: 100;
}

.btn-mob5 img{  width: 100%;  max-width: 100%;}

.ver-desk {display: block !important;}
.ver-tab {display: none !important;}
.ver-mob {display: none !important;}
.no-ve {display: none;}
.ver-desktab {display: block;}
.ver-tabmob {display: none;}
.no-ri {margin-right: 0 !important;}
.no-ri3 {margin-right: 0 !important;}


/*----------------- CSS DE FONDO CAMBIANTES DEL HEADER ---------------------*/
#background_cycler{padding:0;margin:0;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;}
#background_cycler div{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:white;background-size:cover;background-position:center center}
#background_cycler div.active{z-index:3}