@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url("/images/siteBg.png");
	background-position:top;
	background-repeat: repeat-x;
	background-color: #020501;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

.fuenteestaciones {
	font-family: Arial, serif;
  	font-size:12px;
  	color: #FFF;
  	font-weight:normal;
	}

.linkestaciones {
	font-family: Arial, serif;
	font-size:12px;
	color: #a61817;
	text-decoration:none;
}
.linkestaciones:hover {
	font-family: Arial, serif;
	font-size:12px;
	color: #a61817;
	text-decoration:underline;
}

.linkestacionesmain {
	font-family: Arial, serif;
	font-size:15px;
	color:#fff;
	text-decoration:none;
}
.linkestacionesmain:hover {
	font-family: Arial, serif;
	font-size:15px;
	color: #fff;
	text-decoration:underline;
}

#estacionesDiv {
	position: relative;
	margin-top:25px;
	margin-right:auto;
	margin-left:auto;
	width:726px;
}

div.hr {
  border: 0;
  width: 726px;
  height: 1px;
  background-image: url("/images/hr.png");
  background-position:center;
  background-repeat:no-repeat;
}
div.hr hr {
  display: none;
}

#Titulos {
	position: relative;
	width: 726px;
	margin-right:auto;
	margin-left:auto;
	font-family: Arial, serif;
	font-size:16px;
	color: #FFF;
}
#Titulos2 {
	font-family: Arial, serif;
	font-size:14px;
	color: #a61817;
}

#Titulos3 {
	font-family: Arial, serif;
	font-size:12px;
	color: #a61817;
}

#promoDiv {
	position:relative;
	width:750px;
	height:270px;
	margin-right:auto;
	margin-left:auto;
	margin-top:5px;
	background-image: url("/images/promoBg.png");
	background-position:top;
	background-repeat: no-repeat;
	text-align:left;
}

#menuDiv {
	position:relative;
	width:750px;
	height:205px;
	margin-top: 26px;
	margin-right:auto;
	margin-left:auto;
	background-image: url("/images/topBg.png");
	background-position:top;
	background-repeat: no-repeat;
}

#bottomDiv {
	position: relative;
	width:750px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	font-family: Arial, serif;
	font-size:9px;
	color: #888e84;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.contenidoDiv {
  position: relative;
  width:730px;
  padding:10px;
  margin-right:auto;
  margin-left:auto;
  font-family: Arial, serif;
  font-size:12px;
  color: #FFF;
  font-weight:normal;
  /* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/contBg.png');
}

#newContent {
	position: relative;
	width: 750px;
	margin: 0 auto;
	overflow: hidden;
}
#newTarjDiv {
	float: left;
	width: 750px;
	margin-right: 25px;
}
#newContDiv {
	float: right;
	width: 475px;
}
#newSlideDiv {
	position: relative;
	width: 450px;
	height: 278px;
}
#modeloDiv {
	position: absolute;
	z-index: 1;
}

/* IE ignores css styles with [attributes], so it will skip the following. */
.contenidoDiv[class] {
  background-image:url("/images/contBg.png");
}


/* Codigo del Menu */

#menu {
	font-family: Arial, serif;
	font-size:11px;
	}

#menu ul {
	text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
	margin: 0px 0px 0px 0px; /* Just some margin to align the blue border below the menu */
	padding: 100px 0 0 0;
	}

#menu li {
	display: inline; /* Menu links are horizontally aligned using display: inline */
	}

#menu li a {
	padding: 0px 10px 0px 10px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	/*background: url(/examples/images/tabbed-menu-left.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept for the left part of the tab */
	}
	
#menu li a:hover {
	color: #CCCCCC;
	border-bottom: 2px solid #CC0000;
	border-top: 2px solid #CC0000;
	/*background: url(/examples/images/tabbed-menu-left.gif) no-repeat left bottom;*/
	}
	
#menu li a span {
	padding: 7px 0px 6px 0;
	}
	
#menu li a:hover span {
	/*background: url(/examples/images/tabbed-menu-right.gif) no-repeat right bottom;*/
	}

#menu li a.current{ 
	color: #FFF; 
	border-bottom: 2px solid #CC0000;
	}

<!--[if IE]>
<style type="text/css">
* Unfortunately, for some reason both IE6 and IE7 needs to be hacked. */
.Menu1 li a {
padding: 0 0 0 10px;
}
</style>
<![endif]-->


/* Fin del codigo del menu */