body{
	width:100%;
}

p a h1{
	font-family: 'VarelaRound-Regular';
}

.container{

	display: block;
	margin: 0 auto;
	margin-top: 100px;
}

.img-circle{

	border-radius: 50%;
}

.center-block{
	display: block;
	margin: 0 auto;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	
}

.textconfirmation{

	font-weight: bold;
}

.btn-tienda{
	background-color: #4B8A08;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	text-align: center;
	font-weight: normal;
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 14px;
}
.installments_type_checkbox{

}

.btn {
  background: transparent;
  display: inline-block !important;
  border-radius: 10px !important;
  background-color: #FFFFFF !important;
  border: 5px solid #4AA075 !important;
  color: #4AA075 !important;
  text-align: center !important;
  font-size: 25px !important;
  padding: 1px !important;
  width: 80%;
  transition: all 0.5s;
  cursor: pointer !important;
  margin: 7px !important;
}
.btn span {
  cursor: pointer !important;
  display: inline-block !important;
  position: relative;
  transition: 0.5s;
  vertical-align: middle;

}
.btn span:after {
content: url(../imgs/logo.png);
vertical-align: middle;  /* Entidades CSS. Para usar entidades HTML, use &#8594;*/
position: relative;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  padding-left: 20px;
}
.btn:hover span {
  padding-right: 25px;
}
.btn:hover span:after {
  opacity: 1;
  right: 0;
}
#container{
  width: 100% !important;
  text-align: center !important;
}
.informacion{
 color: white;
background-color: #4AA075 !important;
border-color: #4AA075 !important;
border-radius: 10px !important; 
font-family:sans-serif !important;
font-size: x-large;
width: 70%;
}
.logo{
vertical-align: middle;
max-width: 26%!important;
}
.mensajelogo{
vertical-align: middle;
padding-right: 15px;
}
.mensaje  {

margin: 10px auto;
padding:15px 10px 15px 15px;
background-position: 10px center;
text-align: center;
width: 100%;
font-size: 20px;
}
.success {
color: #468847 !important;
background-color: #dff0d8 !important;
border-color: #D6E9B2 !important;
border-radius: 10px !important;
font-size: 19px !important;
}
.error {
color: #b94a48 !important;
background-color: #f2dede !important;
border-color: #ebccd1 !important;
border-radius: 10px !important;
font-size: 18px !important;
}
.retorno{
color: #468847;
background-color: #dff0d8;
border-color: #4AA075;
border-radius: 10px; 
font-family:sans-serif;
font-size:large;
width: 35%;
padding-left: 10px;
text-decoration: none;
}
.hide{
display: none!important;
}
.paymentez-checkout-modal{
            z-index: 2000;
        }

        .order_details{
        width: 100%;
        list-style: none;
        margin: 0px 0px 20px;
        padding: 0px;
        background: rgb(250, 250, 250);
        border-width: 1px;
        border-style: solid;
        border-color: rgb(238, 238, 238);
        border-image: initial;
        margin-top: 15px;
        }

       .order_details li {
         display: table-cell; 
        vertical-align: middle; 
        width: 1%; 
        text-align: center; 
       height: 150px; 
        text-transform: uppercase;
        float: none !important;
    }

      .order_details li+li {
     border-left: 1px solid #EEE; 
      }

      .order_details li strong{
         display: block; 
        font-size: 15px;
        font-weight: 550;
     
    }
