html,body{
margin:0px;
height:100%;
}

.container{
margin:0px;
padding:0px;
height:100%;
}

.col-sm-4{ float:left;
width: 25%;
height:100%;
}

#solSutun{
height: 100%;
}
#solSutun:hover{

height: 100%;
}

#ortaSolSutun{
 height: 100%;
}

#ortaSagSutun{
 height: 100%;
}

#sagSutun{
 height: 100%;
}


#resimSol{ background-image: url('img/env.png'); height: 100%; background-repeat:no-repeat; }
#resimOrtaSol{background-image: url('img/rulo.png');  height:100%;}
#resimOrtaSag{background-image: url('img/cnc.png');  height:100%;}
#resimSag{background-image: url('img/oto.png');  height:100%;}

#resimSol:hover{ background-image: url('img/env_hover.png');  height: 100%;}
#resimOrtaSol:hover{background-image: url('img/rulo_hover.png');  height:100%;}
#resimOrtaSag:hover{background-image: url('img/cnc_hover.png');  height:100%;}
#resimSag:hover{background-image: url('img/oto_hover.png');  height:100%;}


.footer{
height:10%;
background-color:black;
position:relative;


}