/********************************************
    CSS AML Consulting
********************************************/

/********************************************
    Reset Styles
********************************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, address, img, ol, ul, li, form, label {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
ol, ul { list-style: none; }

body { font: normal normal 12px/1.4em Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif; color: #414841; background: #262624; padding-bottom: 40px; }
p { margin-bottom: 1.2em; }
a { text-decoration: underline; color: #616861; }
  a:hover { text-decoration: none; }
  a:visited { color: #758175; }
  
.submit-bt { display: block; text-indent: -9999px; background: url(../images/sprite_buttons.png) no-repeat; cursor: pointer; border: 0; padding: 0; margin: 0; font-size: 1px; line-height: 1px; }
  
/********************************************
    Main Structure
********************************************/
#container { width: 960px; margin: 30px auto 0; background: #fff; }
  #header { height: 100px; background: #f9f8f6; position: relative; z-index: 30; }
  #content { overflow: auto; }
  .index-content { background: url(../images/bg_index.png) repeat-y left top; }
    #col-index-m { width: 640px; float: left; position: relative; }
    #col-index-s { width: 300px; float: left; padding: 0 10px 20px; }
  .contact-content { background: url(../images/bg_contact.png) repeat-y left top; }
    .contact-content #col-m { width: 387px; float: left; padding: 20px 0 0 50px; }
    .contact-content #col-s { width: 493px; float: left; padding: 20px 0 75px 30px; }
  .articles-content { background: url(../images/bg_index.png) repeat-y left top; }
    .articles-content #col-m { width: 475px; float: left; padding: 20px 115px 30px 50px; overflow: hidden; }
    .articles-content #col-s { width: 320px; float: left; padding: 0 0 30px 0; }
  #admin-content { width: 860px; padding: 20px 50px; }
  #footer { height: 90px; background: #414841; color: #cfcbbc; clear: both; }
  
#admin-bar { display: block; margin-bottom: 20px; }
  #admin-bar li { display: inline; }
  
/********************************************
    Titles
********************************************/
#col-index-m h1 { color: #fff; background: #007a00; font-size: 10px; line-height: 14px; text-transform: uppercase; width: 240px; text-align: center; padding: 10px 0; position: absolute; left: 50px; top: 0; z-index: 23; }
h1#full { font-size: 14px; color: #090; line-height: 18px; height: 18px; padding: 11px 0 6px 50px; background: #e5e5e5; text-transform: uppercase; }
h1#admin-title { font-size: 21px; color: #090; margin-bottom: 20px; }
h2#last-articles-title { font-size: 14px; color: #666; line-height: 18px; height: 18px; padding: 11px 0 6px 20px; text-transform: uppercase; margin-top: -35px; }
h2.amltitle { color: #090; font-size: 14px; line-height: 18px; font-weight: normal; text-transform: uppercase; margin-left: -1px; }
  h2.amltitle a { color: #090; text-decoration: none; }
h2#article-title { font-size: 16px; font-weight: normal; text-transform: uppercase; color: #424242; }
h3 { font-size: 12px; font-weight: bold; margin-bottom: 5px; }
h3.comments-title { font-size: 16px; color: #090; text-transform: uppercase; }
  
/********************************************
    Header
********************************************/
#logo { width: 240px; height: 60px; display: block; position: absolute; left: 50px; top: 40px; }

#nav { padding: 52px 0 0 315px; }
  #nav li.lv1 { height: 25px; margin: 0 5px; float: left; position: relative; }
    #nav li strong,
    #nav li a.lv1link { height: 25px; display: block; padding: 0 9px; background: url(../images/sprite_menu.png) no-repeat; cursor: pointer; text-indent: -9999px; }
    #nav .itemAuditoria { background-position: -462px 0; width: 61px; }
    #nav .itemTreinamentos { background-position: -240px 0; width: 86px; }
    #nav .itemEmpresa { background-position: 0 0; width: 53px; }
    #nav .itemAgenda { background-position: -164px 0; width: 46px; }
    #nav .itemConsultoria { background-position: -356px 0; width: 78px; }
    #nav .itemRadar { background-position: -621px 0 !important; width: 38px; }
    #nav .itemContato { background-position: -551px 0 !important; width: 51px; }
    #nav .hover .itemAuditoria { background-position: -462px -25px; }
    #nav .hover .itemTreinamentos { background-position: -240px -25px; }
    #nav .hover .itemEmpresa { background-position: 0 -25px; }
    #nav .hover .itemAgenda { background-position: -164px -25px; }
    #nav .hover .itemConsultoria { background-position: -356px -25px; }
    #nav .hover .itemRadar { background-position: -621px -25px !important; }
    #nav .hover .itemContato { background-position: -551px -25px !important; }
    #nav li ul { display: none; position: absolute; left: 0; top: 25px; padding: 2px 10px 10px; width: 172px; background: #048b04; border-bottom: 2px solid #005300; }
    #nav li:hover ul,
    #nav li.hover ul { display: block; }
    #nav li ul li { border-bottom: 1px solid #41a741; padding: 8px 0; }
    #nav li ul li.last { border-bottom: none; padding-bottom: 0 !important; }
    #nav li ul a { color: #fafafa; text-decoration: none; display: block; }
    #nav li ul a:hover { text-decoration: underline; }
    
#header form { height: 20px; margin-bottom: 23px; position: absolute; right: 40px; top: 21px; }
  #header form li { float: left; }
    #header form .text { border: none; padding: 3px 10px; background: #fff; width: 177px; color: #6f7670; margin-right: 10px; height: 14px; float: left; }
    #header form .submit-bt { width: 63px; height: 20px; background-position: 0 0; }
    
/********************************************
    Footer
********************************************/
#footer h2 { float: left; margin: 0 89px 0 50px; padding-top: 27px; display: inline; }
#footer address { float: left; padding-top: 23px; font-style: normal; line-height: 18px; }
  #footer address span { float: left; }
  #footer address span.address { width: 229px; }
  #footer address span.phone { width: 186px; }
  #footer address span.email { width: 265px; }
    #footer address span.email a { color: #cfcbbc; text-decoration: none; }
    #footer address span.email a:hover { text-decoration: underline; }
    
/********************************************
    Content - Home
********************************************/
#main-highlight { width: 640px; height: 342px; overflow: hidden; position: relative; z-index: 20; }
  #main-highlight .image { position: absolute; left: 0; top: 0; z-index: 21; }
  #main-highlight .title { position: absolute; left: 0; bottom: 0; z-index: 22; overflow: hidden; }
  #main-highlight h2 { position: relative; z-index: 22; background: url(../images/bg_highlight.png) repeat left top; font-size: 18px; padding: 15px 10px; width: 620px; font-weight: normal; line-height: 24px; }
    #main-highlight h2 a { display: block; text-align: center; color: #fff; text-decoration: none; }
    #main-highlight h2 a:hover { text-decoration: underline; }
    
#secondary-highlights { padding: 20px 0 30px 50px; overflow: auto; }
  #secondary-highlights .highlight { width: 220px; float: left; margin-right: 100px; display: inline; font-size: 11px; overflow: hidden; }
  #secondary-highlights .last { margin-right: 0; }
    #secondary-highlights .highlight h2 { margin-bottom: 5px; }
    #secondary-highlights .highlight img { width: 220px; height: 70px; }
    #secondary-highlights .highlight p { padding-top: 5px; margin-bottom: 0; }
      #secondary-highlights .highlight p a { text-decoration: none; display: block; padding-bottom: 15px; background: url(../images/bg_highlight_bottom.png) no-repeat right bottom; }
      #secondary-highlights .highlight p a:hover { text-decoration: underline; }
      
#terciary-highlight { padding: 0 50px 20px; overflow: auto; }
* html #terciary-highlight { overflow: visible; height: 1%; }
  #terciary-highlight h2 { margin-bottom: 10px; font-size: 16px; }
  #terciary-highlight .highlight img { float: left; width: 160px; height: 220px; margin-right: 20px; display: inline; }
  #terciary-highlight .highlight .desc { float: left; width: 360px; font-size: 14px; line-height: 21px; }
    #terciary-highlight .highlight .desc a { text-decoration: none; display: block; padding-bottom: 15px; background: url(../images/bg_highlight_bottom.png) no-repeat right bottom; }
    #terciary-highlight .highlight .desc a:hover { text-decoration: underline; }

#highlight-site { border-bottom: 1px solid #bfe3bf; margin-bottom: 23px; border-top: 1px solid #bfe3bf; padding-top: 20px; }
  #highlight-site li { height: 70px; margin-bottom: 15px; background: url(../images/bg_highlight_arrow.png) no-repeat right 24px; padding-right: 30px; }
  
    #highlight-site li p { font-weight: bold; }
      #highlight-site li p a { color: #000; }

#radar-title { margin-bottom: 20px; padding-left: 10px; }
#highlight-radar li { margin-bottom: 25px; padding-right: 20px; }

#col-index-s .view-more { text-align: right; font-size: 11px; padding-right: 10px; margin-bottom: 0; }
  #col-index-s .view-more a { color: #616861; }
    
.highlight-list li { padding-left: 10px; }
  .highlight-list h2 { margin-bottom: 10px; }
  .highlight-list p { margin-bottom: 0; }
    .highlight-list p a { text-decoration: none; }
    .highlight-list p a:hover { text-decoration: underline; }
    
/********************************************
    Content - Contact
********************************************/
.contact-content p.desc { font-size: 11px; margin-bottom: 30px; }
#map { width: 452px; height: 387px; border: 5px solid #e6e4dd; }

#form-error { color: #c00; }
#form-notice { color: #090; }

.contact-content form { width: 336px; margin-top: -16px; }
.contact-content form li { width: 336px; margin-bottom: 8px; }
  .contact-content form label { display: block; font-size: 11px; margin-bottom: 2px; }
  .contact-content form li .text { background: #fff; padding: 3px 10px; width: 316px; border: none; font: normal normal 11px/16px Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif; color: #6f7670; }
  .contact-content form li textarea { height: 102px; }
  .contact-content form li.submit { float: right; width: 156px; }
    .contact-content form .clear-bt { width: 68px; height: 30px; display: block; background: url(../images/sprite_buttons.png) no-repeat left -50px; float: left; text-indent: -9999px; }
    .contact-content form .submit-bt { width: 68px; height: 30px; background-position: 0 -20px; float: right; }
    
/********************************************
    Content - Articles
********************************************/
#radar-last { padding-top: 20px; }
  #radar-last li { margin-bottom: 20px; padding-left: 20px; padding-right: 20px; }
    #radar-last li a { text-decoration: underline; }
    #radar-last li a:hover { text-decoration: none; }
.articles-content #col-s .view-more { text-align: right; font-size: 11px; padding-right: 20px; margin-bottom: 0; }
  #col-index-s .view-more a { color: #616861; }
.article-list { margin-bottom: 20px; }
  .article-list li { margin-bottom: 20px; }
  .article-list p { margin-bottom: 0; }
.pagination { text-align: center; }

#article-header { margin-bottom: 18px; border-bottom: 1px solid #e3e4e3; line-height: 21px; padding: 0 36px 18px 0; }
  #article-preview { font-size: 12px; line-height: 18px; color: #888; margin-bottom: 0; padding-top: 10px; }
#article-date { font-weight: bold; }
#article-author { font-style: italic; font-size: 11px; }
#article-content { margin-bottom: 18px; padding-bottom: 10px; border-bottom: 1px solid #e3e4e3; }
  #article-content .view-more { text-align: right; }
#article-source { font-style: italic; font-size: 11px; padding-top: 18px; }

#new-comment form { padding-top: 10px; }
#new-comment label { display: block; font-size: 11px; margin-bottom: 2px; }
#new-comment li { margin-bottom: 8px; }
#new-comment li .text { background: #fff; padding: 3px 10px; width: 455px; border: none; font: normal normal 11px/16px Tahoma, "Lucida Grande", Helvetica, Arial, sans-serif; color: #6f7670; }
#new-comment li .char-counter { text-align: right; font-size: 11px; color: #888; margin: -15px 0 0; }
#new-comment li textarea { height: 102px; }
#new-comment form li.submit { float: right; width: 156px; }
  #new-comment form .clear-bt { width: 68px; height: 30px; display: block; background: url(../images/sprite_buttons.png) no-repeat left -50px; float: left; text-indent: -9999px; }
  #new-comment form .submit-bt { width: 68px; height: 30px; background-position: 0 -20px; float: right; }
  
#comments-list { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #e3e4e3; }
  #comments-list h3 { margin-bottom: 10px; }
  #comment-error { padding: 10px; background: #efefef; color: #444; margin-top: 10px; margin-bottom: 5px; }
  #comments-list .comment { margin-bottom: 30px; width: 455px; overflow: hidden; padding: 0 10px; }
  #comments-list .last { margin-bottom: 0; }
    #comments-list .comment p { margin-bottom: 0; }
    #comments-list .comment h4 { font-weight: normal; margin-bottom: 5px; }
      #comments-list .comment h4 .date { color: #888; }
      
/********************************************
    Content - Articles
********************************************/
#search-results li { margin-bottom: 20px; }
  #search-results h4 { font-weight: normal; text-transform: uppercase; }
  #search-results p { margin-bottom: 0; }
  
/********************************************
    Content - Admin
********************************************/
#admin-section-title { position: absolute; top: 55px; left: 320px; font-size: 32px; color: #090; }

#admin-login .text-field { clear: both; margin-bottom: 10px; float: left; }
#admin-login .text-field label { float: left; width: 80px; line-height: 20px; }
#admin-login .text-field input { float: left; }
#admin-login .check-field { clear: both; margin-bottom: 10px; padding-left: 80px; }
#admin-login .submit-field { clear: both; margin-bottom: 20px; padding-left: 80px; }

fieldset.highlight-edit { margin-bottom: 20px; padding: 20px; float: left; }
  fieldset.highlight-edit legend { font-size: 14px; }
  fieldset.highlight-edit label { display: block; }
  fieldset.highlight-edit-main legend { font-size: 21px; }
  fieldset.highlight-edit .text { width: 350px; }
  fieldset.first { margin-right: 40px; display: inline; clear: both; }
  
#edit-articles { list-style: square inside; line-height: 1.4em; }

#approve-list li { display: block; clear: both; margin-bottom: 10px; overflow: auto; line-height: 1.8em; }
#approve-list .check { float: left; }
#approve-list .data { float: left; width: 400px; margin-left: 10px; display: inline; }
#approve-list .delete { float: left; width: 90px; margin-left: 20px; display: inline; line-height: 1.4em; text-align: center; padding-top: 12px; text-transform: lowercase; }

#edit-article-form { padding-top: 20px; }

#new_agenda li { clear: both; height: 24px; color: #666; margin-bottom: 10px; }
#new_agenda li.text { height: 110px; }
  #new_agenda li label { float: left; width: 80px; text-align: right; padding-right: 10px; line-height: 24px; }
  #new_agenda li select { width: 100px; float: left; }
  #new_agenda li.string input { float: left; padding: 3px; height: 16px; font-size: 12px; border: 1px solid #ccc; width: 280px; }
  #new_agenda li.text textarea { float: left; padding: 3px; font-size: 12px; border: 1px solid #ccc; width: 280px; height: 100px; }