@CHARSET "UTF-8";

* { border: 0; margin: 0; padding: 0; empty-cells: show; font-size: 12px; }

dd, dl, ul, li { -webkit-margin-start: 0px; margin: 0;-webkit-padding-start: 0px; }

/* - - - global - - - */
BODY 
{
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	background-color: #dfe3e6;
	line-height: 17px;
	text-align: center;
}

BODY * {
	text-align: left;
}

A
{
	color: transparent;
	text-decoration: none;
	cursor: pointer;
}

TABLE
{
	border-collapse: collapse;
}

IMG 
{ 
	display: block;
}

HR
{
	display: none;
}

UL, UL LI, OL, OL LI
{
	list-style: none;
}

UL.LinkBar
{
	list-style: none;
}

	UL.LinkBar LI
	{
		float: left;
		display: inline;
	}

H1, H2, H3, H4, H5 
{
	font-weight: normal; 
	#position: relative; /* arregla scroll de IE */
}

P	
{ 
	#position: relative; 
} /* arregla scroll en IE */

/* http://positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	#display: inline-block;
}

html[xmlns] .clearfix {
	#display: block;
}

* html .clearfix {height: 1%; }

.Left
{
	float: left !important;
	display: inline;
}	

.Right
{
	float: right !important;
	display: inline;
	text-align: left !important;
}

.TextImage
{
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}

	.TextImage SPAN
	{
		display: none;
	}

.Spacer
{
	clear: both;
}

.Hidden
{
	display: none !important;
}

.Invisible
{
	visibility: hidden;
}

.Boton
{
	cursor: pointer;
}

#Header
{
	z-index: 1;
	position: relative;
}
#Header h1
{
	width: 749px;
	height: 145px;
	background: transparent url(../img/header_off.png) no-repeat left top;
	margin: 28px auto 0px;
}

#Header h1.On
{
	background: transparent url(../img/header_on.png) no-repeat left top;
}

	#Header h1 a
	{
		font-size: 0px;
		line-height: 0px;
		color: transparent;
		
		display: block;
		width: 256px;
		height: 94px;
		background: transparent url(../img/logo.png) no-repeat left top;
		position: relative;
		top: 25px;
		left: 252px;
	}
	
	#Header a.Contact
	{
		display: block;
		width: 70px;
		height: 17px;
		background: transparent url(../img/bt_contact.jpg) no-repeat left top;
		position: relative;
		top: 20px;
		left: 657px;
	}
	
#Navigation
{
	margin: 0px auto;
	width: 749px;
	overflow: hidden;
	top: -6px;
	position: relative;
	z-index: 2;
}

#Navigation ul
{
	display: block;
	width: 785px;
	margin-left: 4px;
}

	#Navigation li
	{
		float: left;
		width: 153px;
		height: 92px;
	}
	
	#Navigation li a
	{
		display: block;
		height: 100%;
		background: transparent url(../img/nav/bt_off.png) no-repeat left top;
	}
	
	#Navigation li a:hover,
	#Navigation li a.On
	{
		background: transparent url(../img/nav/bt_on.png) no-repeat left top;
	}
	
	#Navigation li a.GM
	{
	}
		
	#Navigation li a.C3
	{
		margin-left: -6px;
	}
	
	#Navigation li a.EB
	{
		margin-left: -12px;
	}
	
	#Navigation li a.EC
	{
		margin-left: -18px;
	}
	
	#Navigation li a.AM
	{
		margin-left: -24px;
	}
	
	#Navigation li a span
	{
		display: block;
		position: relative;
		color: transparent;
		font-size: 0px;
		line-height: 0px;
	}
	
	#Navigation li a.GM span
	{
		background: transparent url(../img/nav/bt_gm.png) no-repeat center center;
		width: 107px;
		height: 37px;
		
		top: 27px;
		left: 23px;
	}
	
	#Navigation li a.C3 span
	{
		background: transparent url(../img/nav/bt_c3.png) no-repeat center center;
		width: 74px;
		height: 43px;
		top: 26px;
		left: 39px;
	}
	
	#Navigation li a.EB span
	{
		background: transparent url(../img/nav/bt_eb.png) no-repeat center center;
		width: 105px;
		height: 51px;
		top: 25px;
		left: 27px;
	}
	
	#Navigation li a.EC span
	{
		background: transparent url(../img/nav/bt_ec.png) no-repeat center center;
		width: 100px;
		height: 42px;
		top: 25px;
		left: 26px;
	}
	
	#Navigation li a.AM span
	{
		background: transparent url(../img/nav/bt_am.png) no-repeat center center;
		width: 110px;
		height: 47px;
		top: 19px;
		left: 22px;
	}
	
#Footer
{
	width: 729px;
	height: 15px;
	margin: 0px auto;
	position: relative;
	top: -13px;
}

#Footer a
{
	float: right;
	display: block;
	height: 15px;
	width: 100px;
	background: transparent url(../img/luminaSur.jpg) no-repeat right top;
	font-size: 0px;
	line-height: 0px;
}
