/*  global */

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

h2 {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:#D90000;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 {color:#000;font-size:12px;font-weight:normal;line-height:18px; margin-left:10px; margin-right:25px;}

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

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.teh:link {color: #D90000;text-decoration:none;font-size:10px;}
a.teh:visited {color:#D90000;text-decoration:none;font-size:10px;}
a.teh:hover {color:#D90000;text-decoration:none;font-size:10px;}
a.teh:active {color:#D90000;text-decoration:none;font-size:10px;}

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

#containerfg {
	position:absolute;
	width:615px;
	height:740px;
	top:-6px;
	left:5px;
	background-color:#700000;
	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;
}


#contentbar {
	background-color:#D90000;
	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:#D90000;
	position:absolute;
	width:123px;
	height:16px;
	font-size:12px;
	font-weight:bold;
	color:#700000;
	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:500px;
	height:25px;
	left:360px;
	bottom:-20px;
}

#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:#620000;
	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;
}


/* accordion */

#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5d5d5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-size: 12px;
	background: #700000;
	color: #FFF;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}