/* IMPORTS FONTS*/
@import url("./fonts/Abel-Folder/Abel-Regular.css") screen;
@import url("./fonts/DIN-Bold-Folder/DIN-Bold.css") screen;
/* CSS */
* {
	padding: 0;
	margin: 0;
	font-family: 'Abel-Regular', sans-serif;
	font-size: 10pt;
}

body {
    background-color: rgb(205,206,207);
    overflow-y: scroll;
}

ul {
    list-style-type: none;
}

table.header {
    width: 900px;
    margin-top: 34px;
    margin-left: auto;
    margin-right: auto;
    color: rgb(128,128,128);
}

table.header div {
    float: left;
}

table.header div.logo {
    width: 65px;
    height: 91px;
    background-image: url('./images/logo.png');
    background-position: left center;
    background-repeat: no-repeat;
    cursor: pointer;
}

table.header div.menu {
    width: 493px;
    height: 92px;
    margin-left: 40px; 
}

table.header div.menu ul {
    width: 100%;
    height: 100%;
}

table.header div.menu ul li {
    display: inline-block;
    margin-top: 55px;
    margin-right: 10px;
    text-transform: uppercase;
    cursor: pointer;
}

table.header div.menu ul li:hover {
    color: rgb(184,0,27);
}

table.header div.menu ul li.selected {
    color: rgb(184,0,27);
}

table.header div.search {
    margin-top: 55px;
    margin-left: 50px;
}

table.header div.search div#box {
    width: 111px;
    height: 17px;
    background-color: white;
}

table.header div.search div#box form {
    height: 17px;
}

table.header div.search div#box form input {
    width: 93px;
    height: 17px;
    background-color: transparent;
    border: none;
    color: grey;
}

table.header div.search div#box form button {
    width: 17px;
    height: 17px;
    background-color: transparent;
    background-image: url('./images/lupa.png');
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    vertical-align: top;
}

table.header div.languages {
    margin-top: 55px;
    margin-left: 27px;
}

table.header div.languages span {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer;
}

table.header div.languages span:hover {
    color: rgb(184,0,27);
}

table.header div.languages span.selected  {
    color: white;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

table.header div.languages span#pt.selected {
    background-image: url('./images/language-first.png');
}

table.header div.languages span#en.selected,
table.header div.languages span#fr.selected {
    background-image: url('./images/language-center.png');
}

table.header div.languages span#es.selected {
    background-image: url('./images/language-last.png');
}

div#content {
    margin-top: 60px;
    width: 100%;
}

div#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-image: url('./images/footer.png');
    background-position: center top;
    background-repeat: repeat-x;
    color: rgb(143,144,146);
    z-index: 99999;
}

div#footer table {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

div#footer table tr td {
    line-height: 50px;
}

div#footer table tr td.copyrights {
    width: 320px;
}

div#footer table tr td.copyrights div.mrgroup {
    width: 53px;
    height: 54px;
    float: right;
    background-image: url('./images/MR_footer_off.png');
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    top: -14px;
    cursor: pointer;
}

div#footer table tr td.copyrights div.mrgroup img {
    opacity: 0;
    filter: alpha(opacity=0);
}

div#footer table tr td.copyrights div.mrgroup:hover {
    background-image: none;
}

div#footer table tr td.copyrights div.mrgroup:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

div#footer table tr td.social {
    width: 580px;
    text-align: right;
    color: white;
}

div#footer table tr td.social div.facebook {
    width: 20px;
    height: 50px;
    float: right;
    background-image: url('./images/face_icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    line-height: 50px;
}

div#footer table tr td.social div.facebook:hover {
    background-image: url('./images/face_icon_hover.png');
}

div#footer table tr td.social ul {
    display: inline-block;
}

div#footer table tr td.social ul li {
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}

.wrap {
    height: 85px;
    padding-top: 65px;
}

.wrap .incograf {
    width: 850px;
    padding-right: 50px;
    margin: auto;
    text-align: right;
}

.wrap .incograf img {
    
}
/* PAGES */

/* HOME */

div#content .catalogs {
    text-align: right;
    position: relative;
    top: -33px;
    margin-bottom: -32px;
    width: 760px;
    padding-right: 140px;
    margin-left: auto;
    margin-right: auto;
}

div#content .catalogs #catalog-button {
    text-transform: uppercase;
    background-image: url('./images/download_off.png');
    display: inline-block;
    width: 107px;
    height: 32px;
    line-height: 43px;
    text-align: center;
    color: white;
    font-size: 75%;
    cursor: pointer;
	position: absolute;
	top: 92px;
	right: 60px;
	z-index: 5000;
}

div#content .catalogs #catalog-button:hover {
    background-image: url('./images/download_on.png');
}

div#content div.banner-slideshow-home {
    width: 100%;
    height: 375px;
    background: url('./images/banner-slideshow-home.png') left bottom repeat-x;
}

div#content div.banner-slideshow-home div.banner-content {
    width: 900px;
    height: 375px;
    margin-left: auto;
    margin-right: auto;
    background: url('./images/fundo_banner_3.png') center bottom no-repeat;
}

div#content div.home-news-body {
    color: rgb(87,87,88);
}

div#content div.home-news-body div.news-body {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

div#content div.home-news-body div.news-body table {
    width: 100%;
}

div#content div.home-news-body div.news-body table tr td.left {
    background: url('./images/sombra_esq.png') top right no-repeat;
    width: 44px;
}

div#content div.home-news-body div.news-body table tr td.body {
    background: url('./images/sombra_baixo_banner.png') top center no-repeat rgb(205,206,207);
    padding-top: 30px;
    padding-bottom: 30px;
    height: 200px;
}

div#content div.home-news-body div.news-body table tr td.right {
    background: url('./images/sombra_dir.png') top left no-repeat;
    width: 44px;
}

div#content div.home-news-body div.news-body div.news {
    width: 229px;
    margin-left: 20px;
    margin-right: 20px;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    color: rgb(150, 150, 150);
}

div#content div.home-news-body div.news-body div.news div.image {
    color: rgb(215,0,21);
    height: 81px;
    padding: 2px;
    padding-left: 10px;
    background-position: center center;
    background-repeat: no-repeat;
}

div#content div.home-news-body div.news-body div.news:hover div.image {
    background-color: rgb(184,0,27);
    color: white;
}

div#content div.home-news-body div.news-body div.news div.title {
    padding-top: 17px;
    padding-left: 10px;
    text-transform: uppercase;
}

div#content div.home-news-body div.news-body div.news:hover div.title {
    color: rgb(184,0,27);
}

div#content div.home-news-body div.news-body div.news div.description {
    padding-left: 10px;
    padding-top: 7px;
}

div#content div.home-news-body div.news-body div.news:hover div.description {
    color: black;
}

div#content div.home-news-body div.news-body div.news div.plusbutton {
    height: 13px;
    margin-top: 17px;
}

div#content div.home-news-body div.news-body div.news:hover div.plusbutton {
    background-image: url('./images/plusbutton.png');
    background-position: left top;
    background-repeat: no-repeat;
}

/* NEWS */
div#content div#news {
    
}

div#content div#news .entry {
    height: 30px;
    overflow: hidden;
    color: white;
    background: url('./images/separador_horizontal.png') bottom repeat-x;
    text-transform: uppercase;
}

div#content div#news .entry .entry-header {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    cursor: pointer;
}

div#content div#news .entry .entry-header .date {
    width: 120px;
    display: inline-block;
    vertical-align: top;
    color: rgb(184,0,27);
    line-height: 30px;
}

div#content div#news .entry .entry-header .title {
    width: 777px;
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    color: grey;
}

div#content div#news .entry .top {
    border-bottom: 1px solid grey;
    background-color: black; 
}

div#content div#news .entry .top .center {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('./images/news_bg.png');
    background-position: bottom left;
    background-repeat: no-repeat;
}

div#content div#news .entry .top .center .title {
    width: 350px;
    margin-top:10px;
    display: inline-block;
    vertical-align: top;
    font-size: 150%;
}

div#content div#news .entry .top .center .title b {
    color: rgb(184,0,27);
    font-size: 100%;
}

div#content div#news .entry .top .center .image {
    width: 547px;
    height: 231px;
    display: inline-block;
    vertical-align: top;
}

div#content div#news .entry .top .center .image img {
    height: 231px;
}

div#content div#news .entry .text {
    width: 900px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    text-transform: none;
    color: grey;
}

/* WORK AREA */
div#content div#workarea {
    
}

div#content div#workarea div.workarea-banner {
    border-bottom: 1px solid rgb(184,0,27);
    background: black;
    height: 191px;
}

div#content div#workarea div.workarea-banner .center {
    width: 900px;
    line-height: 270px;
    height:229px;
    margin-left: auto;
    margin-right: auto;
    color: rgb(184,0,27);
    font-size: 150%;
    text-transform: uppercase;
    background: url('./images/workarea-bg.png') bottom center no-repeat;
    position: relative;
    bottom: 38px;
}

div#content div#workarea div.workarea-body {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

div#content div#workarea div.workarea-body table {
    width: 100%;
}

div#content div#workarea div.workarea-body table tr td.left {
    background: url('./images/sombra_esq.png') top right no-repeat;
    width: 44px;
}

div#content div#workarea div.workarea-body table tr td.body {
    background: rgb(205,206,207);
    padding-top: 30px;
    padding-bottom: 30px;
}

div#content div#workarea div.workarea-body table tr td.right {
    background: url('./images/sombra_dir.png') top left no-repeat;
    width: 44px;
}

div#content div#workarea div.workarea-body .title {
    width: 180px;
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px solid rgb(184,0,27);
    margin-right: 25px;
    margin-left: 25px;
    padding-bottom: 15px;
    font-size: 220%;
    text-transform: uppercase;
    color: rgb(184,0,27);
    line-height: 104%;
}

div#content div#workarea div.workarea-body .scheme {
    display: inline-block;
    vertical-align: top;
    width: 350px;
    height: 307px;
    background: url('./images/infografia-2.png') center no-repeat;
    
}

div#content div#workarea div.workarea-body .scheme table {
    height: 100%;
}

div#content div#workarea div.workarea-body .scheme tr {
    
}

div#content div#workarea div.workarea-body .scheme td {
    text-align: center;
    color: grey;
}

div#content div#workarea div.workarea-body .text {
    display: inline-block;
    vertical-align: top;
    width: 170px;
    margin-left: 20px;
    color: grey;
}

div#content div#workarea div.workarea-body .text b {
    display: block;
    color: rgb(184,0,27);
    margin-bottom: 10px;
    font-weight: normal;
}

div#content div#workarea div.workarea-body table.map .title {
    border: none;
    font-size: 200%;
    margin: 0 0 0 20px;
    width: 150px;
}

div#content div#workarea div.workarea-body table.map .text {
    width: 150px;
}

/* HUMAN */
div#content div#human {
    
}

div#content div#human div.human-banner {
    border-bottom: 1px solid rgb(184,0,27);
    background: black;
    height: 191px;
}

div#content div#human div.human-banner .center {
    width: 900px;
    line-height: 270px;
    height:229px;
    margin-left: auto;
    margin-right: auto;
    color: rgb(184,0,27);
    font-size: 150%;
    text-transform: uppercase;
    background: url('./images/human-banner.png') bottom center no-repeat;
    position: relative;
    bottom: 38px;
}

div#content div#human div.human-body {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

div#content div#human div.human-body table {
    width: 100%;
}

div#content div#human div.human-body table tr td.left {
    background: url('./images/sombra_esq.png') top right no-repeat;
    width: 44px;
}

div#content div#human div.human-body table tr td.body {
    background: rgb(205,206,207);
    padding-top: 30px;
    padding-bottom: 30px;
}

div#content div#human div.human-body table tr td.right {
    background: url('./images/sombra_dir.png') top left no-repeat;
    width: 44px;
}

div#content div#human div.human-body .title {
    width: 180px;
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px solid rgb(184,0,27);
    margin-right: 50px;
    margin-left: 50px;
    padding-bottom: 15px;
    font-size: 220%;
    text-transform: uppercase;
    color: rgb(184,0,27);
    line-height: 104%;
}

div#content div#human div.human-body .text {
    display: inline-block;
    vertical-align: top;
    width: 500px;
    color: grey;
}

div#content div#human div.human-body .text b {
    display: block;
    color: rgb(184,0,27);
    margin-bottom: 10px;
    font-weight: normal;
}

/* COMPANY */
div#content div#company {
    
}

div#content div#company div.company-banner {
    border-bottom: 1px solid rgb(184,0,27);
    background: black;
    height: 191px;
}

div#content div#company div.company-banner .center {
    width: 900px;
    line-height: 270px;
    height:229px;
    margin-left: auto;
    margin-right: auto;
    color: rgb(184,0,27);
    font-size: 150%;
    text-transform: uppercase;
    background: url('./images/mrgroup-bg.png') bottom center no-repeat;
    position: relative;
    bottom: 38px;
}

div#content div#company div.company-banner .center img {
    float: right;
    position: relative;
    top: 92px;
}

div#content div#company div.company-body {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

div#content div#company div.company-body .text .title {
    width: 180px;
    display: block;
    vertical-align: top;
    font-size: 100%;
    text-transform: uppercase;
    color: rgb(184,0,27);
}

div#content div#company div.company-body .text {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    color: grey;
    padding-right: 45px;
    min-height: 600px;
    background: url('./images/separador_vertical.png') no-repeat right top;
}

div#content div#company div.company-body .text .signature {
    margin-top: 20px;
    padding-top: 20px;
    background: url('./images/separador_horizontal.png') repeat-x left top;
}

div#content div#company div.company-body .text b {
    display: block;
    color: rgb(184,0,27);
    margin-bottom: 10px;
    font-weight: normal;
}

div#content div#company div.company-body .iceberg {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 600px;
    min-height: 492px;
    color: grey;
    position: relative;
    top: -105px;
}

div#content div#company div.company-body .iceberg div.companies {
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    margin-bottom: -17px;
}

div#content div#company div.company-body .iceberg div.companies:hover {
    color: rgb(184,0,27);
}

div#content div#company div.company-body .iceberg .iceberg-content {
    position: relative;
    top: -417px;
    left: 125px;
    background: url('./images/transparencia_infografia.png') 0 22px no-repeat;
    width: 308px;
    height: 330px;
    padding: 99px 0 0 0;
    margin-bottom: -330px;
    display: none;
    text-align: left;
}

div#content div#company div.company-body .iceberg .iceberg-content .text {
    max-height: 140px;
    min-height: 120px;
    padding: 0;
    cursor: default;
    background: none;
    padding-left: 60px;
    color: white;
    margin: 15px 0 15px 0;
    font-size: 90%;
    overflow-y: auto;
}

div#content div#company div.company-body .iceberg .iceberg-content .logo {
    cursor: default;
    padding-left: 60px;
}

div#content div#company div.company-body .iceberg .iceberg-content .logo img {
    max-height: 40px;
}

div#content div#company div.company-body .iceberg .iceberg-content .logo .close {
    float: right;
    background: url('./images/close.png') center left no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

div#content div#company div.company-body .iceberg .iceberg-content .link {
    background: url('./images/infografia-separator.png') 58px top no-repeat;
    padding-top: 10px;
    padding-left: 60px;
}

div#content div#company div.company-body .iceberg .iceberg-content .link a {
    text-decoration: none;
    color: white;
}

/* NEWSLETTER */
div#content div#newsletter {
    border-bottom: 1px solid rgb(184,0,27);
    height: 252px;
    background: black;
}

div#content div#newsletter div.newsletter-content {
    width: 900px;
    height: 252px;
    margin-left: auto;
    margin-right: auto;
    background: url('./images/newsletter_bg.png') bottom center no-repeat;
}

div#content div#newsletter div.newsletter-content .left {
    width: 449px;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
}

div#content div#newsletter div.newsletter-content .left .image {
    width: 170px;
    height: 232px;
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
}

div#content div#newsletter div.newsletter-content .left .image img {
    height: 212px;
}

div#content div#newsletter div.newsletter-content .left .text {
    width: 200px;
    height: 232px;
    display: inline-block;
    vertical-align: top;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

div#content div#newsletter div.newsletter-content .left .text b {
    color: rgb(184,0,27);
    display: block;
}

div#content div#newsletter div.newsletter-content .left .text b.download {
    cursor: pointer;
}

div#content div#newsletter div.newsletter-content .right {
    width: 445px;
    height: 232px;
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
}

div#content div#newsletter div.newsletter-content .right .newsletter-entry {
    display: inline-block;
    vertical-align: top;
    width: 138px;
    height: 232px;
    color: rgb(184,0,27);
    text-transform: uppercase;
    cursor: pointer;
}

div#content div#newsletter div.newsletter-content .right .newsletter-entry img {
    width: 87px;
    height: 125px;
    opacity:0.2;
    filter:alpha(opacity=20); 
}

div#content div#newsletter div.newsletter-content .right .newsletter-entry b {
    display: block;
    margin-top: 5px;
}

div#content div#newsletter div.newsletter-content .right .newsletter-entry:hover {
    color: white;
}

div#content div#newsletter div.newsletter-content .right .newsletter-entry:hover img {
    opacity: 1;
    filter: alpha(opacity=100); 
}

div#content div#newsletter div.newsletter-content .right .newsletter-entry:hover b {
    color: rgb(184,0,27);
}

div#content div.newsletter-form {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    color: grey;
    text-transform: uppercase;
}

div#content div.newsletter-form b {
    color: rgb(184,0,27);
    display: block;
    font-size: 120%;
}

div#content div.newsletter-form form {
    margin-top: 30px;
}

div#content div.newsletter-form form .left {
    width: 497px;
    display: inline-block;
    vertical-align: top;
}

div#content div.newsletter-form form .right {
    width: 400px;
    display: inline-block;
    vertical-align: top;
}

div#content div.newsletter-form form label, 
div#content div#newsletter div.newsletter-form form input, 
div#content div#newsletter div.newsletter-form form textarea {
    display: block;
}

div#content div.newsletter-form form label {
    margin-top: 10px; 
}

div#content div.newsletter-form form input {
    width: 400px;
    border: none;
    background-color: white;
}

div#content div.newsletter-form form textarea {
    max-width: 400px;
    min-width: 400px;
    max-height: 50px;
    min-height: 50px;
    border: none;
    background-color: white;
}

div#content div.newsletter-form form div.required-buttons {
    margin-top: 30px;
    width: 100%;
    display: inline-block;
    text-transform: none;
}

div#content div.newsletter-form form button {
    border: none;
    background-color: grey;
    color: white;
    text-transform: uppercase;
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
    float: right;
}

div#content div.newsletter-send {
    color: white;
    text-transform: uppercase;
}

div#content div.newsletter-send .state {
    width: 900px;
    height: 0;
    overflow: hidden;
    line-height: 50px;
    margin-left: auto;
    margin-right: auto;
    color: grey;
}

/* CONTACTS */

div#content div#contacts {
    border-bottom: 1px solid rgb(184,0,27);
    background: black;
}

div#content div#contacts div.contacts-content {
    color: white;
    width: 900px;
    padding-top: 30px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    background: url('./images/contacts-banner.png') center bottom no-repeat;
    height: 174px;
}

div#content div#contacts div.contacts-content span {
    color: rgb(184,0,27);
    display: block;
}

div#content div#contacts div.contacts-content p {
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

div.contacts-body {
    color: grey;
    background: url('./images/separador_horizontal.png') left bottom repeat-x;
    padding-bottom: 30px;
}

div.contacts-body table {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

div.contacts-body td {
    width: 300px;
    vertical-align: top;
}

div.contacts-body td b {
    color: rgb(184,0,27);
    font-weight: normal;
}

div.contacts-body td b.black {
    color: black;
    font-weight: normal;
    cursor: pointer;
}

div.contacts-body .contacts-img {
    width: 163px;
    height: 81px;
    overflow: hidden;
    margin-bottom: 20px;
}

div.contacts-body .contacts-img img.color {
    
}

div.contacts-body .contacts-img:hover img.color {
    
}

div.contacts-body .contacts-img img.grey {
    
}

div.contacts-body .contacts-img:hover img.grey {
    display: none;
}

/* PRIVACY */
div#content div#privacy {
    
}

div#content div#privacy div.privacy-banner {
    border-bottom: 1px solid rgb(184,0,27);
    background: url('./images/privacy_bg.png') bottom center no-repeat black;
}

div#content div#privacy div.privacy-banner .center {
    width: 900px;
    line-height: 191px;
    margin-left: auto;
    margin-right: auto;
    color: rgb(184,0,27);
    font-size: 150%;
    text-transform: uppercase;
}

div#content div#privacy div.privacy-body {
    width: 900px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

div#content div#privacy div.privacy-body .title {
    width: 180px;
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px solid rgb(184,0,27);
    margin-right: 100px;
    padding-bottom: 15px;
    font-size: 220%;
    text-transform: uppercase;
    color: rgb(184,0,27);
    line-height: 104%;
}

div#content div#privacy div.privacy-body .text {
    display: inline-block;
    vertical-align: top;
    width: 560px;
    color: grey;
}

div#content div#privacy div.privacy-body .text b {
    display: block;
    color: rgb(184,0,27);
    margin-bottom: 10px;
}

/* SEARCH */
div#content div#search {
    
}

div#content div#search div.search-banner {
    border-bottom: 1px solid rgb(184,0,27);
    background: url('./images/search-bg.png') bottom center no-repeat black;
}

div#content div#search div.search-banner .center {
    width: 900px;
    line-height: 191px;
    margin-left: auto;
    margin-right: auto;
    color: rgb(184,0,27);
    font-size: 150%;
    text-transform: uppercase;
}

div#content div#search div.search-body {
    width: 900px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    color: grey;
}

div#content div#search div.search-body .title {
    border-bottom: 1px solid rgb(184,0,27);
    font-size: 250%;
    text-transform: uppercase;
    color: rgb(184,0,27);
}

div#content div#search div.search-body .text {
}

div#content div#search div.search-body .text .entry {
    cursor: pointer;
    line-height: 25px;
}

div#content div#search div.search-body .text b {
    display: block;
    color: rgb(184,0,27);
    margin-bottom: 10px;
}


/* DOWNLOADS AREA */
.documents-top{
	background: #000; 
	height: 192px; 
	width: 100%; 
	border-bottom: 1px solid #f10615;
}
.documents-top-content{
	background: #000 url('../site-assets/images/banner_downloads.png') no-repeat;
	height: 100%; 
	width: 900px; 
	margin: 0 auto;
}
.documents-top-title{
	font-size: 150%;
	text-transform: uppercase;
	color: #f10615;
	display: inline-block;
	margin-top: 85px;
}
.documents-container{
	width: 600px;
	margin: 0 auto;
	margin-top: 20px;
}
.documents-container ul {
	position: relative;
}
.documents-container ul li{
	list-style-type: none;
}
.documents-container ul li span{
	height: 25px;
	padding-top: 5px;
	display: block;
	cursor: pointer;
}
.sub-item{
	display: none;
	cursor: pointer;
}
.document-file{
	width: 100%;
	height: 25px;
	position: relative;
}
.download-btn{
	position: absolute;
	right: 30px;
	top: 0;
}
.download-btn:hover{
	color: #aad31f;
}
.clear{
	clear: both;
}
.path2down, .file2down{
	height: 22px;
	/*width: 22px;*/
	display: inline-block;
	margin-right: 20px;
	padding-left: 25px;
}
.path2down{
	background: transparent url('../site-assets/images/path2down.png') no-repeat 0 0;
}
.file2down{
	background: transparent url('../site-assets/images/file2down.png') no-repeat 0 0;
}