#galeria{
	width: 100%;
	height: 30em;
  position: relative;
}
.imagenVista{
  background-color: rgba(61, 61, 61, 0.8);
  background-position: center center;
  background-size:cover;
  height: 100%;
  width: 100%;
  text-align: center;
}

.imagenVista img{
  height: 100%;
  width: auto;
}
.backCarousel{
	background: rgba(15, 15, 15, 0.76) none repeat scroll 0 0;
	bottom: 0;
	position: absolute;
	width: 100%;
	max-height: 70px;
	overflow-y: hidden;
}
.carousel{
	margin: 0 auto;
	overflow: hidden;
	padding: 5px 0;
	width: 70%;
	max-width: 50em;
}

.carousel ul{
	overflow: hidden;
	list-style: none;
	margin: 0;
	min-width: 800px;
}

.carousel li{
	display: inline-block;
    float: left;
    padding: 0 5px;
    width: auto;
		margin: 0;
}
.carousel li	a{
		display: block;
}
.carousel li a	img{
	display: block;
  height: 60px;
  width: auto;
}



#galeriaImg{
	position: relative;
	/*top: 0px;
	right: 30px;
	width:318px;
	margin-top: 20px; padding: 0px;*/
	width:70%;
	margin: auto;
}
#galeriaImg ul{
	display:block;
	position:relative;
	top: 1em;
	/*width:318px;*/
	min-height:106px;
	/*right: 2em;*/
	list-style: none;
	margin: 0;
	padding: 0px;
}
#galeriaImg ul li{
	cursor:pointer;
	position:relative;
	float:left;
	width: 100px;
	height: 100px;
	border:3px solid white;
	/*background:white no-repeat center center url("../imagenes/plantilla/loader.gif")*/
}
#pags{
	position:relative;
	min-height:30px;
	top:20px;
}
#pags a{
	/*margin: 1.2em 1px;*/
	text-align:center;
	position:relative;
	float:left;
	background:#000;
	display:block;
	width:20px;
	line-height:21px;
	border: 1px solid white;
	color:white;
	bottom: 0;
	/*left:-30px;*/
	cursor:pointer;
}
#pags a.clic{
	background:white;
	color:black;
}
#galeriaImg .marco{
	overflow: hidden;
	z-index: 0;}
#galeriaImg ul li img{
	position:absolute;
	border: 1px solid white;
}
.fotoV{
	width:100px;
	left:0;
	top:-25px;
}
.fotoH{
	top:-5px;
	width: 200px;
	left:-50px;
}
#mascaraGal{
	top:0;
	left:0;
	width:100%;
	height: 100%;
	z-index: 11;
	display:none;
	position: fixed;
	background:#000;
	/*background-image: url("../imagenes/eventos/logoFondo.png");*/
}
#cerrarGal {
    position: absolute;
	right: -20px;
    top: -25px;
    z-index: 12;
    display: none;
}
#fotoGal{
	position: relative;
	width:100%;
}
#marcoFoto{
	width:50px;
	height:50px;
	display:none;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	border:6px solid white;
	margin-top:2em;
}
#galAbierta{
	position: absolute;
    right: 20px;
    top: 20px;
    width: 318px;
    height: 370px;
    border:solid white 1px;
}
#tituloGal{
	padding:10px;
	width:100%;
	display:block;
	bottom:0;
	position: absolute;
	/*background: url(../imagenes/mascara.png);*/
	color:#fff;
}
#marcoFoto{
	width: 50%;
	height:auto;
}
@media only screen and (max-width : 1050px){
	#marcoFoto{
		width: 70%;
	}
	#galeriaImg ul li{
		cursor:pointer;
		position:relative;
		float:left;
		width: 50px;
		height: 50px;
		border:3px solid white;
		/*background:white no-repeat center center url("../imagenes/plantilla/loader.gif")*/
	}
}