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

html {background-size: 1024px;
    height: 768px;
    background-color:#fcd44e; 
    
}

body {margin-left: 200px;
        margin-right: 150px;}

.baner {position: absolute;
        margin-right: 150px;
        margin-left: 150px;}

.logo {position: absolute;
        float: left;
        display: block;
        margin-left: 190px;
        padding-top: 35px;}


.menu { margin-left: 150px;
        width: 1024px;
        padding-top: 227px;
        float: left;
        }

nav li:hover{background-color: rgba(75, 70, 70, 0.58);} 

div li:hover > ul{display: block;} 

nav li a{
        text-align: center;
        text-decoration: none;
        display: block}

nav ul {min-width: 204.8px;
        list-style: none;
        }

li a {  color: #ffffff;
        padding-top: 10px;
        padding: 15px;
        padding-left: 30px;
        padding-right: 40px;
        }

div.cultural { float: left;
            background-color: #04a08e;}

div.social {float: left;
            background-color: #997da5}

div.politica{float: left;
            background-color: #cb2d2d;}

div.deportes {float: left;
             background-color: #ff8000;}

div.campeonato {float: left;}

div.programas{float: left;
              background-color: #93e6ff;}



div.cultural ul li{display:none; 
                position: absolute;}

div.social ul li{display: none;
            position:absolute;
            }

div.politica ul li{display: none;
                    position: absolute;}

div.deportes ul li {display: none;
                position: absolute;}

div.programas ul li {display: none;
                position: absolute;}


header {display: block;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;        
        }
.articulo {display: block;
            float: left;
            margin-top: 40px;
            margin-left: 150px;
            margin-bottom: 200px;}
h2{font-family: "Roboto slab",serif;
    font-weight:;
    font-size: 17px;
    padding-top: 20px;}

h1{font-family: "Roboto slab", serif;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #04a08e}

h3{font-family: "Roboto slab", serif;
    font-weight: 500;
    font-size: 15px;
    padding-bottom: 20px;}

p{ font-family: "Roboto slab", serif;
    font-size: 12px;
    font-weight: 400;}


.farmacia{height: 10%;
    width: 10%;
    text-align: right;
    margin-left: 270px;
    margin-top: 40px;
    float: left;}

footer{background-color: #79a6e6;
    color: #ffffff;
    clear: both;
    margin-top: 1300px;
    font-family: "Oswald", sans-serif;
    font-weight: 300;
    font-size: 10px;
    text-align: center;
    position: absolute;
    margin-left: 150px;
    padding-left: 20px;
    padding-right: 20px;
    }