.cbp-rfgrid {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%;

   background: #e6e6e6;
	overflow: hidden;
	z-index: 999;
}
.cbp-rfgrid ul{
	background-color:#783F2A;
}
.cbp-rfgrid li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 20%; /* Fallback */
	width: -webkit-calc(100% / 5);
	width: calc(100% / 5);
	height: 460px !important;
}

.cbp-rfgrid li a,
.cbp-rfgrid li a img {
	display: block;
	width: 100%;
	cursor: pointer;
}
.cbp-rfgrid li a img {
	max-width: 100%;
}
/* Flexbox is used for centering the heading */
.cbp-rfgrid li a .overl {
	position: absolute;
	left: 5px;
	top: 5px;
	right: 5px;
	bottom: 5px;
	background: rgba(0,0,0,0.6);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
    align-items: center;
    text-align: center;
    opacity: 0;

}

.cbp-rfgrid li a:hover .overl {
	opacity: 1;
}

.cbp-rfgrid li a .overl h3 {
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: 2px;
	padding: 0 10px;
}
.p-sanjuan{
	position: relative;
	width: 100%;
	height: 50%;
	background-color: #EA8326;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
}
.p-huizache{
	width:100%;
	height: 100%;
	background-color:#ac2a2a;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
}
.p-jalos{
	width:100%;
	height: 100%;
	background-color:#f05423;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;;
}
.p-malecon{
	width:100%;
	height:100%;
	background-color:#F5B323;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
}
.p-pedregoso{
	width:100%;
	height:100%;
	background-color:#783F2A;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
}
.panel-estaciones{
	background-color:#fff;
	margin-top:00px;
	width:100%;
	z-index:999999999;
	display:block;
	overflow:hidden;
}
.img-estaciones{
	width:100%;
	max-width:244px;
	margin:0 auto;
}
.mas{
	width:52px;
	margin:auto;
}
.tx-estaciones{
	margin-top: 15px;
	font-size:13px;
	text-align:center;
}
.tx-estaciones span{
	font-size:1.5em;
	color: rgba(255,255,255,0.6);
	font-style:italic;
	margin-bottom: 15px;
}

#s-mapa_ { height: 650px; background:#edebe8 url(../img/mapa.jpg) no-repeat center; padding-top:125px; position: relative; z-index: 100; overflow: hidden;  background-size:  auto 100%; }
.map-box { width: 690px; height: 100%; margin: 0 auto;  position: relative; }

.btn1_ { width: 50px; height: 50px;  position: relative; margin: 3px 3px 3px 66%;  display: block; }
.btn2_ { width: 50px; height: 50px;  position: relative; margin: 60px 3px 3px 36%;  display: ; }
.btn3_ { width: 50px; height: 50px;  position: relative; margin:-40px 3px 3px 46%; float: left;  }
.btn4_ { width: 50px; height: 50px;  position: relative; margin: 30px 3px 98px -30px; float: left;  }
.btn5_ { width: 50px; height: 50px;  position: relative; margin: 3px 3px 3px -120px !important; clear: both;  display: block; }




/* Example for media query: change number of items per row */
@media screen and (max-width: 1260px) {
	.tx-estaciones{
	font-size:0.9em;
	}
}
@media screen and (max-width: 1190px) {
	.cbp-rfgrid li {
		width: 25%; /* Fallback */
		width: -webkit-calc(100% / 4);
		width: calc(100% / 4);
	}
	.tx-estaciones{
	font-size:0.9em;
	}
}

@media screen and (max-width: 945px) {
	.cbp-rfgrid li {
		width: 33.3%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
	.tx-estaciones{
	font-size:0.8em;
	}
}

@media screen and (max-width: 660px) {
	.cbp-rfgrid li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
	.tx-estaciones{
	font-size:0.7em;
	}

	.map-box { width: 610px; height: 100%; margin: 0 auto;  position: relative; background-size: auto 115% !important;  }
	.btn5_ { width: 50px; height: 50px;  position: relative; margin: 3px 3px 3px -10px !important; clear: both;  display: block; }
¡
}

@media screen and (max-width: 600px) {
	.cbp-rfgrid li {
		width: 100%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
	.tx-estaciones{
	font-size:0.6em;
	}

	.cbp-rfgrid li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100% !important; /* Fallback */¡
	height: 460px !important;
}
}

@media screen and (max-width: 450px) {
	.cbp-rfgrid li {
		width: 1000%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
		height: auto !important; 
	}
	.tx-estaciones{
	font-size:14px;
	}


	#s-mapa_ { display:none !important; }
	.btn-servicios1 { font-size: 12px; }
	.btn-servicios2 { font-size: 12px; margin-bottom: 50px; }

	
}

@media screen and (max-width: 300px) {
	.cbp-rfgrid li {
		width: 100%;
	}
}