* { margin : 0; padding: 0; }
body { background: url(../img/fondo.jpg) no-repeat top center; 
        font-family: arial, helvetica, sans-serif;}
#contenedor { width: 940px; margin: 0 auto;}
#cabecera { position: relative; padding-top: 20px; }
#logo { width: 21%; float:left; color: #000; font-size: 25px; font-family: Monaco, sans-serif; background: url(../img/favicon.png) no-repeat left center; padding-left: 5%; }
#menu { width: 50%;float: right; text-align: right; padding-top: 15px;}
#menu ul { list-style-type: none; }
#menu ul li { display: inline-block; }
#menu ul li a { color: #FFF; text-decoration: none;padding: 5px 20px; font-size: 14px; }
#menu ul li a:hover, #menu ul li a#activo:hover { border-bottom: 1px solid #FFF;}
#menu ul li a#activo { border-bottom: 1px solid #FFF}
#mensaje { clear: both; height: 350px; position: relative; text-align: center; color:#000; background: url(../img/under-construction.png) no-repeat center 99px; }
#mensaje h2 { position: relative; font-size: 32px; text-transform: uppercase;  font-weight: bold; top: 170px;}
#mensaje p { position: relative; font-size: 25px; top: 190px; letter-spacing: 4px; font-weight: bold;}
#principal, footer { padding 20px 0; margin: 10px}
#principal img { width: 25%; float: right; margin-left: 10px ; margin-bottom: 10px;  }
#principal h1 { color: #000; background: url(../img/favicon.png) no-repeat left center;padding-left: 40px; margin-bottom: 15px;}
#principal p { font-size: 12px; color: #555; letter-spacing: 1px; line-height: 1.9; }
#principal hr { border: none; border-top: 1px solid #000; margin : 25px 0;}
#principal iframe { width: 100%; height: 250px; }
#footer { background: #CCC; text-align: center; position: relative ;}
#footer p { color: #555;  font-size: 12px;}
#footer img { position: absolute; right: 5px; top 50%; margin-top: -8px; }
#redes { position: fixed; right: 0; top: 420px; width: 36px; margin: 36px; padding: 0px;}
#redes a{margin: 10px; margin-bottom: 10px; margin-top: 20px;}
#weather {margin: 10px; }