@charset "UTF-8";
/* @import 'https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i';*/
 @import 'https://fonts.googleapis.com/css?family=Roboto:300,600,700|Lora:400';
/* CSS Document */
html,
body {
    height: 100%; /* Necesario a 100% para que el slide se vea a toda pantalla */
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#888b8d;
	font-size:15px;
	line-height:25px;
}
@-ms-viewport       { width: device-width; }
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
/*variables fijas */
section, #contacto{
	outline: none !important;
}
.navbar-brand {
  	padding: 0px;x
}
.navbar-brand>img {
  	height: 100%;
    padding: 1px 15px;
  	width: auto;
}
.navbar-brand-logo{
	opacity:0;
	transition:visibility .7s,width .35s,opacity .5s;
	visibility:hidden;
	width:0px
}
.navbar-brand-logo-scrolled{
	opacity:1;
	transition:visibility .7s,width .35s,opacity .5s;
	visibility:visible;
	width:100px;
}
@media (max-width: 770px) {
.navbar-brand-logo-scrolled{
	width:200px !important;
}
}
h1{
	font-family: 'Lora', sans-serif;
	font-weight:400;
	font-size:58px;
	padding-bottom:20px !important;
	color: #881f1d;
	text-transform: lowercase;
}
h2{
	font-family: 'Lora', sans-serif;
	font-weight:400;
	font-size:48px;
	padding-bottom:20px !important;
	color: #881f1d;
}
.text-telefono{
	font-size: 25px !important;
}
a{outline: 0 !important;
}
.red{
	color:#FF0004 !important;
}
.green{
	color:#5CC800 !important;
}
.yellow{
	color:#FFC100 !important;
}
.linea_top{
	border-top:solid 1px #EBEBEB !important;
}
.mas_gordito{
	font-weight:500;
	font-size:20px;
}
.letra-pequenya{
	font-size:13px !important;
}
.letra-normal-tabla{
	font-size:15px !important;
}
.padding-top-inicio-home{
	padding-top:180px;
}

.padding-top-inicio{
	padding-top:280px;
}
.padding-top-inicio-panel-control{
	padding-top:300px;
}
.padding-top{
	padding-top:50px;
}
.padding-top-10{
	padding-top:10px;
}
.padding-bottom-100{
	padding-bottom:100px;
}
.padding-bottom{
	padding-bottom:50px;
}
.padding-bottom-10{
	padding-bottom:10px;
}
.padding-bottom-boton{
	padding-bottom:10px;
}
.padding-bottom-small{
	padding-bottom:50px;
}
.alert {
   width:40%;    
}
/*Empieza carousel*/
.carousel{
	max-width:1350px !important;
	width:100%;
}
.carousel-caption {
	z-index: 10;
}
.image {
    height: 500px;
    background-position: center;
    background-size: cover;
}
.image-top { /* altura de la imagen del slide */
    height: 450px;
    background-position: center;
    background-size: cover;
}
.carousel-control.left,
.carousel-control.right {
  background-image: none;
	display: none !important;
}
.carousel-caption {
    background: rgba(0, 0, 0, 0.35);
	border-radius:5px;
}
/*Termina carousel y empiezan los botones de carrousel*/

.carousel .active,
.carousel .next,
.carousel .prev {
  display: block;
}
.carousel .active {
  left: 0;
}
.carousel .next,
.carousel .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel .next {
  left: 100%;
}
.carousel .prev {
  left: -100%;
}
.carousel .next.left,
.carousel .prev.right {
  left: 0;
}
.carousel .active.left {
  left: -100%;
}
.carousel .active.right {
  left: 100%;
}
.carousel-control,
.carousel-control:link,
.carousel-control:visited,
.carousel-control:focus, 
.carousel-control:active {
  position: absolute;
  top: 45%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 30px;
  font-weight: 100;
  line-height: 28px;
  color: #881f1d;
  text-align: center;
  background:rgba(45,45,45,0.10);
  border: 3px solid #881f1d;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.carousel-control.right {
  left: auto;
  right: 15px;
}
.carousel-control:hover{
  color: #881f1d;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-caption {
    background: rgba(0, 0, 0, 0.0);
	border-radius:5px;
	text-shadow: 1px 1px 1px #333333;
	font-size:20px;
	font-weight:bold;
}
/*Termina los botones de carrousel*/
/* Boton Custom */
.btn-custom { 
  color: #FFF; 
  background-color: #881f1d; 
  /*border-color: #EDEDED;*/ 
} 
.btn-custom:hover, 
.btn-custom:focus, 
.btn-custom:active, 
.btn-custom.active, 
.open .dropdown-toggle.btn-custom { 
  color: #881f1d; 
  background-color: #fff; 
  /*border-color: #EDEDED; */
} 
 
.btn-custom:active, 
.btn-custom.active, 
.open .dropdown-toggle.btn-custom { 
  background-image: none; 
} 
 
.btn-custom.disabled, 
.btn-custom[disabled], 
fieldset[disabled] .btn-custom, 
.btn-custom.disabled:hover, 
.btn-custom[disabled]:hover, 
fieldset[disabled] .btn-custom:hover, 
.btn-custom.disabled:focus, 
.btn-custom[disabled]:focus, 
fieldset[disabled] .btn-custom:focus, 
.btn-custom.disabled:active, 
.btn-custom[disabled]:active, 
fieldset[disabled] .btn-custom:active, 
.btn-custom.disabled.active, 
.btn-custom[disabled].active, 
fieldset[disabled] .btn-custom.active { 
  background-color: #881f1d; 
  border-color: #881f1d; 
} 
.link_1 a:link, .link_1 a:visited, .link_1 a:active {
	color: #881f1d;
	text-decoration:none;
}
.link_1 a:hover {
	color: #4a4a4a;
	text-decoration:none;
}
.link--arrowed:hover:after {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}
.link--arrowed:after {
    background-image: url(../img/gambalia-s-l-flecha.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: inline-block;
    margin-left: 10px;
    margin-top: -2px;
    width: 15px;
    height: 15px;
    -webkit-transition: all 80ms ease-out;
    transition: all 80ms ease-out;
    vertical-align: middle;
}
/* terminan variables fijas */


/* EMPIEZA TODO EL TEMA MENUS */
/* empieza icono menu colapse */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
}
.navbar-toggle {
  border:solid 1px #fff !important;
  background:rgba(136,31,29,1.00) !important;
}
.navbar-toggle:hover {
  background:rgba(136,31,29,0.50) !important;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
  -ms-transform: rotate(45deg);
  -ms-transform-origin: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: rotate(45deg);
}
.navbar-toggle .middle-bar {
  opacity: 0;
  filter: Alpha(opacity=0);
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
  -ms-transform: rotate(-45deg);
  -ms-transform-origin: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -webkit-transform-origin: rotate(-45deg);
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
  -ms-transform: rotate(0);
  -ms-transform-origin: rotate(0);
  -webkit-transform: rotate(0);
  -webkit-transform-origin: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
  filter: Alpha(opacity=100);
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
  -ms-transform: rotate(0);
  -ms-transform-origin: rotate(0);
  -webkit-transform: rotate(0);
  -webkit-transform-origin: rotate(0);
}
/* termina icono menu */
/* Aquí empieza el menu a una distancia X del top */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.nav-space-height {
	height: 150px; /* aquí se varia la distancia el menú del top */
	/*background: url('../img/gambalia-s-l-cabecera.jpg') no-repeat center center; */
	background-color: #ffffff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* bootstrap 3 helpers Necesario para stiky menu cuando llega al top*/
#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
	
}
#sidebar.affix-top {
    position: static;
}
#sidebar.affix {
    position: fixed;
    top: 80px;
}
/* Termina el menú a una distancia X */
.main-logo {
	width:100%;
	max-width: 360px;
	margin-top: 0px;
}
/* Custom el menu */
.navbar-default {
	background-color: rgba(255,255,255,1.0);  /*El color del fondo de la barra*/ 
	border-top:1px solid rgba(216,216,216,0.90);
	box-shadow: 0px 2px 4px 0 rgba(156,156,156,0.5);
	border-radius: 0;
	line-height:40px;
	color:#000;
}
.navbar-default .navbar-nav>.active>a {
	color: #757575; 
	background-color: rgba(71,71,71,0.0); /* la opacidad antes en 0.3 */
	border-bottom: 2px solid #881f1d !important;
}
.navbar-default .navbar-nav>li>a {
	color: #757575;
	background-color: rgba(71,71,71,0.0); 
}
.navbar-default .navbar-nav>li>a:hover {
	color: #4a4a4a; 
	background-color: rgba(71,71,71,0.0); /* la opacidad antes en 0.3 */
}
.navbar-default .navbar-nav>li>a:focus {
	color: #757575; 
	background-color: rgba(71,71,71,0.0);
}
.navbar-default .navbar-nav > .active > a:hover {
	color: #4a4a4a; 
	background-color: rgba(71,71,71,0.0); /* la opacidad antes en 0.3 */
}
.navbar-default .navbar-nav > .active > a:focus {
	color: #757575; 
	background-color: rgba(71,71,71,0.0); /* la opacidad antes en 0.3 */
}
/*-- change navbar dropdown color --*/
.navbar .nav > li.dropdown.open.active > a:hover
{
	color: #4a4a4a; 
	background-color: rgba(71,71,71,0.0); /* la opacidad antes en 0.3 */
}
.navbar .nav > li.dropdown.open > a
{
	color: #757575; 
	background-color: rgba(71,71,71,0.0); /* la opacidad antes en 0.3 */
}
.navbar-default .dropdown-menu {
   	color: #757575; 
	background-color: rgba(255,255,255,1.0); /* la opacidad antes en 0.5 */
	border:0px !important;
	min-width:4px;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:link, .dropdown-menu > li > a:visited, .dropdown-menu > li > a:active {
    color: #757575; 
	background-color: rgba(71,71,71,0.0); /* la opacidad antes en 0.3 */
	font-weight:300 !important;
}
.dropdown-menu > li > a:hover {
    color: #4a4a4a; 
	background-color: rgba(71,71,71,0.0); /* la opacidad antes en 0.3 */
}
.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}
/* Termina el custom mennu */
/* TERMINA TEMA MENUS */

/* SECCION compraventa */
/* nuevo Parallax */
.parallax {
  position: relative;
  opacity: 1.00;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax {
  background-image: url("../img/gambalia-s-l-fondo.jpg");
  height: 620px;
}
/* Fin Parallax */
/* FLIP DIV entire container, keeps perspective */
/* simple */
.flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
	border: 0px solid #ccc;
}
/*
.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
	filter: FlipH;
    -ms-filter: "FlipH";
}
*/
/* START: Accommodating for IE */
	.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
/* END: Accommodating for IE */
.flip-container, .front, .back {
	width: 320px;
	height: 427px;
}
.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.6s;
	-moz-transition: 0.6s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
	position: absolute;
	top: 0;
	left: 0;
}
.front {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	background: lightgreen;
	z-index: 2;
	border-radius:10px;
}
.back {
	background: lightblue;
	-webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
	border-radius:10px;
}
.front_1{
/*	background: url(../img/gambalia-s-l-gamba-pelada.jpg) 0 0 no-repeat;*/
background-color:#FFFFFF;
}
.back_1{
background-color:#f6f6f6;	
}
.front .name {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	text-align: center;
	/*text-shadow: 0.1em 0.1em 0.05em #acd7e5;*/
}
.front .icono {
	position: absolute;
	top: 140px;
	left: 0;
	right: 0;
	text-align: center;
	padding: 0 20px;
}
.front .icono img{
	max-width: 160px !important;
	width: 100%;
	text-align: center;
}
.front h3 {
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	text-align: center;
}
.back-title {
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
	text-align: center;
}
.back p {
	position: absolute;
	top: 90px;
	left: 0;
	right: 0;
	text-align: justify;
	padding: 0 20px;
}
.back .boton {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	text-align: center;
}
.back .boton2 {
	position: absolute;
	bottom: 80px;
	left: 0;
	right: 0;
	text-align: center;
}
/* fin FLIP DIV  entire container, keeps perspective */

/* FIN SECCION compraventa */

/* SECCION Ubicación */
#google_map {
  height: 600px;
}
.logo_google_maps{
	width:150px;
	height:50px;
}
/* FIN SECCION Ubicación */


/* SECCION CONTACTO */
#contacto {
  background-color: #f6f6f6 !important;
}
.img-contact{
	max-width:250px;
	width:100%;
	height:auto;
}
/* FIN SECCION CONTACTO */



/* Empieza popup de Cookies */
#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
}
#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    height: auto;
    width: 100%;
    text-align:center;
    background-color:rgba(160,160,160,0.84);
}
#infobox3 p {
	color:#FFFFFF;
	padding:20px;
    font-size:12px;
    text-align:center;
}
a.info:link, a.info:visited, a.info:active {
	color:#881f1d;
    margin-right:5px;
    text-decoration: underline;
}
a.info:hover {
	text-decoration: none;
	color:#000;
}
/* Termina popup de Cookies */

/* VENTANA MODAL */
.modal-content-error {
  background-color:#FFC3C4;
  color:#B3494B;
}
.modal-body-error {
  background-color:#FFC3C4;
  color:#B3494B;
}
.modal-content-ok {
  background-color:#CDFDD1;
  color:#0B6C00;
}
.modal-body-ok {
  background-color:#CDFDD1;
  color:#0B6C00;
}
/* FIN VENTANA MODAL */



/* SECCION FOOTER */
a.footer_link:link {
	color:#000;
    margin-right:5px;
    text-decoration: none;
}
a.footer_link:visited {
	text-decoration: none;
	color: #000;
}
a.footer_link:hover {
	text-decoration:none;
	color:#881f1d;
}
a.footer_link:active {
	text-decoration: none;
	color: #000;
}
/* FIN SECCION FOOTER */

/* LOGIN.PHP */
.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}
.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}

.account-wall
{
    margin-top: 20px;
    padding: 40px 0px 20px 0px;
    background-color: #f7f7f7;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.login-title
{
    color: #555;
    font-size: 18px;
    font-weight: 400;
    display: block;
}
.profile-img
{
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.need-help
{
    margin-top: 10px;
}
.new-account
{
    display: block;
    margin-top: 10px;
}

/* FIN LOGIN.PHP */
@media (max-width: 763px) {
.parallax {
  height: 1100px;
}
}
@media (max-width: 480px) {
h1{
	font-weight:400;
	font-size:38px;
}
	}
/* Estilo unificado y personalizado para botones de redes sociales */
.btn-redes-custom {
    background-color: #881f1d !important;
    color: white !important;
    border: 1px solid #881f1d !important;
    border-radius: 4px !important;
    transition: all 0.3s ease;
}

.btn-redes-custom:hover {
    background-color: white !important;
    color: #881f1d !important;
    border-color: #881f1d !important;
}

/* Estilo para los iconos dentro del botón, incluyendo el tamaño */
.btn-redes-custom .fa-brands {
    font-size: 1.5em; /* Ajusta este valor para hacer los iconos más grandes o más pequeños */
    line-height: inherit; /* Para centrar el icono dentro del botón */
}