/********* Menú nivel 3 ****************/
.busplus .responsive-menu {
	display: inline-block;
	width: 100%;
	clear: both;
	border: 1px solid #dddbd6;
	background: #fff;
	margin-bottom: 20px;
	position: relative;
}
	
.responsive-menu .simulate-select {
	padding: 10px 15px;
	position: relative;
	font-size: 13px;
	cursor: pointer;
	font-weight: 700;
}

.responsive-menu .submenu-profile {
	position: absolute;
	background: #fff;
	border: 1px solid #dddbd6;
	border-left: 0;
    border-right: 0;
	z-index: 10;
	box-shadow: 0px 7px 17px #d0cfcd;
}

.responsive-menu .submenu-profile UL LI {
	border-bottom: 1px solid #dddbd6;
	margin: 0;
}

.responsive-menu .submenu-profile UL LI:last-child {
	border-bottom: 0;
}

.responsive-menu .submenu-profile UL LI A {
	font-size: 13px;
	color: #38333B;
}

.responsive-menu .submenu-profile UL LI.li-vouchers-menu UL LI A:hover,
.responsive-menu .submenu-profile UL LI A:hover,
.nav-menu .responsive-menu .submenu-profile UL LI.li-vouchers-menu UL LI A:hover,
.nav-menu .responsive-menu .submenu-profile UL LI A:hover {
	 background-color: transparent;
	 color: #363738;
}
 
.responsive-menu .submenu-profile UL LI.active A,
.nav-menu .responsive-menu .submenu-profile UL LI.active a {
 	color: #38333B;
 	font-weight: 700;
}

.responsive-menu .submenu-profile UL LI.li-vouchers-menu {
	position:relative;
}

.responsive-menu .submenu-profile UL LI.li-vouchers-menu A.level-4-profile-link {
	position: absolute;
	top: 10px;
	right: 15px;
	padding: 0;
}

.responsive-menu .submenu-profile UL LI.li-vouchers-menu UL {
	position: relative;
	box-shadow: 0 0 0 #fff;
	border: 0;
	border-top: 1px solid #dddbd6; 
	width: 100%;
}

.responsive-menu .submenu-profile UL LI.li-vouchers-menu UL LI{
	padding: 10px 0 10px 25px;
}

.responsive-menu .submenu-profile UL LI.li-vouchers-menu UL LI A {
	font-weight: 400;
	color: #001F6A;
}

/********** Menú nivel 3 cuando está dentro de un nav-menu *********/
.nav-menu .responsive-menu .submenu-profile UL LI:after {
	width: 0px;
	margin: 0px;
	height: 0px;
}

.nav-menu .responsive-menu .submenu-profile UL LI a {
	color: #001F6A;
	padding: 10px 15px;
	background: none;
}

/***
visible_768 -->Elementos visibles sólo para móvil y ocultos en table y web
visible_992 --> Elementos que son visibles para tablet y movil (mismo comportamiento) pero no en web
novisible_768 --> Oculta elementos de la web que no quiero para movil
***/
.visible_992,
.visible_768 {
	display: none;
}

.button-background button.novisible_992 {
	display: none;
}

body{
	min-width: 100% !important;
	width: 100% !important;
}

/** quitar portlet del JS que se genera cuando estoy logueada***/
#p_p_id_UtilityMiscPortlet_WAR_Alsaportlet_ {
	display:none;
}

/**** Cuando el carousel está en una página blanca ****/
.columns-1 .carousel-inner > .item.active { 
	max-width: 100%; 
}

.columns-1 .carousel-inner > .item.active .carousel-caption .container { 
	padding-right: 20px; 
}

.columns-1 .carousel .search-general { 
	margin-left: 20px;
}

/** buscador general home, busplus con check Empleado **/
.content-responsive .select-employee input[type="checkbox"] + label {
	font-size: 12px;
	padding-left: 25px;
	font-family: Arial,"Lucida Grande",sans-serif;
}



.foot-continue span.price span,
.foot-continue span.price.points span,
.content-checkout .foot-continue .info-left .foot-right.price-points span {
	font-weight:700;
}

/*------------------------------------ @media ------------------------------------*/
@media screen and (min-width: 992px) {
	.home .navbar.navbar-default {
		display: block !important;
		position: inherit;
	}
	
	.home .nav.navbar-nav.navbar-right.visible_992 {
		display: none !important;
	}
	
	#p_p_id_56_INSTANCE_Q1NwqkQVOgWn_ {
		margin-bottom: 15px;
	}
}
   
@media screen and (max-width: 991px) and (min-width: 768px) {
	
	/* Pagina de ERROR 404 */
	.content-basica #content .notfound {
		width: 100%;
		height: initial;
		margin-bottom: 20px;
	}
	
	/**************************** ESTILOS PLANTILLAS - ACCORDIONS CON IMAGEN ***********************/
	.preguntas-frecuentes div.accordian .accordion-img {
		max-height: 100px;
    	overflow: hidden;
	}
	
	.preguntas-frecuentes div.accordian .accordion-img img {
		width: 100%;
    	margin-top: -3%;/***QUITAR CUANDO ESTÉN METIDAS LAS IMAGENES A TAMAÑO TABLET POR DEFECTO***/
	}
}

/************* Formato tablet **********/
@media screen and (max-width: 991px) {	
	/**** estilos publicidad ***/
	#p_p_id_56_INSTANCE_Q1NwqkQVOgWn_ iframe {
		width: 100% !important;
	}
	
    #p_p_id_56_INSTANCE_Q1NwqkQVOgWn_,
	#div-gpt-ad-1434033176957-0,
	#p_p_id_56_INSTANCE_Q1NwqkQVOgWn_ > div,
    #google_image_div img {
		width:100%!important;
	}
	
	/** quitar scroll horizontal en dispositivos moviles **/
	body {
		overflow-x: hidden;
	}
	
	/* Oculta elementos de la web que no quiero para movil*/
	.novisible_992 {
		display:none;
	}
    
	.visible_992{
		display:block;
	}
	
	/***** contenedor de la home en tablet****/
	.container-home .portlet-body {
		width: 100% !important;
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.busplus.content-responsive .container {
		width: 100% !important;
		padding-right: 20px;
		padding-left: 20px;
	}

	
    .sag-modal-dialog {
		width: 100% !important;
    	height: auto;
    	margin: 0;
	}
	
    .sag-modal-dialog .sag-modal-header h2{
		font-size: 17px; 
		padding-right: 21px;
	}
	/***menu collapse nivel 3 interiores *****/
	.responsive-menu {
		margin-bottom: 10px;
    	background: #FFF;
	}
	
	.responsive-menu .simulate-select {
        appearance: none;
        border-bottom: #3EC8EC 2px solid;
		border-right: 0;
        background-image: url(/o/Alsa-main-theme/images/web2020/iconos/angle-select.svg);
        background-repeat: no-repeat;
        background-position: 95% 50%;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
		width: 100%;
	}
	
	.responsive-menu .submenu-profile {
		width:100%;
	}
	 
	
	/***** cookies y  mensaje de notificacion  ************/
	.cookie-msg .izquierda .content-cookie {
		width: 100%;
		padding: 35px 0 5px;
	}
	
	.cookie-msg .izquierda A.cookie-close.accept {
		top:10px;
	}
	
	.push-msg .izquierda .content-push {
		padding: 35px 0 5px;
	}
	
	.push-msg .izquierda A.accept {
		top: 10px;
	}

	
	/***** publicidad interior parte busplus ****************/
	#div-gpt-ad-1434033292303-0{
		padding-top: 0px !important;
		margin-bottom: 40px !important;
	}
  
	/************** cabecera fixed *****************/
		
	 .content-responsive #header1 {
	 	border-bottom: 0px; 
	 	background: #FFF;
	 	padding-bottom: 0;
	 }
	
	.content-responsive .navbar-fixed {
		top: 65px;
		position: fixed;
	}
	
	.content-responsive #header1 .col-md-4 {
		padding: 18px 0 11px;
		margin-left: 45px;
	}
	
	.content-responsive.not-modal-search div#header1:not(.checkout) .col-md-4 {
		position: absolute;
		left: 50%;
		margin-left: -74px !important;
		text-align: center;
	}
	
	#header1 A.icn-logo-alsa:before { 
		left: 50%; 
		margin-left: -69px; 
		color: #FFFFFF; 
		font-size: 138px;
	}
	
	#journeySearchHeaderButton .link-text {
		font-size: 13px; 
		display: block; 
		max-width: 100px; 
		float: right; 
		padding: 4px 4px; 
		border-radius: 5px; 
		color: #001f6a; 
		background: #ffc401; 
		line-height: 14px; 
		font-weight: 700; 
		text-align: center; 
		text-transform: uppercase;
	}
	
	#journeySearchHeaderButton .icn-alsa-ticket:before { 
		position: absolute; 
		top: -9px; 
		right: 3px; 
		font-size: 53px;
	}

	/************** cabecera fixed en el proceso de compra *****************/
	.content-responsive #header1.checkout .col-md-4 {
		border-left: 0px; 
		margin-left: 0px; 
		padding: 0px;
	}
	
	.menu-button{
		position: relative;
		margin-top: 4px;
		margin-bottom: 12px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}	
 
	/******* bloques de color en sobre-alsa / personas *****/
	.bloque-personas .bloque-4 img {
		padding-right: 0px;
		margin-left: 5%;
	}
	
	/* popu mensaje codigo promocional de CJOVENMADRID */
	#promoQuestionsForm .description {
		padding-left:0;
	}
	
	#promoQuestionsForm .col-sm-1 {
		padding:0;
	}
	
	#promoQuestionsForm.form-promo-questions.form-horizontal .control-label {
		text-align:left;
	}
	
	/*** AJUSTES GENERALES PARA WEB2020 ***/
	.mensaje-caja .box-picture {
		width: 20px;
    	height: 20px;
    	margin-top: 2px;
	}
	.mensaje-caja.informacion p.principal {
		padding-left: 30px;
		margin-top: 7px;
	}
	.mensaje-caja.informacion p {
		padding-left: 30px;
	}
}

/************* Formato movil *************/
@media screen and (max-width: 767px) {
	.content-checkout .box-paso2 .spi-container {
		float:right !important;
		width:100% !important;
	}

	.content-checkout .general-summary .row.last p.blue span {
		width:auto !important;
		float:right !important;
	}

	/******* bloques de color en sobre-alsa / personas *****/
	.box-content .bloque-personas > div {
		width: 100%; 
	}

	.bloque-personas .bloque-4 img {
		margin-right: -10%;
		padding-right: 20px;
	}
	
	/* Oculta elementos de la web que no quiero para movil*/
	.novisible_768 {
		display: none;
	}
    
	.visible_768 {
		display: block;
	}
	
	/***** mensaje paso 2 cambio de asiento-->autobus no numerado ***/
	.bus_template .numbering-msg {
		width: auto !important;
	}
	
	/*** cabecera fixed *********/
	.content-responsive #header1 .col-md-4 { 
		margin-left: 36px;
	}
	
	.content-responsive #header1 .col-md-4 {
		padding: 15px 0 4px;
	}
	
	#journeySearchHeaderButton .link-text {
		font-size: 11px; 
		max-width: 76px;
	}
    
	.content-responsive .navbar-fixed {
		top:50px;
		position:fixed;
	}
	    
    /**horarios**/
 	#rentBusApp .ida-vuelta .col-md-6 .calendar-wrapper .icn-calendar,
 	.search-general .form-group .ida-vuelta .col-md-6 .calendar-wrapper .icn-calendar {
		width: 20px;
 	}
	
    /************** cabecera fixed en el proceso de compra *****************/
	.content-responsive #header1.checkout .col-md-4 { 
		padding: 0px; 
	}
    
	/***** contenedor de la home en movil****/
	.container-home .portlet-body {
		width: 100% !important;
		padding-right: 25px;
		padding-left: 25px;
	} 
		
	.busplus.content-responsive .container {
		width: 100%!important;
		padding-right: 10px;
		padding-left: 10px;
	}
		
	.sag-modal-dialog {
		width: 95% !important; 
		margin-top: 50px;
		margin-left: auto;
    	margin-right: auto;
	}
    	
	/********* INTERIORES ***********/

	
	.formulario .form .form-group input {
			width: 100%;
	}

	
	/*************** Si la lista tiene el par icono-texto *******************/
	.home .box-content ul.lista-icono-texto li .icono-lista:not(:empty) + .texto-lista {
		padding-top: 5px; 
	}
	
	#servicios-regionales .contenido-tab .imagen-mapa > div {
		width: 100% !important;
		margin: 5px 0 !important;
	}
	
	#servicios-regionales .contenido-tab .imagen-mapa {
		border:0;
	}
	
	#servicios-regionales .contenido-tab .titulo-mapa {
		border-bottom:1px solid #DDDBD6;
	}
	
	ul.columnas {
		padding-left: 0;
	}
	
	ul.columnas li {
		width: 100% !important;
	}
	
	.bloque-listado .imagen-bloque-listado {
		width: 26%;
	}
	
	.bloque-listado .cuerpo-bloque-listado {
		padding-right: 0;
	}
	
	.bloque-listado .cuerpo-bloque-listado {
		float: left !important;
		width: 68% !important;
		padding-right: 0;
	}
	
	#servicios-regionales .contenido-tab .bloque-listado .cuerpo-bloque-listado {
		width:100% !important;
	}
	
	.box-content .imagen-detalle-promo {
		min-height: initial;
	}
	
	.box-content .imagen-detalle-promo img {
		max-height: 150px;
	}
	
	.box-content .imagen-detalle-promo .rango {
		right: 3%; 
	}

	.cuerpo-bloque-listado span.enlace-angulo table {
		width:100% !important;
	}
	
	/* Pagina de ERROR 404 */
	.content-basica #content .notfound {
		width: 100%;
		height: initial;
		margin-bottom: 20px;
	}
	
	.content-basica #content .notfound_image {
		width: 100%;
		height: initial;
	}
	
	.content-basica #content .notfound_title {
		font-size:28px;
	}
	
	.content-basica #content .notfound_description {
		padding-top: 70px;
		z-index: 0;
		position: initial;
	}
	
	/* Problema con checkbox que genera un input oculto que se sale del ancho */
	.form .politica-privacidad .form-group input {
		width:auto !important;
	}
	
	.form .politica-privacidad .form-group label {
		margin-right: 0;
	}

	
	
	/******************** MAPA WEB ********************/
	.content-responsive .portlet-site-map {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
		-moz-column-gap: 20px; /* Firefox */
		column-gap: 20px;
		-webkit-column-gap: 1rem; /* Chrome, Safari, Opera */
		-moz-column-gap: 1rem; /* Firefox */
		column-gap: 1rem;
	}

  
		
	
	.contenido-obtener-puntos .fila-obtener-puntos .icono {
   		margin-right: 0px; 
    	width: 20%;
    	max-width: 42px;
	}
   
	.content-responsive .contenido-obtener-puntos .fila-obtener-puntos .texto1 { 
		float: left;
	    width: 80%;
	    font-size: 13px;
	    line-height: 16px; 
	    background: none;
	}
	
    .content-responsive .contenido-obtener-puntos .fila-obtener-puntos .texto2 {
   		width: 100%;
	    padding-right: 0;
	    padding-left: 20px;
	    background: url(/o/Alsa-main-theme/images/comunes/triangulo.png) no-repeat 0px 13px;
	    padding-top: 8px;
	}
   
	/******************* ESTILOS PLANTILLAS - Listado cajas de color *********************************************/
	.listado-cajas-color div { 
		width: 100%; 
		margin-bottom: 15px;
		margin-top:5px;
	}
	
	.listado-cajas-color div:nth-of-type(even) { 
		margin-left: 0px; 
	}
	
	.listado-cajas-color div:nth-of-type(odd) {
		background-color: #d6ebfe; 
	}
	
	.listado-cajas-color div:nth-of-type(even) {
		background-color: #ececec; 
	}
  
	/******************* PARA QUE LOS VÍDEOS SE AJUSTEN BIEN EN MÓVIL **********************/
	.box-content iframe {
 		 width:100%;
	}
	
	/******************* ESTILOS PLANTILLAS - CAJAS AZULES ALSAPASS *********************************************/	
	.blue-box-container {
		display: block;
	}
	
	.home .box-content .blue-box-container .blue-box {
		width: 100%;
	}
	
	.blue-box-container .blue-box:nth-child(2n) {
		margin-left: 0px;
	}
	
	.blue-box-container .blue-box .icon-container {
		display: table-cell;
		position: static;
	}
	
	.blue-box-container .blue-box .icon-container img {
		max-width: 56px;
	}
	
	.blue-box-container .blue-box P {
		display: table-cell;
		vertical-align: middle;
		padding-left: 15px;
		padding-top: 0px;
	}
	
	.home .box-content .blue-box-container .blue-box ul {
		margin-top: 15px;
		margin-left: 0px;
	}
	
	
	/******************* ESTILOS PLANTILLAS - COMPRA ALSAPASS 3 PASOS *********************************************/
	.tres-pasos-alsapass > div {
		padding: 0px; 
		margin-bottom: 40px;
	}	
		
	/*********** pagina seguridad ************/
	.bloque-seguridad .bloque-1,
	.bloque-seguridad .bloque-2,
	.bloque-seguridad .bloque-3,
	.bloque-seguridad .bloque-4 { 
		width: 100%;
	}
	
	/**************************** ESTILOS PLANTILLAS - ACCORDIONS CON IMAGEN ***********************/
	.preguntas-frecuentes div.accordian a > span.container-displays-blinds span {
		width: 90%;
	}
	
	.preguntas-frecuentes div.accordian a > span.container-displays-blinds i.collapse-icon {
		margin-right: 0px;
	}
	
	.preguntas-frecuentes div.accordian .accordion-img {
		position: relative; 
		overflow: hidden;
		height: 100px;
	}
	
	.preguntas-frecuentes div.accordian .accordion-img img {
		position: absolute;
	    left: -100%;
	    right: -100%;
	    top: -100%;
	    bottom: -100%;
	    margin: auto;
	    min-height: 100%;
	    min-width: 100%;
	    width: auto;
		max-width: none;
	}
	
	/************************ MODALES **********************/
	#modalsContainer .sag-modal-dialog.sag-modal-dialog-full {
		margin-top: 50px;
	}
	
	/**** PARA QUE EL CAROUSEL NO OCUPE SITIO EN MÓVIL CUANDO LO OCULTAMOS ****/
	.carousel.slide	.carousel-pause-home {
		height: 0px;
	    padding: 0px;
	    display: none;
	}
	
	/**** tablas responsivas que se adapta el th cuando está en el body ****/
	.table-responsive.th-body-responsive>.table>tbody>tr>th {
		white-space: normal;
	}
}


@media screen and (max-width: 766px) {
    #content-web2020 #login-popup-step3 .sag-modal-dialog {
    	width: 100% !important;
    }
}

/****** Logo de cabecera para resoluciones móviles intermedias*****/
@media screen and (min-width: 360px) and (max-width: 449px) {
	 .content-responsive #header1 .col-md-4 { 
		margin-left: 20%;
	 }
}