@import url("reset.css");
@import url("common.css");

/*MENU*/
#navigation {}
body {
	background-image: url(../images/layout/body_bg.gif);
	text-align: center;
}


/*LAYOUT*/
#wrapper {
	text-align: center;
	margin: auto;
}
div.bgWrapMain{
	margin: auto;
	width: 100%;
	background-image: url(../images/layout/wrapper_bg.jpg);
	background-repeat:  repeat-x;
	}
#wrapMain {
	width: 810px;
	margin: auto;
	position:relative;
}

/*----- Doc Header ------*/
#header {}
	#headerTop{
		height: 100px;
		margin: auto;
		width: 770px;
		padding-right: 20px;
		padding-left: 20px;
		background-image: url(../images/layout/headertop_bg.jpg);
	}
		#headerTop #navTop {
			float: right;
			padding-top: 80px;
			text-align: left;
			height: 20px;
		}
			#headerTop #navTop li {
				float: left;
				background-image: url(../images/nav_divider.gif);
				background-repeat: no-repeat;
				background-position: right center;
				padding-right: 5px;
				padding-left: 5px;
			}
				#headerTop #navTop li.Last {
					background-image: none;
					width: 60px;
				}

		#headerTop #logo {
			float: left;
			height: 100px;
			width: 215px;
		}

	#headerCab {
		height: 250px;
		width: 770px;
		background-image: url(../images/layout/header_bg.jpg);
		background-repeat: no-repeat;
		padding-right: 20px;
		padding-left: 20px;
	}
		#cabezal{
			height: 250px;
			width: 770px;
			clear: both;
		}


/*----- Doc Body ------*/

#seccion {
	height: 38px;
	width: 770px;
	text-align: center;
	margin: auto;
}

#main {
	text-align: left;
	width: 770px;
	background-image: url(../images/layout/main_bg.jpg);
	background-repeat:  repeat-y;
	padding-right: 20px;
	padding-left: 20px;
}
	#content {
		float: left;
		width: 530px;
		padding: 40px 30px 20px 30px;
	}
	#content ul {
		margin-bottom: 10px;
		margin-top: 10px;
		margin-left: 10px;
	}
	#content li {
		background-image: url(../images/pxgrey.gif);
		background-repeat:  repeat-x;
		background-position: left bottom;
		width: 350px;
		list-style-image: url(../images/vineta.gif);
		list-style-position: outside;
		margin-top: 5px;
		margin-right: 5px;
		margin-left: 0px;
		padding-bottom: 5px;
	}

#lateral {
	float: left;
	width: 180px;
}


/*FOOTER*/
#footer {
	width: 810px;
	background-image: url(../images/layout/bgFooter.jpg);
	background-repeat: no-repeat;
	height: 47px;
	margin: auto;
}
#footerNav li {
	float: left;
	padding-right: 4px;
	padding-left: 5px;
}
#footerNav ul {
	padding-left: 95px;
	padding-top: 7px;
}

#footerNav {
	background-image: url(../images/layout/footer_nav_bg.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 770px;
	color: #1e1e1e;
	padding-right: 20px;
	padding-left: 20px;
	margin: 150;
}
#footerNav li a {
	color: #1e1e1e;
}


#footerContent {
	height: 22px;
	margin: auto;
	width: 770px;
	background-image: url(../images/layout/footer_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
}
#footerContent div.Right a {
	color: #666666;
}
#footerContent div.Right a:hover {
	color: #1e1e1e;
}
#footerNav li a:hover {
	color: #333333;
}