body {
font-family: Verdana, sans-serif;
font-size: 70%;
margin: 0;
padding: 0;
color: #1d5558;
}

div, p, ul, li, h1, h2 {
margin: 0;
padding: 0;
}

h1 { visibility: hidden; }

body#home { background: #f6f8e4 url(../pics/ecoperfil_bg_home.gif) left top repeat; }
body#mission { background: #f6f8e4 url(../pics/ecoperfil_bg_mission.gif) left top repeat; }
body#experiences { background: #f6f8e4 url(../pics/ecoperfil_bg_experiences.gif) left top repeat; }
body#portfolio { background: #f6f8e4 url(../pics/ecoperfil_bg_portfolio.gif) left top repeat; }
body#ongoing { background: #f6f8e4 url(../pics/ecoperfil_bg_ongoing.gif) left top repeat; }
body#proposals { background: #f6f8e4 url(../pics/ecoperfil_bg_proposals.gif) left top repeat; }
body#about { background: #f6f8e4 url(../pics/ecoperfil_bg_about.gif) left top repeat; }
body#contact { background: #f6f8e4 url(../pics/ecoperfil_bg_contact.gif) left top repeat; }


/* LOGO */

div#logo {
/*background: #f6f8e4 url(../pics/site_logo_128.gif) left top no-repeat;*/
width: 155px;
height: 129px;
}
div#logo a img {
border: none;
}


/* NAVIGATION */

div#navigation {
position: absolute;
top: 20px;
left: 400px;
}
div#navigation ul {
list-style: none;
text-transform: uppercase;
padding-top: 10px;
}
div#navigation ul li {
text-decoration: none;
font-family: Arial, sans-serif;
font-weight: bold;
line-height: 0.8em;
letter-spacing: -0.07em;
}
div#navigation ul li a { text-decoration: none; }
div#navigation ul li span { color: #660033; }

div#navigation ul li span { }
div#navigation ul li.section1 { margin-left: 64px; font-size: 3.4em; }
div#navigation ul li.section2 { margin-left: 11px; font-size: 2.4em; margin-top: 2px; }
div#navigation ul li.section3 { margin-left: 00px; font-size: 4.4em; }
div#navigation ul li.section4 { margin-left: 20px; font-size: 3.0em; }
div#navigation ul li.section5 { margin-left: 40px; font-size: 2.2em; }
div#navigation ul li.section1 a { color: #b2e1bc; }
div#navigation ul li.section2 a { color: #6dc8bd; }
div#navigation ul li.section3 a { color: #0f4b4f; }
div#navigation ul li.section4 a { color: #5bc09b; }
div#navigation ul li.section5 a { color: #b2e1bc; }
div#navigation ul li a:hover { color: #fdd73a ; }


/* CONTENT */

div#content {
position: absolute;
top: 200px;
left: 60px;
width: 590px;
line-height: 1.6em;
padding-bottom: 40px;
}
div#content h2 {
font-size: 1.0em;
margin: 0 0 0.75em 0;
/*font-weight: normal;*/
text-transform: uppercase;
}
div#content h2 span {
/*background-color: #eea;*/
}
div#content h3 {
font-size: 1.0em;
margin: 1em 0 0.5em 0;
}
div#content p {
margin: 0 0 0.75em 0;
}
div#content ul {
padding-left: 2em;
margin-bottom: 1.5em;
}
div#content ul.snone {
list-style: none;
}
div#content ul.snone li {
margin-bottom: 0.3em;
}
div#content ul.clean {
list-style: none;
padding-left: 0;
margin-bottom: 1.5em;
}
div#content p.nomargin, div#content h2.nomargin {
margin: 0;
}
div#content .uppercase {
text-transform: uppercase;
}

div#content p#footer {
margin-top: 20px;
color: #85cc94;
}

/* IMAGES */

div#images {
position: absolute;
top: 200px;
left: 700px;
}

div#images img {
display: block;
margin: 40px 0;
}

div#images p {
margin-top: -30px;
}

/* PORTFOLIO */

div.project {
padding-bottom: 0.5em;
background: url(../pics/dotted.gif) bottom repeat-x;
}
div.lastproject {
padding-bottom: 0.5em;
background: none;
}

div#content div.contacts { margin-left: 50px; }
div#content div.contacts h3 { margin-bottom: 0em; }

/* PORTFOLIO LINKS */

div#portfolio_links {
position: absolute;
top: 70px;
left: 700px;
font-family: Arial, sans-serif;
/*text-transform: uppercase;*/
}
div#portfolio_links ul {
list-style: none;
}
div#portfolio_links ul li {
font-weight: bold;
margin: 0.5em 0;
}
div#portfolio_links ul li a {
text-decoration: none;
color: #1d5558;
padding: 0.5em 0;
}
div#portfolio_links ul li a:hover {
color: #fdd73a;
}
div#portfolio_links ul li span {
color: #660033;
}

div#images p {
font-size: 0.9em;
line-height: 1.7em;
}



/* INTRO */

body#intro {
background: #01daaf url(../pics/ecoperfil_logo_intro.gif) center 100px no-repeat;
text-align: center;
}

body#intro a {
text-decoration: none;	
}

#intro_links {
text-align: center;
position: relative;
margin: 190px auto;
width: 360px;
}

#intro_links a.left {
color: #fff;
position: absolute;
left: 0;
}
#intro_links a.right {
color: #fff;
position: absolute;
right: 20px;
}