@charset "utf-8";
/* CSS Document */

/* Google fonts */
/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,700,300italic,400italic,700italic);*/
/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic&subset=latin,vietnamese,latin-ext);*/

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/sourcesansprolight.woff);
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: 'normal';
    font-weight: 400;
    src: url(../fonts/sourcesanspro.woff);
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/sourcesansprolightit.woff);
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/sourcesansproitalic.woff);
}

* { font-family: 'Source Sans Pro', sans-serif; }

/* -------------------------------------------------------------- */			
/* Geral */			
/* -------------------------------------------------------------- */
html { background: #005d99; }
body {
    font-size: 1em !important; line-height: 1.3em !important;
}

h1, h2, h3, h4 { font-weight: 200; color: #005d99;  text-shadow: 0 3px 5px rgba(0,0,0,0.2); }

h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }

p {margin: 1em 0 !important;}

a { color: #00AD50; text-decoration: none; }
a:hover { color: #0050AD; }
.sub-destaque a:hover { background: #DEF4FC; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
a:hover img { opacity: 0.6; filter: alpha(opacity=60); }

hr { border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; }

.middle{
    vertical-align: middle;
}

/* Transições */
/*a img { transition: opacity 0.5s ease; }
a:hover img { opacity: 0.6; filter: alpha(opacity=60); }
a { transition: color 0.5s ease; }
.menu a { transition: background-color 0.5s ease; }
.flex-caption { transition: all 0.5s ease !important; }
#carousel-controlador li img, #carousel-controlador li:hover img { transition: opacity 0.5s ease !important; }*/

/* Arredondados */
/*.menu a, .ultimas-noticias {
        -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
        }*/

/* Casca que segura o site na largura */	
.casca { width: 960px; }
/* Enchimento da área de conteúdo */
.miolo { padding-left: 5%; }

/* -------------------------------------------------------------- */			
/* Transições */			
/* -------------------------------------------------------------- */
input.campo,
input.botao,
button.botao,
#menu a, a,
.sub-destaque a,
a img {
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;	
}

/* -------------------------------------------------------------- */			
/* Ícones */			
/* -------------------------------------------------------------- */
.com-icone {font-size:1.7em; background-color: inherit; background-position: left center !important; background-repeat: no-repeat !important; }
.icone-24 { padding-left: 34px !important; }
.icone-32 { padding-left: 42px !important; height: 32px; line-height: 32px; }

.icone-usuario { background-image: url(../img/icones/login-usuario.png) !important; }
.icone-senha { background-image: url(../img/icones/login-senha.png) !important; }
.icone-manejo { background-image: url(../img/icones/manejo.png) !important; }
.icone-experimente { background-image: url(../img/icones/experimente.png) !important; }

/* -------------------------------------------------------------- */			
/* Cabeçalho */			
/* -------------------------------------------------------------- */
.bg-cabecalho { background: #fff; }
/*#cabecalho { height: 130px; }*/
#cabecalho .logo { display: block; float: left; margin-bottom: 10px; margin-top: 10px; width: 450px; }
/*#cabecalho .logo { width: 450px; height: 100px; display: block; float: left; margin-top: 15px; }*/

#cabecalho-externo { height: 130px; }
#cabecalho-externo .logo { width: 450px; height: 100px; display: block; float: left; margin-top: 15px; }

#cabecalho-interno { height: 55px; }
#cabecalho-interno .logo { width: 186px; display: block; float: left; margin-top: 7px; }

#formulario-login { float: right; margin-top: 10px; }
#formulario-login .logoff { float: right; margin-top: 9px;}
#formulario-login .botao { float: right; }
#formulario-login input.campo { width: 130px; margin-right: 10px; }
#formulario-login .texto { font-size: 10.5pt; margin-bottom: 15px; }
#formulario-login .lembrar { clear: both; max-width: 348px; width: 100%; font-size: 11pt;}
#formulario-login .lembrar select { margin-top: 5px;}
#idioma { float: right; }
#formulario-login #minhas-opcoes { max-width: 180px; }
#formulario-login #conectado .credenciais { margin-bottom: 3px; }

.texto > .bootstrap-select{
   float: right !important;
}

/*#login{
    margin-top: 30px;
}*/

/* -------------------------------------------------------------- */			
/* Menu */			
/* -------------------------------------------------------------- */
.bg-menu { background: #008f46; }

.bg-menu-local { background: #DD4040; }

.bg-menu-qa { background: #560381b8; }

#menu { line-height: 1.1em; }

#menu .menu a {
    color: #FFFFFF; font-size: 1.1em;
    padding: 20px 0; text-transform: uppercase; text-decoration: none;
    font-weight: 700; margin-right: 40px; max-width: 140px;
    display: block; float: left; text-shadow: -1px -1px 0 #008942;
}

#menu-logado a {
    padding: 10px 0 !important;
}
#menu .menu a:hover { color: #B7FFDA; }
#menu .menu a.ultimo { margin-right: 0; }
#menu .menu a small {
    display: block; font-weight: 500; text-transform: none;
    padding-top: 5px; }
#menu a.selecionado{
    color: #454545 !important;
}


/* -------------------------------------------------------------- */			
/* Flexslider */			
/* -------------------------------------------------------------- */
.flexslider { border: none !important; margin-bottom: 0 !important; box-shadow: none !important; }
.flex-caption {
    display: none;
    /*
    background: rgba(0,0,0,0.7); margin: 10px; padding: 20px; color: #fff;
    position: absolute; top: 0; max-width: 300px;
    -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    */
}

#menu .login a {
    padding: 10px 0;
}

.flex-caption h1 { color: #fff; margin-bottom: 15px; font-size: 1.4em;  }
.flex-prev, .flex-next { top: 110% !important; background: #fff; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#slider-com-controle { margin-bottom: 10px !important; }
#carousel-controlador ul { margin: 0 !important; }
#carousel-controlador ul li { margin: 0 !important; }
#carousel-controlador .flex-prev, #carousel-controlador .flex-next { top: 25% !important; }
#carousel-controlador li:hover img { opacity: 0.5; cursor: pointer; }
ol.flex-control-nav { display: none; }



/* -------------------------------------------------------------- */			
/* Chamada & destaques */			
/* -------------------------------------------------------------- */
.bg-chamada {
    background: #005d99; text-align: center; color: #fff;
}

#chamada { position: relative; z-index: 10; height: 120px; }
#chamada .grupo-folha {
    position: absolute; top: -68px; z-index: 1000;
    width: 100%;
}
#chamada .folha {
    margin-left: 60px; float: left;
    width: 440px; height: 150px; background: url(../img/chamada-folha.png); 
    font-size: 2.2em; font-weight: 400; text-shadow: -1px -1px 0 #105B89;
}
#chamada .folha .slogan { padding-top: 25px; padding-left: 50px; font-size: 1.2em; line-height: 1em; font-weight: 300; }	
#chamada .chamada {
    width: 320px;
    padding: 4.4em 0 0 0; line-height: 1.1em; text-shadow: -1px -1px 0 #105B89;
    float: right; margin-right: 110px;
    font-size: 1.3em; font-weight: 200;	text-align: right;
}

.bg-destaques { background: #fff; }
#destaques { padding: 3.5em 0 2em 0; font-size: 0.9em; }
.destaque {
    width: 450px; padding: 20px 40px; font-size: 1.3em; font-weight: 300;
    border: 1px solid #005d99; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.destaque h2 { margin-bottom: 0.3em; }
.destaque h2.icone-manejo { background-position: right center !important; padding-right: 42px !important; padding-left: 0 !important; }

.destaque-1 { float: left; text-align: right; }
.destaque-1 .botao { float: right; }
.destaque-2 { float: right; }

#sub-destaques { padding: 1em 0 3em 0; }
.sub-destaque { float: left; }
.sub-destaque h3 { margin-bottom: 1em; font-size: 1.6em; }
.sub-destaque-1 { width: 35%; }
.sub-destaque-2 { width: 28%; padding: 0 5%; }




/* -------------------------------------------------------------- */			
/* Forms */			
/* -------------------------------------------------------------- */
input.campo, textarea.campo {
    background: #ddd; border: none;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    padding: 3px 6px; border: 1px solid #cdcdcd; font-size: 1.2em;
}

button.botao, input.botao, a.botao {
    font-size: 1em;
    font-weight: 400;
    color: #ffffff;
    padding: 4px 10px;
    background: #00a650;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #00823f;
    -moz-box-shadow:
        0px 1px 0px rgba(26,112,68,1),
        inset 0px -2px 1px rgba(45,196,118,1);
    -webkit-box-shadow:
        0px 1px 0px rgba(26,112,68,1),
        inset 0px -2px 1px rgba(45,196,118,1);
    box-shadow:
        0px 1px 0px rgba(26,112,68,1),
        inset 0px -2px 1px rgba(45,196,118,1);
    text-shadow:
        -1px -1px 0px rgba(26,112,68,1);
}

button.botao:hover, input.botao:hover, a.botao:hover {
    cursor: pointer;
    background: #00BF59 !important;
    -moz-box-shadow:
        0px 1px 0px rgba(26,112,68,1),
        inset 0px -2px 1px rgb(86, 226, 154);
    -webkit-box-shadow:
        0px 1px 0px rgba(26,112,68,1),
        inset 0px -2px 1px rgb(86, 226, 154);
    box-shadow:
        0px 1px 0px rgba(26,112,68,1),
        inset 0px -2px 1px rgb(86, 226, 154);
}

a.botao { font-size: 0.9em; padding: 2px 10px 6px 10px; display: block; text-align: center; text-decoration: none; }
a.botao-50 { width: 50px; }
a.botao-100 { width: 100px; }
a.botao-150 { width: 150px; }
a.botao-200 { width: 200px; }
a.botao-250 { width: 250px; }




/* -------------------------------------------------------------- */			
/* Mapa do site, aparece só em mobile */			
/* -------------------------------------------------------------- */
.bg-mapa-do-site { position: fixed; top: 0; width: 100%; z-index: 10; background: #005d99; box-shadow: 0 3px 10px rgba(0,0,0,0.2); }
.mapa-do-site { padding: 5px; }
.mapa-do-site select { float: right;}
.mapa-do-site h4 { color: #fff; text-shadow: none; text-transform: uppercase; }


/* -------------------------------------------------------------- */			
/* Conteúdo */			
/* -------------------------------------------------------------- */
.bg-conteudo { background: #fff /*url(../img/bg-corpo.png) left center no-repeat*/; }
.bg-conteudo-titulo { background: #e0e0e0; }
.bg-conteudo-titulo .casca h1 { padding: 0.2em 0; float: left; font-size: 1.7em; }
.bg-conteudo-titulo .frase { float: right; padding: 0.3em 0; font-size: 1.3em; font-weight: 200;}

/* Breadcrumbs */
#youre-here, .breadcrumb{
    color: #777777;
}
.breadcrumb{
    display: inline-table; margin-bottom: 10px;
}

/* Blocos de conteúdo das seções escondidos pois é o jQuery que os faz aparecer */
.bloco-de-conteudo { display: none; }

#corpo { padding: 1em 0; }

/* Barras laterais */
#barra-lateral  { float: left; width: 260px; padding-top: 0.7em; }
#barra-lateral .menu-lateral { font-size: 1.3em; font-weight: 200; line-height: 1em; margin-bottom: 2em; }
#barra-lateral .menu-lateral li { border-bottom: 1px solid #ddd; padding: 0.5em 0; }
#barra-lateral .menu-lateral li a.selecionado { color: #000; }

/* Conteúdo Principal */
#conteudo { font-size: 0.95em; }	
#conteudo h2 { padding-bottom: 0.5em; padding-top: 0.1em; font-size: 2em; line-height: 1em; }
#conteudo h3 { padding-top: 1em; }
#conteudo { float: left; width: 700px; padding-top: 1em; }
#conteudo .figura-bloco { float: right; padding: 0 0 50px 30px; }
ul.personalizado { width: 60%; margin: 2em auto; padding: 15px 30px 15px 40px; border: 1px solid #ddd; background: #ededed; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; box-shadow: 0 3px 10px rgba(0,0,0,0.2); }
ul.personalizado li { list-style-image: url(../img/lista.png); padding: 5px 0; }

.bloco-contato { float: right; width: 220px; background: #eee; padding: 10px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; box-shadow: 0 3px 10px rgba(0,0,0,0.2); }
.form-contato { float: left; width: 420px;}


/* Tabelas */
#conteudo table.tabela { width: 80%; margin: 2em auto; box-shadow: 0 3px 10px rgba(0,0,0,0.2); }
#conteudo table.tabela th, #conteudo table.tabela td  { padding: 10px; }
#conteudo table.tabela th { background: #ededed; font-style: italic; }
#conteudo table.tabela td { border: 1px solid #ededed; }
#conteudo table.tabela-vertical th { text-align: right; }




/* -------------------------------------------------------------- */			
/* Rodapé */			
/* -------------------------------------------------------------- */
.bg-rodape { background: #005d99 }
#rodape { color: #fff; font-size: 0.8em; padding: 2em 0 3em 0; line-height: 1.2em; }

#rodape a { color: #fff; text-decoration: underline; }
#rodape h4 { color: #fff; margin-bottom: 0.7em; text-shadow: none; font-size: 1.6em; }

#rodape .grupo-1 { width: 260px; }
#rodape .grupo-1 img { margin-bottom: 1em; }
#rodape .grupo-2 { width: 560px; float: right; }

#rodape .coluna { float: left; }
#rodape .coluna-1 { width: 35%; }
#rodape .coluna-2 { width: 35%; padding-left: 5%; }
#rodape .coluna-3 { width: 30%; padding-left: 5%; }
#rodape .base { clear: both; }

.bg-rodape .flex-prev, .bg-rodape .flex-next { top: 35% !important; }


/* -------------------------------------------------------------- */			
/* Masonry */			
/* -------------------------------------------------------------- */

.parede {
    margin: 0 auto 3em auto;
    width: auto;
}

.tijolo {
    width: 150px; height: auto;
    padding: 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.tijolo img { box-shadow: 0 5px 10px rgba(0,0,0,0.2); width: 150px; height: auto;  }

/* Formatacoes */
.mg-top-sm {margin-top: 10px;}

/*  Internationalization - Context  */
#icons-holder a {
   text-decoration: none;
   color: #000;
   display: inline-block;
   width: auto;
   margin-right: 5px;
}

#icons-holder > :nth-child(2) {
   margin-left: 5px;
}

#icons-holder > span {
   font-size: 16px;
}

.tooltip {
   font-size: 15px;
}
/* -------------------------------------------------------------- */			
/* Cookie Alert */			
/* -------------------------------------------------------------- */
.cookiealert {
    position: fixed !important;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    background: #212327;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
}
.cookiealert.show {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 1000ms;
}
.cookiealert a {
    text-decoration: none;
}
.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}