/*====== G E N E R A L E S ========================================*/
body {
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	color:#222426;
	overflow-x: hidden!important;}

.row {margin:0 auto;}

.cont-full {
	width:100%!important;
	padding: 0px!important;}

.container-fluid {
	padding: 0px!important;
}

h1,h2,h3,h4,h5,h5, h6 {
	font-family: 'Domine', serif;
	text-transform: uppercase;}

h3{letter-spacing:6px;}

h6{
	letter-spacing:3px;
	text-align:left;
	margin: 20px 0 4px;}

.cont-980 {
	max-width: 980px;
	margin: 0 auto;
	}


.relleno {
	margin-top: 400px;
}

section p {text-align: justify;
}

p strong {
	font-weight: 400!important;
}

section	{
	margin: -30px auto 10px;
	padding:0 30px 30px;}


.ancla { padding-top: 120px; }

.cartel {
	background-image:url(../img/BG.jpg);
	background-size: cover;
	background-position: center center;
	filter:grayscale(100%);
	width: 100%;
	height:100%;
	position:fixed;
	top:100;
	z-index:1000;
	color:#fff;}

.cartel h1 {
	position: relative;
    top: 25%;
    left: auto;}

/*=================================================================
COLORES

NEGRO:#222426;
GRIS CLARO:#D9D9D9;
GRIS BAJADA FOOTER: #808080;
===================================================================*/



/*====== N A V + H E A D E R ======================================*/

nav {

	text-transform:uppercase;
	font-family: 'Khand', sans-serif;
	width: 100%;
	height:100px;
	background-color:#fff!important;
	}

.cont-nav {
	max-width:95%;
}
.navbar-toggler {
	padding: 0px!important;}

.navbar-collapse a {
	font-weight: 200;
	color:#222426!important;
	text-decoration:none;
	letter-spacing: 2px;
	

	/* para efecto subrayado */
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;}

	/* para efecto subrayado */
.navbar-collapse a:hover, .navbar-collapse a:focus, .navbar-collapse a:active{
	font-weight: 400;
	background-size: 60% 1px!important;
	background-position: 50% 100%!important;
	color:#808080!important;}

.navbar-collapse {
	background-color:#fff!important;
/*padding:50px; PONER ESTO EN MEDIAQUERIS*/}

.navbar-nav {
	margin-top: 25px;}


.LZB-logo {
	width:100px;}


.nav-bg-scroll {
	height:20px!important;
}

header {
	
	height:400px;
	background-image:url(../img/BG.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	filter:grayscale(100%);
	

	}



.bajada-header {
	text-transform:uppercase;
	color:#fff;
	position:relative;
	top: 50%;}

.bajada-header h1{
	letter-spacing:10px;
	padding: 0 10px;
	}

.bajada-header h4{
	letter-spacing: 8px;
    opacity: 60%;
    padding: 0 10px;
    font-size: 15px;
	}

/*===============================================================*/


.jumbo-mision {
	background-color:#f8f8f8!important;
}


/*====== AREAS ==================================================*/

.areasnav-tel a {
	font-size:8px!important;
	letter-spacing: 1px!important;
}

.owl-carousel {
	width:100%!important;
	
	margin-bottom:100px;
}

.owl-carousel .item {
	padding:5px;
}

.areas-carousel .owl-dots .owl-dot{
	width: 8px;
    height: 8px;
    background-color: #eaeaea;
    border-radius: 50%;
	margin: 0px 3px!important; }

.photo {overflow:hidden;}

.photo img:hover{
	filter:grayscale(100%);
	transform: scale(1.1);
	transition:0.5s;}


.area-bajada a{
	font-family: 'Domine', serif;
	text-transform: uppercase;
	font-size: 10px;
    color: #D9D9D9;
    letter-spacing:2px;
    text-align: center;
    margin:10px;
}

.area-bajada a:hover{
	color: #808080;
	transition:0.5s;
	text-decoration:none;
    
}

.menuSlider span {
	font-family: 'Domine', serif;
	text-transform: uppercase;
	font-size: 10px;
    color: #D9D9D9;
}



.owl-item p {
	text-align:justify;
}

.areas-carousel .owl-nav {
	display:inline-block!important;
}

.areas-carousel .owl-prev {
	position: relative;
    top: 24px;
    right: 65px;
}

.areas-carousel .owl-next {
	position: relative;
    top: 24px;
    left: 65px;
}
/*===============================================================*/

#historia {
	margin: -28px auto 50px;
}

.carousel-historia .owl-next {
	left: 28px!important;
    top: 26px;
    position: relative;}

.carousel-historia .owl-prev {
	right: 28px!important;
    top: 26px;
    position: relative;}

.carousel-historia .owl-stage-outer {
	margin-bottom: -71px!important;
}


.conocemas {
	background-image:url(../img/parallax.jpg);

	background-size:cover;
	background-repeat: no-repeat;
	background-position: 50% 0%;

	height:300px;
	width: 100%;
    margin: 0px!important;
    padding: 0px;
    border-top:5px solid #fff;
    border-bottom:5px solid #fff;
}

.cont-conoce {
	padding:0px!important;
}

.bajada-historia {
    margin-top: 107px;
    color: #1c1c1c;
    letter-spacing: 3px;}

.bajada-historia a{
	color:#1c1c1c;
	text-decoration:none;}

.bajada-historia a:hover{
	color:#b5b5b5;
	transition: 0.5s;}


.abuelo-descrip {
	margin-top: -100px;
}
/*====== CONTACTO ==================================================*/

.jumbo-tact{
	color:#fff!important;
	background-color:#222426;
}

.mapa {
	padding:0px!important;
	margin:0px!important;}

.cont-mapa {
	margin:0px!important;
	padding: 5px;
	background-color:#fff;
	overflow:hidden;
}

#contacto i {
	width: 20px; 
	text-align:left;
}


.cont-datos {
	
    text-align:left;
}

.redes {
	margin-top:30px;
}

.redes a{
	color:#fff;
	text-decoration:none;}

.redes a i:hover{
	color:#D9D9D9;
	text-decoration:none;
	transform: scale(1.4)!important;
	transition:0.3s;}

.contactanos {
	padding-top:50px;
	text-align:left;
}

iframe {
	height:340px;}

#contacto p {
	padding-right:20px;
	text-align: left;
}
/*===============================================================*/


/*====== FOOTER =================================================*/

footer {
	text-align: center;
	height:50px;
	background-color:#222426;
	}

.creditos {
	margin: 0 auto;
}

.creditos:before {
    margin: 0px auto 8px;
    content: "";
    display: block;
    width: 200px;
    height: 0.5px;
    background-color: #808080;}


.creditos a, .creditos p {
	text-decoration:none;
	color:#808080;
	padding: 3px;
	letter-spacing:2px;
	text-transform: uppercase;
	font-family: 'Khand', sans-serif;
	font-size:10px;}

.creditos a:hover {
	color:#fff;
	transition:0.5s;
}



/*===============================================================*/


/*========== R E S P O N S I V E ==============*/


@media screen and (max-width:343px) {
 	
	#contacto p {
		font-size: 11px!important;}

    section h3 {
    	font-size:18px!important;
    	letter-spacing:2px;
    }

    
 } 


 @media screen and (max-width:430px) {
 	
	header h1 {
		font-size: 20px;
		transition:0.9s;} 

	header h4 {
		font-size: 15px;
		transition:0.9s;}

	

    section h3 {
    	font-size:20px;
    }

    section	p {
    	font-size: 13px;
    }

    .bajada-historia {
    	font-size: 20px;
    	margin-top: 30px;
    }

    .bajada-historia {
    margin-top: 51px;}

   
    

   

    


 } 


@media screen and (max-width:500px){

	.bajada-historia {
    	font-size: 20px;
    	margin-top: 58px;
    }

    header h4 {
    	    letter-spacing: 2px;
    }

   .areas-carousel p {
   	font-size:9px!important;
   }
}

@media screen and (max-width:600px) {
 	
 	

	.carousel-historia .owl-next {
	left: 70px!important;
    top: 26px;
    position: relative;
	transition:0,8s;}

	.carousel-historia .owl-prev {
		right: 70px!important;
	    top: 26px;
	    position: relative;
		transition:0,8s;}

	.conocemas {
    	height:200px!important;
    	background-position: 80% 0%!important;
    }




	.bajada-header h4 {
		letter-spacing: 3px;
    	opacity: 60%;
    	padding: 0 10px;
    	font-size: 11px;}

	#contacto p {
		font-size:14px!;
	}

    }



 @media screen and (max-width:700px) {
 	

	.bajada-header h1 {
		letter-spacing: 6px;
    	
    	font-size: 24px;
		transition:0.9s;} 

	header h4 {
		font-size: 12px;
		transition:0.9s;}

	header {
    height: 291px;}

    .bajada-header {
    top: 55%;}

    .menuSlider span {
	font-size: 8px;}

 } 




@media screen and (max-width:960px) {
 	

	.carousel-historia .owl-next {
	left: 50px;
    top: 26px;
    position: relative;
	transition:0,8s;}

	.carousel-historia .owl-prev {
		right: 50px;
	    top: 26px;
	    position: relative;
		transition:0,8s;}

 } 

@media screen and (max-width:990px) {

	/* para efecto subrayado */
	.navbar-collapse a:hover, .navbar-collapse a:focus, .navbar-collapse a:active{
		
		background-size: 10% 1px!important;
		background-position: 50% 100%!important; }

	.ancla {
    padding-top: 65px;} 
		


 }