* {margin: 0px;
   padding: 0px;}

body {background: #ffffff;
    font-family: 'arial';
    margin: 0px;
    padding: 0px;}
    
header {background: #FFFFFF;
    width: 260px;
    float: left;
    height: auto;
    transition: all 300ms;}

.contenedor-header {width: 260px;
    margin: 0px auto 0px auto;
    padding: 15px 0px 20px 0px;
    height: auto;}

header img:hover {opacity: 0.8;}

.grupo {color: #a3a3a3;
    font-size: 10px;
    line-height: 15px;
    font-weight: lighter;
    margin: 15px 0px 5px 0px;}

h2 {color: #000000;
    font-size: 18px;
    font-weight: bold;
    margin: 12px 0px 25px 0px;}

header nav ul {list-style-type: none;}

header nav ul li a {color: #9d6d2b;
    font-size: 15px;
    text-decoration: none;
    line-height: 28px}

header nav ul li a:hover {border-bottom: 1px solid #9d6d2b;}



.contenedor-pagina {width: 960px;
    margin: 10px auto 0px auto;}


section {background: #FFFFFF;
    width: 700px;
    line-height: 21px;
    padding: 15px 0px 40px 0px;
    float: right;}

h3 {color: #000000;
    font-size: 16px;
    font-weight: bold;}

h4 {color: #9d6d2b;
    font-size: 13px;
    font-weight: bold;
    margin: 25px 0px 8px 0px;}

.boton {float: right; position: relative; padding: 10px 5px; width: 180px; text-align: center; margin-top: 8px; border-radius: 3px; background-color: #000000; transition: all 300ms; color: #FFFFFF; font-size: 12px;}

.boton:hover {background-color: #333333;}

body main section article p {font-size: 12px;
line-height: 16px;
color: black;
}

body main section ul { list-style-type: none;
    margin-bottom: 20px;}

body main section ul li { color: #000;
    font-size: 11px;
    line-height: 20px;}

.img index {width: 60px;}

.h3-left {margin: 20px 0px 25px 0px;}

.h3-right {margin: 85px 0px 25px 0px;}

.article-index {float: left;
    width: 250px;
    margin: 0px 100px 0px 0px;}

.separador {width: 100%; clear: both;}

footer {background: #212121;
    width: 100%;
    font-size: 10px;
    color: #4d4d4d;
    line-height: 16px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
    float: left;}

.contenedor-footer {width: 960px;
    height: 60px;
    margin: 0px auto 0px auto;
    padding: 25px 0px 15px 0px;}

.contenedor-redes {width: 280px; height: 100px; float: left;}

footer img {width: 30px;
    margin-right: 5px;}

footer p {width: 680px;
    float: left;}

a {text-decoration: none;}