@charset "UTF-8";
/* CSS Document */

/** galeria **/
.galeria {
	position: relative;
	display: block;
	padding: 0;
	list-style: none;
	border: 10px solid #e5e5e5;
	box-shadow: 0 0 10px -2px #000;
	overflow: hidden;
	max-height: 510px;
	height:187px;
	width: 555px;
	/*margin: 0 auto 2em auto;*/
	float:left;
	background-color:#C00;
	margin:10px 15px 20px 10px;
}

.galeria:nth-child(2n+1){
	float: right;
}

.galeria li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #1a1a1a;
	paddiing: .4em;
}

.galeria li img {
	width: auto;
	max-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.1em;
	text-align: left;
	/*font-variant: small-caps;
	text-transform: lowercase;*/
	display: block;
	vertical-align: center;0
	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;
}
.progreso{
	position: fixed;
	height: .2em;
	width: 100%;
	display: block;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 10;
}


	#barra-progreso{
	/*background:  -moz-linear-gradient(top, #1199FF, #0055AA);
	background:  -webkit-linear-gradient(top, #1199FF, #0055AA);
	background:  -ms-linear-gradient(top, #1199FF, #0055AA);
	background:  -o-linear-gradient(top, #1199FF, #0055AA);
	background:  linear-gradient(top, #1199FF, #0055AA);
	ELIMINANDO ESTO SE PONE SIN COLOR LA BARRA DE PROGRESO, SIN LA CUAL PARECE QUE NO FUNCIONA EL SLIDESHOW
	*/			
	display: block;
	height: .2em;
	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: 100%;
}
#barra-progreso.reset{
	width: 0%;
}*/