@import url(/Site/media/2635/vale_v1.css);


@font-face {
	font-family: Verdana;
	src: url(../Content/themes/shared/fonts/open-sans/fonts/OpenSans-Regular.eot);
	src: url(../Content/themes/shared/fonts/open-sans/fonts/OpenSans-Regular.eot?#iefix) format("embedded-opentype"),url(../Content/themes/shared/fonts/open-sans/fonts/OpenSans-Regular.woff) format("woff"),url(../Content/themes/shared/fonts/open-sans/fonts/OpenSans-Regular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-Light.eot');
    src: url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-Light.woff2') format('woff2'), url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-Light.woff') format('woff'), url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-Light.ttf') format('truetype'), url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-LightItalic.eot');
    src: url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-LightItalic.woff2') format('woff2'), url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-LightItalic.woff') format('woff'), url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-LightItalic.ttf') format('truetype'), url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-SemiBold.eot');
    src: url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-SemiBold.woff2') format('woff2'), url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-SemiBold.woff') format('woff'), url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-SemiBold.ttf') format('truetype'), url('../Content/themes/shared/fonts/open-sans/fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

/* START - CSS THEME - UMBRACO */

/*-------------------------------- HEADER --------------------------------- */

#header {
    border-top-color:transparent;
    border-bottom-color: #EBB11F;
    border-top: 0px;
    border-bottom-width: .5rem;
    background-color: #ffffff;
    background-image: none;
}

#header .logo { 
    background: url(/Site/media/1400/logo_vale.png);
    width: 189px;
    height: 72px;
    top: 29px;
}

/*---------------------------------- TOP MENU --------------------------------- */

#header .top-menu a { color: #EBB11F; }

#header .top-menu.navbar-nav>.item0 a {color: #57595B;}

#header .top-menu.navbar-nav>.item1 a {color: #EBB11F;}

#header .top-menu.navbar-nav > .item2 a { color: #57595B; }

#header .tools .icon {
    background: #EBB11F;
    color: #FFFFFF;
}

#header .tools .icon i {
    color: #FFFFFF;
}

.navbar-toggle{
    border: none;
}

.navigation__icon {
    position: relative;
    margin-top: .5rem;
}

.navigation__icon, .navigation__icon::before, 
.navigation__icon::after {
    width: 3rem;
    height: .2rem;
    background-color: #333;
    display: inline-block; 
}

.navigation__icon::before, 
.navigation__icon::after {
    content: "";
    position: absolute;
    left: 0;
    transition: all .2s; 
}

.navigation__icon::before {
    top: -.8rem; 
}

.navigation__icon::after {
    top: .8rem; 
}

.navigation__checkbox:checked + .navbar-toggle .navigation__icon {
    background-color: transparent; 
}
  
.navigation__checkbox:checked + .navbar-toggle .navigation__icon::before {
    top: 0;
    transform: rotate(135deg); 
}

.navigation__checkbox:checked + .navbar-toggle .navigation__icon::after {
    top: 0;
    transform: rotate(-135deg); 
}


.content-page #header .top-menu.navbar-nav > .item0 i.fa-user, 
.content-page #header .top-menu.navbar-nav > .item0 i.fa-user-circle {
    top: -.5rem;
}


.home-page #header .top-menu.varejo {
    margin: 8.5rem 0 0 0;
}

#header .top-menu > li > a {
	font-family: Verdana !important;
}


#header .top-menu.varejo > li > a {
    text-transform: uppercase;
    padding: .7rem;
    font-size: 1rem;
}

.top-menu > li {
    border-left-color: #57595B;
}

/*---------------------- HEADER MAIN-MENU ---------------------------- */


/* ----------------------- PREFOOTER ---------------------------- */
#prefooter { 
    background: #F3F3F3;
}

#prefooter .links {
    display: inline-block;
    padding-left: 0;
}

#prefooter .links a {
    color: #57595B;
    padding:0 1rem;
}

#prefooter .powered > span {
     color: #57595B;
}

#prefooter .links li {
    border-left: .1rem solid #57595B;
    float: left;
    list-style: none;
}

li a[href="/Info/PerguntasFrequentes"],
li.visible-xs a[href="/Info/PerguntasFrequentes"] {
   display: block;
}

li a[href="/Site/politicaprivacidade"],
li.visible-xs a[href="/Site/politicaprivacidade"] {
   display: none;
}

li a[href="/Info/PoliticaPrivacidade"],
li.visible-xs a[href="/Info/PoliticaPrivacidade"] {
   display: block;
}


#prefooter .powered{
	display: block;
}

/* --------------------- FOOTER ------------------ */
#footer .company-info {
    font-size: 1.2rem;
}

#footer .company-info span.copyright::before{
    content: '- Vale | Todos os direitos reservados.';
}

#footer {
    background: #FFFFFF;
}

    #footer .nav {
        padding-left: 1.5rem;
    }

    #footer .container .col-md-6 ul li strong {
        top: 1.5rem;
        position: relative;
    }

    #footer .container .col-md-6 p strong {
        top: -.8rem;
        position: relative;
    }

    #footer .container .col-md-6 p i {
        font-size: 4rem;
        margin: 0 0 0 1rem;
    }

        #footer .container .col-md-6 p i:first-child {
            padding: 0;
        }

/*------------------------- FONTS - MAIN MENU -------------------------------- */

#header .main-menu.navbar-nav > li > a { color: #57595B; }
#header .main-menu a::before, #header .main-menu a::after { color: #57595B; }


/* FONTS - BODY*/
body {
    font-family: Verdana !important;
    color: #57595B;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: inherit;
    color: #57595B !important;
}

#footer {
    color: #57595B;
}

/* FONTS - TITLES */
#content .welcome, #content .content-page .container > h1 { 
    color: #57595B; 
    font-size:3.6rem; 
}
#content h2 { color: #57595B; }
#content h3 { color: #57595B; }
#content h4 { color: #57595B; }
#content .widget h5 { color: #57595B; }

/* COLOR SCHEME - ACCENTS */

    /* ACCENT 1 */    
    #content .color-accent-1.widget > .panel-heading { background-color: #57595B; }
    #content .color-accent-1.widget > .panel-heading *, 
    #content .color-accent-1.widget > .panel-heading h4.panel-title { color: #57595B; }

    /* ACCENT 2 */    
    #content .color-accent-2.widget > .panel-heading { background-color: #57595B; }
    #content .color-accent-2.widget > .panel-heading *, 
    #content .color-accent-2.widget > .panel-heading h4.panel-title { color: #57595B; }


    #content .widget.color3 > .panel-heading {background: #EBB11F; }
    #content .widget.color3 > .panel-heading h4.panel-title, #content .widget.color3 > .panel-heading h4.panel-title * {color: #fff !important;}
    #content .widget.color2 > .panel-heading {background: #57595B; }
    #content .widget.color2 > .panel-heading h4.panel-title {color: #fff !important;}
    #content .breadcrumb {background-color: #EBB11F; }
    #content .breadcrumb a.disabled {
        color: #fff;
        cursor: default;
        text-decoration: none;
    }

/* BODY */
body {
    padding-top: 13rem;
}

/* HOME - Varejo e B2B */

#content #highlight{
    background-color: #676767;
    background-image: none;
    background-position: unset;
    margin-top: -5rem;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}
 
 #content #highlight h2 {
    color: #ffffff;
    text-indent: inherit;
    background-repeat: no-repeat;
    font-size:1.8rem;
    text-align: center;
	filter:none;
}

#content #highlight .circle {
    background: #EBB11F;
}

/* HOME - Varejo */

#content .simple-home #highlight h1 {
    font-size: 5rem;
    letter-spacing: .1rem;
    text-align: center;
}

.simple-home {
    margin-top: -5rem;
}

/* HOME - B2B */

#content #highlight h1 {
    color: #ffffff!important;
    font-family: inherit;
 }

 #content #highlight h2.assine {
    text-indent: -9999px;
}

#content #highlight .list-styled li, 
#content #highlight div.description, 
#content #highlight div.description p{
    color:#ffffff;
    font-size: 1.4rem;
}

.list-styled li {color: #57595B;}

.logoFaceCheck {
    background-image: url(/Site/media/1401/logo_vale_mobile.png);
}

/*TEMPLATE RESPONSIVE  */
@media screen and (max-width: 767px) {

    #header.navbar .logo {
        top: 10px;
        background-image: url(/Site/media/1401/logo_vale_mobile.png);
        height: 30px;
        width: 79px;
    }

    #content #highlight h1{
        font-size:3.2rem!important;
        text-transform: none!important;
    }

    #header .navbar-header {
        height: 5rem;
    }

    .receipt-content .invoice-wrapper .payment-info .text-right {
        text-align: left;
        margin-top: 2rem;
    }

    .stepwizard-row::before {
        z-order: 0;
    }

    #header .container {
        background-color: #fff;
    }

    #header .top-menu , #header .top-menu > li > a {
        margin: 0!important;
    }

    #header.navbar-default .navbar-collapse .nav > li i,
    #header.navbar-default .navbar-collapse .nav.main-menu > li > a::before {
        position: relative;
        left: 0;
        top: 0;
    }

    #prefooter ul.links li a {
        padding-left: 2rem;
    }
            
    #footer #logos { display: none!important; }

    #footer .company-info {
        display: block;
        float: left!important;
        width: 100%;
        text-align: center;
        margin-top: 1rem;
        font-size: 1.1rem;
    }
}

/* XS+ */
@media (min-width: 768px) {
    
    #header .tools .icon {
        background: #EBB11F;
        color: #FFFFFF;
    }
}


/* ATÉ SM */
@media screen and (max-width: 991px) {

    #prefooter ul.links li a {
        padding-left: 2rem;
    }
}


/* SM */
@media screen and (min-width: 768px) and (max-width: 992px) {

    .modal-large .modal-dialog,
    .modal-xlarge .modal-dialog {
        width: 75rem!important;
    }

    #dashboard .transaction-status .action{
        margin-bottom:2rem;
    }
}

/* ATÉ MD */
@media screen and (max-width: 992px) {
    p.welcome,
    .content-page .container > h1 {
        font-size: 2.2rem!important;
        line-height: 2.2rem;
    }

    #content div.content-strip > .container h2 {
        font-size: 2.6rem;
    }
}


/* MD+ */
@media (min-width: 992px) {

    .shared-login-register .login .panel-footer .row > div,
    .shared-login-register .register .panel-footer .row > div {
        min-height: 6rem;
    }

    .shared-login-register .login .panel-body,
    .shared-login-register .register .panel-body {
        min-height: 33rem;
    }
}


/* Até LG */
@media screen and (max-width: 1199px) {}

/* LG */
@media (min-width: 992px) and (max-width: 1199px) {}

/* LG+ */
@media (min-width: 1199px) {}

/* Fixes for IE < 8 */
@media screen\9 {}

/* END - CSS THEME - UMBRACO */