@media only screen 
and (max-device-width : 1024px) 
 {
body{
	overflow:visible;
}

#headerMinisitiosNav, #bicicletas-display, #bicicletas-social,#bicicletas-logo,.btn-recomendador, #slides li .container{
	display:none;
}
/*** MENU ****/
#header-mobile{
	width:100%;
	display:block;
	position:absolute;
	z-index:999;
	background-color:#333;
}

.bicicletas_logo img{
	width:100%;
}

#header-mobile ul{
	list-style:none outside;
	padding:0;
	margin:0;
	display:none;
}

#header-mobile ul li{
	font-size:30px;
	line-height:80px;
	background-color:#333;
	border-bottom:1px solid #959595;
	height:82px;
	padding:1%;
}

#header-mobile ul li a{
	font-family: 'AvenirLT95Black', Arial;
	color:#FFF;
	text-decoration:none;
}

.menu-mobile{
	background-color:#333;
	background-image:url(../imagenes/mobile/menu.png);
	background-repeat:no-repeat;
	background-position:center;
	height:75px;
	width:100%;
	border-bottom:1px solid #959595;
	cursor:pointer;
	background-size:30%;
	padding:1% 0;

}

.version-web{
	display:none;
}

.version-mobile{
	display:block;
}

/*** FIN MENU ****/

/*** CARRERAS ***/
.mobile-carreras{
	display:block;
	margin-top:30%;
}
.mobile-carreras img{
	width:100%;
	height:auto;
}


.bicicletas-carreras .bicicletas-content-left{
	display:none;

}
.bicicletas-carreras .bicicletas-content-right {
	margin-top:0%;
    float: none;
    width: auto;
	padding:0;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:10%;
	
}

.bicicletas-carreras .bicicletas-content-right h1{
	padding-top:5%;
}

.bicicletas-carreras .bicicletas-content-right h2{
	font-size:36px;
	line-height:36px;
}
.bicicletas-content-right h2 span {
    display:block;
}

/*** FIN CARRERAS ****/

/*** CICLOVIAS ***/
.bicicletas-content-center {
	width:100%;
}
.bicicletas-content-center .bicicletas-content-left{
	width:100%;
}
.bicicletas-content-center .bicicletas-content-right{
	width:100%;
}

.bicicletas-circuitos {
	margin-top:20%;
	margin-bottom:10%;
}

.bicicletas-circuitos  h1, .bicicletas-circuitos  h2,.bicicletas-circuitos  p{
	margin-left:5%;
	margin-right:5%;
	font-size:24px;
}

.bicicletas-circuitos .circuito1{
 max-width: 100%;
    height: auto;
    width: 100%;
	margin-top:2%;
	margin-bottom:4%;
}
.mapas-mobile{
	display:block;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:10%;
}
/*** CICLOVIAS ***/

/*** APRENDE MAS ***/
.bicicletas-aprendemas{
	margin-top:40%;
	margin-bottom:10%;;
	width:100%;
}
.bicicletas-aprendemas  h1, .bicicletas-aprendemas  p,.bicicletas-aprendemas  h3{
	margin-left:5%;
	margin-right:5%;
}

.bicicletas-aprendemas img{
	display:block;
    margin:auto;
	margin-top:10%;
}

.bicicletas-aprendemas h3 {
    color: #000;
    font-family: "AvenirLT95Black", Arial;
    font-size: 28px;
    font-weight: normal;
    text-transform: uppercase;
}

.bicicletas-aprendemas p {
    color: #000;
    font-family: "AvenirLT55Roman", Arial;
    font-size: 24px;
    line-height: 24px;
}

.bicicletas-aprendemas p span{
	font-family: 'AvenirLT85Heavy', Arial;
}

.bicicletas-links a {
	margin-left:5%;
	margin-right:5%;
    color:#000;
	font-family: "AvenirLT95Black", Arial;
    font-size: 24px;
    line-height: 24px;
	text-decoration:none;
}

/**** ESTILOS ***/

.bicicletas-estilos h1{
	color:#333;
    font-family: "AvenirLT95Black", Arial;
    font-size: 65px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0%;
    padding-top: 5%;
	margin-left:5%;
	margin-right:5%;
	text-transform: uppercase;
}
.bicicletas-estilos h2 {
    color: #000;
    font-family: "AvenirLT95Black", Arial;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 0;
	margin-left:5%;
	margin-right:5%;
    margin-top: 0;
    padding-top: 5%;
    text-transform: uppercase;
}
.bicicletas-estilos p {
    color: #000;
    font-family: "AvenirLT55Roman", Arial;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 5%;
	margin-left:5%;
	margin-right:5%;
    margin-top: 1%;
    padding-top: 1%;
}
.bicicletas-estilos .bicicletas-link {
	margin-left:5%;
	margin-right:5%;
    color: #000;
    font-family: "AvenirLT55Roman", Arial;
    font-size: 24px;
    position: relative;
    top: 65%;
}
.bicicletas-estilos img{
	width:100%;
	margin-top:5%;
}
.bicicletas-estilos img.img-estilos{
	margin-top:30%;
}

.bicicletas-estilos{
	margin-bottom:5%;
}
/*** FIN***/

/*** ten en cuenta ***/
.bicicletas-encuenta{
	padding-top:30%;	
}

.bicicletas-encuenta h1, .bicicletas-encuenta h2, .mobile-tenencuenta h1{
	margin-left:5%;
	margin-right:5%;
	text-transform:uppercase;
}

.bicicletas-encuenta p {
	margin-left:5%;
	margin-right:5%;
    color: #000;
    font-family: "AvenirLT55Roman", Arial;
    font-size: 24px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 1%;
}

.bxslider h4 {
    color: #000;
    font-family: "AvenirLT95Black", Arial;
    font-size: 28px;
    font-weight: normal;
    padding: 0 5%;
    text-transform: uppercase;
	margin-top:30px;
}

.bxslider p {
    color: #000;
    font-family: "AvenirLT55Roman", Arial;
    font-size: 24px;
    font-weight: normal;
    min-height: 70px;
    padding: 0 5%;
}
.bxslider img{
	display:block;
	margin:0 auto;
}
.bx-wrapper{
	margin-top:1%;
}
.bx-wrapper .bx-viewport{
	min-height:420px;
}


.bx-wrapper .bx-pager.bx-default-pager a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #000;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: block;
    height: 20px;
    margin-bottom: 0;
    margin-left: 30%;
    margin-right: 30%;
    margin-top: 0;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    text-indent: -9999px;
    width: 20px;
}

.bxslider li{
	background-image:none;
}


.bx-controls.bx-has-pager.bx-has-controls-direction.bx-has-controls-auto {
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}
.img-100{
	width:100%;
}

.mobile-tenencuenta{
	margin-top:10%;
	margin-bottom:20%;
}


.mobile-tenencuenta ul{
	margin-left:5%;
	margin-right:5%;
	background-image:none;
	
}
.mobile-tenencuenta ul li{
	padding-left:100px;	
	background-repeat:no-repeat;
	background-position:left top;
}

.mobile-tenencuenta p{
	color:#000;
    font-family: "AvenirLT55Roman", Arial;
    font-size: 24px;
    font-weight: normal;
    line-height: 23px;
    margin-bottom: 5%;
    margin-top: 1%;
}
.mobile-tenencuenta h6 {
    font-family: "AvenirLT65Medium", Arial;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 5%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2%;
    text-transform: uppercase;
}
.mobile-tenencuenta a{
-moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color:#bdd500;
}
.mobile-tenencuenta h5 {
    color: #000;
    font-family: "AvenirLT95Black", Arial;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-top: 0;
    text-transform: uppercase;
}
.bicicletas-content-fin{
	margin-top:5%;
		margin-left:5%;
	margin-right:5%;

}
.bicicletas-content-fin ul li {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 36px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.bicicletas-content-fin ul{
list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    padding-bottom: 0;	padding-left:15px;
	margin-bottom:20%;
}
/*** fin ***/
/*****************************************/
/*********** recomendador ****************/
.page1{
	padding-top:0;
	width:100%;
	height:1071;
}

.page2{
	padding-top:0;
	width:100%;
	height:1071;

}

.page3, .page3b{
	padding-top:0;
	width:100%;
	height:1071;
}

.page-pregunta{
	width:auto;
}

.page{
	padding-top:0;
	width:100%;
	height:1071;
}

.page h2 {
    font-family: "AvenirLT95Black", Arial;
    font-size: 36px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-top: 48%;
    text-align: center;
    text-transform: uppercase;
    word-spacing: 2px;
	padding-bottom:5%;
}


.page li .version-mobile{
	float:left;
	line-height:100px;
}


.page li{
	background-image:none !important;
	float:none !important;
	width:90% !important;
	height:85px !important;
	
}

.page-pregunta span {
    color: #FFF;
    font-family: "AvenirLT95Black";
    font-size: 24px;
    font-weight: normal;
    text-align: center;
	float:left;
	position:relative;
	left:100px;
	line-height:100px;
	right:auto;
}

.page .respuestacheck  {
    background-image: url("../imagenes/recomendador/checks.png");
    background-repeat: no-repeat;
    height: 100px;
    position: relative;
    text-align: center;
    width: 100px;
	float:left;
	bottom:inherit;
	left:inherit;
}
.bicicletas-siguiente, .bicicletas-volver {
	display:none;
	
}
.respuesta-imagen {
    float: none;
	padding-top:36%
}
.respuesta-imagen img{
	display:block;
	margin:0 auto;
	width:44%;
	margin-bottom:5% !important;
}


.resultado .page-pregunta h2 {
    font-size:44px;
	margin-bottom:5px;
	text-align:center;
}

.resultados-texto {
	text-align:center;
	font-size:24px;
}

.resultado .respuesta{
	width:100%;
	float:none;
	padding-left:0;
}

.resultado .page-pregunta {
    padding-top: 0;
}

.resultado .page-pregunta img {
    display: block;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}

.page-pregunta span{
	left:inherit;	
	bottom:inherit;
	font-size:24px;
}

.page-pregunta ul {
    height: auto;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-left: 20px;
    padding-right: inherit;
}

.page2 .bicicletas-opciones2 {
    background-image: none;
    float: none;
    height: auto;
    position: relative;
    width: auto;
}

.bicicletas-content-right p{
	font-size:24px;
}

.bicicletas-circuitos h1{
	font-size:65px;
}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
{ 

body{
	overflow:visible;
	font-size:30px;
}

p{
	font-size:30px;
	font-family:Arial, Helvetica, sans-serif;
}

.bicicletas-estilos p {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 5%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 1%;
    padding-top: 1%;
}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
body{
	overflow:visible;
	font-size:30px;
}

p{
	font-size:30px;
	font-family:Arial, Helvetica, sans-serif;
}

.bicicletas-estilos p {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 5%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 1%;
    padding-top: 1%;
}

.bicicletas-aprendemas p{
	color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
}

.mobile-tenencuenta p {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 5%;
    margin-top: 1%;
}

.bicicletas-accesorios p {
    color:#000;
    font-family: Arial, Helvetica, sans-serif;
    font-size:30px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 5%;
    margin-top: 1%;
}

.bicicletas-content-fin ul li {
     color:#000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
	line-height:30px;
    font-weight: normal;
    margin-bottom: 10px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.bxslider p {
    color:#000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
    min-height: 90px;
    padding-bottom: 2%;
    padding-right: 2%;
}
.bicicletas-content-right p {
    color:#000;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    font-weight: normal;
    line-height: 30px !important;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-top: 1%;
}


.bicicletas-circuitos p {
	color:#000;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    font-weight: normal;
    line-height: 30px !important;    
	margin-left: 5%;
    margin-right: 5%;
}


.bicicletas-estilos .bicicletas-link {
   color:#000;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    font-weight: normal;
    line-height: 30px !important;    
    margin-left: 5%;
    margin-right: 5%;
    position: relative;
    top: 65%;
}

.page-pregunta span{
	left:inherit;	
	bottom:inherit;
	font-size:30px;
}

.bicicletas-content-fin h2{
	font-family: 'AvenirLT95Black';
	margin:0;
	padding-top:0%;
	text-transform:uppercase;
	font-weight:normal;
	color:#000;
	font-size:32px;
}
}