*{margin: 0; padding: 0;}
.headerCris{
    height: 100px;
    width: 100%;
    background: #1a2083;
    display: flex;
    float: top;
    font-family: 'Lato', sans-serif;
    box-shadow: 0 2px 6px 0 rgba(176, 186, 197, 0.6);
	min-width:100px;

}
.log{
    position: absolute;
    top: 21px;
    left: 20px;
    width: 136px;
    height: 58px;
}
.menu {
    height: 25px;
    width: 25px;
    position: absolute;
    top: 42px;
    right: 20px;
    display: flex;
	z-index:1;
}



.mostrar {
    left: 750px ;
    width: 200px;
    transition: all 0.4s;

}
.lista{
    position: relative;
    top: 100px;
    background: #1a2083;
    display: block;
    box-shadow: 0 2px 6px 0 rgba(188, 188, 188, 0.6);
	z-index:2;
}

.list {
    position: relative;
    left: -800px;
}

.esto {
    list-style: none;
    display: flex;
    text-align-all: center;
    height: 50px;
	z-index:2;


}
.texto{
    color: #a5bcd4;
    text-decoration: none;
    font-size: 12px;
    position: relative;
    top: 20px;
}


.direccion{
    display: none;
    position: relative;
    left: 362px;
    top: 42px;
    color: #ffffff;

}
.parrafo{
    font-size: 11.9px;
}
.imagenproductos{
	
	width:80%;
}

.pacoproductos{
		padding-right:7%;
		padding-left:7%;
		font-size:20px;
		margin-top:40px;
		margin-bottom:40px;
		text-align:justify;
	}

.productos{
		width:80%;
		display:inline;
		margin-left:10%;
		margin-bottom: 20px;
	}
	
	.producto{
		width:200px;
		margin:auto;
		border: 2px solid #1a2083;
	    border-radius: 10px;
		height:300px;
		margin-bottom:20px;

	}
	
	.fondotituloprod{
		margin-top:0px;
		padding-top:14px;
		padding-bottom:14px;
		background:#1a2083;
		overflow:hidden;
      
	}
	
	.tituloprod{
        text-overflow: ellipsis;
		font-size:24px;
		line-height: 24px;  
		max-height:24px;
		overflow:hidden;
		color:white;
		margin-top:0px;
		vertical-align:center;
		
	}
	
	.fotoproducto{
		width:100px;
		margin-left:50px;
		margin-top:10px;
			
	}
	
	.descripcionprod{
		margin-top:10px;
		font-size:12px;
		margin-left:10px;
		width:180px;
		line-height:12px;
		max-height:60px;
		text-overflow:ellipsis;
		text-align: justify;
		overflow: hidden;
		color:gray;
	}
	
	.vermas{
		font-size:12px;
		text-align:center;
		width:100%;
		color:blue;
	}