/*  global */

html, body {
	font-family: Helvetica, sans-serif;
	color: #4a4a4a;
	font-size:12px;
	background-color:#41541B;
	height: 100%;
}
	
html {
overflow-y: scroll;
}

h3 {font-size:18px;color:#4a4a4a;font-weight:bold;}

ul {text-decoration:none;}
li {text-decoration:none;}

a:link {color: #FFF;text-decoration:none;}
a:visited {color:#FFF;text-decoration:none;}
a:hover {color:#99C63F;text-decoration:none;}
a:active {color:#FFF;text-decoration:none;}

a:link img {border:none;}
a:hover img {border:none;}
a:visited img {border:none;}

p {line-height:18px; margin-left:10px; margin-right:25px;}

.title {font-size:14px; font-weight:bold; color:#23637D;}

a.ml:link {color: #FFF;text-decoration:none;}
a.ml:visited {color:#FFF;text-decoration:none;}
a.ml:hover {color:#FFF;text-decoration:none;}
a.ml:active {color:#FFF;text-decoration:none;}

a.testimon:link {color: #23637D;text-decoration:none;font-size:10px;}
a.testimon:visited {color:#23637D;text-decoration:none;font-size:10px;}
a.testimon:hover {color:#23637D;text-decoration:none;font-size:10px;}
a.testimon:active {color:#23637D;text-decoration:none;font-size:10px;}

a.cont:link {color:#23637D;text-decoration:none;font-size:12px;}
a.cont:visited {color:#23637D;text-decoration:none;font-size:12px;}
a.cont:hover {color:#23637D;text-decoration:none;font-size:12px;}
a.cont:active {color:#23637D;text-decoration:none;font-size:12px;}

#containerbg {
	position:relative;
	width:625px;
	height:765px;
	top:-7px;
	left:25%;
	background-color:#99C63F;
	z-index:1;
}

#containerfg {
	position:absolute;
	width:615px;
	height:740px;
	top:-6px;
	left:5px;
	background-color:#23637D;
	z-index:2;
}

#header {
	background-image:url(images/header_main.jpg);
	background-repeat:no-repeat;
	width:615px;
	height:100px;
	position:absolute;
	top:6px;
	z-index:3px;
}

#banner {
	background-image:url(images/aguas.jpg);
	background-repeat:no-repeat;
	width:615px;
	height:125px;
	position:absolute;
	top:106px;
	z-index:3;
}

#nav1 {
	position:absolute;
	left:20px;
	top:250px;
	width:130px;
	height:200px;
	margin: 0 auto;
	font-weight:bold;
	font-size:12px;
	letter-spacing:2px;
	line-height:24px;
	z-index:5;
}

#nav2 {
	position:absolute;
	left:20px;
	top:300px;
	width:130px;
	height:200px;
	margin: 0 auto;
	font-weight:bold;
	font-size:12px;
	letter-spacing:2px;
	line-height:24px;
	z-index:5;
}

#contentbar {
	background-color:#99C63F;
	position:absolute;
	width:433px;
	height:18px;
	left:0px;
	z-index:4;
}

#content {
	background-color:#FFF;
	color:#000;
	position:absolute;
	top:245px;
	width:428px;
	height:480px;
	right:12px;
	z-index:4;
	padding-left:5px;
	overflow-x:hidden;
	overflow-y:auto;
}

#didyoubar {
	background-color:#99C63F;
	position:absolute;
	width:123px;
	height:16px;
	font-size:12px;
	font-weight:bold;
	color:#23637D;
	padding-left:5px;
	left:0px;
	z-index:4;
}

#didyou {
	background-color:#FFF;
	position:absolute;
	width:123px;
	height:130px;
	top:425px;
	left:20px;
	font-size:12px;
	color:#000;
	padding-left:5px;
	z-index:4;
}

#quote {
	color:#FFF;
	position:absolute;
	width:130px;
	height:150px;
	top:570px;
	left:20px;
	letter-spacing:1px;
}

#legal {
	color:#FFF;
	font-size:10px;
	position:absolute;
	width:470px;
	height:25px;
	left:75px;
	bottom:-45px;
}

#buynow {
	position:absolute;
	width:88px;
	height:25px;
	bottom:5px;
	left:5px;
	z-index:5;
}

/* menu */

div.floated {
	width: 400px;
	float: left;
	margin-left: 1em;
}

div#menu {
	position:absolute;
	width:520px;
	height:20px;
	left:0px;
	top:0px;
	z-index:6;
}

div#myOtherElement1 {
	font-size:12px;
	color:#FFF;
	position:absolute;
	width: 148px;
	height: 15px;
	left:20px;
	top:280px;
	overflow: hidden;
	float: left;
	letter-spacing:2px;
	z-index:6;
}

.me1bg {
	background-color:#215768;
	padding-left:40px;
}

div#myOtherElement span, div#myOtherElement a {
	display: block;
	padding: 3 3px;
	color:#FFF;
	background-color:#183457;
}

div#myOtherElement a:hover {
	background-color:#f5f5f5;
}