/* Sticky footer styles





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





html {





  position: relative;





  min-height: 100%;





}





body {





  /* Margin bottom by footer height */





  margin-bottom: 60px;





}





 @media (max-width:767px) {


#footer {





  position: absolute;





  bottom: -5%;





  width: 100%;





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





  height: 140px;





  background-color: #f5f5f5;


  


  text-align:center;


  





}





.alineacion {


	display: block;


	margin-left: auto;


	margin-right: auto


}





 }


 


 @media (min-width:768px) and (max-width:791px) {


#footer {





  position: absolute;





  bottom: 0;





  width: 100%;





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





  height: 60px;





  background-color: #f5f5f5;


  


  text-align:left;





}


 }








 @media (min-width:792px) and (max-width:1199px) {


#footer {





  position: absolute;





  bottom: 0;





  width: 100%;





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





  height: 60px;





  background-color: #f5f5f5;


  


  text-align:left;





}


 }





 @media (min-width:1200px) {	


#footer {





  position: absolute;





  bottom: 0;





  width: 100%;





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





  height: 60px;





  background-color: #f5f5f5;


  


  text-align:left;





}


 }





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





}