@charset "utf-8";

*{outline:none !important}

html{height:100%;}

body{

	font-family:"Arial", sans-serif;

	font-size:14px;	

	color:#616161;

	min-width:320px;

	margin:auto;

	background:#fff;

	line-height:19px;

}



body p{font-family:inherit;font-size:inherit;color:inherit; line-height:normal}

.container{margin:auto; line-height:23px; text-align:justify; position:relative; color:#757575; max-width: 980px;}

.container:before,

.container:after{display:block; content:""; clear:both;}

.animar{transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;}



#header{

	width: 100%;

	z-index: 3;

	background: url(../images/bgTop.png) center bottom no-repeat;

	height: 110px;

	position: absolute;

	top: 0;

	left: 0;

}

#logo{

	display: block;

	width: 231px;

	position: relative;

	top: 25px

}

#logo img{

	display: block;

	width: 100%;

	height: auto

}



#menu{

	margin: auto;

	position: absolute;

	left: 300px;

	top: 0

}

#menu ul{

	margin: 0;

	margin-top: 28px;

}

#menu ul:before,

#menu ul:after{

	display: block;

	content: "";

	clear: both;

}

#menu li{

	float: left;

	position: relative;

	border: solid 2px transparent;

	border-bottom: 0;

	border-top: 0;

	

}

#menu .liborder{

  background-image: url("../images/border2.png");

  top: 25px;

  width: 2px;

  height: 53px;

  background-repeat: no-repeat;

}

#toTop{

	display: none !important;

}

#menu li a{

	display: block;

	color: #fff;

	position: relative;

	background: transparente !important;

	font-size: 16px;

	font-family: "Oswald", serif;

	margin: 0 28px;	

	font-weight: 200;

	line-height: normal;

	text-align: center;

	border-bottom: solid 3px transparent;	

	-webkit-transition: all .5s ease;

    transition: all 0.5s ease;    

}

#menu li:last-child{

	float: right

}

#menu li a:hover,

#menu li.active a,#menu li a:focus{

	border-bottom: solid 3px #ffffff;

	background: transparent;

}

#menu li a span{

	font-weight: bold;

	font-size: 24px;

}

/*Footer*/

#footer{

	text-align:center;

	font-size:11px;

	color:#FFF;

	background:#3955ba;

	line-height:18px;

	font-family:'Arial', sans-serif;

	min-height: 52px; 

	border-top: solid 1px #132843;

}

#footer .container{padding-top:17px; padding-bottom:16px; font-family:inherit; font-size:inherit}

#footer .tfooter{

	color:#FFF;

	line-height:16px;	

	text-align:left;

	float:left;

}

#footer #powered {

	color:#FFF; 

    line-height: 16px;

    margin: 0 auto 0;

    width: auto;

	text-align:right;

	float:right

}

#footer a{	

	color:#FFF;	

}

#footer #powered a{background: url(../images/iconGlobal.png) no-repeat center left;padding:3px 0 3px 20px}

#footer a:hover{

	text-decoration:underline;

}

#footer #powered a{color:#FFF;}



/*Footer*/

/*==================     sliderTop     ======================*/



#sliderTop:before{

	display: block;

	content: "";

	position: absolute;

	height: 6px;

	bottom: 0;

	left: 0;

	width: 100%;

	background: rgba(255,255,255,0.25);

	z-index: 2

}

#sliderTop .caption{

	background: rgba(4,45,97, 0.6);

	width: 44%;

	height: 120px;

	font-family: "Oswald", serif;

	bottom: 65px;

	position: absolute;

	left: 0;

	text-align: right;

	font-size: 24px;

	color: #fff;

	font-weight: 300;

	line-height: normal;

}

#sliderTop .caption article{

	width: 358px;

	display: inline-block;

	text-align: left;

	text-transform: uppercase;

	padding: 23px 0 0

}

#sliderTop .caption strong{

	font-weight: 600;

	display: block;

}

#sliderTop .slides li{

	height: 500px;

	position: relative;

	background-position: center center !important;

	background-repeat:no-repeat;

	background-size: cover;

}

#main{

	overflow: hidden

}

#titServ{

	padding: 10px 0 12px;

	text-align: center;

	font-size: 26px;

	color: #3b3b3b;

	font-family: "Oswald", serif;

	line-height: normal;

	font-weight: bold;

	background: #dbdbdb;

    position: relative;

    margin-bottom: 40px;

    text-transform: uppercase;

}

.flechaAbajo:before{

    content: "";

    position: absolute;

    bottom: -17px;

    left: 50%;

	margin-left: -80px;

    width: 0;

    height: 0;

    border-width: 25px 80px 0;

    border-style: solid;

    border-color: #dbdbdb transparent transparent;           

}

.datosGasolinera{

	margin-bottom: 2.5rem;

}

.datosGasolinera a.btnDescargar{

	font-family: "Oswald", serif;

	font-size: 24px;

	color: #ffffff;

}

.btnDescargar{

	background: #5b78dc;

	padding: 0;

	display: flex;

	align-items: center;

}

.icoBtnDescargar{

	background:#3955ba;

	padding: 0.7rem;

}

.btnDescargar span{

	width: 100%;

	text-align: center;

}

.p-right{

	padding-right: 0;

}

.mt-3{

	margin-top: 2rem;

}

.border-right{

	border-right: solid 1px #616161;

}

.date-tel{

	padding: 0 1.8rem;

}

.date-tel a,

.date-tel p{

	color: #616161;	

	font-family: "Arial", sans-serif;

	font-size: 14px;

}

.date-tel .p-direccion{

	padding-right: 4rem;

}

.date-tel .p-direccion-cruz{

	padding-right: 5rem;

}

.date-tel .p-direccion-polaco{

	padding-right: 6rem;

}

.title-icon{

	display: flex;

	color: #3955ba;

	font-size: 24px;

	margin-bottom: 10px;

	align-items: center;

}

.title-icon{

	font-family: "Oswald",serif;

	font-weight: 400;

}

.title-icon .tel{

	width: 18px;

	height: 18px;

}

.title-icon .email{

	width: 22px;

	height: 15px;

}

.title-icon .ubicacion{

	width: 21px;

	height: 19px;

}

.mt-5{

	margin-top: 2rem;

}



.ml-2{

	margin-left: 0.5rem;

}

.datosGasolinera hr{

	border-top: dashed 1px #757575;

}



#mapas iframe{

	height: 463px;

	width: 100%;

	display: block;

	border: solid 1px #c8c8c8 !important;

}

.contTitle{
	position: relative;
	border-radius: 10px;
	display: inline-block;
	margin: auto;
}
.titleGasolinera{
	background: rgba(36,60,149,0.75);
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	font-weight: 200;
	text-transform: uppercase;
	color: #ffffff;
	height: 55px;
	position: absolute;
	bottom: 7px;
	width: 100%;
	display:flex;
	align-items: center;
	justify-content: center;
}
.titleGasolinera span{
	font-weight: 700;
}
.titleGasolinera a{	
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	color: #27397a;
	font-weight: 300;
	background: rgba(255,255,255,0.85);
	width: 98px;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 14px;
	margin-left: 10px;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(255,255,255,0.45);
	-moz-box-shadow: 3px 4px 5px 0px rgba(255,255,255,0.45);
	box-shadow: 3px 4px 5px 0px rgba(255,255,255,0.45);
	opacity: 0.85;
}
.contTitle:before{
	display: block;
	content: "";
	position: absolute;
	height: 7px;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(39,57,122,0.75);
	z-index: 1;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.pd-2{
	margin-bottom: 26px;
}
#textInicio1{
	margin-top: 50px;
}

#logo.active:before{
	display: block;
	content: "";
	position: absolute;
	height: 3px;
	bottom: -27px;
	left: 0;
	width: 100%;
	background: #ffffff;
	z-index: 1;
}
.btn-polanco{
	background: #5b78dc;
	border-radius: 7px;
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: 300;
	padding: 12.5px 40px;
	text-align: center;
	color: #ffffff;
}
.btnDescargar span.span1{
	line-height: 17px;
}
.spanbt{
	font-size: 14px;
	font-family: 'Arial', sans-serif;	
}
.imgDow{
	width: 72px;
	background: #3955ba;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contentBtnDescargar{
	width: calc(100% - 72px);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	flex-direction: column;
	line-height: 26px;
}
.contentBtnDescargar span{
	display: block;
}
.contentBtnDescargar span:last-child{
	font-size: 14px;
}
.newli{
	line-height: 18px !important;
	color: #ff0000;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.5px;
}
.letme{
	letter-spacing: -0.6px;
}
.newspa{
	padding-bottom: 8px;
}
.newcont{
	padding: 8px 5px;
}
.newimgp{
	height: 86px !important;
}
.newctcardenas{
	padding: 12.5px 5px;
}
.newdowimgcardenas{
	height: 95px;
}
.contentBtnDescargar .span224{
	color: #ffe323;
	font-weight: 700;
	font-family: 'Arial', sans-serif;
	font-size: 13px !important;
	line-height: 17px;
	display: block;
	padding-top: 10px;
}
.contentBtnDescargar .span224 strong{
	display: block;
}
.dircardenas{
	line-height: 24px;
	text-align: left;
	padding-right: 3rem !important;
}
.contentBtnDescargar .span225{
	color: #ffe323;
	font-weight: 700;
	font-family: 'Arial', sans-serif;
	font-size: 11.7px !important;
	line-height: 17px;
	display: block;
	padding-top: 10px;
	text-transform: uppercase;
}
.contentBtnDescargar .span225 strong{
	display: block;
}

.btn-descargarNew{
	background: #d64646 !important;
	margin-top: 16px;
}
.otronewbtn{
	background: #a52f2f !important;
}
.otronewbtn .icoBtnDescargar{
	background: transparent;
}
.otrospannew{
	font-size: 24px !important;
	padding-bottom: 0px !important;
}