html, body{
margin:0;
padding:0;
font-family: sans-serif, arial;
}

h1{
text-align:center;
color:#232323;
font-weight:100;
}

.texto-centrado{
    text-align: center;
}

.extra_container{
    text-align: center;
    width: 780px;
    margin: 0 auto;
}

b{
font-weight:bold;
}

.beneficio_wrapper{
width:300px;
min-height:450px;
background:#f6f6f6;
border:thin solid #ccc;
margin:10px;
text-align:center;
display:inline-table;
}

.beneficios_container{
width:975px;
margin:0 auto;
margin-bottom: 100px;
}

.rama{
background:#212121;
color:#fff;
padding:5px 0px;
font-style:italic;
}

.vigencia{
font-size:10px;
font-style:italic;
bottom:0;
position:center;
margin:0;
padding:0;
height:20px;
}

.masinfo{
background:#4ab913;
color:#fff;
padding: 10px 0px;
margin:10px 0px;
}

.detalles_beneficios a{
text-decoration:none; 
font-weight:bold;
}

.beneficio{
font-size:12px;
padding:10px;
height:50px;
}

footer{
background:red;
color:#fff;
width:100%;
padding:5px 0px;
position:fixed;
bottom:0;
text-align:center;
font-size:12px;
}

footer a{
color:#ccc;
font-style:italic;
text-decoration:none;
}

.footer_container{
width:975px;
margin:0 auto;
padding:10px ;
    font-size:16px;
}