body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
}

#bgimg {
	position:absolute;
	z-index: -1;
}

#realBody{
	position: absolute;
	z-index: 5;				/* Place the new body above the background image */
	overflow: auto; 			/* restore scrollbars for the content */
	height: 100%;
	width: 100%;	/* Make the new body fill the screen */
	background: url('images/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
	left: 0px;
}

div#page {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	border-color: #ddd;
	border-style: none solid solid;
	border-width: medium 1px 1px;
}
div#container {
	padding: 20px;
	background-image: url(../images/bg_contenido.png);
	background-repeat: repeat;
}
div#ads {
	clear: both;
	padding: 12px 0 12px 66px;
}

/*============  MENU   ============*/
#menu {width:100%; font:13px Arial, Helvetica, sans-serif; color:#323232; line-height:17px; overflow:hidden;margin-top:3px}
#menu li {
	float: left;
	list-style-type: none;
}
#menu a {display:block;font-size:12px;font-weight:200;color:#000;background:url(../images/menu/menu.png) top repeat-x;line-height:55px;text-decoration:none}
#menu li span {display:block;background:url(../images/menu/menu_left.png) top left no-repeat}
#menu .alpha span {background:url(../images/menu/left_menu.png) top left no-repeat}
#menu .alpha a:hover span,#menu .alpha#menu_active a span {background:url(../images/menu/left_menu_active.png) top left no-repeat}
#menu .omega span span {background:url(../images/menu/right_menu.png) top right no-repeat}
#menu .omega a:hover span span,#menu .omega#menu_active a span span {background:url(../images/menu/right_menu_active.png) top right no-repeat}
#menu li span span,#menu .alpha span span {background:url(../images/menu/menu_right.png) top right no-repeat;padding:0 30px}
#menu a:hover,#menu #menu_active a {color:#fff;background:url(../images/menu/menu_active.png) top repeat-x}
#menu a:hover span,#menu #menu_active a span {background:url(../images/menu/menu_left_active.png) top left no-repeat}
#menu a:hover span span,#menu #menu_active a span span,#menu .alpha#menu_active a span span,#menu .alpha a:hover span span {background:url(../images/menu/menu_right_active.png) top right no-repeat}
/*=================================*/

/****************************footer************************/
footer {
	width: 100%;
	height: 250px;
	color: #999;
	background: url(../../images/footer-tail.gif) center top repeat;
	z-index: 9;
	overflow: hidden;
	list-style-type: none;
}
footer .padding {padding:35px 0 0}
footer h4 {color:#fff; margin-bottom:18px}

	.list-services li {
		font-size:18px;
		line-height:35px;
		text-transform:uppercase;
		padding-bottom:9px;
	}
	.list-services a {
		display:inline-block;
		text-decoration:none;
		color:#999;
		padding-left:54px;
		background:url(../../images/social-icons.png) 0 0px no-repeat;
	}
	.list-services a.item-1 {background-position:0 -44px}
	.list-services a.item-2 {background-position:0 -88px}
	.list-services a.item-3 {background-position:0 -132px}