/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap');

:root
{
    --primaryFont: 'Outfit', sans-serif;
}

body
{
    font-family: var(--primaryFont);
}



html,
body {
    height: 100%;
}

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	background-color:#F8f8f8;
	color:#0A0A0A;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}


/* =================== FOOTER ===================*/
.footer {
	margin:0px;
	padding:10px; 
	position:fixed; 
	bottom:0; 
	width:100%; 
	z-index:99;	
	
    background-color: #f00353;
	border-top:1px solid #f00353;
	
	color:#FFF;
}

.footer a {
    color: #FFFFFF;
}

.footer a:hover {
    color: #000000;
}

.footer li {
    margin-left: 3px;
    margin-right: 3px;
    width: 60px;
    height: 60px;
}

.footer li a {
    color: #FFFFFF;
    font-size: 36px;
}
/* =================== /FOOTER ===================*/







/* ===================== SIDEBAR ==================== */
/* The sidebar menu */
.sidebar {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 99; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #FFFFFF; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
  border-right:1px solid #f00353;
}

/* The sidebar links */
.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 14px;
  color: #000000;
  display: block;
  transition: 0.3s;
  border:1px solid #f00353;
  border-top:0px;
  font-weight:normal;
}

/* When you mouse over the navigation links, change their color */
.sidebar a:hover {
  color: #f00353;
}

/* Position and style the close button (top right corner) */
.sidebar .closebtn 
{
	background-color:#f00353;
	color:#FFFFFF;
	border:0px;
	margin:0px;
	text-align:center;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:20px;
}

.sidebar .closebtn:hover 
{
	color:#000000;
}


/* The button used to open the sidebar */
.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #000;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s; /* If you want a transition effect */
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}	
/* ===================== /SIDEBAR ==================== */







/* =============== LOADER ===============*/
.js div#preloader 
{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #333 url(../images/i-grande-cargando.png) no-repeat center center;
}	
/* =============== /LOADER ===============*/





/* =================== NAVBAR =====================*/
.navbar-inverse 
{
    background-color:#f00353;
	border:0px;
	border-bottom:1px solid #f00353;
	padding-bottom: 8px; /* Para que no se solape el contenido con la sombra */	
}

.navbar-inverse .logo
{
	margin-top:10px;
	margin-bottom:10px;
	max-width:90px;
	margin-left:auto;
	margin-right:auto;
}

#enlaceMenuLateral i
{
	color:#FFFFFF;
	margin-top:15px;	
}

#enlaceMiCuenta i
{
	color:#FFFFFF;
	margin-top:15px;	
}
/* =================== /NAVBAR =====================*/




/* =================== MODAL =====================*/
.modalHeader 
{
    background-color: #0d0d0b;
	border-bottom:1px solid #e5e5e5;
	border-color:#2b2b2b !important;
}

.modalHeader .logo
{
	margin-top:10px;
	margin-bottom:10px;
	max-width:90px;
	margin-left:auto;
	margin-right:auto;
}

.modal-body
{
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
}

.modalHeader .close
{
	margin-right:40px;
	margin-top:15px;
	color:#FFF;	
}

.modalTituloSeccion
{
	font-weight:bold;
	color:#333;
}

.modal-footer
{
	background-color:#FFF;	
}
/* =================== MODAL =====================*/



.panel-body-sinMargen
{
	padding:0px;
	padding-bottom:10px;	
}

.table
{
	margin-bottom:0px;	
}

.paquetesARetirarPortada
{
	margin-top:10px;	
}


.cabezeraPanel
{
	background-color:#f00353 !important; 
	color:#FFF !important;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}

.buttonEspecial1
{
	width:100%;
	margin-bottom:15px;
	text-align:left; 
}


.buttonFacebook
{
	color:#FFF;
	background-color:#2d4487;
}


.tituloPregunta
{
	font-weight:bold;
	font-size:24px;
	color:#FFF;
	text-align:center;
	margin-top:60px;
	margin-bottom:40px;
}

.buttonEspecial2
{
	width:100%;
	margin-bottom:15px;
	text-align:left;
	background-color:#e6e7e9;
	border-color:#e6e7e9;
	text-align:center;
}




.buttonFacebook:hover
{
	color:#333;
	background-color:#CCC;
}

.icono-pregunta
{
	max-width:40px;
	height:auto;	
}

a
{
	color:#f00353;
	font-weight:bold;
}

a:hover
{
	color:#666666;
	text-decoration:none;	
}




.perfilTituloDestacado
{
	font-weight:bold;
	color:#CCC;
	font-size:18px;
	text-transform:uppercase;
}

.perfilTitulo
{
	font-weight:bold;
	color:#CCC;
	font-size:16px;
	text-transform:uppercase;
}

.perfilBotonEditar
{
	background-color:#222;
	border-color:#f00353;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-size:10px;
	text-transform:uppercase;
	color:#cccccc;
}

.perfilBotonEditar:hover
{
	background-color:#000;
	border-color:#f00353;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-size:10px;
	text-transform:uppercase;
	color:#FFF;
}

.perfilBotonGuardar
{
	margin-top:10px;
	background-color:#e6e7e9;
	border-color:#e6e7e9;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	text-transform:uppercase;
}

.panelCabeceraEspecial1
{
	background-color:#e6e7e9 !important;
	color:#FFF !important;
	font-weight:bold !important;
}


.chatMensaje1
{
	width:80%;
	margin-bottom:15px;
	background-color:#e6e7e9;
	border-color:#e6e7e9;
	text-align:left;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	float:left;
}


.chatMensaje2
{
	width:80%;
	margin-bottom:15px;
	background-color:#FFF;
	border:1px solid #e6e7e9;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	text-align:right;
	float:right;
}

.chatPersonasEnlace
{
	border-color:#e6e7e9;
	border-radius:10px;
	font-weight:normal;
	text-align:center;
}

.nubeDeItereses {
    background-color: #000000;
    border-color: #e6e7e9;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left:20px;
	padding-right:20px;
    font-size: 14px;
    text-transform: uppercase;
	float:left;
	margin:10px;
}



.miPerfilCargandoContenedor
{
	position:inherit;	
}

.miPerfilCargando
{
	display:none;
	background: rgba(255, 255, 255, 0.8); 
	height:100%; 
	width:100%; 
	position:absolute; 
	border-radius: 6px; 
	text-align:center;	
}

.miPerfilCargando img
{
	margin-top:40%;	
}


.contnedorBotonSubirImagen
{
	position:absolute; 
	padding:10px;
}

#contenedorImagen04 img,
#contenedorImagen05 img,
#contenedorImagen06 img
{
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    /*background-color: #fff;*/
    border: 1px solid #ddd;
    border-radius: 4px;
}

.busquedaNombreResaltado
{
    color: #000;
    font-weight: bold;
    font-size: 22px;
    text-shadow: 0px 0 5px #FFF;	
}

.selectPaisIdioma
{
	margin-top:15px; 
	font-size:10px;
}



.contenedorDeCamposDePerfilAux
{
	background-color:#222;
	padding-top:10px;
	padding-bottom:5px;
	border-radius:10px;
}

#contenedorTiendaAuxParaCSS .list-group-item
{
	background-color:#222;
}






.modalTituloSeccion {
    margin: 0px;
    color: #FFF;
    font-weight: bold;
    background-image: url(../images/parallax.jpg);
    background-position: center center;
    padding: 30px;
    text-transform: uppercase;
}


.modalHeader
{
    background-color: #f00353;	
}

.modal-footer {
    background-color: #333;
}


.btn-primary:hover
{
	background-color:#000000;
	border-color:#000000;
}