#c1 { margin-top: 200px; margin-bottom: 0 }
.lineaServ {
    position: absolute;
    width: 1px;
    background: #c7c7c7;
    height: 100%
}
#c2 {
    float: right
}
#c3 {
    margin-bottom: 0;
    border-right: 1px solid #c7c7c7
}
.quad {
    position: relative;
    float: left;
    width: 20%
}
.quad .c {
    position: absolute;
    background: #f0f0f0;
    padding: 15px;
    width: 88%;
    height: 88%;
    margin: 6%
}
.quadV {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    padding: 15px;
    background: rgba(0,0,0,0.8);
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s
}
.quadV:hover {
    opacity: 1
}
.quadV table {
    width: 100%;
    height: 100%
}
.quadV td {
    padding: 15px
}
/* #contQuad .ul {
    float: right
}
#contQuad .ul .puls {
    position: absolute;
    left: 15px;
    bottom: 15px
} */
.quadV .contIco {
    position: absolute;
    width: 100%;
    height: 35px;
    left: 0;
    bottom: 10px
}
.quadV .contIco img {
    display: inline;
    height: 100%
}




@media screen and (max-width:599px){
    .lineaServ { display: none !important}
    #tit { text-align: left !important }
    #c1 { margin-top: 10px }
    .quad { float: right; width: 250px }
}
@media screen and (max-width:414px){
    .quad { width: 220px }
}
@media screen and (max-width:320px){

}
@media screen and (min-width:600px) and (max-width:767px){
    #c1 { margin-top: 10px }
    .quad { width: 50% }
}
@media screen and (min-width:768px) and (max-width:1023px){
    #c1 { margin-top: 60px }
    .quad { width: 33.3% }
}
@media screen and (min-width:1024px) and (max-width:1199px){
    #c1 { margin-top: 160px }
    .quad { width: 25% }
}
@media screen and (min-width:1200px) and (max-width:1439px){
    #c1 { margin-top: 180px }
}