/*estilos de letras*/
@font-face{
	src:url(../fonts/Kodchasan-Bold.ttf);
	font-family: Kodchasan;
}

@font-face{
	src:url(../fonts/Merriweather-Black.ttf);
	font-family: Merriweather;
}

@font-face{
	src:url(../fonts/BreeSerif-Regular.ttf);
	font-family: BreeSerif;
}

/*para todas las paginas*/
h1,h2,h4{
	font-family: BreeSerif;
}

h3, h5 , h6, textarea{
	font-family: Kodchasan;
}

/*scroll editado*/

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
}
 
::-webkit-scrollbar-thumb {
    background: #515151;
}

::-webkit-scrollbar-thumb:hover {
    background: #515151; 
}


	/*administrador*/
    .editar{
    	position: absolute;
    	left: 2%;
    	width: 30px;
    	height: 30px;
    	z-index: 999;
    }
    
    .editar img{
    	width: 100%;
    	height: 100%;
    	cursor: pointer;
    }
    
    .formulario-carousel{
    	display: none;
    	position: absolute;
    	width: 700px;
    	left: 5%;
    	z-index: 999;
    	background:rgba(0 , 0 , 0 ,0.80);
    }
    
    .formulario-carousel label{
    	color: white;
    }
    
    .formulario-carousel span{
    	color: white;
    }
    
    .formulario-carousel h3{
    	text-align: center;
    	color: white;
    }
    
    .formulario-carousel button{
    	margin-bottom: 2%;
    	background: #c6ab4c;
    	color: black;
    	border:none;
    	font-family: BreeSerif;
    	font: bold;
    }
    
    .formulario-carousel button:hover{
    	background: black;
    	color: white;
    }
    
    /*pagina*/
    
    .dropdown:hover>.dropdown-menu {
      display: block;
    }
    
    .dropdown > .dropdown-toggle:active {
        pointer-events: none;
    }
    
    /*.navbar, .navbar>.container, .navbar>.container-fluid{
    	width: 80%;
    }*/
    
    /*owl carousel*/
    
    
    .navbar .navbar-nav .nav-item a{
    	color: white;
    }
    
    .navbar .navbar-nav .nav-item .dropdown-menu{
    	background: #0c0c0c;
    	border:white 1px solid;
    	color: white;
    }
    
    .navbar .navbar-nav .nav-item .dropdown-menu a:hover{
    	background: #1f1f21;
    }
    
    .header strong{
    	font-family: Chicle-Regular;
    }
    .redes-header{
    	width: 20%;
    	height: 30px;
    	float: right;
    }
    
    .redes-header a{
    	text-decoration: none;
    }
    
    .redes-header img{
    	margin-left: 5%;
    	width: 20px;
    	height: 20px;
    }
    
    /*menu*/
    
    .header{
    	background:#0c0c0c;
    	z-index: 1;
    	width: 100%;
    	height: 100vh;
    }
    
    .navbar .navbar-brand > img{
    	width: 100px;
    	height: 75px;
    }
    
    .navbar .navbar-nav li>a{
    	font-family: BreeSerif;
    }
    
    .navbar{
    	/*background: black;*/
    }
    
    /*titulo layout*/
    
    .titulo-layout h1{
    	color: white;
    	margin-left: -4%;
    	margin-bottom: -3%;
    	text-align: center;
    }
    
    .carousel-inner {
      height: 500px;
      overflow: hidden;
    }
    
    .imagenes-header{
    	width: 100%;
    	height: 74px;
    	margin-top: -3%;
    }
    
    .imagenes-header img{
    	width: 100%;
    }
    
    .desplazamiento-vertical{
    	margin-left: 45%;
    	margin-top: 25%;
    	width: 10%;
    	height: 10%;
    	position: absolute;
    	z-index: 999;
    }
    
    .desplazamiento-vertical img{
    	margin-left: 25%;
    	width: 80px;
    	shape-outside: 80px;
    	-webkit-animation: tiembla 0.9s infinite;
    }
    
    /*footer o pie de pagina*/
    
    .footer{
    	background: black;
    	color: white;
    }
    
    #iconos-footer-ubicacion{
    	width: 40px;
    	height: 40px;
    }
    
    #iconos-footer-whatsapp{
    	width: 40px;
    	height: 40px;
    }
    
    #iconos-footer-telefono{
    	width: 32px;
    	height: 32px;
    }
    
    .footer h3{
    	text-align: center;
    }
    
    .footer h6{
    	text-align: center;
    }
    
    .footer h6{
    	margin-top: 10px;
    }
    
    #logo-footer{
    	width: 270px;
    	height: 210px;
    	margin-left: 15%;
    	display: block;
    	margin-top: 5%;
    }
    
    .footer a{
    	text-decoration: none;
    	color: white;
    }
    
    .footer a > h6{
    	margin-left: 10px;
    }
    
    .footer p{
    	margin-top: 100px;
    	text-align: center;
    }
    
    #iconos-footer-facebook{
    	width: 30px;
    	height: 30px;
    }
    
    #iconos-footer-youtube{
    	margin-left: 3px;
    	width: 25px;
    	height: 25px;
    }
    
    /*boton flotante para subir*/
    .top{
    	display: inline-block;
    	bottom: 110px;
    	right: 20px;
    	position: fixed;
    	z-index: 999;
    }
    
    .top img{
    	display: none;
    	width: 50px;
    	height: 50px;
    }


@media screen and (min-width:1800px){
	.carousel-inner{
	    height: 100%;
        overflow: hidden;
        margin-top: 5%;
	}
	.desplazamiento-vertical {
        margin-left: 45%;
        margin-top: 42%;
        width: 10%;
        height: 10%;
        position: absolute;
        z-index: 999;
	}
	#logo-footer {
        width: 270px;
        height: 210px;
        margin-left: 30%;
        display: block;
        margin-top: 5%;
	}
}

@media screen and (max-width:1024px){
    .carousel-inner{
        margin-top:-5%;    
    }
    
	.header strong{
		font-family: Chicle-Regular;
	}
	
	.redes-header{
		display: none;
	}

	/*menu*/

	.header{
		background:#0c0c0c;
		z-index: 1;
		width: 100%;
		height: 100vh;
	}

	.navbar .navbar-brand > img{
		width: 100px;
		height: 80px;
	}

	.navbar .navbar-nav li>a{
		font-family: BreeSerif;
	}

	/*titulo layout*/

	.titulo-layout{
		margin-bottom: 10%;
	}

	.titulo-layout h1{
		color: white;
		margin-left: -4%;
		text-align: center;
		font-size:23px;
	}

	.imagenes-header{
		width: 100%;
		height: 74%;
		margin-top: -3%;
	}

	.imagenes-header img{
		width: 100%;
		background-position: center;
		background-attachment: fixed;
	}

	.desplazamiento-vertical{
		margin-left: 45%;
		margin-top: 34%;
		width: 10%;
		height: 10%;
		position: absolute;
		z-index: 999;
	}

	.desplazamiento-vertical img{
		margin-left: 25%;
		width: 80px;
		shape-outside: 80px;
		-webkit-animation: tiembla 0.9s infinite;
	}

	.footer h2{
		font-size: 25px;
	}

	.footer h4{
		font-size: 15px;
	}

	.footer h6{
		font-size: 10px;
	}
	
	#logo-footer{
	    margin-left:2%;
	}
}
@media screen and (max-width:768px){
	.header strong{
		font-family: Chicle-Regular;
	}
	.redes-header{
		width: 30%;
		height: 30px;
		float: right;
	}

	.redes-header img{
		margin-left: 5%;
		width: 8%;
		height: 70%;
	}

	/*menu*/

	.header{
		background:#0c0c0c;
		z-index: 1;
		width: 100%;
		height: 100vh;
	}

	.navbar .navbar-brand > img{
		width: 100px;
		height: 80px;
	}

	.navbar .navbar-nav li>a{
		font-family: BreeSerif;
	}

	.navbar{
		/*background: black;*/
	}

	/*titulo layout*/

	.titulo-layout h1{
		color: white;
		margin-left: -4%;
		text-align: center;
	}

	.imagenes-header{
		width: 100%;
		height: 74%;
		margin-top: -3%;
	}

	.imagenes-header img{
		width: 100%;
		background-position: center;
		background-attachment: fixed;
	}

	.desplazamiento-vertical{
		margin-left: 45%;
		margin-top: 70%;
		width: 10%;
		height: 10%;
		position: absolute;
		z-index: 999;
	}

	.desplazamiento-vertical img{
		margin-left: 25%;
		width: 80px;
		shape-outside: 80px;
		-webkit-animation: tiembla 0.9s infinite;
	}

	.footer h2{
		font-size: 20px;
	}

	.footer h4{
		font-size: 13px;
	}

	.footer h6{
		font-size: 10px;
	}

	#logo-footer{
		width: 150px;
		height: 130px;
		margin: 0 auto;
		display: block;
		margin-top: 3%;
	}

	.footer p{
		margin-top: 20px;
		text-align: center;
		font-size: 9px;
	}
}

@media screen and (max-width:425px){
	.header strong{
		font-family: Chicle-Regular;
	}
	.redes-header{
		width: 30%;
		height: 30px;
		float: right;
	}

	.redes-header img{
		margin-left: 5%;
		width: 8%;
		height: 70%;
	}

	/*menu*/

	.header{
		background:#0c0c0c;
		z-index: 1;
		width: 100%;
		height: 100vh;
	}

	.navbar .navbar-brand > img{
		width: 100px;
		height: 80px;
	}

	.navbar .navbar-nav li>a{
		font-family: BreeSerif;
	}

	.navbar{
		/*background: black;*/
	}

	/*titulo layout*/

	.titulo-layout h1{
		color: white;
		margin-top: 15%;
		text-align: center;
		font-size: 20px;
	}

	.imagenes-header{
		width: 100%;
		height: 74%;
		margin-top: -3%;
	}

	.imagenes-header img{
		width: 100%;
		background-position: center;
		background-attachment: fixed;
	}

	.desplazamiento-vertical{
		margin-left: 40%;
		margin-top: 70%;
		width: 10%;
		height: 10%;
		position: absolute;
		z-index: 999;
	}

	.desplazamiento-vertical img{
		margin-left: 25%;
		width: 80px;
		shape-outside: 80px;
		-webkit-animation: tiembla 0.9s infinite;
	}

	.footer h2{
		font-size: 20px;
	}

	.footer h4{
		font-size: 13px;
	}

	.footer h6{
		font-size: 10px;
	}

	#logo-footer{
		width: 150px;
		height: 130px;
		margin: 0 auto;
		display: block;
		margin-top: 3%;
	}

	.footer p{
		margin-top: 20px;
		text-align: center;
		font-size: 9px;
	}
}

@media screen and (max-width:375px){
	.header strong{
		font-family: Chicle-Regular;
	}

	.carousel-inner{
		height: 250px;
	}

	.redes-header{
		width: 30%;
		height: 30px;
		float: right;
		display: none;
	}

	.redes-header img{
		margin-left: 5%;
		width: 8%;
		height: 70%;
		display: none;
	}

	/*menu*/

	.header{
		background:#0c0c0c;
		z-index: 1;
		width: 100%;
		height: 100vh;
	}

	.navbar .navbar-brand > img{
		width: 100px;
		height: 80px;
	}

	.navbar .navbar-nav li>a{
		font-family: BreeSerif;
	}

	/*titulo layout*/

	.titulo-layout h1{
		margin-top: 5%;
		color: white;
		text-align: center;
	}

	.carousel-inner {
	  height: 250px;
	  overflow: hidden;
	}

	.desplazamiento-vertical{
		margin-left: 40%;
		margin-top: 70%;
		width: 10%;
		height: 10%;
		position: absolute;
		z-index: 999;
	}

	.desplazamiento-vertical img{
		margin-left: 25%;
		width: 80px;
		shape-outside: 80px;
		-webkit-animation: tiembla 0.9s infinite;
	}

	.footer h2{
		font-size: 20px;
	}

	.footer h4{
		font-size: 13px;
	}

	.footer h6{
		font-size: 10px;
	}

	#logo-footer{
		width: 150px;
		height: 110px;
		margin: 0 auto;
		display: block;
		margin-top: 2%;
		margin-bottom: 3% 
	}

	.footer p{
		margin-top: 20px;
		text-align: center;
		font-size: 9px;
	}
}

@media screen and (max-width:320px){
	.header strong{
		font-family: Chicle-Regular;
	}
	.redes-header{
		width: 30%;
		height: 30px;
		float: right;
	}

	.redes-header img{
		margin-left: 5%;
		width: 8%;
		height: 70%;
	}

	/*menu*/

	.header{
		background:#0c0c0c;
		z-index: 1;
		width: 100%;
		height: 100vh;
	}

	.navbar .navbar-brand > img{
		width: 100px;
		height: 80px;
	}

	.navbar .navbar-nav li>a{
		font-family: BreeSerif;
	}

	.navbar{
		/*background: black;*/
	}

	/*titulo layout*/

	.titulo-layout h1{
		color: white;
		margin-left: -4%;
		text-align: center;
	}

	.imagenes-header{
		width: 100%;
		height: 74%;
		margin-top: -3%;
	}

	.imagenes-header img{
		width: 100%;
		background-position: center;
		background-attachment: fixed;
	}

	.desplazamiento-vertical{
		margin-left: 38%;
		margin-top: 60%;
		width: 10%;
		height: 10%;
		position: absolute;
		z-index: 999;
	}

	.desplazamiento-vertical img{
		margin-left: 25%;
		width: 80px;
		shape-outside: 80px;
		-webkit-animation: tiembla 0.9s infinite;
	}

	.footer h2{
		font-size: 20px;
	}

	.footer h4{
		font-size: 13px;
	}

	.footer h6{
		font-size: 10px;
	}

	#logo-footer{
		width: 150px;
		height: 130px;
		margin: 0 auto;
		display: block;
		margin-top: 3%;
	}

	.footer p{
		margin-top: 20px;
		text-align: center;
		font-size: 9px;
	}	
}
@-webkit-keyframes tiembla{
	0%  { -webkit-transform:translate(-5px); }
	50% { -webkit-transform:translate( 0px) scale(.8); }
	100%{ -webkit-transform:translate( -5px); }
}