/* CSS Document */

* {
	box-sizing:border-box;
	font-family: 'Roboto', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;

}
html{
  scroll-behavior: smooth;
 }

body{
	padding:0;
	margin:0;	
	background-image:url(imagenes/bgContent.gif);
	background-repeat:repeat;
/*	background-color:#f1f1f1;*/
	color:#FFF;
}	


/*********   PIE PIE FOOTER FOOTER ***********/

.footer-fondo{
	background-color:#25333a;
}

footer{
	width:100%;
	color:#FFF;
	display:flex;
	flex-direction:row;
	justify-content:center;	
	padding-top:25px;
	min-height:300px;
}

.footer-item{
	text-align:center;
	padding:25px;
	color:white;
	text-decoration:none;
}

.footer-item a {
	color:white;
	text-decoration:none;
	cursor:pointer;
}

@media only screen and (max-width: 600px) {
	footer{
		flex-direction:column;
		align-items:center;
		justify-content:center;	
	}	
	.slideshow-container {
		height:300px;
	}	
}

/**   FIN DE FOOTER ******/

.border-sides{
	border-left:thin #09C solid;	
	border-right:thin #09C solid;	
	padding-left:25px;
	padding-right:25px;
}

.font-bold{ font-weight:bold;}
.font-size-10{ font-size:10px; }
.font-size-12{ font-size:12px; }
.font-size-14{ font-size:14px; }
.font-size-16{ font-size:16px; }
.font-size-18{ font-size:18px; }
.font-size-20{ font-size:20px; }
.font-size-22{ font-size:22px; }
.font-size-24{ font-size:24px; }
.font-size-26{ font-size:26px; }
.font-size-28{ font-size:28px; }
.font-size-30{ font-size:30px; }
.font-size-32{ font-size:32px; }
.font-size-34{ font-size:34px; }
.font-size-36{ font-size:36px; }
.font-size-38{ font-size:38px; }
.font-size-40{ font-size:40px; }
.font-size-42{ font-size:42px; }
.font-size-44{ font-size:44px; }
.font-size-46{ font-size:46px; }
.font-size-48{ font-size:48px; }
.font-size-50{ font-size:50px; }
.font-size-52{ font-size:52px; }
.font-size-54{ font-size:54px; }
.font-size-56{ font-size:56px; }
.font-size-58{ font-size:58px; }
.font-size-60{ font-size:60px; }
.text-color-black { color:#000; }
.text-color-red { color:#F00; }
.text-color-blue { color:blue; }
.text-color-green { color:#000; }
.text-color-lime { color:#9F0; }
.text-color-white { color:#FFF; }
.text-color-green3{ color:#23d8a0;}
.padding-5{ padding:5px;}
.padding-10{ padding:10px;}
.padding-15{ padding:15px;}
.padding-20{ padding:20px;}
.padding-25{ padding:25px;}
.padding-30{ padding:30px;}
.padding-35{ padding:35px;}
.padding-40{ padding:40px;}
.padding-45{ padding:45px;}
.padding-50{ padding:50px;}
.text-align-justify { text-align:justify; }
.font-style-italic { font-style:italic;}
.text-u { text-decoration:underline; }

/* MISION IDEM MISION IDEM ****************************/
.mision{
	display:flex;
	justify-content:center;
	padding:30px;
	align-items:center;
	margin:20px 60px 60px 60px;
/*	background-image:url(imagenes/vector7.jpg); */
	background-image:url(imagenes/fdn4.jpg);
	background-repeat:repeat;
	
	border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px 30px 30px 30px;
	-ms-border-radius: 30px 30px 30px 30px;
	-o-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px;
	
	box-shadow:			10px 5px 10px grey;	
	-moz-box-shadow:5px 10px 20px grey;	
	-ms-box-shadow:5px 	10px 20px grey;	
	-o-box-shadow:5px 	10px 20px grey;	
	-webkit-box-shadow:	5px 10px 20px grey;	
	
}
.mision-wrapper{
	width:500px;	
	opacity:0.8;
}
.mision-titulo{
	width:100%;
	font-size:60px;
}

.mision-contenido{
	width:100%;
	font-size:22px;
	font-style:italic;
	text-align:justify;
}
/*ANIMACIONES */
/* APARECE */
.box {

	animation: show-animate .3s linear;	
	-moz-animation: show-animate .3s linear;	
	-ms-animation: show-animate .3s linear;	
	-o-animation: show-animate .3s linear;	
	-webkit-animation: show-animate .3s linear;	
	
	opacity:1;
}
@keyframes show-animate {
	from {
		transform: scale(0.7);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;	
	}
}



.idem-3{
	background-image:url(imagenes/fdn5.jpg);
	background-repeat:repeat;
	margin:20px 60px 60px 60px;

	border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px 30px 30px 30px;
	-ms-border-radius: 30px 30px 30px 30px;
	-o-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px;
	
	box-shadow:			10px 5px 10px grey;	
	-moz-box-shadow:5px 10px 20px grey;	
	-ms-box-shadow:5px 	10px 20px grey;	
	-o-box-shadow:5px 	10px 20px grey;	
	-webkit-box-shadow:	5px 10px 20px grey;	
	
	}
.idem-3-wrapper{
	padding:20px;
	width:100%;
	display:flex;
	flex-direction:row;
	}
.idem-3-titulo{
	width:250px;
	display:block;
	min-height:200px;
	margin:20px;
	text-align:center;
	}
	
.idem-3-titulo label { width:100%; display:block;}
.idem-3-foto {
  width: 100%;
  height: 35vw;
  margin: 0 auto;
  overflow: hidden;
  position: relative;	
  border-radius: 0px 20px 20px 0px;
}

.idem-3-foto img {
  
  width: 100%;
  animation: 				move 60s infinite  ;
  -webkit-animation: 		move 60s infinite  ;
  -moz-animation: 			move 60s infinite  ;
  -ms-animation: 			move 60s infinite  ;
  -o-animation: 			move 60s infinite  ;
  position: absolute;
    	

}


@media only screen and (max-width: 800px) {
	.idem-3-wrapper{
		flex-direction:column;
	}
	.idem-3-titulo{
		width:100%;
	}
	
}



@-webkit-keyframes move {
    0% {
      opacity: 0;
    }
    5% {
      opacity: 1;
    }
    50% {
        transform: scale3d(1.5, 1.5, 1.5) translate3d(50px, 50px, 0px);
        animation-timing-function: ease-in;
        opacity: 1;
    }
    75% {
        transform: scale3d(1.25, 1.25, 1.25) translate3d(50px, -25px, 0px);
        animation-timing-function: ease-in;
        opacity: 1;
    }
    95% {
        transform: scale3d(1.5, 1.5, 1.5) translate3d(-50px, -50px, 0px);
        animation-timing-function: ease-in;
        opacity: 1;
    }
    100% {
        transform: scale3d(2.5, 2.5, 2.5) translate3d(-100px, -40px, 0px);
        opacity: 0;
    }
}	


.div_fondo_gris_rayado{
	background-color:#FFF;
/*	background-image:url(imagenes/gris5.jpg);
	background-repeat:repeat;
	*/
	font-size:28px;
	margin:25px;
	padding:20px;
	border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px 30px 30px 30px;
	-o-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px;
	-ms-border-radius: 30px 30px 30px 30px;
	
	box-shadow:			10px 5px 10px grey;	
	-moz-box-shadow:5px 10px 20px grey;	
	-ms-box-shadow:5px 	10px 20px grey;	
	-o-box-shadow:5px 	10px 20px grey;	
	-webkit-box-shadow:	5px 10px 20px grey;	
	
}

h1 {	
	font-family: 'Satisfy';
	font-size:72px;	
	color:#3daf2c;
	margin:10px;
	padding:0px;
}

.div_fondo_gris_rayado  h1 {	
	font-family: 'Satisfy';
	font-size:72px;	
	color:#3daf2c;
}

.div_fondo_gris_rayado  h2 {	
	font-family: 'Satisfy';
	font-size:54px;	
}

.div_fondo_gris_rayado  h3 {	
	font-family: 'Satisfy';
	font-size:36px;	
}

h3 {	
	font-family: 'Satisfy';
	font-size:36px;	
}


/*CONSTRUYENDO*/
.div_fondo_gris_otro1{
	background-color:#FFF;
	background-image:url(imagenes/gris5.jpg);
	background-repeat:repeat;
	margin:25px;
	padding:20px;
	border-radius: 30px 30px 30px 30px;
}



.font-patrick-hand {
	font-family: 'Patrick Hand', cursive;
}

.font-satisfy {
	font-family: 'Satisfy', cursive;	
}

.espacios-1{ width:100%; height:20px; }
.espacios-2{ width:100%; height:40px; }
.espacios-3{ width:100%; height:60px; }
.espacios-4{ width:100%; height:80px; }
.espacios-5{ width:100%; height:100px; }


/*animacion para el menu mobile */
.menu-animation {
	animation: 			menu-mobile-animate .3s linear;	
	-moz-animation: 	menu-mobile-animate .3s linear;	
	-ms-animation: 		menu-mobile-animate .3s linear;	
	-o-animation: 		menu-mobile-animate .3s linear;	
	-webkit-animation: 	menu-mobile-animate .3s linear;	
	display:block;
	opacity:1;
}
@keyframes menu-mobile-animate  {
	from {
		transform:translateX(-300px);
		opacity: 1;
	}
	to {
		transform:translateX(0px);
		opacity: 1;	
	}
}



.menu-animation-close {
	animation: 			menu-mobile-animate-close .3s linear;	
	-moz-animation: 	menu-mobile-animate-close .3s linear;	
	-ms-animation: 		menu-mobile-animate-close .3s linear;	
	-o-animation: 		menu-mobile-animate-close .3s linear;	
	-webkit-animation: 	menu-mobile-animate-close .3s linear;	
	opacity:0;
}
@keyframes menu-mobile-animate-close  {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;	
	}
}



#div-show{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#666;
	z-index:125000;
	opacity:0.1;
	display:flex;		
}


.div-show {
	animation: 			div-show .5s linear;	
	-moz-animation: 	div-show .5s linear;	
	-ms-animation: 		div-show .5s linear;	
	-o-animation: 		div-show .5s linear;	
	-webkit-animation: 	div-show .5s linear;	
	opacity:0;
	display:none;
	z-index:0;
}
@keyframes div-show{
	from {
		opacity: 0.3;
	}
	to {
		opacity: 0;	
	}
}




@media only screen and (max-width: 600px) {
	
	.div_fondo_gris_rayado{
		margin-top:100px;
		font-size:16px;
	}
	.div_fondo_gris_rayado  h1 {	
		font-size:54px;	
	}
	.div_fondo_gris_rayado  h2 {	
		font-size:42px;	
	}
	.div_fondo_gris_rayado  h3 {	
		font-size:24px;	
	}


	
	
	.mision{
		margin:20px 20px 20px 20px;
		border-radius: 30px 30px 30px 30px;
		font-size:22px;
		padding:20px;
		
	}
	
	h1 {	
		font-size:54px;	
	}
		

.idem-3{
	margin:20px 20px 20px 20px;
	}

	
}

.text-color-gris1{
	color:#666;
	}

#btn1-floating{
	border-radius:100%;
	background-color:#9F0;;
	height:60px;
	width:60px;
	z-index:1260000;
	bottom:30px;
	right:30px;
	position:fixed;
	display:none;
	border:none;
	font-size:30px;

	box-shadow:			10px 5px 5px black;	
	-moz-box-shadow:5px 10px 20px grey;	
	-ms-box-shadow:5px 	10px 20px grey;	
	-o-box-shadow:5px 	10px 20px grey;	
	-webkit-box-shadow:	5px 10px 20px grey;	
	
	cursor:pointer;
	
}


.div-btns{
	padding:25px;
	display:flex;
	flex-direction:column;	
	align-items:center;
	justify-content:center;
	width:100%;
}
.div-btns button{
	margin: 10px 0px 10px 0px;
	animation:animationBtns 1s 1;
	position:relative;
	width:300px;
	padding:20px;
}


@media only screen and (max-width: 600px) {
	.div-btns button{
		width:250px;
	}
}
@keyframes animationBtns{
	from{ left:450px;}
	to{ left:0px;}
}

.div-form{
	
	width:80%;
	margin:auto;
	display:flex;
	flex-direction:column;
	flex-justify:flex-start;
	background-color:#CCC;
	border-radius:10px 10px 10px 10px;
	padding:10px;
	
}

input[type='text'], input[type='email'], input[type='tel'], textarea {
	padding:10px;
	font-size:20px;
	margin-bottom:5px;
	border:thin #666 solid;
	border-radius:10px 10px 10px 10px;	
}

button{
	padding:10px;
	font-size:20px;
	color:white;
	background-color:#06C;
	border:none;
	border-radius:30px 30px 30px 30px;
	box-shadow:3px 5px 5px grey;
	cursor:pointer;
}


.margin-left-25{ margin-left:25px;}
.bg-dark{ background-color:#666;}

.div-contacto1{
		display:flex;
		width:95%;
		margin:auto;
		
}

.div-contacto2{
		width:80%;
		background-color:#CCC;
		border-radius:10px 10px 10px 10px;	
		margin:auto;
		padding:30px;
		font-size:24px;
}

.div-contacto2 a{ 
		text-decoration:none;
		color:#333;
		cursor:pointer;
		

}

@media only screen and (max-width: 600px) {
	.div-contacto2 a{ 
		padding:5px;
		font-size:16px;
	}
}

@media only screen and (max-width: 600px) {
	
	h3{
		font-size:18px;
	}

	.div-contacto2 a{ 
		padding:5px;
		font-size:16px;
	}
}


.div-contacto2-idem{
	margin-top:15px;
	margin-bottom:15px;
}


.loading1-small-container{
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#FFF;
}

.loading1-small-container img {
	background-image:url(imagenes/loading2.gif);
	background-repeat:no-repeat;	
	width:200px;
}

.animate-from-bottom{
		
	
}