/* 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);



}