.da-thumbs {
	list-style: none;
	/*width: 984px;*/width:100%;
	height: 400px;
	position: relative;
	margin: 20px auto;
	padding: 0;
}
.da-thumbs li {
	float: left;
	/*margin: 5px;*/
	background: #ccc;
	/*padding: 8px;*/
	position: relative;
	/*box-shadow: 0 1px 3px rgba(0,0,0,0.1);*/ width:22%; margin-bottom:4%; 
}

.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background:#EC8D00;
	background: rgba(236,141,0,1);
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span {
	display: block;
	/*padding: 10px 0;
	margin: 40px 20px 20px 20px;*/
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	font-family:"prometo"; font-weight:400; font-style:normal; font-size:1.375em; position:absolute; bottom:20px; left:15px; z-index:2;
}


ul > li:hover > a > .nome_categoria {color:#fff;}
 

.icona_categoria {position:absolute; top:0px; right:0px; z-index:100; /*width:98px; height:74px;*/ padding-top:10px;}

.nome_categoria	{font-family:"prometo"; font-weight:400; font-style:normal; color:#3f3f3f; font-size:1.375em; position:absolute; bottom:20px; left:15px; z-index:10; text-decoration:none;}



@media only screen and (min-width: 980px) and (max-width: 1300px) {
	.icona_categoria {position:absolute; top:10px; right:50px; /*width:98px; height:74px;*/}
	
	 li.margin-left  {margin-left:0%;}
	 
	 li.margin-left2 {margin-left:0%; margin-right:0%;}
	
	 li.margin-left3 {margin-left:4%; margin-right:2%;}
	
	 li.margin-left4 {margin-left:2%; margin-right:4%;}
	 
	 .center1 {margin-left:4%; margin-right:2%;}

     .center2 {margin-left:2%; margin-right:4%;}

	}
	
@media only screen and (min-width: 768px) and (max-width: 980px) {
	
.da-thumbs li {float: left; /*margin: 5px;*/ background: #ccc; /*padding: 8px;*/position: relative; /*box-shadow: 0 1px 3px rgba(0,0,0,0.1);*/ width:29%; margin-bottom:4%;}
	
	.icona_categoria {position:absolute; top:10px; right:50px; /*width:98px; height:74px;*/}
	
	li.margin-left {margin-left:2%;}
	
	li.margin-left2 {margin-left:2%; margin-right:4%;}
	
	li.margin-left3 {margin-left:2%; margin-right:2%;}
	
	li.margin-left4 {margin-left:2%; margin-right:4%;}
	
	.center1 {margin-left:4%; margin-right:2%;}

    .center2 {margin-left:2%; margin-right:2%;}
	
	.icona_categoria {position:absolute; top:10px; right:50px; /*width:98px; height:74px;*/}
	}
	
@media only screen and (min-width: 480px) and (max-width: 768px) {
	
.da-thumbs li {float: left; /*margin: 5px;*/ background: #ccc; /*padding: 8px;*/position: relative; /*box-shadow: 0 1px 3px rgba(0,0,0,0.1);*/ width:44%; margin-bottom:4%;}

.icona_categoria {/*position:absolute; top:10px; right:50px; width:98px; height:74px;*/}

li.margin-left {margin-left:4%;}

li.margin-left2 {margin-left:2%; margin-right:4%;}

li.margin-left3 {margin-left:4%; margin-right:2%;}

li.margin-left4 {margin-left:4%; margin-right:4%;}

.center1 {margin-left:4%; margin-right:2%;}

.center2 {margin-left:4%; margin-right:2%;}

.margin-480 {margin-left:4%;}

img.icona_categoria {position:absolute; top:10px; right:0px; /*width:98px; height:74px;*/}
	}
	
@media only screen and (min-width: 320px) and (max-width: 480px) {
	
.da-thumbs li {float: left; /*margin: 5px;*/ background: #ccc; /*padding: 8px;*/position: relative; /*box-shadow: 0 1px 3px rgba(0,0,0,0.1);*/ width:98%; margin-left:2%; margin-bottom:4%;}

img.icona_categoria {position:absolute; top:5px; right:50px; /*right:50px; width:98px; height:74px;*/}

li.margin-left {margin-left:2%;}

li.margin-left2 {margin-left:2%; margin-right:0%;}

li.margin-left3 {margin-left:15%; margin-right:0%;}

li.margin-left4 {margin-left:15%; margin-right:0%;}

.center1 {margin-left:0%; margin-right:0%;}

.center2 {margin-left:0%; margin-right:0%;}

.margin-480 {margin-left:0%;}

	}