.tecno {    
    width: 100%;
    height: 100%;
    text-align: center;}

.tecno ul {    
    padding: 0;
    margin: 0;}

.tecno ul li {
    background: #fff;
    list-style: none;
    display: inline-block;
    width:180px;
    height:100px;
    position: relative;
    overflow: hidden;
    cursor:pointer;
    margin: 10px;
    box-shadow: 0px 0px 10px -7px #555;
    transition: .5s;}

.tecno ul li img {
    /*width: 100%;*/
    height: 100%;}

.tecno ul li img:nth-child(1) {
    transform: translateY(0);
    transition: .5s;}

.tecno ul li img:nth-child(2) {
    transform: translateY(0);
    transition: .5s;}

.marca {    
    width: 100%;
    height: 100%;
    text-align: center;}

.marca ul {    
    padding: 0;
    margin: 0;}

.marca ul li {
    /*background: #fff;*/
    list-style: none;
    display: inline-block;
    width:180px;
    height:100px;
    position: relative;
    overflow: hidden;
    cursor:pointer;
    margin: 10px;
    box-shadow: 0px 0px 10px -7px #555;
    transition: .5s;}

.marca ul li img {
    width: 80%;
    height: 80%;}

.marca ul li img:nth-child(1) {
    transform: translateY(0);
    transition: .5s;}

.marca ul li img:nth-child(2) {
    transform: translateY(0);
    transition: .5s;}