footer
{
background:#323E56;	 
color: #B4B6B6;  
}
	 
.embed-responsive 
{
position: relative;
width:80%;
height: 0;
padding-top: 56.25%;
}

#video
{
width: 100%;
min-width: 100%;
min-height: 100%;
margin-top: 80px;
}

.pagina
  {
  margin-top: 90px;
  }

#servicios
{
background-color: #292B2C;
}

#videos
{
background-image: url(../imagenes/fondo.jpg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #000;
}

.modal-dialog 
  {
   max-width: 700px;
   margin: 30px auto;
  }
.modal-body 
  {
   position:relative;
   padding:0px;
  }
.close 
  {
   position:absolute;
   right:-30px;
   top:0;
   z-index:999;
   font-size:2rem;
   font-weight: normal;
   color:#fff;
   opacity:1;
  }

.nav-link, .navbar-brand
  {
  color:#FFFFFF !Important;	
  font-size: 14px;
  font-face: Tahoma;    
  font-weight: 400;
  }

.fa.fa-navicon
  {
  color:#C03237 !Important;	
  font-size: 20px !Important;
  font-face: Tahoma;  
  font-weight: 400;
  }

body
  {
  font-size: 14px;
  background: #FFFFFF;
  color: #FFFFFF;
  }

.nav-link:hover 
  {
  color:#FFFFFF !Important;	
  }

.nav-item 
{
padding: 5px;  
}

.navbar-toggler-icon
{
color: #FFFFFF !Important;	
}

.btn
{
background: #000;	
color: #FFFFFF;
}

div.laptop-wrapper 
{
position: relative;
padding-top: 25px;
padding-bottom: 50%;
height: 0;
}

div.laptop-wrapper iframe 
{
box-sizing: border-box;
background: url(../imagenes/iphone.png) center center no-repeat;
background-size: contain;
padding: 8% 15.5% 14.8%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#lista_beneficios li 
{
padding: 10px !important;
}

.btn, .btn:hover, .btn.onclick
{
 font-size: 14px;
  /* Color de fondo del Boton */
 background-color: #000000 !important;
 /* Color del texto del Boton */
 color: #FFFFFF;
 border: none;
 box-shadow: none;
}

@media (max-width: 768px)
  {
  .pagina
    {
    margin-top: 90px;
    }
    
    .nav-link, .navbar-brand
  {
  font-size: 16px;
  }
  }