.image-effects a .img,
.image-effects a img,
.image-effects a {
	border: 0 !important;
}

.image-effects > a {
    display: block;
}

.image-effects a canvas {
	z-index: 1;
}

.image-effects .thumb {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
}


.image-effects .vertical-align-middle {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}
.image-effects .middle-legend {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
}
.image-effects .middle-legend .vertical-align-middle {
	position: static;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
}

#content .image-effects .thumb .black-filter div.middle-legend,
#content .image-effects .thumb .featured-filter div.middle-legend {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px;
}

.wrap-image-effects.opacity-others-effect:hover .thumb {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    zoom: 1;
}

#content .image-effects .thumb div.middle-legend hr {
	opacity: 0.6;
	width: 16%;
	max-width: 100px;
    height: 2px;
	text-align: center;
	margin: 10px auto 0px auto;
	background: #fff;
	border: none;
}

/*.image-effects .thumb span.middle-legend {
	border: 0 none !important;
    height: 40px;
    left: 0;
    margin: 0;
    -position: absolute;
    text-align: center;
    width: 100%;
	z-index: 1000;
}*/

.image-effects .thumb div.bottom-legend {
	-bottom: -40px;
    border: 0 none !important;
    -height: 40px;
    -left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 100%;
	z-index: 100;
}
.image-effects .thumb div.bottom-legend h2 {
	margin: 11px 10px;
}

.image-effects a.featured-bottom-info .thumb div.legend-container {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 2;
}

.image-effects .thumb span.featured-legend {
	margin: 10px;
	height: auto;
    opacity: 0.8;
	z-index: 300;
	text-align: left;
	display: block;
	padding: 14px 12px 14px 12px;
}

.image-effects a.square-bottom-info div.legend-container {
	width: 120px;
	height: 120px;
	overflow: hidden;
	margin: 10px;
    position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -60px;

	opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    zoom: 1;

	z-index: 1;
}

.image-effects a.square-bottom-info .thumb div.bg-legend-container {
	width: 120px;
	height: 120px;
    position: absolute;
    top: 120px;
	z-index: 2;
}

.image-effects div.square-legend {
	z-index: 300;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: white;
	width: 100%;
	text-align: center;
}

/*.image-effects div.square-legend .vertical-align-middle {

}*/

.image-effects div.square-legend .number {
	display: block;
	width: 35px;
	margin: auto;
	/*-margin: 25px auto 0 auto;
	-border-bottom: 1px solid white;*/
}

#content .image-effects div.square-legend hr {
	opacity: 1;
	width: 35px;
	height: 1px;
	margin: 9px auto;
	border: none;
}

.image-effects div.square-legend h2 {
	/*-margin: 7px 7px 0 7px;*/
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
    margin: 0px 8px;
    word-break: break-word;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
    max-height: 60px;
}



.image-effects .thumb .featured-filter,
.image-effects .thumb .black-filter {
	height: 100%;
	width: 100%;
}

.image-effects .thumb .black-filter {
	background-color: black;
}

.image-effects a.light-bottom-gradient-info .top-line {
	position: absolute;
	top: 0;
	width: 100%;
	height: 5px;
}

.image-effects a.dark-bottom-gradient-info .top-line,
.image-effects a.light-bottom-gradient-info .top-line {
	position: absolute;
	top: 0;
	width: 100%;
	height: 5px;
	z-index: 99;
}

.image-effects a.dark-bottom-gradient-info .bottom-legend-two,
.image-effects a.light-bottom-gradient-info .bottom-legend-two {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 130px;
	opacity: 0;
}

.image-effects a.dark-bottom-gradient-info .bottom-legend-two {
	background: url("img/dark-gradient-effect.png") repeat-x transparent;
}

.image-effects a.light-bottom-gradient-info .bottom-legend-two {
	background: url("img/light-gradient-effect.png") repeat-x transparent;
}

.image-effects a.dark-bottom-gradient-info .bottom-legend-two span,
.image-effects a.dark-bottom-gradient-info .bottom-legend-two h2 {
	color: white;
}

.image-effects a.light-bottom-gradient-info .bottom-legend-two span,
.image-effects a.light-bottom-gradient-info .bottom-legend-two h2 {
	color: black;
}

.image-effects a.dark-bottom-gradient-info .bottom-legend-two h2,
.image-effects a.light-bottom-gradient-info .bottom-legend-two h2 {
	position: absolute;
	bottom: 0;
	padding: 15px;
}

.image-effects a.dark-bottom-gradient-info .bottom-legend-two span,
.image-effects a.light-bottom-gradient-info .bottom-legend-two span {
	position: absolute;
	bottom: 2px;
	right: 0;
	padding: 15px;
}



.image-effects .black-and-white-effect .img.grayscale,
.image-effects a.black-and-white-effect img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    filter: grayscale(100%);
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.image-effects .black-and-white-effect .img,
.image-effects a.black-and-white-effect .trans {
	transition: filter .6s ease;
	-moz-transition: filter .6s ease;
	-webkit-transition: filter .6s ease;
	-o-transition: filter .6s ease;

    transition: filter .6s ease;
    -moz-transition: filter .6s ease;
    -webkit-transition: filter .6s ease;
    transition: -webkit-filter .6s ease;
    -moz-transition: -webkit-filter .6s ease;
    -webkit-transition: -webkit-filter .6s ease;
}

.image-effects .black-and-white-effect:hover .img.grayscale,
.image-effects a.black-and-white-effect:hover img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

.image-effects a.dark-bottom-gradient-info .bottom-legend-two span,
.image-effects a.dark-bottom-gradient-info .bottom-legend-two h2 {
    color: white !important;
}

.image-effects a.light-bottom-gradient-info .bottom-legend-two span,
.image-effects a.light-bottom-gradient-info .bottom-legend-two h2 {
    color: black !important;
}

.image-effects a.black-and-white-effect svg {
    position: absolute;
    top: 0;
    left: 0;
}

.image-effects a.black-and-white-effect svg image {
    transition: all .6s ease;
}

.image-effects a.black-and-white-effect svg image:hover {
    opacity: 0;
}


.image-effects .border-legend {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.image-effects .border-legend .wrapper-border {
    border-style: solid;
    border-width: 4px;
    border-color: #fff;
    display: inline-block;
    max-width: 70%;
    padding: 20px 35px 17px 35px;
}

#content .image-effects .border-legend .wrapper-border h2 {
	color: #fff;
    word-wrap: break-word;
}

.image-effects .simple-fixed-legend h2 {
	white-space: nowrap;
	overflow: hidden;
}
/*ESPAÇO ENTRE AS IMAGENS: nenhum, muito pequeno*/
.image-effects .simple-fixed-legend {
    padding: 5px 10px 8px 10px;
}
/*ESPAÇO ENTRE AS IMAGENS: pequeno*/
.image-effects .simple-fixed-legend.small-padd {
	padding: 8px 10px 4px 10px;
}

/*ESPAÇO ENTRE AS IMAGENS: médio, grande*/
.image-effects .simple-fixed-legend.big-padd {
	padding: 10px 10px 2px 10px;
}

/*para pastas horizontais*/
.horizontal-thing-grid .thing-grid-item .simple-fixed-legend {
	padding: 10px 10px 5px 10px;
}

.image-effects .simple-fixed-legend h2 {
    text-align: center;
}