/* CSS Document */
.menu {
  margin:0; 
  padding:0; 
  width:160px;
  /*height:32.5em; */
  overflow:hidden; 
  background:#EAEAEA;
  }
.menu li {
  list-style-type:none; 
  float:left; 
  display:block; 
  width:100%;
  }
.menu li a {
  text-decoration:underline; 
  color:#FFFFFF; 
  margin:0; 
  width:100%;
  }
  
.menu li a:hover {
  color:#CCCCCC;
  }

.menu li .btnDespliege {
  padding:0;
  margin:0;
  display:block;
  width:100%;
  height:14px;
  border:#CC0000;  
  margin:0px 10px 0px 0px; 
  padding:2px 2px 2px 5px;
  font-size:0.75em; 
  font-weight:bold;
  font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
  float:left;
  color:#FFF;
  background:url(fondoSecciones.jpg);
  }

.menu li .btnDespliege img{
  border:none;
  margin:2px 0 0 0;
  }
  
.menu li span.txtBDesp {
  display:block; 
  margin:0;
  padding:0;
  width:60%;
  height:12px;
  border:#CC0000;  
  margin:0px 35px 0px 5px; 
  padding:0;
  font-weight:bold;
  font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
  float:left;
  color:#FFF;
  background:none;
  }

.menu li span {
  display:none; 
  text-align:left;
  color:#000;
  margin:18px 0 0 0;
  padding:5px 0 5px 0;
  background:#303030;
  }

.menu li span.gral a{
  display:block; 
  text-decoration:none; 
  color:#FFFFFF; 
  margin:0 0 0 20px;
  padding:0 0 0 15px;
  width:120px;
  background: url("cross.gif") left center no-repeat;
  }

.menu li span.gral a:hover{
  color:#CCCCCC;
  }
    
.menu li span.guia a{
  display:block; 
  text-decoration:none; 
  color:#FFFFFF; 
  margin:0 0 0 20px;
  padding:0 0 0 15px;
  width:120px;
  background: url("crossguia.gif") left center no-repeat;
  }
  
.menu li span.guia a:hover{
  color:#CCCCCC;
  }

.menu .h2 {
  margin:0; 
  padding:0; 
  color:#333333; 
  font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;;
  font-size:0.90em; 
  border:0;
  }
.menu .h3 {
  margin:0 5px; 
  padding:0;
  font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
  font-size:0.8em; 
  color:#00b;
  }
  
.menu .h4 {
  margin:0;
  padding:0;
  font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
  font-size:0.6em; 
  color:#00b;
  }
  
.boxcontent {
  margin:0 0 3px 0;
  padding:0; 
  display:block; 
  background:transparent; 
  width:160px;
  /*border-left:1px solid #88c; 
  border-right:1px solid #88c;*/
  font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
  font-size:0.9em; 
  text-align:justify;
  }
.menu .titSeccion {
  margin:0 10px; 
  padding:2px;
  font-size:0.8em; 
  font-weight:bold;
  font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
  float:left;
  color:#00b;
/*  background:url(fondoSecciones.jpg);*/
  }

p.PSalir{
  border:0;
  margin:0;
  padding:0;
  margin:0 0 1px 0;
  background:url(naranja.gif) no-repeat;
  width:100%;
  height:25px;
  font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;;
  font-size:0.90em; 
  }  

p.PSalir span{
  display:block;
  margin:0; 
  padding:0; 
  color:#333333; 
  border:0;
  margin:0;
  padding:6px;
  font-weight:bold;
  }
  
p.SSalir{
  border:0;
  margin:0;
  padding:0;
  margin:0 0 1px 0;
  background:url(verde.gif) no-repeat;
  width:100%;
  height:25px;
  font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;;
  font-size:0.90em; 
  }  

p.SSalir span{
  display:block;
  margin:0; 
  padding:0; 
  color:#333333; 
  border:0;
  margin:0;
  padding:6px;
  font-weight:bold;
  }
  
p.GCiudad{
  border:0;
  margin:0;
  padding:0;
  margin:0 0 1px 0;
  background:url(azul.gif) no-repeat;
  width:100%;
  height:25px;
  font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;;
  font-size:0.90em; 
  }  

p.GCiudad span{
  display:block;
  margin:0; 
  padding:0; 
  color:#333333; 
  border:0;
  margin:0;
  padding:6px;
  font-weight:bold;
  }

#tl-portada-box{
  width: 120px;
  height: 160px;
  background-color: #666;
  margin-bottom: 10px;
}

#tl-portada-box img{
  padding: 7px 15px;
}
.tl-portada-box-header{
  width: 120px;
  height: 25px;
  background: #f00 url(images/tiempolibre-portada-header.gif);
}

#tl-video_capsula-box{
  width: 120px;
  height: 150px;
  margin-bottom: 10px;
  background-color: #666;
}

#tl-video_capsula-box img{
  margin: 5px 9px;
  border: 5px solid #333;
  border-left: 6px solid #333;
  border-right: 6px solid #333;
}

.tl-piedevc{
  color: #fff;
  font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin-left: 30px;
}

.tl-video_capsula-box-header{
  width: 120px;
  height: 25px;
  background: #f00 url(images/tiempolibre-video_capsula-header.gif);
}