@font-face {
	font-family: 'eurostile';
	src:url('../fonts/eurostile/eurostiletot-regular-webfont.eot');
	src:url('../fonts/eurostile/eurostiletot-regular-webfont.eot') format('embedded-opentype'),
		url('../fonts/eurostile/eurostiletot-regular-webfont.ttf') format('truetype'),
		url('../fonts/eurostile/eurostiletot-regular-webfont.woff') format('woff'),
		url('../fonts/eurostile/eurostiletot-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
  font-family: 'OpenSans-Regular';
  src: url('../fonts/opensans/OpenSans-Regular.eot');
  src: url('../fonts/opensans/OpenSans-Regular.html') format('woff2'),
       url('../fonts/opensans/OpenSans-Regulard41d.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


body{
	font-size: 14px;
	/* font-weight: 700; */

}

section{
	display: inline-block;
}

.container{
	position: relative;
	max-width: 1024px;
	margin: 0 auto;
	font-family: 'OpenSans-Regular';
	/* background-color: #eee; */
}

.content-ls div{}
	.content-ls > div:first-child{
		padding-right: 10px;
		border-right: 2px solid #e1e1e1;
	}
	.content-ls > div:last-child{ padding-left: 10px; }
.content-ls div > img{
	max-width: 100%;
}



.content-logos{
	padding: 10px 27px 0 0;
}
	.img-log-mexicable{
		width: 120px;
		float: left;
	}
	.img-log-gob{
		width: 105px;
	}

	.img-log-pasaje{
		width: 105px;
		float: center;
	}

/*-- Nav --*/
.nav>li>a:hover,
.nav>li>a:focus{
	background-color: transparent !important;
}

/*-- Nav Bar --*/

.nav-bar,
.navbar{ list-style: none; margin: 16px 0; padding: 0;}
#mexiNavbar{padding: 0;}

/* -- navbar-toggle -- */
.navbar-toggle{	border: 1px solid #81bc41 !important; }
.navbar-toggle span{ background-color: #81bc41; }

/*-- Nav Bar > Nav Image--*/
.nav-image{
	display: flex;

}
.nav-image > li {
	border-right: 1px solid #e1e1e1;
	text-align: center;
	position: relative;
	display: inline-block;
}
	.nav-image > li:hover a{opacity: .7;}
	.nav-image > li:last-child{ border-right: none; }
.nav-image > li img{ max-width: 100%; }



.dropdown-menu{
	min-width: 240px !important;
	margin-top: 20px !important;
}
	.dropdown-menu:after,
	.dropdown-menu:before{
		content: "";
		position: absolute;
		right: 30px;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
	}
	.dropdown-menu:after{ top: -15px; border-bottom: 15px solid #fff;}
	.dropdown-menu:before{ top: -16px; border-bottom: 15px solid #81bc41;}

.nav-image > li:last-child .dropdown-menu{
	left: inherit;
	right: 0;
}
	.nav-image > li:last-child .dropdown-menu:after,
	.nav-image > li:last-child .dropdown-menu:before{
		left: inherit;
		right: 30px;
	}


/*-- Nav Bar > Nav Menu--*/
.nav-menu{ border-bottom: 5px solid #81bc41; }
.nav-menu > li{
	background-color: #d8e6bf;
	display: inline-flex;
	position: relative;
	padding-left: 15px;
}
	.nav-menu > li a:after,
	.nav-menu > li a:before{
		content: "";
		position: absolute;
		width: 55px;
		height: 100%;
		top: 0;
		background-repeat: no-repeat;
	}
	.nav-menu > li a:after{right: 0px; background-image: url('../images/li-after.png'); background-color: #ffffff;}
	.nav-menu > li a:before{left: -57px; background-image: url('../images/li-before.png');}
	.nav-menu > li a{
		padding: 9px 15px !important;
		color: #708b3d;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 14px;
		font-family: 'eurostile';
		letter-spacing: 1px;
		text-align: left !important;
	}

	.nav-menu > li:hover{ background-color: #81bc41; }
	.nav-menu > li:hover a:after{ background-image: url('../images/li-after-h.png'); }
	.nav-menu > li:hover a:before{ background-image: url('../images/li-before-h.png');}


	.nav-menu li:last-child a:after{ background-image: inherit !important; background-color: inherit;}
	.nav-menu li:last-child input[type="text"]{
		outline: none;
		position: absolute;
		left: 0;
		width: 150px;
		background-color: transparent;
		border: none;
		border-bottom: 1px solid #fff;
		color: #708b3d;
	}
	.nav-menu li:last-child .fa-search{ position: absolute; right: 15px; }
	.nav-menu li:first-child{ margin-left: 0; }
	.nav-menu li:first-child a:before{ background-image: inherit !important; }

	.nav-menu > li:hover a { color: #fff; }

.active-menu{ background-color: #81bc41 !important; }
	.active-menu a{ color: #ffffff !important; }

.active-menu a:after{ background-image: url('../images/li-after-h.png') !important; }
.active-menu a:before{ background-image: url('../images/li-before-h.png') !important;}


.dropdown .dropdown-menu{ top: 90%; }
.dropdown:hover .dropdown-menu { display: block; margin-top: 0; border: 1px solid #81bc41 !important;}

.dropdown-menu>li{ border-bottom: 1px solid #d8e6bf; }
	.dropdown-menu>li:last-child{ border-bottom: none; }
.dropdown-menu>li>a{ color: #ffffff !important; font-family: "eurostile"; }
	.dropdown-menu>li>a:hover{ color: #708b3d !important; }
.dropdown-menu{	background-color: #81bc41 !important; }
	.dropdown-menu:after { top: -15px; border-bottom: 15px solid #81bc41; }

/*-- Slider --*/
.wraper-slider{}
.wraper-slider img{ max-width: 100%; }

a.right,
a.left{ background-image: inherit !important; width: auto; opacity: inherit;  }

	.right .fa-angle-right,
	.left .fa-angle-left{
		position: relative;
		width: 60px;
	    height: 50px;
	    padding: 15px;
	    background-color: #e11a21;
	}
		.right .fa-angle-right:after,
		.left .fa-angle-left:after{
			content: "";
		    position: absolute;
		    bottom: -20px;
			border-bottom: 20px solid rgba(0, 0, 0, 0);
		    border-top: 0px solid rgba(0, 0, 0, 0);
		}

	.right .fa-angle-right{
		margin-right: -16px;
		-webkit-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.75);
		box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.75);
	}
		.right .fa-angle-right:after { right: 0px; border-left: 17px solid #8e0000; }

	.left .fa-angle-left{
		margin-left: -16px;
		-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	}
		.left .fa-angle-left:after { left: 0px;	border-right: 17px solid #8e0000; }


/* -- [ Vertical Row ] -- */
.vertical-row{ display: table; height: 100%; width: 100%; }
	.vertical-row > div.cell{ display: table-cell; vertical-align: middle; height: 100%; width: 100%;}

/* -- [ Listas ] -- */
.option-list{ list-style: none; font-size: 14px; padding: 0 20px;}
.option-list.size16{ font-weight: normal; }
.option-list.size16 > li > strong{ font-size: 16px;}
.option-list li{ position: relative; margin-bottom: 7px; text-align: justify;}
.option-list li > i.fa{ font-size: 9px; color:#db0c3d; margin-right: 10px; top: .7em !important;}
.option-list > li > md-checkbox{ margin: 0 !important; }

/* -- [ Titles ] -- */


h2.title-content{ color: #81bc41;  }
h2.title-h2{ color: #db0c3d; font-family: "eurostile"; }
h4.title-noticias{ color: #db0c3d; font-family: "eurostile"; }


.title-accent-bootom{ border-bottom: 1px solid #d3e7bf;	margin: 0 10px; }
	.title-accent-bootom small{ font-size: 52%; }


/* -- [Notcias] -- */
.content-noticia md-content{
	border-bottom: 1px solid #d3e7bf;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
	.content-noticia md-content:last-child{
		border-bottom: inherit;
		margin-bottom: 0;
		padding-bottom: 0;
	}



/* -- [ Text -align ] -- */
.text-justify{ text-align: justify; }
.text-center{ text-align: center; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }


/* -- Aside Text -- */
.aside-text{
	font-family: 'eurostile';
	font-size: 18px;
	color: #f20d3d;
}

/* -- [ Etiqueta Title ] -- */
.etiqueta-title{
	position: relative;
	font-family: 'eurostile';
	letter-spacing: 1px;
	padding: 9px;
}

	.etiqueta-title.left{ padding-left: 107px !important; float: left; }
	.etiqueta-title.right{ padding-right: 100px !important; float: right; }


	.etiqueta-title span.first,
	.etiqueta-title span.last{
		position: absolute;
		top: 0;
		height: 100%;
		width: 50px;
		background-color: #81bc41;
	}

	.etiqueta-title span.first{left: 0;}
	.etiqueta-title span.last{ right: 0; }

		.etiqueta-title span.first:before,
		.etiqueta-title span.last:before{
			content: "";
			position: absolute;
			width: 46px;
			height: 100%;
			top: 0;
		}

		.etiqueta-title span.first:before{ right: -46px; background-image: url('../images/li-after-h.png'); }
		.etiqueta-title span.last:before{ left: -46px; background-image: url('../images/li-before-h.png'); }

	.etiqueta-title span.content{
		color:#db0c3d;
		font-weight: bold;
		text-transform: uppercase;
		background-color: #d8e6bf;
		padding: 10px 5px;
		position: relative;
		margin-right: 8px;
	}
		.etiqueta-title span.content:before,
		.etiqueta-title span.content:after{
			content: "";
			position: absolute;
			width: 46px;
			height: 100%;
			top: 0;
			background-repeat: no-repeat;
		}
			.etiqueta-title span.content:before{ left: -46px; background-image: url('../images/li-before.png'); }
			.etiqueta-title span.content:after{ right: -46px; background-image: url('../images/li-after.png'); }


.etiquwta-w-0 span.left{
	padding: 0 !important;
	color: #007d40;
	font-size: 16px;
	max-width: 300px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
}

.etiquwta-w-0 span.right{
	padding-right: 51px !important;
}
.etiquwta-w-0 span.right > span:last-child{
	width: 0;
}

.etiquwta-w-0 span.left > .size-20{
	font-size: 20px;
	color: #db0c3d;
}


/* -- Tables -- */
.horarios{ margin-top: 20px; }
.horarios>tbody>tr:nth-child(odd){ background-color: #d3e7bf !important; }

.horarios>thead>tr>th,
.horarios>tbody>tr>th,
.horarios>tfoot>tr>th,
.horarios>thead>tr>td,
.horarios>tbody>tr>td,
.horarios>tfoot>tr>td{ color: #708b3d !important; }





/* -- Mapa Teleferico -- */
.wraper-mapa{
	position: relative;
	width: 100%;
	/* border: 2px solid #81bc41; */
}
	.wraper-mapa .content-title{
		position: relative;
		background-color: #81bc41;
		padding: 10px;
		padding-top: 15px;
		font-family: 'eurostile';
    	letter-spacing: 1px;
	}
	.wraper-mapa .content-body{
		background-color: #ffffff;
		position: relative;
		border: 1px solid #81bc41;
		border-top: none;
	}
	.wraper-mapa > div.md-block:before {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 5%;
	    border-left: 10px solid rgba(0, 0, 0, 0);
	    border-right: 10px solid rgba(0, 0, 0, 0);
	    border-top: 10px solid #fff;
	}

		.wraper-mapa > div > strong,
		.wraper-mapa > div > a{
			color: #ffffff;
		}

	.title-direccion,
	.title-interes{ text-transform: uppercase; }
	.title-direccion{ color: #db0c3d; }
	.title-interes{ color: #81bc41; }

object#estaciones-mexicable{
	position: relative;
	z-index: 2;
	top: 0;
	width: 100%;
	overflow: hidden !important;
}

	svg[width=850.395px] {
		max-width: 850.395px !important;
	}

img.footer-mapa{
	position: absolute;
	top: 5px;
	left: 3px;
	z-index: 1;
	max-width: 100%;
}


/*--- [ Footer ] ---*/
footer{
	max-width: 100%;
	min-height: 268px;
	max-height: 268px;
	background-image: url('../images/pie-loop.png');
	background-repeat: repeat-x;
	padding-bottom: 10px;
}
	footer .container{ position: relative; height: 268px;}
	.content-footer{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		color: #ffffff;
		font-weight: normal;
		font-size: 16px;
	}
		.content-footer a{
			color: #ffffff;
			margin-right: 10px;
		}

		.content-footer a:hover{ color: inherit; }




/* -- [ Galeria ] -- */
.content-gallery{
	margin-top: 20px;
	margin-bottom: 20px;
}

md-grid-list md-grid-tile{
	background-size: cover;
	background-position: center center;
}
md-grid-list md-grid-tile span{ visibility: hidden; }
md-grid-list md-grid-tile:hover span.cover-image{
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	cursor: pointer;
	text-align: right;
}

md-grid-list md-grid-tile:hover span.cover-image i{
	color: #ffffff;
	font-size: 16px;
	margin: 15px;
}

.fancybox-skin{
	background-color: transparent !important;
	padding: 0 !important;
}



/* -- Google maps -- */

.angular-google-map-container {
/*	margin-top: 30px;
	margin-bottom: 35px;*/
    height: 400px;
}

.content-map-border{
	border: 3px solid #81bc41;
}

.content-map-border > ui-gmap-google-map{
	padding: 0;
}


/* -- Twetter -- */
.title-tweets{
	padding: 8px;
	color: #55acee;
	margin-bottom: 15px;
	font-weight: 700;
	text-align: right;
	border-bottom: 1px solid;
	position: relative;
}
	.md-block.title-tweets:before {
	    content: "";
	    position: absolute;
	    bottom: -10px;
	    right: 20px;
	    border-right: 10px solid transparent;
	    border-left: 10px solid transparent;
	    border-top: 10px solid #3683bd;
	}

	.md-block.title-tweets:after {
	    content: "";
	    position: absolute;
	    bottom: -9px;
	    right: 20px;
	    border-right: 10px solid transparent;
	    border-left: 10px solid transparent;
	    border-top: 10px solid #fff;
	}
	.title-tweets > i.fa-twitter{ vertical-align: middle; }

ul.list-tweets{
	list-style: none;
	margin: 0;
	padding: 0;
}
	ul.list-tweets li{ padding-bottom: 10px; }
	ul.list-tweets li > md-divider{ border-top-color: #55acee !important;  }

.content-header-tweet{

}
	.content-header-tweet a,
	.content-header-tweet span{ padding: 0;	}
	.content-header-tweet > a{ color: #55acee; }
	.content-header-tweet > span{
		font-weight: normal;
		font-size: 12px;
		color: #929292;
	}

.text-tweet{
	text-align: left;
	font-weight: normal;
	padding: 5px;
}


/* -- [ Tarifas ] -- */
.content-tarifas-header div:first-child h1,
.content-tarifas-header div:last-child h1{
    color: #007d40;
    font-family: "eurostile";
    font-weight: bold;
    font-size: 52px;
    line-height: .5;
	padding: 20px 25px;
}

	.content-tarifas-header div:first-child h1{	border-right: 3px solid #696b6d; text-align: right;	}
	.content-tarifas-header div:last-child h1{ text-align: left; }

		.content-tarifas-header div:first-child h1 small,
		.content-tarifas-header div:last-child h1 small{
			font-size: 16px;
			font-weight: bold;
			color: #424242;
			letter-spacing: 1px;
			line-height: .5px;
		}

.fa-list-tarifa>li{ padding-left: 20px; margin-bottom: 10px; text-align: justify; }
.fa-list-tarifa>li:first-child{	padding: initial; }


/* --- [Botones] --- */
.btn-consejos{
    color: #81bc41;
    border: 2px solid;
    display: block;
    padding: 10px;
    font-size: 24px;
    border-radius: 3px;
    font-family: 'eurostile';
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: 0.5s ease;
}
	.btn-consejos:focus,
	.btn-consejos:hover{
		border-color: #477d46;
		color: #477d46;
	}



span.btn-mvv{
	background-color: #81bc41;
	color: #fff;
	height: 75px;
	width: 75px;
	border-radius: 50%;
	text-align: center;
	display: table;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

	span.btn-mvv.active,
	span.btn-mvv:hover{
		background-color: #f20d3d;
	}

	span.btn-mvv > span{
		display: table-cell;
		height: 100%;
		vertical-align: middle;
	}


div.content-mvv{
	font-weight: bold;
	border: 1px solid #81bc41;
	padding: 48px 60px !important;
	position: relative;
	margin-top: 5px;
}

		div.content-mvv span.selection{
			position: absolute;
			background-image: url('../images/select-triangle.png');
			top: -9px;
			left: 96.9375px;
			margin-left: 5px;
			height: 9px;
			width: 20px;
			-webkit-transition: 1s;
			-o-transition: 1s;
			transition: 1s;
		}



.close-modal{
	position: absolute;
	top: -15px;
	right: -22px;
	border-radius: 50% !important;
	padding: 11px 16px !important;
}


/* -- Contacto -- */
.css-form input.ng-invalid.ng-touched,
.css-form textarea.ng-invalid.ng-touched {
	border:1px solid #FA787E;
}

.css-form input.ng-valid.ng-touched,
.css-form textarea.ng-valid.ng-touched {
	border:1px solid #81bc41;
}

.css-form textarea{ resize: none; }

@media (min-width: 930px) and (max-width: 993px) {
	.etiquwta-w-0 span.left{
		max-width: 100%;
		margin-bottom: 10px;
	}
}

@media (min-width: 600px) and (max-width: 960px) {

	.etiqueta-title span.content{ background-color: transparent; }
	.etiqueta-title.right,
	.etiqueta-title.left{ float: inherit; padding: 0 0 10px 0 !important; border-bottom: 1px solid #81bc41; width: 100%; float: left; text-align: center; }
	.etiqueta-title span.content:before,
	.etiqueta-title span.content:after{	background-image: inherit !important; }

	.nav-menu > li{ margin-left: 0; }
	.nav-menu > li a:after,
	.nav-menu > li a:before{
		content: initial;
	}

	.etiqueta-title{ padding-right: 105px !important;}
	.etiqueta-title span.last{ width: 55px;	}

	.content-tarifas-header div:first-child h1{
		border-right: inherit;
		border-bottom: 3px solid #696b6d;
    	text-align: center;
	}

	.content-tarifas-header div:last-child h1{
		text-align: center;
	}

	.etiquwta-w-0 span.left{
		max-width: 100%;
		margin-bottom: 10px;
	}

	.img-rose-monio{ width: 65px; }
}

@media (max-width: 600px){

	.etiqueta-title span.content{ background-color: transparent; }
	.etiqueta-title.right,
	.etiqueta-title.left{ float: inherit; padding: 0 0 10px 0 !important; border-bottom: 1px solid #81bc41; width: 100%; float: left; text-align: center; }
	.etiqueta-title span.content:before,
	.etiqueta-title span.content:after{	background-image: inherit !important; }


	.nav-menu > li{ margin-left: 0; }
	.nav-menu > li a:after,
	.nav-menu > li a:before{
			content: initial;
	}

	.etiqueta-title{ padding-right: 65px !important;}
	.etiqueta-title span.last{ width: 15px;	}

	.content-tarifas-header div:first-child h1{
		border-right: inherit;
		border-bottom: 3px solid #696b6d;
    	text-align: center;
	}

	.content-tarifas-header div:last-child h1{
		text-align: center;
	}

	.etiquwta-w-0 span.left{
		max-width: 100%;
		margin-bottom: 10px;
	}



	.img-rose-monio{ width: 45px; }
}


@media (min-width: 500px) and (max-width: 950px) {

	.nav-bar{
		float: right;
	}

	.img-log-mexicable{
		width: 95px;
		margin-left: 20px;
		float: right;
	}
	.img-log-gob{
		width: 85px;
		float: right;
	}

	.etiquwta-w-0 span.left{
		max-width: 100%;
		margin-bottom: 10px;
	}
}




/* --- Media Iphone --- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) {

}



@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
	.img-log-mexicable{
		width: 95px;
		margin-left: 20px;
		float: left;
	}
	.img-log-gob{
		width: 85px;
		float: right;
	}
	.img-log-pasaje{
		width: 85px;
		float: right;
	}	

}




/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}