body
{
	background-color: #6760F0;
	background-repeat: no-repeat;
	background-attachment: fixed ;
	background-size: 100%;
	margin: 0px;
}
html 
{	
	/*6760F0*/
}
.linksConImagen 
{
	-WebKit-border-radius: 35px;
	-border-radius: 35px;
	width: 70px; 
	height: 70px;
	background-position: center;
	background-repeat: no repeat;
	background-size: contain;
	background-color: #0009b2;
	border: 3px solid #ffcc00;
	<!--mirar color GoldenRod -en vez de orange- a ver con lo que combina en adobe kuler-->
	<!--padding: 25px;-->
	overflow: hidden; 
	float:center;
	box-shadow: 2px 2px 3px #806600;
	opacity: 0.6;
}
.linksConImagen:hover {
	opacity: 1;
	background-color: #0009b2;
	border: 3px solid #ffcc00;
}
		
.link{
	color: #F0D860;
}	

/*GameJam*/			
.Gamejams{
	display: flex;
	/*justify-content: space-around;*/
	align-items: stretch;
	margin: 0% 10% 0% 10%;
				
}

.indGameJameColBig, .indGameJameCol{
	align-content: center;
	border-radius: 2%;
	background-color: #F0D860;
	margin: 5% 5% 5% 5%;
	padding: 2%;
	width: 80%;
}

.indGameJameColBig{
	margin-left: auto;
  	margin-right: auto;

}

.GameJamColDiv{
	max-width: 1000px;
	margin-left: auto;
  	margin-right: auto;

}

.imgGameJam{
	width: 80%;
	display: block;
	margin-left: auto;
  	margin-right: auto;

}

.descriptionGameJam{
	margin:10px;
	text-align: center;
}



.description{
	/*border: 5px solid red;*/
	text-align: left ;
	color: black;
}

/*Proyects*/	
.projects{
	display: flex;
	flex-basis: auto;
	justify-content: space-around;
	align-items: center;
				
}

.indProjects{
	border-radius: 2%;
	background-color: #F0D860;
	/*border: 5px solid red;*/
	margin: 5% 0% 5% 5%;
	padding: 1% 2% 2% 3%;
	width: 70%;
}

.imgProjectsdiv{
	display: block;
	width: 100%;
	margin: 5% 5% 5% 10%;
	/*padding: 2%;*/
	

}

.imgProjects{
	-WebKit-border-radius: 50%;
	-border-radius: 35%;
	width: 70%; 
	height: 70%;
	background-position: center;
	background-repeat: no repeat;
	background-size: contain;
	background-color: #0009b2;
	border: 3px solid #ffcc00;
	overflow: hidden; 
	float:center;
	width: 30%; 
	height: 70%;
	box-shadow: 0px 0px 30px 0px #F0D860;
	opacity:1;
	/*color amarillo: #806600*/
}

.imgPlayStore{
	display: block;
	margin: auto;
}



.StarBattleCat{
	background-image: url("http://gordunstudio.com/woldwaggon image large.jpg");
	background-position: center;
	background-size: cover;
}

.ElementaColossus{
	background-image: url("http://gordunstudio.com/img/Capsula%20principal%20Elemental%20Colossus.png");
	background-position: center;
	background-size: cover;
}

.colaborations{
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	margin: 0% 7% 0% 7%;
}

.indColaboration{
	border-radius: 2%;
	background-color: #F0D860;
	/*border: 5px solid red;*/
	margin: 5% 2% 5% 2%;
	padding: 2% 2% 2% 2%;
}

.footer{
	background-color: #F0D860 ;
	padding: 2% 2% 2% 2%;
	display: flex;
	justify-content: space-around;
}
.socialMedia{
	display: flex;
	justify-content: space-around;
	align-items: stretch;
}

.stickySlider{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color: #3731A3;
	display: flex;
	justify-content: space-between;
	padding: 1% 2% 1% 2%;
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.5);
}

/* Slideshow */

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}


.mySlides {
	display: none;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

.numbertext {
  color: #F0D860;
  font-size: 22px;
  padding: 8px 12px;
  position: absolute;
}


#navlist {
	position:relative;
}
			
#navlist li {
	position:absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
			
#navlist li, #navlist a {
	height:44px;
	display: block;
}
			
#prev {
	left: 63px;
	width: 43px;
	background: url(img_navsprites.gif) -47px 0;
}
			
#next {
	left: 129px;
	width: 43px;
	background: url(img_navsprites.gif) -91px 0;
}

			
h2 {
    font-family: "Palatino Linotype";
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 26.4px;
    color: #F0D860;
    text-align: center;
}

p {
 font-size: 15px;
}
            
 /*
img {
  	width: 100%;
}
*/