/** galeria **/
.galeria {
	position: relative;
	display: block;
	padding: 0;
	list-style: none;
	/*border: 1em solid #e5e5e5;
	box-shadow: 0 0 10px -2px #000;*/
	overflow: hidden;
	/*max-height: 510px;
	height: 7%;
	width: 100%;
	max-width: 680px;
	margin: 0 auto 2em auto;
	float: right;*/
	margin: 0 auto;
    width: 265px;
    height: 183px;	
}

/*.galeria:nth-child(2n+1) {
	float: right;
}*/

.galeria li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 183px;
	list-style-type: none;
	/*background-color: #1a1a1a;
	paddiing: .4em;*/
}

.galeria li img {
	width: 100%;
	/*background: #1a1a1a;*/

}
.galeria .selected {
	z-index: 1;
	opacity: 1;
	-moz-transition: opacity 1s ease .5s;
	-ms-transition: opacity 1s ease .5s;
	-o-transition: opacity 1s ease .5s;
	-webkit-transition: opacity 1s ease .5s;
	transition: opacity 1s ease .5s;
}

.galeria .noselected {
	z-index: 0;
	opacity: 0;
	-moz-transition: opacity 1s ease .5s;
	-ms-transition: opacity 1s ease .5s;
	-o-transition: opacity 1s ease .5s;
	-webkit-transition: opacity 1s ease .5s;
	transition: opacity 1s ease .5s;
}

/*.galeria li:before {
	position: absolute;
	left: 0;
	height: 10%;
	width: 100%;
	content: attr(title);
	padding: .5em;
	background: rgba(0, 0, 0, .5);
	color: #EEE;
	font-size: 1.2em;
	text-align: left;
	font-variant: small-caps;
	text-transform: lowercase;
	display: block;
	vertical-align: center; 
	text-shadow: none !important;
}
.galeria li a:before {
	position: absolute;
	left: 0;
	height: 10%;
	width: 100%;
	content: attr(title);
	padding: .5em;
	background: rgba(0, 0, 0, .5);
	color: #EEE;
	font-size: 1.2em;
	text-align: left;
	font-variant: small-caps;
	text-transform: lowercase;
	display: block;
	vertical-align: center; 
	text-shadow: none !important;
}
.galeria .noselected:before {
	-moz-transition: bottom .5s ease 0s;
	-webkit-transition: bottom .5s ease 0s;
	-ms-transition: bottom .5s ease 0s;
	-o-transition: bottom .5s ease 0s;
	transition: bottom .5s ease 0s;
	bottom: -50px;
}

.galeria .selected:before {
	-moz-transition: bottom .5s ease 1s;
	-webkit-transition: bottom .5s ease 1s;
	-ms-transition: bottom .5s ease 1s;
	-o-transition: bottom .5s ease 1s;
	transition: bottom .5s ease 1s;
	bottom: 0;
}
/** barra progreso superior **/
.progreso {
	position: fixed;
	height: .1em;
	width: 10%;
	display: block;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 5;
}

#barra-progreso {
	background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
	background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
	background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
	background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
	background: linear-gradient(top, #FFFFFF, #FFFFFF);
	display: block;
	height: .1em;
	width: 0;
}

#barra-progreso.completo {
	-moz-transition: width 6s ease-in 1.1s;
	-webkit-transition: width 6s ease-in 1.1s;
	-ms-transition: width 6s ease-in 1.1s;
	-o-transition: width 6s ease-in 1.1s;
	transition: width 6s ease-in 1.1s;
	width: 10%;
}

#barra-progreso.reset {
	width: 0%;
}

/** mediaqueries **/
/*@media screen and (max-width:480px) {
.galeria{min-height: 100px; border: .3em solid #FFF; float: none !important; margin-bottom: 1em; width: auto;}	*/