/* RESETS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

body {font-family: verdana; font-size: 100%; color: #333; background: #a06000 url(images/bg.jpg) repeat-x}

strong {font-weight: bold}

h1 {color: #faa51c}

h2 {color: #faa51c; font-size: 35px; line-height: 200%; font-weight: bold}

h3 {color: #787878; font-weight: bold; font-size: 20px; line-height: 200%}

h4 {color: #8C8C8C; font-weight: bolder; font-size: 18px; line-height: 230%}

h5 {color: #faa51c; font-weight: bolder; font-size: 18px;}

h6 {color: #8C8C8C}

a {color: #FAA51C}
a:visited {color: #B1B3B5}
a:hover {color: #324e72}

.lmore, .lmore a, .lmore a:visited {color: #253f62; font-weight: bold; text-decoration: none}

.lmore a:hover {border-bottom: 2px solid #FAA51C}

.clear {clear: both}

#wrap {width: 960px; margin: 0 auto}

/* Horizontal Rule */

.hr hr {display: none}
.hr {width: 100%; height: 30px; background: url("images/hr.png") no-repeat 50% 50%; clear: both}

.tborder {border: 1px solid #B1B3B5}

.imglside {border: 5px solid #787878; margin: 10px}

/* HEADER */

#header {margin-top: -23px; background: url(images/header.jpg) no-repeat; height: 300px}

#title {text-indent: -9000px; clear: both}

/* NAVIGATION */

#navigation ul {list-style-type: none; padding: 0 10px 0 10px; text-align: center; padding-top: 15px}

#navigation li {float: left; font-size: 15px; text-transform: uppercase; font-weight: 900; margin: 0 20px 0 20px; letter-spacing: .05em; padding-bottom: 10px; width: 117px; display: block}

#navigation li a {color: #fff; text-decoration: none;}

#navigation li a:visited {color: #fff; text-decoration: none}

#navigation li a:hover, #navigation li.active a:hover  {color: #faa51c}

#navigation li.active {background: url(images/on.png) no-repeat bottom center;}

#navigation li.active a {color: #faa51c}

#navigation #n2 {width: 250px}

/* CONTENT */

#content {clear: both; background: #fff; display: table}

#content h2 {padding: 10px 30px}

#content h3.sec {margin-top: 50px}

#content a {}

#content a:hover {}

#content a:visited {}

#content ul li {list-style-type: none; background: transparent url(images/bullet.gif) no-repeat left top; padding-left: 20px; margin: 10px 0 10px 0; font-size: 80%}

#content ul li a {color: #6a6a6a; font-weight: bold}

#content ul li a:hover {color: #3d3d3d}

#content ul li a:visited {color: #8C8C8C}

#contleft {padding: 10px; float: left; width: 300px}

#contright {padding: 10px; width: 620px; float: left}

#contright p {font-size: 95%; text-align: justify; margin: 20px 20px 20px 0; line-height: 140%}

#contleft ul li {background: url(images/bbutton.png) no-repeat; width: 253px; height: 53px; margin: 10px 20px; color: #999; font-size: 16px; text-transform: uppercase;}

#contleft  ul li a {color: #fff; padding: 18px 0; text-decoration: none; display: block}

#contleft ul li:hover, #contleft ul li.act {background: url(images/bbutton2.png) no-repeat;}
#contleft ul li a, #contleft ul li a:visited, #contleft ul li a:hover {color: #fff}

#contright .philite {font-size: 110%; line-height: 120%; font-family: georgia; font-style: italic; margin: 0 20px 30px 0;}

#contright .plegend {margin: 0 20px 30px 0;}

#contright .lmore {text-align: right; margin: 20px; font-size: 80%}

/* FOOTER */

#footer {clear: both; padding: 20px; background: #fff; margin: 0}

#footer p {font-family: verdana; color: #B1B3B5; font-size: 14px; font-weight: 900; text-align: center}

#fcred {position: relative; bottom: 20px; right: 0; float: right}

/* HOME PAGE SPECIFIC */

#hp #header {background: url(images/hpheader.jpg) no-repeat; height: 446px}

#hp h3 {margin-bottom: 10px}

#hpfeat { background: #faa51c; padding: 20px 0}

#hpfeatc1 {width: 300px; padding: 10px; float: left}

#hpfeatc1 ul {margin-top: -22px; padding: 0}

#hpfeatc1 ul li {background: url(images/whitebut.gif) no-repeat; width: 253px; height: 53px; margin: 10px 20px; color: #999; font-size: 16px; text-transform: uppercase;}

#hpfeatc1 ul li a {padding: 18px 0; text-decoration: none; display: block}

#hpfeatc1 ul li:hover {background: url(images/whitebut2.gif) no-repeat;}

#hpfeatc1 ul li a, #hpfeatc1 ul li a:visited {color: #999}
#hpfeatc1 ul li a:hover {#fff}

#hpfeatc2 p {color: #fff; font-size: 21px}

#hpcont {display: table; width: 100%; background: #fff;}

.hpcol {width: 280px; float: left; margin: 20px}

.hpcol p {text-align: justify; font-size: 14px; line-height: 140%}

.hpcol .lmore {text-align: right; margin: 20px 0}

/* CONTATO */

#contato #content {width: 920px; padding: 20px}

#fbox {width: 500px; margin: 0 auto;}

#contato label {color: #2C4B6A; font-size: 18px; font-weight: bold; text-transform: uppercase}

#contato fieldset { width: 500px; margin: 0 auto; }

#contato fieldset  p {color: #666; padding: 10px}

#contato .notice span {padding: 5px; background: #DFDFDF; display: block; margin: 0}

#contato legend {font-size: 30%; text-indent: -9000px}

.flabel {margin: 3px 10px 0 10px}

.ffield {margin: 3px 20px 10px 10px}

#contato input, #contato textarea {font-size: 18px; padding: 3px; font-family: verdana; font-weight: bold; border: 4px solid #2C4B6A; color: #2C4B6A}

#contato input:focus, #contato textarea:focus {border: 4px solid #FBA51C}

.fbut {width: 140px; margin: 0 auto}

#contato #submit {padding: 2px; background: transparent url("images/button.png") no-repeat; width: 110px; height: 36px; text-transform: uppercase; font-weight: 900; cursor: pointer; color: #fff; font-family: verdana; font-style: normal; text-align: center; margin: 20px 10px 5px 10px; font-size: 18px; border: none}

#contato #submit:focus {border: 0;}

#contato #submit:hover {background-image: url("images/button2.png");} 

#spamprev {background: url("images/bg.png") repeat; padding: 5px; border: 1px solid #2C4B6A}

/* CURRÍCULO */

#curriculo #content h3 {color: #faa51c; font-size: 150%}

#curriculo #content h5 {color: #787878; text-transform: uppercase; margin: 40px 0 10px 0}

#curriculo #contright  li, #acu #contright li {font-size: 95%; text-align: justify; margin: 10px 20px 10px 0; line-height: 140%; background: url("images/bullet.png") no-repeat center left}

#soc {width: 600px; display: block; height: 300px; background: url("images/curriculo.01.jpg") no-repeat center left}

#soc:hover {background-image: url("images/curriculo.01.act.jpg")}

#soc p { text-indent: -9000px}

/* Galeria de Imagens */

#imggal #wrap {background: #fff}

#imggal #content {display: block; padding: 20px}

#gal  {clear: both; width: 960px; height: 100%}

#gal .galbum {margin: 10px; border: 5px solid #2A54A1}

/* Miscelaneous */

.address {display: block; padding-left: 85px}

/* Dialog Box */

#dbbut input {padding: 2px; background: transparent url("images/button.png") no-repeat; width: 110px; height: 36px; text-transform: uppercase; font-weight: 900; cursor: pointer; color: #fff; font-family: verdana; font-style: normal; text-align: center; margin: 10px 10px 5px 10px; font-size: 16px; border: none}

#dbbut input:focus {border: 0;}

#dbbut input:hover {background-image: url("images/button2.png");}