/* Sticky footer styles













-------------------------------------------------- */













html {













  position: relative;













  min-height: 100%;













}













body {













  /* Margin bottom by footer height */













  margin-bottom: 60px;













}













#footer {













  position: absolute;













  bottom: 0;













  width: 100%;













  /* Set the fixed height of the footer here */













  height: 60px;













  background-color: #f5f5f5;













}









































/* Custom page CSS













-------------------------------------------------- */













/* Not required for template or sticky footer method. */



























body > .container {













  padding: 60px 15px 0;













}













.container .text-muted {













  margin: 20px 0;













}



























#footer > .container {













  padding-right: 15px;













  padding-left: 15px;













}



























code {













  font-size: 80%;













}









































ul#navigation {













    position: fixed;













    margin: 0px;













    padding: 0px;













    top: 150px;













    left: 0px;













    list-style: none;













    z-index:1000;













}













ul#navigation li {













    width: 100px;













}













ul#navigation li a {













    display: block;













    margin-left: -2px;













    width: 100px;













    height: 70px;    













    background-color:#CFCFCF;













    background-repeat:no-repeat;













    background-position:center center;













    border:1px solid #AFAFAF;













    -moz-border-radius:0px 10px 10px 0px;













    -webkit-border-bottom-right-radius: 10px;













    -webkit-border-top-right-radius: 10px;













    -khtml-border-bottom-right-radius: 10px;













    -khtml-border-top-right-radius: 10px;













    /*-moz-box-shadow: 0px 4px 3px #000;













    -webkit-box-shadow: 0px 4px 3px #000;













    */













    opacity: 0.6;













    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);













}













ul#navigation .home a{













	background-image:url(../../imagenes/contenido/iconos/cinema.png);













}













ul#navigation .about a      {













    background-image:url(../../imagenes/contenido/iconos/salon_lectura.png);













}













ul#navigation .search a      {













    background-image: url(../../imagenes/contenido/cafe.png);













}













ul#navigation .podcasts a      {













    background-image: url(../images/ipod.png);













}













ul#navigation .rssfeed a   {













    background-image: url(../images/rss.png);













}













ul#navigation .photos a     {













    background-image: url(../images/camera.png);













}













ul#navigation .contact a    {













    background-image: url(../images/mail.png);













}