html { background: white;
		}

body { cursor: default; }


/*
* { transition: all ease 300ms; }
*/


a     {-webkit-transform: rotate(0);}
a img {-webkit-backface-visibility: hidden;}

a {outline : none;}
a img {outline : none;}
img {border : 0;}


/*modal*/
.mosaico-info img {margin-top: 20px   }

/* Estilos de margen y tamaño */

.m-t-10 {margin-top:10px;}
.m-t-20 {margin-top:20px;}
.m-t-30 {margin-top:30px;}
.m-t-40 {margin-top:40px;}
.m-t-50 {margin-top:50px;}

.m-b-10 {margin-bottom:10px;}
.m-b-20 {margin-bottom:20px;}
.m-b-30 {margin-bottom:30px;}
.m-b-40 {margin-bottom:40px;}
.m-b-50 {margin-bottom:50px;}


.p-0 { padding: 0; }

.p-t-10 {padding-top:10px;}
.p-t-20 {padding-top:20px;}
.p-t-30 {padding-top:30px;}
.p-t-40 {padding-top:40px;}
.p-t-50 {padding-top:50px;}
.p-t-100 {padding-top:100px;}

.p-b-10 {padding-bottom:10px;}
.p-b-20 {padding-bottom:20px;}
.p-b-30 {padding-bottom:30px;}
.p-b-40 {padding-bottom:40px;}
.p-b-50 {padding-bottom:50px;}
.p-b-100 {padding-bottom:100px;}

.p-l-40 {padding-left:40px;}

.m-l-30 {margin-left:30px;}
.m-l-40 {margin-left:40px;}


.p-r-40 {padding-right:40px;}


.mosaicoinfo img {margin bottom: 10px; }


.btn-evento{
	background: rgba(152,195,84,1); 
	color:rgba(255,255,255,1);
	border-radius: 20px !important;
}



/* Estilos de textos 


h1, h2, h3 { font-family: 'Old Standard TT', serif;  }




h1 { 	font-weight: 300;}

h2 { 	font-weight: 300; }

h3 { 	font-weight: 300;
		font-size: 1.8em;}
*/

h1, h2, h3 { font-family: 'Montserrat', sans-serif; }
	

h4 {	font-weight: 300;
		font-size: 1.7em;
		font-style: italic;
		font-family: 'Montserrat', sans-serif; }


.texto-footer { font-family: 'Montserrat', sans-serif; 
				line-height: 40px;}


.texto-intro { 	font-family: 'Montserrat', sans-serif; 
				font-size: 1.2em;
				line-height: 2em;
				font-weight: 300; }

.titulo-texto { font-family: 'Rouge Script', cursive;
				font-weight: 300; font-size: 3.5em;
				letter-spacing: -1px;
				color:rgba(205,161,63,1);}



.catalogo-info h1 { font-family: 'Roboto Slab', serif;
					font-weight: 700; }

.catalogo-info p { font-family: 'Roboto Slab', serif;
					font-size: 1.2em;
					font-weight: 300; }







/* estilos de color */

.bgm-gris-1 { background: rgba(200,200,200,1); }

.bgm-gris-2 { background: rgba(170,170,170,1); }

.bgm-gris-3 { background: rgba(140,140,140,1); }

.c-blanco { color: rgba(255,255,255,1); }

.c-gris-1 { color: rgba(120,120,120,1); }


.bgm-negro { background:rgba(0,0,0,1); }



/* Menu principal */

.navbar-top-2 { background:rgba(0,0,0,0.8); }



.close { opacity: 1; font-size: 3em; }


.menu-icono-fijo { position: fixed;
					background:rgba(0,0,0,0.3);
					padding: 4px;
					z-index: 98;
					top: 10px;
					right: 10px; }

.lista-menu li { list-style: none; }

.lista-menu li a { color: rgba(255,255,255,1); 
					font-family: 'Montserrat', serif;
					line-height: 3em;
					font-size: 1.5em; }




.menu-movil li {	list-style: none;}

.menu-movil li a { 	font-family: 'Montserrat', sans-serif;
						font-weight: 700;
						font-size: 1.4em;
						line-height: 2em;
						text-decoration: none;
						color:rgba(255,255,255,0.6);
						text-shadow: 0 0 2px rgba(0,0,0,0.3); }


.menu-movil li a:hover { color:rgba(255,255,255,1); }

.menu-movil li a.active { color:rgba(255,255,255,1); }

.close-menumovil { color: white; opacity: 1;
					font-size: 3em;}

.close-submenu-desarrollos{color: white; opacity: 1;
					font-size: 3em;}

.telefono-encabezado {	font-family: 'Montserrat', sans-serif;
						font-weight: 400;
						color:rgba(255,255,255,1);}


.telefono-encabezado a {font-family: 'Montserrat', sans-serif;
						font-weight: 700;
						padding-left: 10px;
						padding-right: 10px;
						color:rgba(255,255,255,1);}


.boton-menu-movil { position: fixed;
					z-index: 99;
					right: 14px;
					background: rgba(0,0,0,0.5);
					padding: 12px; }






/* Estilos de seccion */

.seccion-menu-principal { background:rgba(0,0,0,0.4);
							position: fixed;
							z-index: 99;
							min-width: 100%; 
							padding:20px 0 10px;}


.seccion-portada-inicio { 	position: absolute;
							z-index: 99;
							min-width: 100%; 
							padding-top: 20%;}


.carousel-portada { min-height: 100%; }


.menu-principal-portada li a{ 
								font-family: 'Montserrat', serif;
								font-weight: 200;
								font-size: 1.6em;
								color: rgba(255,255,255,1); 
								padding: 0 20px;}



.menu-principal-portada li a:hover { text-decoration: none; }



.menu-portada-redes li a{ 
								font-family: 'Montserrat', serif;
								font-weight: 200;
								font-size: 1.5em;
								color: rgba(255,255,255,1); }



.menu-portada-redes li a:hover { text-decoration: none; }






.menu-principal li a{ 
								font-family: 'Montserrat', serif;
								font-weight: 200;
								font-size: 1.4em;
								line-height: 3em;
								color: rgba(255,255,255,1); }



.menu-principal li a:hover { text-decoration: none; }








.seccion-historia{	background: url(../img/jb-historia.jpg) no-repeat bottom;	
								background-size: cover;	
							     padding: 100px 0 150px}




.seccion-categorias-portada { position: absolute;
								z-index: 99;
								width: 100%;
								margin-top: -200px; }




.contenedor-2 {	background: url(../img/bg/bg-01.png) no-repeat top;	
								background-size: cover;	}

.contenedor-2 {	background: url(../img/bg/bg-02.jpg) no-repeat top;	
								background-size: cover;	}

.seccion-sede{	background: url(../img/) no-repeat top;	
								background-size: cover;	}


.reserva-titulo-1 { font-family: 'Montserrat', serif;
					font-size: 1.6em;
					padding: 10px; 
					font-weight: 300;}



.seccion-categorias-portada a img {  -webkit-filter: grayscale(1); 
										opacity: 0.7;}

.seccion-categorias-portada a img:hover {  -webkit-filter: grayscale(0); 
											opacity: 1;}
.seccion-categorias-portada-2 a img {  -webkit-filter: grayscale(1); 
										opacity: 0.7;}

.seccion-categorias-portada-2 a img:hover {  -webkit-filter: grayscale(0); 
											opacity: 1;}






/* estilos de botón */

.btn { 	border-radius: 0 !important;
		border: 0;
		padding: 10px 40px;
		font-family: "Montserrat", sans-serif;
		font-weight: 400;
		text-transform: uppercase;}


.btn-negro { 	background: rgba(0,0,0,1); 
			 	color:rgba(255,255,255,1);
				box-shadow: 0 0 0 rgba(100,100,100,0);}

.btn-negro:hover { 	background: rgba(0,0,0,1); 
			 		color:rgba(255,255,255,1);
			 		box-shadow: 0 6px 0 rgba(100,100,100,0.8);}





.btn-reserva { 	background: rgba(176,0,124,1); 
			 	color:rgba(255,255,255,1);
				box-shadow: 0 0 0 rgba(100,100,100,0);
				padding: 15px 100px;}

.btn-reserva:hover { 	background: rgba(88,0,62,1); 
			 		color:rgba(255,255,255,1);
			 		box-shadow: 0 6px 0 rgba(100,100,100,0.8);}



.btn-reserva:active { 	background: rgba(88,0,62,1); 
			 		color:rgba(255,255,255,1);
			 		box-shadow: 0 6px 0 rgba(100,100,100,0.8);}		


.btn-reserva:focus { 	background: rgba(88,0,62,1); 
			 		color:rgba(255,255,255,1);
			 		box-shadow: 0 6px 0 rgba(100,100,100,0.8);}					 			 		





.modal { background-color:rgba(0,0,0,0.8) !important; }

.modal-content { background:none;
							box-shadow: none;
							border: 0; }









/* Estilos de thumbnail establecimientos */


.thumbnail-establecimientos { border: 0; 
								border-radius: 0;
								padding: 0;
								min-height: 200px;
								min-width: 100%;
								background-color:rgba(180,180,180,1) !important;
								background-repeat: no-repeat;	
								}


.thumbnail-establecimientos > .caption { position: absolute;
										z-index: 9;
										top:10px;
										left:30px;
										font-family: 'Roboto', sans-serif; 
										color:rgba(255,255,255,1);
										}


.thumbnail-establecimientos > .caption h3 { font-weight: 700; 
											font-family: 'Roboto', sans-serif; }


.thumbnail-establecimientos {  -webkit-filter: grayscale(1); }

.thumbnail-establecimientos:hover {  -webkit-filter: grayscale(0); }										


.label-1 {
	color: orange;
    letter-spacing: 1px;
}

.label-2 {
	color: rgba(150,150,150,0.3);
    letter-spacing: 1px;
}


.jb-search input { background: none;
					border-radius: 0;
					border:0;
					border-bottom: 1px solid white;
					
					}


.jb-search input:focus { color:white; }

.ui-autocomplete {
    transition: none !important;

}


.ui-widget-content { border: 0 !important;
					line-height:2em !important; }


.ui-menu-item-wrapper { padding: 0px 10px 10px !important; }


.ui-menu-item-wrapper:hover { 

						background: rgba(97,217,239,0.5) !important;
						border:none !important;
						outline: none !important;}



/* Estilos de bootstrap */


.panel { border-radius: 0;
			border:0; 
			box-shadow: 0 0 0 rgba(0,0,0,1);}


.panel-desarrollos { background: url(../img/bg-panel-01.jpg) no-repeat bottom;
						background-size: cover; }




.nav-justified > li > a { font-family: 'Montserrat', sans-serif;
						padding-top:20px;
						padding-bottom:20px;
						background:rgba(240,240,240,1);
						color: rgba(100,100,100,1);
						text-transform: uppercase;
						border-right: 2px solid rgba(255,255,255,1); }


.nav-justified > li > a:hover { 
						background:rgba(220,220,220,1);
						border-right: 1px solid rgba(255,255,255,1); }						


.nav-tabs.nav-justified > li > a { border-radius: 0; border-bottom: 0;}


.nav-tabs > li.active > a { background:black; 
							color: white;}

.nav-tabs > li.active > a:hover { background:black; 
							color: white;}



.carousel-control.right { background-image: none; }

.carousel-control.left { background-image: none; }

.carousel-caption { top: 50%;
transform: translateY(-20%); }


.carousel-caption h3{ font-size: 2.5em;
						 }



.row{
    overflow: hidden; 
}

[class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

iframe { min-height: 540px; }





/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 


			h1 { 	font-family: 'Montserrat', sans-serif; 
					font-size: 2em;
					font-weight: 700;
					text-transform: uppercase;}

			h2 { 	font-family: 'Montserrat', sans-serif;
					font-size: 1.5em;
					font-weight: 300; }



			.texto-intro { 	font-size: 1em;
							line-height: 2em;
							font-weight: 300; }




}