.productos{
    width: 100%;
    padding: 0px 0px;
    text-align: center;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.item {
    float: left;
    margin-left: auto;
    margin-right: auto;
	
}

div#imagen1{
    width: 320px;
    height: 180px;
    margin: 5px 5px;
    background-image: url(../img/th/dem/dematuel_th.jpg);
    
}
div#imagen2{
    width: 320px;
    height: 180px;
    margin: 5px 5px;
    background-image: url(../img/th/dem/demfuji_th.jpg);
    
}
div#imagen3{
    width: 320px;
    height: 180px;
    margin: 5px 5px;
    background-image: url(../img/th/dem/demmorro_th.jpg);
    
}
div#imagen4{
    width: 320px;
    height: 180px;
    margin: 5px 5px;
    background-image: url(../img/th/dem/xxx.jpg);
    
}



/* INFO TH */

div#info{
	position:absolute;
	overflow:hidden;
	width:320px;
	height:180px;
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	opacity:0;
}

/* HOVER IMAGENES TH */

div#imagen1:hover div#info{
    opacity:1;
}
div#imagen2:hover div#info{
    opacity:1;
}
div#imagen3:hover div#info{
    opacity:1;
}
div#imagen4:hover div#info{
    opacity:1;
}

/* TEXTOS */

p#texto{
	margin:auto;
	-webkit-transition:margin 0.3s;
	-moz-transition:margin 0.3s;
	text-align:left;
	margin-left:5px;
	margin-right:5px;
	margin-top:330px;
	font-size:15px;
	font-weight:bold;
	font-family:calibri;
}


/* HOVER TEXTOS */

div#imagen1:hover p#texto{
	margin-top: 5px;
}
div#imagen2:hover p#texto{
	margin-top: 5px;
}
div#imagen3:hover p#texto{
	margin-top: 5px;
}
div#imagen4:hover p#texto{
	margin-top: 5px;
}