/* All pages */
html {
  position: relative;
  min-height: 100%;
}

body { 
	padding-top: 70px;
	margin-bottom: 70px
}

.nav-tabs{
	margin-bottom: 20px;
}

.footer{
	/*position: relative;*/
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 10px;
	background-color: #eee;
}

.footer>p{
	text-align: center;
	margin: 5px;
}

/* Home */

/* Carousel */
.carousel .item {
	height: 300px;
}

.carousel img {
	position: relative;
 	top:  0;
 	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	min-height: 100%;
	min-width: 675px; /*Actual width of the slide*/
}

.carousel-caption{
	text-shadow: 0 0 4px black;
}

/* Sections presentation */
.division .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}

.division .col-lg-4 p {
  margin-right: 5px;
  margin-left: 5px;
  /*text-align: justify;*/
}


/* Sections */

/* Title section */
.container .jumbotron {
	padding: 10px 15px;
	background-color: #eee;
}

.container .jumbotron>h2{
	margin-top: 20px;
	margin-bottom: 20px;
}

/* project info */
.thumbnail h3{
	font-variant: small-caps;
	font-size: 22px;	
}

.tag{
	font-variant: normal;
	font-size: medium;
	color: #4cae4c;
}

.thumbnail .img{
	min-width: 100%;
	height: auto;
	transition: opacity 0.25s;
}

.thumbnail .img:hover{
	opacity: 0.75;
}

.thumbnail .caption .btn{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: -10px;
	width: 33%;
}

/*games/expe pages*/

/*Dimmer*/
.dimmer {
	position: relative;
	float:right;
	margin-top: 7px;
	margin-right: -0px;
	z-index: 11;
}

#dimmer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	background: #000;
	opacity: 0;
}

/*Interactive content*/
.gamecontainer{
	width: 100%;
}

.gamecontainer .swf{
	position: relative;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	border: 5px solid #232323;
	border-radius:5px;
	z-index: 11;
}

.gamecontainer .alert{
	position: relative;
	display: table;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 10px;
}

.android{
	margin-top: 10px;
}

.thumbnail li{
	font-size: small;
}

.bs-callout{
	padding:10px 20px;
	margin:10px 0;
	border:1px solid #eee;
	border-left-width:5px;
	border-radius:3px;
}
.bs-callout h3{margin-top:0;margin-bottom:5px}
.bs-callout p:last-child{margin-bottom:0}
.bs-callout code{border-radius:3px}
.bs-callout+.bs-callout{margin-top:-5px}
.bs-callout-success{border-left-color:#d9534f}
.bs-callout-success h3{color:#d9534f}
.bs-callout-warning{border-left-color:#f0ad4e}
.bs-callout-warning h3{color:#f0ad4e}
.bs-callout-info{border-left-color:#5bc0de}
.bs-callout-info h3{color:#5bc0de}
.bs-callout h3{margin-top:0;margin-bottom:5px}
.bs-callout ul{margin-bottom: 0px;}

/*Responsive CSS*/

@media (max-width: 1200px) {
	.thumbnail .caption >h3 {
		font-size: 18px;
	}
	.thumbnail .caption .tag {
		font-size: 14px;
	}
}

@media (min-width: 768px) {
	.carousel-caption p {
		margin-bottom: 20px;
		font-size: 21px;
		line-height: 1.4;
	}
}

@media (min-width: 675px) { /*Actual width of the carousel picture*/
	.carousel .item {
		height: 400px;
	}

	.carousel img {
		position: relative;
 		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		min-width: 100%;
		min-height: auto;
	}
}