body 
{
margin: 0;  padding: 0;  
background: #C9C9CB;
}
#total { 
}
#logomfd {
position: relative;
background: url("../img/mfd.png") no-repeat;
min-height: 400px;
left: 50%;
margin: 0px 0px 0px -400px;
width: 800px;
}
#logoeste {
position: absolute;
background: url("../img/logoeste.png") no-repeat;
min-height: 300px;
left: 50%;
margin: 0px 0px 0px -400px;
width: 300px;
}
#logoninette {
position: relative;
background: url("../img/logoestancia.png") no-repeat;
min-height: 300px;
left: 50%;
margin: 0px 0px 0px 150px;
width: 300px;
}
/**********social media******************/
#media{
width: 125px;
height: 40px;
float: right;
margin: 270px 10px;
}
#media a{
float: right;
padding-right: 5px
}
.face{
width: 33px;
height: 34px;
background: url('../img/sprite_media.png') -34px -3px no-repeat;
}
#media .face:hover{
background-position:-34px -38px;
}
.twitter{
width: 34px;
height: 34px;
background: url('../img/sprite_media.png') 0px -3px no-repeat;
}
#media .twitter:hover{
background-position:-0px -38px;
}
.blog{
width: 34px;
height: 34px;
background: url('../img/sprite_media.png') -67px -3px no-repeat;
}
#media .blog:hover{
background-position:-67px -38px;
}