body { 
	padding-top: 80px;
	background-image: url(../images/fondo-pc.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: white;
	overflow: scroll;
}
@font-face {
	font-family: Gato;
	src: url(../fonts/clavegato-normal.ttf);
}
@font-face {
	font-family: China;
	src: url(../fonts/ClaveChina-II-Normal.ttf);
}
@font-face {
	font-family: Semaforo;
	src: url(../fonts/clave-semaforo.ttf);
}
/************************** Estilos para Menú y Header ********************************/
.navbar{padding:0px 20px 0px 20px !important;}
.navbar-light, .footer-wrapper{
	/*background-color:#622599;*/
	background-color: rgba(98,37,153,0.7);
	color:white;
}
.footer-wrapper{padding:10px 0px 10px 0px;}
/* Este es para los elementos en general */
.navbar-light .navbar-nav .nav-link {color: white;}
.navbar-light:hover .navbar-nav:hover .nav-link:hover {color: white;}
/*  Este es para el elemento activo lo puedes omitir si asi deseas */
.navbar-light .navbar-nav .active>.nav-link  {color: yellow;font-weight:bold;}
.nav-item:hover, .navbar-link:hover {
	background-color:#5D0024;
	padding:20px 0px 20px 0px;
}
/****************************************************************************************/
a.sin-estilos:link, a.sin-estilos:visited, a.sin-estilos:hover, a.sin-estilos:active {
	color:white;
	text-decoration:none;
}
p {
	font-family: 'Chewy', cursive;
	text-align: justify;
}
.center{text-align:center;}

/******************************** Headers ***********************************************/
h1, h2 {
	font-family: 'Permanent Marker', cursive;
	padding:20px 0px 20px 0px;
}
.blanco{color:white;}

/******************************** Fondos ***********************************************/
.fondo-blanco{
	background-color: white !important;
	color:#622599 !important;
}

/******************************** Redes ***********************************************/
.facebook{color:#3b5998;}
.twitter{color:#55acee;}
.instagram{color:#e4405f;}
.linkedin{color:#0072b1;}
.googleplus{color:#dd4b39;}
.pinterest{color:#bd081c;}
.facebook, .twitter, .instagram, .linkedin, .googleplus, .pinterest{background-color:none ;}

/******************************** Claves ***********************************************/
.clave-gato{
	font-family:Gato;
	font-size:3em;
}
.clave-china{
	font-family:China;
	font-size:3em;
}
.clave-semaforo{
	font-family:Semaforo;
	font-size:3em;
}
/****************************************************************************************/

/* Distintas imágenes para dos resoluciones diferentes */
/* Tamaño mediano a grande */
@media screen and (min-width: 600px) {
	/*.h2-index{
		text-align: center;
		font-size: 5em;
		text-shadow:4px 4px 10px white ;
		color: #0045FF;
	}*/
	/*** Parallax ***/
	.parallax1 {background-image: url('../images/v1.jpg');}
	.parallax2 {background-image: url('../images/v2.jpg');}
	.parallax3 {background-image: url('../images/v3.jpg');}
	.parallax4 {background-image: url('../images/v4.jpg');}
	.parallax1, .parallax2, .parallax3, .parallax4  {
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		color: white;
	}
}
/* Tamaño pequeño */
@media screen and (max-width: 599px) {
	
	/*.h2-index{
		text-align: center;
		font-size: 3em;
		text-shadow:4px 4px 10px white ;
		color: #0045FF;
		/*background-color: rgba(255,255,255,0.5);
	}*/
	/*** Parallax ***/
	.parallax1 {background-image: url('../images/v1.jpg');}
	.parallax2 {background-image: url('../images/v2.jpg');}
	.parallax3 {background-image: url('../images/v3.jpg');}
	.parallax4 {background-image: url('../images/v4.jpg');}
	.parallax1, .parallax2, .parallax3, .parallax4  {
		/*background-attachment: fixed;*/
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		color: white;
	}
	
}