*{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;        
        }

.destacados {display: block;
            float: left;
            margin-top: 40px;
            margin-left: 150px;
            margin-bottom: 200px;}

.destacados img{float: left;}

div .etiqueta p {background-color: #04a08e;
               color:#ffffff;
                display: block;
                position: absolute;
                width:250px;
                text-align:center;
                padding-top: 5px;
                padding-bottom: 5px;
                margin-top: -8px;
                font-family: "Roboto slab", serif;
                font-weight: 400
            
                }

article p a {float: right;
            color:#04a08e;
            font-size: 30px;
            font-weight: 800;
            
            
    }

article{float: center;
        margin-left: 350px}

article h1{margin-right: -150px;
            background-color: #04a08e; 
            font-family:"Roboto slab", serif;
            color: #ffffff;
            padding-left: 30px;
            padding-bottom: 5px;
            padding-top: 5px;}

h2 {font-family: "Roboto slab", serif;
            font-weight: 400;
            color: #000000;
            margin-right: -150px;
            font-size: 14px;
            margin-top: 10px;
            padding-left: 30px; }

p {font-family: "Roboto slab", serif;
    padding-left: 30px;
    margin-top: 20px;
    font-weight: 300;
    font-size: 13px;}


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

footer{background-color: #79a6e6;
    color: #ffffff;
    clear: both;
    margin-top: 600px;
    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;
    }