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

footer {
    background-color: #9f9f8c;
    height: 100px;
    width: 100%;
    clear:both;
}

main {
    width: 70%;
    margin: 0 auto;
}

article {
    margin: 20px 0px;
}

header {
    background-color: #6b705c;
    height: 100px;
    width: 100%;
    clear:both;
}

section {
    background-color: #a38c7c;
    height:600px;
    width:80%;
    float:right;
  
   
}

aside {
    background-color: #a18e80;
    height:600px;
    width:19%;
    float: left;
   
}

.left  {
    width: 48%;
    float: left;
    
}

.right {
   height:524px;
    width: 48%;
    float: right;
    padding-right:4px;
}

.left, .right {
    margin-top:40px;
    margin-left:9px;
    margin-right:9px;
}

.smeda {
    background-color: #beaa9c;
}

.smeda2 {
    background-color: #beaa9c;

}

.p1 {
    padding-left:4px;
    font-size:16px;
   
    color: #170e07;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.p2 {
    padding-right:4px;
    font-size:16px;
    padding-left:15px;
    color: #170e07;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.p3 {
    padding-right:4px;
    font-size:16px;
    padding-left:15px;
    color: #170e07;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}



.lijevo {
    float: left;
    padding-left:15px;
    padding-right: 10px;
}

.desno {
    float: right;
    padding-right:15px;
    padding-left: 10px;
    margin-top: -20px;
}

h1 {
    text-align: center;
   color: #122108ab;
   font-size: 45px;
   padding-top:20px;
   font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

}