#presentacionruta {
  width:960px;
  height:380px;

  margin: 20px auto;
  
  padding-bottom: 20px;
  border-bottom: 1px solid #c0c0c0;
}


#presentacionruta h2 {
  
  margin-left:40px;
  padding-top: 30px;
  font-size: 5.2em;
  line-height: 1.2em;
  text-transform: uppercase;
  color:#74921e;
  font-weight: 600;
  letter-spacing: -.03em;
  background-color: black;
}

#presentacionruta .arregloruta {
  width:153px;
  height:44px;
  margin:20px 0 0 35px;
  background-color: black;
}

#presentacionruta .arregloruta p{
  font-size: 1.3em;
  color:#FFF;
  text-transform: uppercase;
  padding-top: 13px;
  margin-left:12px;
  float:left;
  letter-spacing: .07em;
}

#informacionruta {
  width:960px;
  height: auto;

  margin:0 auto;
  padding-bottom: 10px;
  border-bottom: 1px solid #c0c0c0;

  /*HACK para limpiar el flow del documento,
  suprime estas lineas y verás el fallo*/
  height: 1%;
  overflow: hidden;
  /*Fin del hack*/

  margin-bottom: 20px;
}

#informacionruta p{
  font-size: .93em;
  color:#5d5d5d;
  line-height: 1.5em;
  text-align: justify;
}

#datosruta{
    width:400px;
    float: left;

}

#descripcionruta{
  width:540px;
  float: left;
  padding-left: 20px;
  font: 1.2em 'Century Gothic', sans-serif;
  }

.etapa{
  padding-top: 10px;
}

.datosetapa{
  color:#74921e;
}

span.resaltar{
  color:#976150;
}

#datosruta img{
  margin-bottom: 20px;
}

#introruta p{
  width:960px;
  height: auto;
  margin:0 auto;
  font: 1.2em 'Century Gothic', sans-serif;
  text-align: justify;
  padding-bottom: 13px; 
 }

 #textoruta{
    width:600px;
    float: left;
    margin-top: 20px;
}

#explicatexto{
  width:340px;
  float: left;
  padding-left: 20px;
  margin-top: 81px;
  font: 1.2em 'Century Gothic', sans-serif;
  }

  #describepuntos {
    width: 960px;
    float: left;
  }

  .li{color:#666;
margin-left:20px;
margin-bottom: 10px;
list-style-type:circle;
text-align: justify;
}

p.puntoslebaniegos{
  padding-left: 20px;  
}

p.cursiva{
  padding-top: 10px;
  font-style: italic;
}

#trabajoscarlos {
  padding-bottom: 20px;
  

  height: 1%;
  overflow: hidden;
}

#trabajoscarlos h2 {
  color:#000;
  padding-left:25px;
  font-size: 1.4em;
  text-transform: uppercase;
  margin-bottom: 15px;
  background: url(../imgs/rightArrow.png) no-repeat left;
}

.trabajocarlos {
  width:215px;
  height:135px;
  float:left;
  margin-left:30px;
  position: relative;
}
.trabajocarlos:first-of-type {
  margin-left:0px;
}

.trabajocarlos img {
  position: absolute;
  top:0;
  left:0;
  z-index: 1;
}

.trabajocarlos a {
  background: #5a7411;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  padding:3px 15px;
  text-decoration: none;
  font-size: 1.05em;
  text-transform: uppercase;
  color:#fff;
}