
/********************************** _ciudad.css ************************************/

DIV.menu_ciudad{
  position:relative;
  float:left;
  background-color:#66CC00;
  width:100%;
}
DIV.menu_ciudad table{
	margin:4px;
}
DIV.menu_ciudad table td{
	width:16%;
	font-size:10px;
	background: url(../../img/bg_btn_ciudad.gif) no-repeat left 5px;
}
DIV.menu_ciudad table a,
DIV.menu_ciudad table a:link,
DIV.menu_ciudad table a:visited{
  display:block;
  color:#052739;
  text-decoration:none;
  width:auto;
  padding:2px 4px 2px 10px;
  font-size:11px;
}

DIV.menu_ciudad table a:hover,
DIV.menu_ciudad table a:active{
  color:#FFF;
  background:#458d0d url(../../img/bg_btn_ciudad_hover.gif) no-repeat left 5px;
}
DIV.menu_ciudad table td strong{
	font-size:11px;
	font-weight:normal;
	padding-left:10px;
	color:##052739;
}
DIV.contenidos DIV.top{
  position:relative;
  float:left;
  width:600px;
  background-color:#DFDFDF;
  font-size:10px;
  height:16px;
  margin-bottom:10px;
}
DIV.contenidos DIV.ubicacion{
  float:left;
  color:#8395AA;
  padding-left:4px;
  line-height:16px;
}
DIV.contenidos DIV.ver_mapa{
  float:right;
  width:140px;
  height:16px;
  background:#064B41 url(../../img/flecha_ubicacion.gif) no-repeat left top;
  border-left: 4px #FFF solid;
}
DIV.contenidos DIV.ver_mapa a,
DIV.contenidos DIV.ver_mapa a:link,
DIV.contenidos DIV.ver_mapa a:visited{
  color:#FFF;
  line-height:16px;
  padding-left:22px;
}
DIV.contenidos DIV.ver_mapa a:hover,
DIV.contenidos DIV.ver_mapa a:active{
  color:#66CC00
}

DIV.contenidos h1{
  color:#66CC00;
  font-weight:normal;
  font-size:19px;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  margin-top:0;
  padding-top:0
}
DIV.contenidos p.creditos{
  color:#777;
  font-size:10px;
  padding:0;
  margin:0;
}
DIV.contenidos TABLE DIV.banner{
  width:auto;
}

/********************************** customización ciudad como llegar ************************************/

DIV.contenidos h2{
  color:#FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:16px;
  margin:0;
  padding:0;
  line-height:26px;
  background-color:#06334B;
  padding-left:10px;
}
DIV.contenidos h3{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	font-weight:bold;    
	text-decoration:none;
	line-height:22px;
	margin:0;
	padding:0;
	padding-left:5px;
	background-color:#66CC00;
}
DIV.contenidos h4{
	font-family:Arial, Helvetica, sans-serif;
	color: #042638;
	font-size:12px;
	font-weight:bold;    
	text-decoration:none;
	line-height: 20px;
	margin:0;
	padding:0;
	padding-left:5px;
	margin-bottom:5px;
	background-color: #e3e3e3;
}
DIV.contenidos DIV.banner{
  float:none;
  margin-bottom:10px;
  margin:0;
  padding:0;
}
DIV.contenidos DIV.datos_ciudad{
  line-height:20px;
  height:20px;
  border-bottom:solid 1px #66CC00;
  background-color:#B5BDBD;
  padding-left:10px;
  color:#FFF;
}
DIV.contenidos DIV.datos_ciudad b{
  color:#052739;
}

TABLE.listado{
  width:600px;
  margin:0 0 10px 0;
  font-size:11px;
  color:#052739;
}
TABLE.listado TD{
  vertical-align: middle;
  border-bottom:solid 1px #e3e3e3;
}
TD.nombre{
  padding-left:0px;
  width:250px;
  height:18px;
}
TABLE.listado a.promo,
TABLE.listado a.promo_i{
  width:33px;
  overflow:hidden;
  line-height:18px;
  background: url(../imagenes/promo.gif) no-repeat left 2px;
  //background-position:left 6px;
}
TABLE.listado a.promo_i{
  background: url(../imagenes/promo_i.gif) no-repeat left 2px;
}
TABLE.listado a.promo b,
TABLE.listado a.promo_i b{
  visibility:hidden;
}

TABLE.listado a,
TABLE.listado a:link,
TABLE.listado a:visited{
  font-weight:bold;
  color:#007700;
  text-decoration:none;
}
TABLE.listado a:active,
TABLE.listado a:hover{
  color:#66CC00;
}

