html, body					{ position: relative; margin: 0; padding: 0; height: auto; width: 100%; min-height: 800px; min-width: 1200px } 
body						{ background: url(http://media.intentor.com.br/images/line_bottom.png) no-repeat 30px 100.1% }
body,						
input,
textarea,
select						{ font-family: helvetica, arial, sans-serif; font-size: 12px; color: #333 }

h2							{ margin: 20px 0; padding: 0; font-size: 1.5em }
h3							{ margin: 5px 0 20px 0; padding: 0; font-size: 1.2em; text-align: left }
h1 a, h2 a, h3 a				{ color: #333 }
h1 a:hover,
h2 a:hover,
h3 a:hover					{ text-decoration: none }
p							{ margin: 20px 0; padding: 0; line-height: 1.9em; text-align: justify } 
a							{ text-decoration: none; color: #DE8624 }
a:hover						{ text-decoration: underline }
a.backToTop					{ position: absolute; left: 12px; bottom: 10px; padding: 2px 5px 2px 30px; color: #333; background: transparent url(http://media.intentor.com.br/images/arrow_top.png) no-repeat top left }
img							{ border: solid 1px #808080 }
img.center					{ display: block; margin: auto }
img.noborder				{ border: 0 }
img.left,
div.left						{ float: left; margin: 0 30px 10px 0 }
img.right,					
div.right					{ float: right; margin: 0 0 10px 30px }
div.left span,
div.right span				{ display: block; font-style:italic; font-size: 0.9em; text-align: center }

ul							{ list-style-type: square }
ul.number					{ list-style-type: decimal }
ul li							{ text-align: justify }

dl							{ margin: 0 ; padding: 0 }
dl dt							{ margin: 0 ; padding: 0; font-style: italic }
dl dd						{ margin: 0 0 1em 3em ; padding: 0; text-align: justify }

span.info					{ display: block; margin: 10px 0; padding: 0; color: #B5B5B5; font-size: 10px; text-align: right; text-transform: uppercase }
span.info a					{ color: #808080 }

blockquote					{ margin: 2em 2em 0 2em; padding: 1px; background: url(http://media.intentor.com.br/images/quote_open.png) top left no-repeat }
blockquote p					{ margin: 0.5em 2em 1em 3em; padding: 0; font-size: 9pt; font-style: italic }
blockquote.rightQuote			{ position: absolute; bottom: 382px; left: 800px; width: 765px; height: 35px; margin: 0; padding: 0; background: none }
blockquote.rightQuote	 p		{ font-style: normal; color: #808080; margin: 0; line-height: 15px }
cite							{ font-style: italic; font-weight: normal }

input,
textarea,
select						{ border: solid 1px #DCDCDC }

table						{ background-color: #FFFAFA; margin: 0.5em 0 1em 0; width: 100% }
table caption					{ padding: 0; margin: 0; font-weight: bold; text-align: left }
table thead					{ background-color: #DCDCDC; color: #808080; text-align: center }
table tbody					{ color: #000 }
table tfoot					{ background-color: #dcdcdc }
table th						{ font-weight: bold; padding: 0.1em 0.5em 0.1em 0.5em }
table td						{ padding: 0.1em 0.5em 0.1em 0.5em; line-height: 1.9em }
table tr.c1					{ background-color: #FFFAFA }
table tr.c2					{ background-color: #F5F5F5 }
table td.empty				{ background-color: #F5F5F5 }
table tbody tr:hover			{ background-color: #F5F5DC; cursor: pointer }

.form						{ margin-top: 35px; overflow: hidden; border: solid 1px #CCC }
.form span.title				{ display: block; padding: 4px; height: 15px; background-color: #F5F5F5; font-size: 1.1em; font-weight: bold; color: #808080 }
.form span.info				{ margin: 5px; padding: 0; text-align: left; text-transform: none }
.form span.back				{ display: block; margin: 8px }
.form span.back a				{ font-size: 0.8em }
.form fieldset					{ margin: 0; padding: 0; border: none }
.form div					{ margin: 8px }
.form div.group				{ margin: 0; overflow: hidden; height: 0 } 
.form label					{ float: left; display: block; width: 100px }
.form div input				{ width: 250px }
.form textarea				{ width: 450px; height: 100px }
.form .button				{ margin: 0 0 10px 10px; width: auto }

.rotate90					{ rotation: -90deg; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
.right						{ text-align: right }
.center						{ text-align: center }
.left						{ text-align: left }
.clear						{ clear: both }
.clearTop					{ margin-top: 0 }
.button						{ margin: 10px; border: solid 1px #808080; color: #f5f5f5; width: 60px; color: #333; cursor: pointer }
.invalid					{ background-color: #FFD7D7 }

.feed						{ position: absolute; top :20px; left: 750px }
.feed img					{ border: none }

#header						{ position: absolute; top: 0; left: 30px; width: 258px; height: 100%; background: #000 }
#header .title 				{ position: absolute; top: 400px; left: 30px; width: 400px; font-family: verdana, arial, sans-serif; font-size: 3.5em; font-weight: bold; color: #FFF }
#header .mainLink:hover		{ text-decoration: none }
#header p                               	{ margin: 40px 80px 20px 21px; color: #FFF; text-align: left } 
#header .logo				{ border: solid 1px #808080; margin: 20px }
#header .social				{ position: absolute; left: 0; bottom: 10px; display: block; text-align: center; width: 100% }
.social img					{ margin-right: 2px; border: none }

#content					{ background-color: #FFF; position: relative; top: 0; left: 288px; margin: 0; padding: 0; width: 870px; border-right: solid 1px #808080 }
#content .navName			{ position: absolute; top: 300px; left: -230px; width: 500px; font-size: 1.8em; font-family: verdana, arial, sans-serif; font-weight: bold; text-align: right; text-shadow: 1px -1px 0.1em #808080; text-transform: uppercase }
#content .navName a			{ color: #333 }
#content .navName a:hover	{ text-decoration: none; text-shadow: -1px 1px 0.1em #808080 }

.rightbar					{ position: absolute; top: 0; width: 155px; margin: 0; padding: 0; color: #808080 }
.rightbar strong				{ color: #DE8624 }

.list ul						{ margin: 0 0 30px 0; padding: 0; list-style: none; font-size: 10px }
.list li 						{ margin: 0; padding: 5px 5px 5px 15px; border-bottom: dashed 1px #e8e8e8 }
.list li.last					{ border-bottom: none }
.list li a						{ color: #808080 }

