@charset "UTF-8";
/* CSS Document */

body {
  margin: 0;
  padding: 0;
  height: 100vh;
  background-color:white;
  background-attachment: fixed;
	

}



@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?i226ha');
  src:  url('fonts/icomoon.eot?i226ha#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?i226ha') format('truetype'),
    url('fonts/icomoon.woff?i226ha') format('woff'),
    url('fonts/icomoon.svg?i226ha#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}



.social-bar {
	position: fixed;
	right: 1%;
	top: 35%;
	font-size: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	z-index: 100;
}

.icon {
	color: white;
	text-decoration: none;
	padding: .7rem;
	display: flex;
	transition: all .5s;
}

.icon-facebook {
	background: #2E406E;
	background-image:url( ../img/face.png); /*Imagen de Fondo*/
	
}

.icon-twitter {
	background: #339DC5;
}

.icon-youtube {
	background: #E83028;
}

.icon-instagram {
	background: #3F60A5;
}

.icon:first-child {
	border-radius: 1rem 0 0 0;
}

.icon:last-child {
	border-radius: 0 0 0 1rem;
}

.icon:hover {
	padding-right: 3rem;
	border-radius: 1rem 0 0 1rem;
	box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);
}


footer{
	
	
	background-image:url( ../Fotos/Formatos/footer.jpg); /*Imagen de Fondo*/
		
	background-size: 100%;
	background-repeat: no-repeat;
	font-family: oswald;
	background-attachment: fixed;
	
font-size: 17px;
	
	
}

#foot{
	
	margin-left: 40px;

	
}


#portada{
	width: 100%;
}


.bloque1{
	
	 /*margin: 0;
  padding: 0;
  height: 90vh;^*/
	
	/*background: #52d9e5; /*color del fondo*/
	background-image:url( ../img/portadaIntro2.png); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: 100%;
	
}


#tabla1{
	/*margin-top: 60px;*/
	width: auto;
		font-family: oswald;
	border-collapse: separate;
  border-spacing:  50px;

}

/*#formatoImagen {
    float: center;
    text-align: justify;    
  width: auto;
	font-family: oswald;
	}*/


#introPrologo{
	
	width: 400px;
	text-align: justify;
 font-family: oswald;
	font-size: 19px;
	font: bold;
	color: white;
	text-shadow: 2px 2px 2px #000, 1px 1px 1px #000, 1px 1px 1px #000, 1px 1px 1px #000;
		/*text-shadow: -5px -5px 5px white, 5px 5px 5px white, -5px 5px 5px white, 2px -2px 2px white;*/
/*word-spacing: .1em; */
	
	
	
	


}


.bloque2{
	
	/* margin: 0;
  padding: 0;
  height: 100vh;*/
	
	
	/*background: #52d9e5; /*color del fondo*/
	background-image:url(  ../Fotos/Formatos/fondo1.png); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: 100%;
	
}


#tabla2{
	width: auto;
		font-family: oswald;
	 border-radius: 8px;
	border-collapse: separate;
  border-spacing:  35px;
	

}


.bloque3{
	
	/* margin: 0;
  padding: 0;
  height: 100vh;*/
	
	
	/*background: #52d9e5; /*color del fondo*/
	background-image:url(  ../Fotos/Formatos/jardines2.png); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: 100%;
	
}


#tabla3{
	width: auto;
		font-family: oswald;
	border-collapse: separate;
  border-spacing:  35px;
	margin-left: 60%;
	

}


.bloque4{
	
	 /*margin: 0;
  padding: 0;
  height: 90vh;^*/
	
	/*background: #52d9e5; /*color del fondo*/
	background-image:url(  ../Fotos/Formatos/inclusion.png); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: 100%;
	
}


#tabla4{
	/*margin-top: 60px;*/
	width: auto;
		font-family: oswald;
	border-collapse: separate;
  border-spacing:  50px;

}


.bloque9{
	
	 /*margin: 0;
  padding: 0;
  height: 90vh;^*/
	
	/*background: #52d9e5; /*color del fondo*/
	background-image:url(  ../Fotos/Formatos/fondo9.png); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: 100%;
	
}


#tabla9{
	width: auto;
		font-family: oswald;
	border-collapse: separate;
  border-spacing:  35px;
	margin-left: 60%;
	

}



.bloque6{
	
	 /*margin: 0;
  padding: 0;
  height: 90vh;^*/
	
	/*background: #52d9e5; /*color del fondo*/
	background-image:url(   ../Fotos/Formatos/Formatootroarte.png); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: 100%;
	
}


#tabla6{
	width: auto;
		font-family: oswald;
	border-collapse: separate;
  border-spacing:  35px;
	/*margin-left: 800px;*/

}
	
	
.bloque7{
	
	/* margin: 0;
  padding: 0;
  height: 100vh;*/
	
	
	/*background: #52d9e5; /*color del fondo*/
	background-image:url( ../Fotos/Formatos/fondoTarzan.png); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: 100%;
	
}


#tabla7{
	width: auto;
		font-family: oswald;
	border-collapse: separate;
  border-spacing:  35px;
	margin-left: 60%;
	

}	



.bloque8{
	
	 /*margin: 0;
  padding: 0;
  height: 90vh;^*/
	
	/*background: #52d9e5; /*color del fondo*/
	background-image:url(  ../Fotos/Formatos/FondoGranFiesta.png); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: 100%;
	
}


#tabla8{
	width: auto;
		font-family: oswald;
	border-collapse: separate;
  border-spacing:  35px;
	/*margin-left: 750px;*/

}



.bloqueF{
	
	/* margin: 0;
  padding: 0;
  height: 100vh;*/
	
	
	/*background: #52d9e5; /*color del fondo*/
	background-image:url(  ../Fotos/Formatos/FondoGranFiesta.png); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: 100%;
	
}


#tablaF{
	width: auto;
		font-family: oswald;
	border-collapse: separate;
  border-spacing:  35px;
	
	

}	

@media screen and (max-width: 800px) {
	
	
	.social-bar {
	position: fixed;
	right: 3%;
	top: 35%;
	font-size: 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	z-index: 100;
}
	
	
		#tabla3{
	width: auto;
		font-family: oswald;
	
	
  
		margin-left: -1px;

}
	
	#tabla7{
	width: auto;
		font-family: oswald;
	
	
		margin-left: -1px;

}
	
	#tabla4{
	width: auto;
		font-family: oswald;
	
	
		margin-left: 1px;

}
	
	#tabla9{
	width: auto;
		font-family: oswald;
	
	
		margin-left: -1px;

}
	
	
	#introPrologo{
	
	width: auto;
	text-align: justify;
 font-family: oswald;
	font-size: 19px;
	font: bold;
	color: white;
	text-shadow: 1px 1px 1px #000, 1px 1px 1px #000, 1px 1px 1px #000, 1px 1px 1px #000;
		/*text-shadow: -5px -5px 5px white, 5px 5px 5px white, -5px 5px 5px white, 2px -2px 2px white;*/
/*word-spacing: .1em; */
	
	
	
	


}
	
	#infoFoto{
		width: 270px;
	}
	
	#infoFoto2{
		width: 270px;
		/*margin-left: 1px;*/
	}
	
	#tabla55{
	width: auto;
		font-family: oswald;
	border-collapse: separate;
  border-spacing:  35px;
	

}
	
	
	.bloque1{
	
	background-image:url( ../Fotos/Formatos/messy-arrangement-puzzles/168474-OVJKK6-877.jpg); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: cover;
	
}
	
	.bloque2{
	
	background-image:url( ../Fotos/Formatos/06.jpg); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: cover;
	
}
	
	.bloque3{
	
	background-image:url(  ../Fotos/Formatos/OPZT9Q0.jpg); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: cover;
	
}
	
	.bloque4{
	
	background-image:url(  ../Fotos/Formatos/46410.jpg); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: cover;
	
}
	
	.bloque5{
	
	background-image:url(  ../Fotos/Formatos/46410.jpg); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: cover;
	
}
	
	.bloque6{
	
	background-image:url( ../Fotos/Formatos/84053-OHAI2M-527.jpg); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: cover;
	
}
	
	.bloque7{
	
	background-image:url(  ../Fotos/Formatos/2259768.jpg); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: cover;
	
}
	
	.bloque8{
	
	background-image:url(  ../Fotos/Formatos/82309-OGQWH7-563.jpg); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: cover;
	
}
	
	.bloque9{
	
	background-image:url(  ../Fotos/Formatos/5371.jpg); /*Imagen de Fondo*/
	background-attachment: fixed;
	background-size: cover;
	
}
}