@charset "UTF-8";
header{
	display:block;
	width: 100%;
	height: 55px !important;
	max-height: 55px !important;
	background-image: url(img/back_header.jpg);
	color:#fff;
	padding-top: 30px;
	text-align: center;
}
header img{
	width: 33%;
	max-width: 200px;
	margin: 0px auto;
	background-color: #fff;
	padding: 40px;
	margin-top: 0px;
	-webkit-box-shadow: 0 10px 20px 5px #999;
box-shadow: 0 5px 10px 5px #999;
}
header h1{
	display: block;
	width: 80%;
	font-size: 26px;
	margin: 30px auto;
	text-align: center;
	max-width: 1080px;
}
footer{
	border-top: 5px solid #DE5735;
	background-color:#2d2d2d;
	color:#fff;
	padding: 40px;
}
.dwn_app img{
	width: 25%;
	max-width: 150px;	
	float: right;
	margin-top: -50px;
}
@media only screen and (max-width: 767px) {
	header{
		display:block;
		width: 100%;
		height: 400px;
		max-height: 450px !important;
		margin: 0px auto;
		background-image: url(img/prontipagos_no_queremos_oxxo.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		padding: 20px 0px;
		color:#fff;
		padding-top: 60px;
	}
	.dwn_app img{
		width: 50%;
		float: none;
		margin-top: 10px;
	}
	header{
		background-image:url(img/back_header.jpg);

	}
	header img{
		display: block;
		width: 50%;
		max-width: 200px;
		margin: 0px auto;
		box-shadow: 5px 10px #888888;
	}
}



.centering {
  float:none;
  margin:0 auto;
}

.vertical-padding{
    padding: 25px 0;
}

.black-color{
    color: #000;
}

.footer-padding{
	padding: 60px 0;
}


.last_footer {
  margin-top: 5px;
  color: #313131;
  font-size: 10px;
}

.last_footer a {
  color: #FF3B00;
}


#panelConfirmation{
  background-color:transparent;
  border:none;
}


.panel.noborder {
    border: none;
    box-shadow: none;
}
.panel.noborder > .panel-heading {
    border: 1px solid #dddddd;
    border-radius: 0;
}


.text-white {
    color: #FFFFFF;
}



/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

/* add padding  */
.left-addon select  { padding-left:  30px; }
.right-addon select { padding-right: 30px; }

/* add padding  */
.left-addon option  { padding-left:  30px; }
.right-addon option { padding-right: 30px; }



.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: .5;
}
.hr-text:before {
  content: '';
  background: -webkit-linear-gradient(left, transparent, #818078, transparent);
  background: linear-gradient(to right, transparent, #818078, transparent);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  color: black;
  padding: 0 .5em;
  line-height: 1.5em;
  color: #818078;
  background-color: #fcfcfa;
}


.hr-text-fix-margin{
  margin-top: 5px;
  margin-bottom: 5px;
}