body{
  font: 1.0em Arial, Helvetica, sans-serif, Verdana;
    width:100%;
    height:auto;
    margin:auto;
    border-top: 17px solid #090909;
    background-image: url("imgsnatu/fondo.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
}

#presentacionruta {
	background: url(../imgsruta/portada_btt.jpg) no-repeat top center;
}

#presentacionruta h2 {
  width:369px;
}

#indexrutas{
	width: 960px;
}

h2.tituloindex{
	font-size: 1.6em;
}

#mapa {
  float: left;	
  width: 640px;
  height: 480px;
 }

 #pdf {
    float: right;
    width: 280px;
    height: 264px;   
    /*border: 1px solid #007987;*/
    /*box-shadow: 1px 1px 4px #000;*/
    font: 0.8em Verdana;
    border-radius: 3px;
    background-image: url(imgs/folletos_web.jpg);
  }

#pdf ul {
  padding-top: 65px;
  text-align: center;  
  line-height: 30px;
 }
  
}
 #pdf ul li {
 
 }

 #pdf ul li a {
 	color:#fff;
  text-decoration: none;
 }

 #pdf ul li a:hover {
  text-decoration: underline;
}

#pdf img{
  float: right;
  margin-top: 20px;

}

#facebook{
  float: right;
    width: 282px;
    height: 264px; 
    margin-top: 20px;
    /*border: 1px solid #007987;*/
}

#pie{
  background-color: #fff;
}