.grid {
	max-width: 69em;
	list-style: none;
	margin: 30px auto;
	padding: 0;
}

.grid li {
	display: block;
	float: left;
	padding: 0px;
	width: 33%;
	opacity: 0;
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1;
}

.grid li a,
.grid li img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
}
/** **/
.grid.effect {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect li.animate {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-80deg);
	-moz-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-animation: flip .8s ease-in-out forwards;
	-moz-animation: flip .8s ease-in-out forwards;
	animation: flip .8s ease-in-out forwards;
}

@-webkit-keyframes flip {
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@-moz-keyframes flip {
	100% { -moz-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
	100% { transform: rotateX(0deg); opacity: 1; }
}
/*************/
#info{width: 93%; margin: 20px auto; display: table; text-align: center;}
#datas{padding: 0px; text-transform: uppercase; width: auto; margin: 0 auto; text-align: center; display: table;}
h1{text-align: center; float: left; width: 700px;}
.arrowleft, .arrowright{cursor: pointer; height: 24px; width: 17px; float: left;}
.arrowleft{background-image: url(http://www.theactlv.com/imateq/www/arrows.png); background-position: left top;}
.arrowleft:hover{background-position: left bottom;}
.arrowright{background-image: url(http://www.theactlv.com/imateq/www/arrows.png); background-position: right top; margin-left: 3px; margin-right: 3px;}
.arrowright:hover{background-position: right bottom;}
/**********/
.labelpicture
{
		background-image: url(http://www.theactlv.com/imateq/www/ocher_80.png);
        color: black;
        display: block;
        padding: 5% 2%;
        position: absolute;
        bottom: 0;
        left: 0;
        text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 18px;
		line-height: 1;
		text-transform: uppercase;
		width: 96%;
}
.pictures{position: relative;}
.pictures:hover .overlay_picture
{
	display: block;
}
.overlay_picture
{
	display: none;
	padding-top: 50px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}
.overlay_picture .label
{
	display: block;
	color: #bb9b59;
	
	text-align: center;
	padding: 0 20px;
	margin-top: 0px;
}
/****** Slider *******/
.ul.es-pager{display: none!important;}
.slider .slide-next{ background-color: rgba(112,90,42,0.8)!important; }
.slider .slide-prev{ background-color: rgba(112,90,42,0.8)!important; }
.slider{ border: 1px solid #ae894a!important; position: absolute!important; padding: 0px!important;}
.close{background-image: url(http://www.theactlv.com/imateq/www/close.png); background-position: top center; height: 26px; width: 28px; cursor: pointer;
position: absolute; top: 7px; right: 7px; margin-top: 0px; margin-right: 0px;}
.close:hover{background-position: bottom center;}