/* ----- initialize -----*/
html, body																											{margin: 0; padding: 0; height: 100%; background: #fff url(../img/gradient_top.gif) repeat-x; border: none; text-align: left; font: 11px Helvetica, Arial, Verdana, sans-serif; color: #52666c;}
p, a, br, img, map, area, form, input, textarea, select, option														{margin: 0; padding: 0;}
p, a, br, img, map, area																							{border: none;}
p, br																												{line-height: 14px;}
p a, p a:link, p a:visited																							{text-decoration: none; color: #f9b345;}
p a:hover, p a:active																								{text-decoration: none; color: #f89920;}
/* ----- classes -----*/
.hide																												{display: none;}
.clear																												{clear: both;}
.ultralightblue																										{color: #d5eff8;}
.lightblue																											{color: #0fc8ff;}
.darkblue																											{color: #52666c;}
.lightorange																										{color: #f9b345;}
.darkorange																											{color: #f89920;}
.bold																												{font-weight: bold;}
.italic																												{font-style: italic;}
.underline																											{text-decoration: underline;}
.font1																												{font: 9px Helvetica, Arial, Verdana, sans-serif;}
.font2																												{font: 11px Helvetica, Arial, Verdana, sans-serif;}
.lheight																											{line-height: 26px;}
.column1																											{margin: 0 10px 14px 0; padding: 0; float: left; display: block;}
.column2																											{margin: 0 0 14px; padding: 0; float: left; display: block;}
.width1																												{width: 210px;}
.width2																												{width: 320px;}
.width3																												{width: 430px;}
.height1																											{height: 14px;}
.height2																											{height: 80px;}
/* ----- sections -----*/
#wrapper																											{margin: 0; padding: 0; min-height: 100%; position: relative;}
#container																											{margin: 0 auto; padding: 0 0 80px; width: 650px;}
#hnosotros, #hservicios, #hservicios1, #hservicios2, #hservicios3, #htecnologia, #hpromociones, #hftp, #hcontacto	{margin: 0; padding: 0; width: 650px; height: 47px;}
#hnosotros																											{background: url(../img/header_nosotros.gif) no-repeat;}
#hservicios																											{background: url(../img/header_servicios.gif) no-repeat;}
#hservicios1																										{background: url(../img/header_servicios1.gif) no-repeat;}
#hservicios2																										{background: url(../img/header_servicios2.gif) no-repeat;}
#hservicios3																										{background: url(../img/header_servicios3.gif) no-repeat;}
#htecnologia																										{background: url(../img/header_tecnologia.gif) no-repeat;}
#hpromociones																										{background: url(../img/header_promociones.gif) no-repeat;}
#hftp																												{background: url(../img/header_ftp.gif) no-repeat;}
#hcontacto																											{background: url(../img/header_contacto.gif) no-repeat;}
#splash																												{margin: 0; padding: 0; width: 650px;}
#intro, #powered																									{margin: 0 0 14px; padding: 0; width: 650px;}
#footer																												{margin: 0 auto; padding: 0; width: 650px; height: 80px; background: url(../img/footer.gif) no-repeat;}
#gradient																											{margin: 0; padding: 0; bottom: 0; width: 100%; height: 80px; position: absolute; background: url(../img/gradient_bottom.gif) repeat-x;}
/* ----- menu -----*/
#menu																												{margin: 0; padding: 0; width: 650px; height: 80px; position: relative; background: url(../img/menu.gif) no-repeat;}
#menu li																											{margin: 0; padding: 0; list-style: none; position: absolute;}
#menu li, #menu a																									{display: block;}
/* ----- menu options -----*/
#inicio																												{left: 0; top: 50px; width: 209px; height: 30px;}
#nosotros																											{left: 274px; top: 57px; width: 91px; height: 14px;}
#servicios																											{left: 377px; top: 57px; width: 44px; height: 14px;}
#tecnologia																											{left: 433px; top: 57px; width: 52px; height: 14px;}
#promociones																										{left: 497px; top: 57px; width: 62px; height: 14px;}
#ftp																												{left: 571px; top: 57px; width: 22px; height: 14px;}
#contacto																											{left: 605px; top: 57px; width: 45px; height: 14px;}
/* ----- menu links -----*/
#inicio a																											{height: 30px;}
#nosotros a, #servicios a, #tecnologia a, #promociones a, #ftp a, #contacto a										{height: 14px;}
/* ----- menu hovers -----*/
#nosotros a:hover																									{background: transparent url(../img/menu.gif) -274px -80px no-repeat;}
#servicios a:hover																									{background: transparent url(../img/menu.gif) -377px -80px no-repeat;}
#tecnologia a:hover																									{background: transparent url(../img/menu.gif) -433px -80px no-repeat;}
#promociones a:hover																								{background: transparent url(../img/menu.gif) -497px -80px no-repeat;}
#ftp a:hover																										{background: transparent url(../img/menu.gif) -571px -80px no-repeat;}
#contacto a:hover																									{background: transparent url(../img/menu.gif) -605px -80px no-repeat;}
/* ----- end -----*/