/*Referido*/
  /*"Conv_SourceSansPro-Semibold""Conv_HelveticaLTStd-Bold""Conv_HelveticaLTStd-Light"*/
.contact-box{
  background-color: #fff !important;
  
  border:1px solid #ddd;
  min-height:150px;
    margin-bottom:15px;
  position: relative;
  border-radius: 0px !important;
  transition: all 0.3s ease-out;
}
.contact-box:hover
{
  border:1px solid #aaa;
  
    box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}
.contact-box .img-circle
{
  margin-top: 5px;
  border:1px solid #ddd;
}
.contact-box.suscriptor .img-circle
{
  border:1px solid #aaa;
}
.contact-box.suscriptor
{
  background-color: #A4BE51;
   
}
.contact-box h3
{
  font-size: 0.9em;
  border-width: 0! important;
  font-family: "Conv_HelveticaLTStd-Light";
  text-transform: capitalize;
  
    
}
.widget
{
  border-radius: 5px;
  padding:10px;
  font-size:bold; 
  margin-bottom:  10px;
  position: relative;
transition: all 0.3s ease-in-out
}
.widget:hover
{
  
    box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}
.widget h2
{
  font-size: 2.3em;
  margin: 0;
  
  font-family: "Conv_HelveticaLTStd-Bold";
} 
.widget .text-right > span
{
  font-family: "Conv_HelveticaLTStd-Light"
}
.rojo-bg
{
  background-color:  #ED5565
}
.lazur-bg
{
  background-color: #23C6C8;
  
background: rgba(35,198,200,1);
background: -moz-linear-gradient(-45deg, rgba(35,198,200,1) 0%, rgba(35,197,200,1) 49%, rgba(84,252,255,1) 99%, rgba(84,252,255,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(35,198,200,1)), color-stop(49%, rgba(35,197,200,1)), color-stop(99%, rgba(84,252,255,1)), color-stop(100%, rgba(84,252,255,1)));
background: -webkit-linear-gradient(-45deg, rgba(35,198,200,1) 0%, rgba(35,197,200,1) 49%, rgba(84,252,255,1) 99%, rgba(84,252,255,1) 100%);
background: -o-linear-gradient(-45deg, rgba(35,198,200,1) 0%, rgba(35,197,200,1) 49%, rgba(84,252,255,1) 99%, rgba(84,252,255,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(35,198,200,1) 0%, rgba(35,197,200,1) 49%, rgba(84,252,255,1) 99%, rgba(84,252,255,1) 100%);
background: linear-gradient(135deg, rgba(35,198,200,1) 0%, rgba(35,197,200,1) 49%, rgba(84,252,255,1) 99%, rgba(84,252,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23c6c8', endColorstr='#54fcff', GradientType=1 );

}
.style1
{
  color:#fff;
}
.yellow-bg
{
  background-color: #F8AC59;
  
background: rgba(248,171,89,1);
background: -moz-linear-gradient(-45deg, rgba(248,171,89,1) 0%, rgba(248,171,89,1) 49%, rgba(255,231,207,1) 99%, rgba(255,231,207,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(248,171,89,1)), color-stop(49%, rgba(248,171,89,1)), color-stop(99%, rgba(255,231,207,1)), color-stop(100%, rgba(255,231,207,1)));
background: -webkit-linear-gradient(-45deg, rgba(248,171,89,1) 0%, rgba(248,171,89,1) 49%, rgba(255,231,207,1) 99%, rgba(255,231,207,1) 100%);
background: -o-linear-gradient(-45deg, rgba(248,171,89,1) 0%, rgba(248,171,89,1) 49%, rgba(255,231,207,1) 99%, rgba(255,231,207,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(248,171,89,1) 0%, rgba(248,171,89,1) 49%, rgba(255,231,207,1) 99%, rgba(255,231,207,1) 100%);
background: linear-gradient(135deg, rgba(248,171,89,1) 0%, rgba(248,171,89,1) 49%, rgba(255,231,207,1) 99%, rgba(255,231,207,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ab59', endColorstr='#ffe7cf', GradientType=1 );

}
.green-bg
{
  background-color:#98C049;
  
background: rgba(152,192,73,1);
background: -moz-linear-gradient(-45deg, rgba(152,192,73,1) 0%, rgba(152,192,73,1) 49%, rgba(207,224,172,1) 99%, rgba(207,224,172,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(152,192,73,1)), color-stop(49%, rgba(152,192,73,1)), color-stop(99%, rgba(207,224,172,1)), color-stop(100%, rgba(207,224,172,1)));
background: -webkit-linear-gradient(-45deg, rgba(152,192,73,1) 0%, rgba(152,192,73,1) 49%, rgba(207,224,172,1) 99%, rgba(207,224,172,1) 100%);
background: -o-linear-gradient(-45deg, rgba(152,192,73,1) 0%, rgba(152,192,73,1) 49%, rgba(207,224,172,1) 99%, rgba(207,224,172,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(152,192,73,1) 0%, rgba(152,192,73,1) 49%, rgba(207,224,172,1) 99%, rgba(207,224,172,1) 100%);
background: linear-gradient(135deg, rgba(152,192,73,1) 0%, rgba(152,192,73,1) 49%, rgba(207,224,172,1) 99%, rgba(207,224,172,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98c049', endColorstr='#cfe0ac', GradientType=1 );

}
.red-bg
{
  background-color: #ed5565;
  color: #fff;
  
background: rgba(188,224,238,1);
background: -moz-linear-gradient(-45deg, rgba(188,224,238,1) 0%, rgba(41,184,229,1) 50%, rgba(179,220,237,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(188,224,238,1)), color-stop(50%, rgba(41,184,229,1)), color-stop(100%, rgba(179,220,237,1)));
background: -webkit-linear-gradient(-45deg, rgba(188,224,238,1) 0%, rgba(41,184,229,1) 50%, rgba(179,220,237,1) 100%);
background: -o-linear-gradient(-45deg, rgba(188,224,238,1) 0%, rgba(41,184,229,1) 50%, rgba(179,220,237,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(188,224,238,1) 0%, rgba(41,184,229,1) 50%, rgba(179,220,237,1) 100%);
background: linear-gradient(135deg, rgba(188,224,238,1) 0%, rgba(41,184,229,1) 50%, rgba(179,220,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bce0ee', endColorstr='#b3dced', GradientType=1 );

}
h4 
{
  border-bottom: 1px dashed #ddd;
}
.contact-box .alert
{
  border-radius: 0px;
  border-width: 1px 0;
  display: block;
  text-align: center;
  padding: 5px;
  margin: 0 !important;
  position: absolute;
  width: 100% !important;
  bottom: 0;

}

.contact-box .alert .glyphicons-ok
{
  font-size: 1.3em;
}
.contact-box .alert .glyphicons
{
  float: right;
} 
.btn.agregar-referido
{
  border-color:#A3C04D;
  width: 100%;
  color:#687f23;
  transition: all 0.3s ease-in;
}
.btn.agregar-referido:hover
{
  background-color:#A3C04D; 
  color:#fff;
}
.gray-bg
{
  background-color: #999;
}
.nav.nav-tabs li a,.nav.nav-tabs li a:hover
{
  color:#A6BE45
}
.nav.nav-tabs li.active a
{ 
}
.contact-box .text-center span.glyphicons
{
  margin-top: 20px;
  font-size: 2em;
  color:#aaa
}
.contact-box.suscriptor .text-center span.glyphicons
{
  color:#81A241
}
.input-group-addon,.form-control
{
  border-radius: 0px;
}
.intro
{
  overflow: hidden;
}
.intro .glyphicons.glyphicons-group
{
  color: #24C6C9;
  font-size: 4em;
  margin: 1px 20px 5px 10px;
  float: left;
}
#formularioReferidoEditar span.msj
{
font-style: italic;
font-size: 0.9em;
  color:#E23E0A;
}
#formularioReferidoEditar .modal-body
{
  position: relative;
}
.div-esperando{ 
  display: none;
  position: absolute;
  width: 100%;
  height: 500px;
  z-index: 3;
  top: 0;
  left: 0; 
  background-color: rgba(255,255,255,0.7);
}
.btn-outline.btn-primary
{
  background-color: #fff;
  color: #204d74
}
.btn-outline.btn-primary:hover
{
  background-color: #204d74;
  color: #fff
}
.div-esperando img
{
  position: absolute;
  left: 48%;
  bottom: 50%;
  text-align: center
}
ul
{
  margin: 0;
  padding: 0;
}
ul li {
  position: relative;
  list-style:none
}
ul li a
{
  padding: 10px;
  display: block;

}

.contenido h2
{
  font-family: "Conv_HelveticaLTStd-Light";
  font-size: 2.3em ;
}
.contenido .pasos > li
{
  background-color: #eee;
  padding:20px 30px 20px 130px;
  position: relative;
  margin: 15px auto;
}
.contenido .pasos > li h5
{
  font-size: 1.5em;
  font-weight: bold;
  text-align: justify;

}
.contenido .pasos > li > span.glyphicons
{
  font-size: 3.5em;
  position: absolute;
  top:40px;
  left: 4%;
  color:#98B348
}
.contenido .pasos > li p
{
  color: #666;
}
.contenido .pasos > li ul >li
{
  background-color: #fff;
  margin:15px auto;
}
.contenido .pasos > li ul li a:hover
{
text-decoration: none; 
    background-color: #fefefe;
  border-color: #aaa;
}

.contenido .pasos > li ul li a
{
  

}
.contenido .pasos > li ul li a .precio
{
 
}
.row.contenido
{
  padding: 0;
}
.contenido .oferta
{
  padding: 0 !important;
}
.contenido .oferta a
{
  display: block;
  overflow: hidden;
  position: relative;
  height: 180px;
    transition: all 0.3s ease-out;
  border:2px solid #fff;
  padding: 0;
}
.contenido .oferta a .img
{
  height: 180px;
  overflow: hidden;
  position: absolute;
  background-color:rgba(0,0,0,0.8) !important;
}
.contenido .oferta a .img img
{
  width: 400px;  
}
.contenido .oferta a:hover .infor
{
  color:#fff;
  background: #000000b3;
  background: -moz-linear-gradient(top, #000000b3 0%, #00000080 30%, #fff0 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.7)), color-stop(30%, rgba(0,0,0,0.49)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.49) 30%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.49) 30%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.49) 30%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, #000000b3 0%, #00000080 30%, #fff0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=0 );
}
.contenido .oferta a .infor
{
  font-size: 0.9em;
text-align: left;
  top: 0;
  position: absolute;
  width: 100%;
  padding: 10px 40px 5px 10px;
    transition: all 0.3s ease-out;
}

.contenido span.precio
{
  position: absolute;
  display: block;
  top: 40px;
  right: 60px;
  text-align:center;
  font-size: 1.2em;
}
.contenido span.precio .pts
{
  display: block;
  width: 100%;
  font-family: "Conv_HelveticaLTStd-Bold";
  font-size: 1.7em;
  padding: 20px ;
}