/* CSS Document */

/* -------------------------------------------

project:	exsa.com.br
author:		JHD Comunicação - jhdweb.com.br
date:		2010/01/20

------------------------------------------- */

html, body {height:100%;}
body { margin: 0; padding:0; color: #858585; font: 62.5%/1.25 Arial, Helvetica, sans-serif; background-color:#FFF; overflow-x:hidden;}
textarea, input, select, option, optgroup, button {color: #6f6b3f; font: 1em "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; margin:0; padding:0;}
div.clear{clear:both;font-size:0;height:0;line-height:0;display:block;margin:0;padding:0;}
.noscreen {display:none;}


/* RE-SETS

------------------------------------------- */

* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption, blockquote { font-size: 1.2em; }
ul, ol, dl, p { margin-bottom: 10px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

abbr, acronym { border: none; cursor: help; }

form, label, fieldset {margin:0; padding:0;}

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

a, a:active, a:focus { color: #000; text-decoration: none; outline: none;}
a:hover { text-decoration: underline; }
button, button:active, button:focus {outline:none;}
:focus {-moz-outline-style: none;}

p, blockquote {line-height:18px;}

/* HEADINGS

------------------------------------------- */

h1, h2, h3, h4, h5, h6 {margin: 0 0 10px 0; color:#666; font-weight:normal; letter-spacing:-2px;}
h1 { font-size: 3.2em; }
h2 { font-size: 3.0em; }
h2.bigtitle { font-size: 6.0em; }
h3 { font-size: 2.4em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.3em; }

/* GENERAL
------------------------------------------- */

input,textarea,select {color:#aaa; font-size:12px;}
p.bigtxt {font-size:20px; line-height:30px; font-weight:lighter; letter-spacing:-1px;}

form label {float:left; width:80px; font-size:16px; margin-right:15px; text-align:right;}
form input, form textarea {padding:5px; width:300px; border:1px solid #999; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
form textarea {height:100px;}
form br {clear:both;font-size:0;height:0;line-height:0;display:block;margin:0;padding:0;}
form div {margin-bottom:10px;}
form label.buttonForm {border:1px solid #9F5200; margin-left:95px; padding:0; width:auto; box-shadow:0px 1px 1px #aaa; -moz-box-shadow:0px 1px 1px #aaa; -webkit-box-shadow:0px 1px 1px #aaa; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
form button {color:#FFF; font-weight:bold; *margin:0 -1px -1px -1px; border:none; font-size:11px; background-color:#f38000; border-top:1px solid #FFAA4F; padding:3px 5px 4px 5px;}
form label.buttonForm:active {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
form button:active {border-top:1px solid #f38000;}


/* LAYOUT

------------------------------------------- */

h1 {width:203px; height:144px; margin:0; padding:0; background:url(http://i.jhdweb.com.br/logotipo-jhd.jpg) left top no-repeat; overflow:hidden; position:absolute; top:60px; left:-20px; z-index:2;}
h1 a {display:block; height:0; min-height:0; padding:400px 0 0 0;}

#capa {width:878px; position:relative; z-index:1; left:50%; top:50%; margin-left:-439px; margin-top:-260px;}

ul#menu-nav {margin:0; padding:0 0 0 150px; width:728px; height:40px; background:url(http://i.jhdweb.com.br/bg-menu.jpg) left bottom no-repeat; z-index:5; position:relative;}
ul#menu-nav li {margin:0 0 0 20px; padding:0; list-style-type:none; position:relative; float:left;}
ul#menu-nav li a {color:#c9c9c9; display:block; padding:0 0 10px 0;}
ul#menu-nav li a:hover,
ul#menu-nav li a.hover {text-decoration:none; color:#f48000;}
ul#menu-nav li ul {position:absolute; z-index:5; width:140px; top:25px; left:auto; list-style-type:none; padding:0; margin:0; display:none;}
ul#menu-nav li ul li {margin:0; float:none; display:block; z-index:5;}
ul#menu-nav li ul li a {float:left; display:block; text-align:left; width:120px; z-index:5; padding:5px 10px; background-color:#2e2e2e; border-bottom:1px solid #111; border-top:1px solid #333; color:#999;}
ul#menu-nav li ul li a:hover {color:#FFF;}

#job {width:878px; height:448px; position:relative;}
#job #jobs {width:878px; height:448px; position:relative; z-index:1;}
#job #capa-description {width:280px; height:20px; padding:20px 20px; background-color:#FFF; position:absolute !important; right:15px; bottom:15px; z-index:3;}
#job #capa-description p {font-size:11px; margin:0; padding:0; line-height:11px; margin-top:3px; width:275px;}
#job #capa-description p.title {font-weight:bold; margin-top:6px; height:12px; margin-top:-10px;}
#job #capa-description ol {margin:0; padding:0; z-index:2; position:absolute; right:0; top:23px; height:24px; width:275px; }
#job #capa-description ol li {margin:0; padding:0; list-style-type:none; display:inline; }
#job #capa-description ol li a {background-color:#696969; height:13px; padding:5px 7px; margin-right:3px; color:#FFF; font-size:12px; font-weight:bold; float:left; z-index:2; }
#job #capa-description ol li a:hover {text-decoration:none; z-index:4;}

#wrapper2 {height:310px; }
#content2 {width:980px; height:310px;}

#wrapper {height:448px; overflow:auto; background-color:#eee;}

#wrapper3 {height:550px; overflow:auto; background-color:#eee;}

#content {width:650px; padding:0 20px 20px 0; margin-top:20px; float:right;}

#end {text-align:left; width:450px; color:#878787;}
#end p {line-height:30px;}
#face {float:right; width:400px; margin-top:05px;}

#barra {height:12px; background-color:#f48000; position:fixed; bottom:0; display:block;}


/* ELEMENTS

------------------------------------------- */

.breadcrumb-trail {margin:0 0 5px 0; padding:0;}
.breadcrumb-trail li {margin:0; padding:0; list-style-type:none; display:inline; text-transform:uppercase; font-size:10px; color:#333;}
.breadcrumb-trail li a {color:#999;}
.breadcrumb-trail li a:hover {color:#f38000; text-decoration:none;}

#email-contato{
	margin-top:20px;	
}