* {margin:0;padding:0}
body 

	{padding:0; 
	background:  #fff; repeat-x 0 100%; 
	color:#333; 
	font:83%/1.5 arial,tahoma,verdana,sans-serif;
	margin:0 auto 0 auto;
	text-align:center;
}


/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#C00} 
a:visited {color:#C00} 
a:hover,a:active {color:#069} 

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 0.5em}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: .5em 0 .1em;color:#000;border-bottom: 1px solid #eee}
h1 {font-size: 140%;margin-top:3px; color:#E17000}
h2 {font-size: 115%}
h3 {font-size: 100%}
h4 {font-size: 96%}
h5 {font-size: 90%}
h6 {font-size: 86%}
.highlight {color:#E17000; font: bolder; font-size:110%}
.subdued {color:#999}
.error {color:#C00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption { padding-top:5px;color:#999;font-size:11px; line-height:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
.small {font-size:11px}
.back {color:#COO; font-size:90%; float:right; padding-right:10px}

/* LISTS */
ul {margin: .3em 0 .3em 30px; list-style:disc}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 5px; padding-bottom:5px;background: transparent url("images/sprites.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* CONTENT WRAPPER */

#main { 
	width: 770px; 
	margin: 0 auto 0 auto; 
}

/* LAYOUT - HEADER */
    #header {position:relative; width:770px; background: #84A266 url("images/featurebox_bgV.gif") no-repeat 100% 100%;margin: 4px 0 5px;padding: 0 0 5px; height:95px}

	#header #site-name {font: 250% Tahoma, Arial;letter-spacing: -.05em;margin:0 200px 0 0;padding:5px 0;color: #CC0000;border:none; font-weight:bolder; position:absolute; top: 20px; left:160px; width:400px}
	
	#header #lema {font: 125% Tahoma, Arial;letter-spacing: -.05em;margin:0 70px 5px 0;padding:0;color: #CC0000;border:none; font-weight:bolder; position:absolute; top: 70px; left:160px; width:400px}
	
	/* NAV - top horizontal nav */
	#nav, #nav ul { float:right; padding:70px 65px 0 0;margin:0;list-style: none; display:inline}
	#nav {font-weight:bold;height:2.09em;font: bold 96% arial;margin: 0 0px 0 5px}
	#nav li {position:relative;;float: left; width:5px;display:block;margin: 0;padding:0 5px 0 0}	
	#nav a {line-height:1.8;padding: 5px 0 5px 5px;background: #ff84A266 url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:inline}
	#nav a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav a:link {color:#fff} 
	#nav a:visited {color:#fff} 
	#nav a:hover {color:#C00;} 
	#nav a:active {color:#C00;} 	
	#nav li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#C00} 
	#nav li {border-top:none;border-right: 1px dotted #ccc}
	#nav li.active {color:#COO; border-top: none;border-right: 1px dotted #ccc;}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
		/* Logo */
	#logo {width:129px;height:90px;position:absolute;top:5px;left:10px}

/* Fotos */
#fotos {float: left; width:770px; border:none;background: #fff}
	
/* LAYOUT - main body of page */
#wrap {padding:0; margin: 5px auto;float:left;width:770px;text-align:left}
#content-wrap {position:relative;width:100%}
	#utility {position: absolute;top:30px; left:2px;width:120px; border-top: 5px solid #336600;padding-bottom: 40px; overflow: hidden}
	#sidebar {position:absolute;top:30px;right:0px;width:10px;border-top: 5px solid #336600;padding-top: 1px;padding-bottom: 40px}
	.featurebox {color:#333;padding: 5px 0px 5px 4px;border-top: 1px solid #d7d7d7;margin: 0 0 1em;background:#84A266 url("images/featurebox_bgV.gif") no-repeat 100% 100%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #003300;color: #003300}
	.featurebox p {border:none;margin: 0 0 1em;color:#444; font-size:90%; padding-left:5px}
	.featurebox a {font-weight:bold}
	
	.slidethumb {color:#COO;padding: 5px 0px 5px 10px;border-top: 1px solid #d7d7d7;margin: 0 0 1em;background:#fff}	
	.slidethumb p, .slidethumb a:visited, .slidethumb a:link, .slidethumb h1, .slidethumb h2, .slidethumb h3, .slidethumb h4, .slidethumb h5, .slidethumb h6 {margin: 0 0 .3em; border-bottom: none;color: #COO}
	
#content { position:absolute; top:0px; left:138px; width:560px; padding: 0}
	#pres {float:left; padding:5px 0 10px 50px}

	p { padding:0 2px 0 1%}
	p.inter { padding:0; line-height:1px}
	
/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary {position: static}
	#nav-secondary {list-style: none;margin:0 0 10px 0;padding:0;background:#fff}
	#nav-secondary {padding-top:0;border-bottom: 1px solid #ccc;margin-top: 1px}
	#nav-secondary a {line-height:1.8;padding: 5px 0 5px 5px;background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#000} 
	#nav-secondary a:visited {color:#000} 
	#nav-secondary a:hover {color:#C00;background: #fee url("images/sprites.gif") no-repeat 10px -695px} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#C00} 
	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}
	#nav-secondary li.active {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}


/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {margin: 0 0 1em 23px;padding:0; position:static}
	#nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}	
	#nav-secondary li {padding-top:0;border-bottom: 1px solid #ccc;margin-top: 1px}
	#nav-secondary li a {line-height:1.8;padding: 5px 0 5px 5px;background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}	
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #C00}
	#nav-secondary li.active li {border: none;margin:0}
	
	#nav-secondary li.active li.active a:link, 
	#nav-secondary li.active li.active a:visited, 
	#nav-secondary li.active li.active a:hover, 
	#nav-secondary li.active li.active a:active {font-weight:bold}
	#nav-secondary li.last{ border-bottom:none}

	
/* LAYOUT - FOOTER */
#footer {clear:both;border-top: 1px solid #E3E8EE;padding: 10px 0 30px;font-size:86%;color:#999}
	#footer p {margin:0}
	#footer a:link {color: #333333}
	#footer a:visited {color: #FF0000}	

