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

/* Modificadores */
.x-antigos 					{ display: none; }
.x-iphone-vertical 			{ display: none; }
.x-iphone 					{ display: none; }
.x-tablet 					{ display: none; }
.x-desktop 					{ display: none; }
.x-hd 						{ display: none; }
.x-full-hd 					{ display: none; }	

/* Modificadores por grupo */
.x-desktop-e-tablet			{ display: none; }
.x-iphone-e-antigos			{ display: none; }
.x-tablet-e-mobile			{ display: none; }
.x-mobile					{ display: none; }
.x-telas-antigas			{ display: none; }
.x-telas-grandes			{ display: none; }

.fieldset-responsive {display:table-cell; width: 100%}

/* -------------------------------------------------------------- */			
/* 1440 x 900 (19 polegadas) e acima */			
/* Modificador: x-full-hd */
/* -------------------------------------------------------------- */
@media only screen and (min-width: 1440px) {

    /* Barra preta
    html { background: #DDD; }
    .bg-cabecalho,
    .bg-menu,
    .bg-conteudo,
    .bg-conteudo-titulo,
    .bg-chamada,
    .bg-destaques,
    .bg-rodape
    { width: 1440px; margin: auto; } */


    /* Estrutura */
    .casca 						{ width: 1245px; }
    /*.casca 						{ width: 1550px; }*/
    #barra-lateral				{ width: 420px; }
    #conteudo					{ width: 1000px }

    #barra-lateral.oculto {width: 15px !important;}
    #conteudo.menu-lateral-oculto {width: 1405px !important;}

    /* Modificadores */
    .x-full-hd 					{ display: block; }	

    /* Modificadores por grupo */
    .x-desktop-e-tablet			{ display: block; }
    .x-telas-grandes			{ display: block; }

    /* Menu */
    #menu .menu a {
        color: #FFFFFF; font-size: 1.2em;
        padding: 20px 0; margin-right: 100px; max-width: 140px;
    }

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

    /* Destaques */

    #chamada, #destaques, #sub-destaques { width: 960px; margin: auto; }

    /* Rodapé */
    #rodape .grupo-1 { width: 320px; }
    #rodape .grupo-1 img { margin-bottom: 1em; }
    #rodape .grupo-2 { width: 900px; float: right; }
    #rodape .coluna { float: left; }
    #rodape .coluna-1 { width: 40%; }
    #rodape .coluna-2 { width: 40%; padding-left: 10%; }	
    #rodape h4 { margin-top: 1em; }

    /* Botoes de impressao */
    .print-button{
        float: right;
        margin-bottom: 10px;
    }
}


/* -------------------------------------------------------------- */			
/* HD 720p (1280x720) */			
/* Modificador: x-hd */
/* -------------------------------------------------------------- */
@media only screen and (min-width: 1280px) and (max-width: 1439px) {


    /* Barra preta
    html { background: #DDD; }
    .bg-cabecalho,
    .bg-menu,
    .bg-conteudo,
    .bg-conteudo-titulo,
    .bg-chamada,
    .bg-destaques,
    .bg-rodape
    { width: 1280px; margin: auto; } */

    /* Estrutura */
    .casca 						{ width: 1240px; }
    #barra-lateral				{ width: 240px; }
    #conteudo					{ width: 1000px }

    #barra-lateral.oculto {width: 15px !important;}
    #conteudo.menu-lateral-oculto {width: 1225px !important;}

    /* Modificadores */
    .x-hd 						{ display: block; }

    /* Modificadores por grupo */
    .x-desktop-e-tablet			{ display: block; }
    .x-telas-grandes			{ display: block; }

    /* Menu */
    #menu .menu a {
        color: #FFFFFF; font-size: 1.2em;
        padding: 20px 0; margin-right: 70px; max-width: 140px;
    }	

    /* Destaques */
    #chamada, #destaques, #sub-destaques { width: 960px; margin: auto; }	

    /* Rodapé */
    #rodape .grupo-1 { width: 260px; }
    #rodape .grupo-1 img { margin-bottom: 1em; }
    #rodape .grupo-2 { width: 900px; float: right; }
    #rodape .coluna { float: left; }
    #rodape .coluna-1 { width: 40%; }
    #rodape .coluna-2 { width: 40%; padding-left: 10%; }	
    #rodape h4 { margin-top: 1em; }

    /* Botoes de impressao */
    .print-button{
        float: right;
        margin-bottom: 10px;
    }

}


/* -------------------------------------------------------------- */			
/* iPad na horizontal & telas antigas 1024x768 */			
/* Modificador: x-desktop */
/* -------------------------------------------------------------- */
@media only screen and (min-width: 981px) and (max-width: 1279px) {

    /* Barra preta
    html { background: #DDD; }
    .bg-cabecalho,
    .bg-menu,
    .bg-conteudo,
    .bg-conteudo-titulo,
    .bg-chamada,
    .bg-destaques,
    .bg-rodape
    { width: 981px; margin: auto; } */

    /* Estrutura */
    .casca 						{ width: 960px; }
    #barra-lateral				{ width: 200px; }
    #conteudo					{ width: 700px }

    #barra-lateral.oculto {width: 15px !important;}
    #conteudo.menu-lateral-oculto {width: 945px !important;}
    /*.bg-conteudo-titulo .frase { float: right; padding: 0.3em 0 1me 0; font-size: 1.6em; font-weight: 200; text-align: center; }*/	
    .bg-conteudo-titulo .frase { float: right; text-align: center; }	

    /* Modificadores */
    .x-desktop 					{ display: block; }

    /* Modificadores por grupo */
    .x-desktop-e-tablet			{ display: block; }
    .x-telas-antigas			{ display: block; }

    /* Botoes de impressao */
    .print-button{
        float: right;
        margin-bottom: 10px;
    }
}


/* -------------------------------------------------------------- */			
/* iPad na vertical & telas antigas 800x600 */			
/* Modificador: x-tablet */
/* -------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 980px) {

    /* Barra preta
    html { background: #DDD; }
    .bg-cabecalho,
    .bg-menu,
    .bg-conteudo,
    .bg-conteudo-titulo,
    .bg-chamada,
    .bg-destaques,
    .bg-rodape
    { width: 768px; margin: auto; } */


    /* Estrutura */
    .casca 						{ width: 740px; }
    #barra-lateral				{ width: 200px; }
    #conteudo					{ width: 500px }

    #barra-lateral.oculto {width: 15px !important;}
    #conteudo.menu-lateral-oculto {width: 725px !important;}
    .bg-conteudo-titulo .frase { float: none; padding: 0.3em 0 1me 0; font-size: 1.6em; font-weight: 200; text-align: center; }

    /* Modificadores por tamanho de tela */
    .x-tablet 					{ display: block; }

    /* Modificadores por grupo */
    .x-desktop-e-tablet			{ display: block; }
    .x-telas-antigas			{ display: block; }

    /* Personalizado */
    #cabecalho .logo { width: 380px; margin-top: 22px; }
    #formulario-login { float: right; margin-top: 30px; line-height: 2em; }
    #formulario-login .credenciais { float: right; width: 300px; margin-bottom: 10px; }
    #formulario-login .botao { float: right; }
    #formulario-login input.campo { margin-bottom: 5px; width: 223px; }
    #formulario-login label, #formulario-login select { font-size: 0.8em; }
    .lembrar{ margin-bottom: 10px; }

    #conectado select { font-size: 1em !important; }	

    /* Menu */
    #menu { line-height: 1.1em; }
    #menu .menu a {
        font-size: 1em;
        font-weight: 500; margin-right: 18px; max-width: none;
    }
    #menu .menu a small { display: none; }

    /* Chamada */
    #chamada .folha { margin-left: 0; }
    #chamada .folha .slogan { padding-top: 25px; padding-left: 50px; font-size: 1.2em; line-height: 1em; font-weight: 300; }	
    #chamada .chamada { width: 300px; padding: 3.85em 0 0 0; margin-right: 0; font-size: 1.4em; }

    #destaques { padding: 2em 0 2em 0; }
    .destaque { width: 350px; padding: 20px 20px; font-size: 1.2em; font-weight: 300; }
    .destaque h2 { margin-bottom: 0.5em; font-size: 1.6em; }

    .sub-destaque-1 { width: 32%; }

    /* Rodapé */
    #rodape .grupo-2 { width: 400px; float: right; }
    #rodape .coluna-1 { width: 50%; }
    #rodape .coluna-2 { width: 40%; padding-left: 10%; }

    /* Flex */
    .flex-prev, .flex-next { top: 30% !important; }	

    /* Breadcrumbs */
    #youre-here{
        width: 30%;
        text-align: center;
        float: left;
        padding: 8px 15px;
    }
    .breadcrumb{
        width: 70%;
        text-align: center;
        float: left;
    }

    /* Botoes de impressao */
    .print-button{
        float: right;
        margin-bottom: 10px;
    }
}


/* -------------------------------------------------------------- */			
/* iPhone & Androids */			
/* Modificador: x-iphone */
/* -------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    /* Barra preta
    html { background: #DDD; }
    .bg-cabecalho,
    .bg-menu,
    .bg-conteudo,
    .bg-conteudo-titulo,
    .bg-chamada,
    .bg-destaques,
    .bg-rodape
    { width: 460px; margin: auto; } */

    /* Estrutura */
    .casca 						{ width: 460px; }
    #barra-lateral 				{ width: 460px; float: none; margin: 0; padding: 0; }
    #conteudo					{ width: 460px; float: none; }

    #barra-lateral.oculto {width: 15px !important;}
    #conteudo.menu-lateral-oculto {width: 905px !important;}

    /* Modificadores por tamanho de tela */
    .x-iphone 					{ display: block; }

    /* Modificadores por grupo */
    .x-iphone-e-antigos			{ display: block; }
    .x-tablet-e-mobile			{ display: block; }
    .x-mobile					{ display: block; }

    /* Personalizado */

    /* Afasta o body pra fixar o mapa do site */
    /* Não usado, em favor do jQuery que faz automatico no inicia-scripts.js  */
    /* .bg-cabecalho { padding-top: 45px; } */

    /* Cabeçalho */
    #cabecalho { height: auto;}
    #cabecalho .logo { width: 450px; height: auto; margin: auto; padding-top: 10px; float: none; }
    #formulario-login { float: none; margin: 10px auto 20px auto; line-height: 1.5em; width: 300px; }
    #formulario-login .credenciais { float: left; width: 300px; margin-bottom: 10px; }
    #formulario-login .botao { float: right; }
    #formulario-login input.campo { width: 100%; margin-bottom: 5px; }
    #formulario-login label, #formulario-login select { font-size: 0.8em; }	

    /* Menu */
    #menu .abre-abre { font-size: 1.5em; color: #fff; font-weight: 200; text-shadow: -1px -1px 0 #105B89; text-transform: uppercase; display: block; padding: 8px; text-align: center; }
    #menu .menu { width: 300px; padding: 5px 15px; margin: auto auto 20px auto; background: rgba(0,0,0,0.1); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
    #menu .menu a { float: none; text-align: center; padding: 10px 0; line-height: 1em; margin-right: 0; font-size: 1.1em; max-width: none; border-bottom: 1px dotted rgba(255,255,255,0.5); }
    #menu .menu a small { display: block; padding: 0; text-align: center; }
    #menu .menu a small br { display: none; }
    #menu .menu a.ultimo { border-bottom: none; } 

    /* Flex */
    .flex-prev, .flex-next { top: 30% !important; }

    /* Chamada */
    #chamada { height: 140px;  }
    #chamada .grupo-folha { top: -30px; } 
    #chamada .folha {
        margin: auto; float: none;
        width: 280px; height: 95px; background: url(../img/chamada-folha-pequena_en_US.png); 
        font-size: 1.3em; font-weight: 400; text-shadow: -1px -1px 0 #105B89;
    }

    #chamada .folha .slogan { padding-top: 15px; padding-left: 0; font-size: 1.2em; line-height: 1em; font-weight: 300; }	
    #chamada .chamada { width: 460px; padding: 10px 0 0 0; margin: auto; font-size: 1.4em; float: none; text-align: center; }

    #destaques { padding: 2em 0 0 0; }
    .destaque { text-align: center; width: 400px; margin: 0 auto 2em auto; float: none; padding: 20px 20px; font-size: 1.2em; font-weight: 300; }
    .destaque .botao { float: none; margin: auto; }
    .destaque h2 { margin-bottom: 0.5em; font-size: 1.6em; }

    .sub-destaque { text-align: center; float: none; width: 440px; margin: auto; }
    .sub-destaque h3 { margin-bottom: 0.5em }
    .sub-destaque-1 { margin-bottom: 2em; }
    .sub-destaque-2 p { margin-top: 0;margin-bottom: 2em; }
    .sub-destaque-1, .sub-destaque-2 { width: 440px; float: none; padding: 0; }

    /* Conteúdo */
    .bg-conteudo-titulo .casca h1 { padding: 0.5em 0 0.3em 0; float: none; text-align: center; }
    .bg-conteudo-titulo .frase { float: none; padding: 0.3em 0 1me 0; font-size: 1.6em; font-weight: 200; text-align: center; }	
    #conteudo .miolo { padding-left: 0; }
    #barra-lateral { float: none; text-align: center; }
    #barra-lateral .menu-lateral { display: none; /*font-size: 1.3em; font-weight: 200; line-height: 1em; margin-bottom: 2em;*/ }
    .bloco-de-conteudo { display: block; padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px solid #ddd; }

    /* Contato */
    .bloco-contato { float: none; width: auto; margin: auto; background: #eee; padding: 10px 20px; -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: none; width: 100%; margin: 0 auto 2em auto; padding-bottom: 1em; border-bottom: 1px solid #ddd;  }	


    /* Rodapé */
    #rodape h4 { margin-bottom: 0.5em; }
    #rodape .grupo-1 { width: 440px; }
    #rodape .grupo-1 img { margin-bottom: 1em; }
    #rodape .grupo-2 { width: 440px; float: none; margin: auto; }

    #rodape .coluna { float: none; margin-bottom: 2em; }
    #rodape .coluna-1 { width: 100%; }
    #rodape .coluna-2 { width: 100%; padding-left: 0; }
    #rodape .base br { display: none; }

    #rodape .creditos { text-align: center; width: 440px; margin: 2em auto 0 auto; padding: 2em 0 0 0; border-top: 1px solid rgba(255,255,255,0.3); }
    #rodape .creditos img { margin: auto; }

    /* Breadcrumbs */
    #youre-here{
        text-align: center;
    }

    /* Botoes de impressao */
    .print-button{
        margin-bottom: 10px;
    }

}

/* -------------------------------------------------------------- */			
/* iPhone na Vertical */	
/* Modificador: x-iphone-vertical */
/* -------------------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 479px) {

    /* Estrutura */	
    .casca 						{ width: 300px; }
    #barra-lateral 				{ width: 300px; float: none; margin: 0; padding: 0; }
    #conteudo					{ width: 300px; float: none; }

    #barra-lateral.oculto {width: 15px !important;}
    #conteudo.menu-lateral-oculto {width: 585px !important;}

    /* Modificadores por tamanho de tela */
    .x-iphone-vertical 			{ display: block; }

    /* Modificadores por grupo */
    .x-iphone-e-antigos			{ display: block; }
    .x-tablet-e-mobile			{ display: block; }
    .x-mobile					{ display: block; }

    /* Personalizado */

    /* Afasta o body pra fixar o mapa do site */
    /* Não usado, em favor do jQuery que faz automatico no inicia-scripts.js  */
    /* .bg-cabecalho { padding-top: 45px; } */

    /* Cabeçalho */
    #cabecalho { height: auto;}
    #cabecalho .logo { width: 95%; height: auto; margin: auto; padding-top: 5px; padding-bottom: 5px; float: none; }
    #formulario-login { float: none; margin: 5px auto 10px auto; line-height: 1.5em; width: 95%; }
    #formulario-login .credenciais { float: left; width: 100%; margin-bottom: 10px; }
    #formulario-login .botao { float: right; }
    #formulario-login input.campo { width: 100%; margin-bottom: 5px; }
    #formulario-login label, #formulario-login select { font-size: 0.8em; }	
    #formulario-login .lembrar { width: 100%; }

    /* Menu */
    #menu .abre-abre { font-size: 1.5em; color: #fff; font-weight: 200; text-shadow: -1px -1px 0 #105B89; text-transform: uppercase; display: block; padding: 8px; text-align: center; }
    #menu .menu { width: 75%; padding: 2% 8%; margin: auto auto 20px auto; background: rgba(0,0,0,0.1); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
    #menu .menu a { float: none; text-align: center; padding: 10px 0; line-height: 1em; margin-right: 0; font-size: 1.1em; max-width: none; border-bottom: 1px dotted rgba(255,255,255,0.5); }
    #menu .menu a small { display: block; padding: 0; text-align: center; }
    #menu .menu a small br { display: none; }
    #menu .menu a.ultimo { border-bottom: none; } 

    /* Flex */
    .flex-prev, .flex-next { top: 30% !important; }

    /* Chamada */
    #chamada { height: 160px;  }
    #chamada .grupo-folha { top: -30px; } 
    #chamada .folha {
        margin: auto; float: none;
        width: 280px; height: 95px; background: url(../img/chamada-folha-pequena_en_US.png); 
        font-size: 1.3em; font-weight: 400; text-shadow: -1px -1px 0 #105B89;
    }

    #chamada .folha .slogan { padding-top: 15px; padding-left: 0; font-size: 1.2em; line-height: 1em; font-weight: 300; }	
    #chamada .chamada { width: 95%; padding: 3% 0 0 0; margin: auto; font-size: 1.4em; float: none; text-align: center; }

    #destaques { padding: 2em 0 0 0; }
    .destaque { text-align: center; width: 95%; margin: 0 auto 2em auto; float: none; padding: 2%; font-size: 1.2em; font-weight: 300; }
    .destaque .botao { float: none; margin: auto; }
    .destaque h2 { margin-bottom: 0.5em; font-size: 1.4em; }

    .sub-destaque { text-align: center; float: none; width: 95%; margin: auto; }
    .sub-destaque h3 { margin-bottom: 0.5em }
    .sub-destaque-1 { margin-bottom: 2em; }
    .sub-destaque-2 p { margin-top: 0;margin-bottom: 2em; }
    .sub-destaque-1, .sub-destaque-2 { width: 90%; float: none; padding: 0; }

    /* Conteúdo */
    .bg-conteudo-titulo .casca h1 { padding: 0.5em 0 0.3em 0; float: none; text-align: center; }
    .bg-conteudo-titulo .frase { float: none; padding: 0.3em 0 1me 0; font-size: 1.6em; font-weight: 200; text-align: center; }	
    #conteudo .miolo { padding-left: 0; }
    .bg-conteudo-titulo h1 { font-size: 2.2em;}
    #conteudo h2 { font-size: 2.2em; text-align: center; }
    #barra-lateral { float: none; text-align: center; }
    #barra-lateral .menu-lateral { display: none; /*font-size: 1.3em; font-weight: 200; line-height: 1em; margin-bottom: 2em;*/ }
    .bloco-de-conteudo { display: block; padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px solid #ddd; }
    #conteudo .figura-bloco { float: none; margin: 0 auto; padding: 0; }

    /* Contato */
    .bloco-contato { float: none; width: auto; margin: auto; background: #eee; padding: 10px 20px; -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: none; width: 100%; margin: 0 auto 2em auto; padding-bottom: 1em; border-bottom: 1px solid #ddd;  }	
    .tabela-representantes { font-size: 0.9em; }


    /* Rodapé */
    #rodape h4 { margin-bottom: 0.5em; }
    #rodape .grupo-1 { width: 95%; }
    #rodape .grupo-1 img { margin-bottom: 1em; }
    #rodape .grupo-2 { width: 95%; float: none; margin: auto; }

    #rodape .coluna { float: none; margin-bottom: 2em; }
    #rodape .coluna-1 { width: 95%; }
    #rodape .coluna-2 { width: 95%; padding-left: 0; }
    #rodape .base br { display: none; }

    #rodape .creditos { text-align: center; width: 95%; margin: 2em auto 0 auto; padding: 2em 0 0 0; border-top: 1px solid rgba(255,255,255,0.3); }
    #rodape .creditos img { margin: auto; }

    /* Breadcrumbs */
    #youre-here, .breadcrumb{
        width: 100%;
        text-align: center;
        float: left;
    }

    /* Botoes de impressao */
    .print-button{
        margin-bottom: 10px;
    }

}

/* -------------------------------------------------------------- */			
/* Telefones antigos */			
/* Modificador: x-antigos */
/* -------------------------------------------------------------- */
@media only screen and (max-width: 319px) {

    /* Estrutura */
    .casca 						{ width: 96%; }
    #barra-lateral 				{ width: 96%; float: none; margin: 0; padding: 0; }
    #conteudo					{ width: 96%; float: none; }

    #barra-lateral.oculto {width: 5% !important;}
    #conteudo.menu-lateral-oculto {width: 90% !important;}

    /* Modificadores por tamanho de tela */
    .x-antigos 					{ display: block; }

    /* Modificadores por grupo */
    .x-iphone-e-antigos			{ display: block; }
    .x-tablet-e-mobile			{ display: block; }
    .x-mobile					{ display: block; }

    /* Personalizado */

    /* Afasta o body pra fixar o mapa do site */
    /* Não usado, em favor do jQuery que faz automatico no inicia-scripts.js  */
    /* .bg-cabecalho { padding-top: 45px; } */

    /* Cabeçalho */
    #cabecalho { height: auto;}
    #cabecalho .logo { width: 95%; height: auto; margin: auto; padding-top: 5px; padding-bottom: 5px; float: none; }
    #formulario-login { float: none; margin: 5px auto 10px auto; line-height: 1.5em; width: 95%; }
    #formulario-login .credenciais { float: left; width: 100%; margin-bottom: 10px; }
    #formulario-login .botao { float: none; }
    #formulario-login input.campo { margin-bottom: 5px; width: 100%; }
    #formulario-login label, #formulario-login select { font-size: 0.8em; }	
    #formulario-login .lembrar { width: 100%; text-align: center; }
    #formulario-login #idioma { float: none; }

    /* Menu */
    #menu .abre-abre { font-size: 1.5em; color: #fff; font-weight: 200; text-shadow: -1px -1px 0 #105B89; text-transform: uppercase; display: block; padding: 8px; text-align: center; }
    #menu .menu { width: 85%; padding: 2% 8%; margin: auto auto 20px auto; background: rgba(0,0,0,0.1); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
    #menu .menu a { float: none; text-align: center; padding: 10px 0; line-height: 1em; margin-right: 0; font-size: 1.1em; max-width: none; border-bottom: 1px dotted rgba(255,255,255,0.5); }
    #menu .menu a small { display: block; padding: 0; text-align: center; }
    #menu .menu a small br { display: none; }
    #menu .menu a.ultimo { border-bottom: none; } 

    /* Flex */
    .flex-prev, .flex-next { top: 30% !important; }

    /* Chamada */
    #chamada { height: 120px;  }
    #chamada .grupo-folha { top: -30px; } 
    #chamada .folha {
        margin: auto; float: none;
        width: 180px; height: 61px; background: url(../img/chamada-folha-mini_en_US.png); 
        font-size: 0.9em; font-weight: 400; text-shadow: -1px -1px 0 #105B89;
    }

    #chamada .folha .slogan { padding-top: 10px; padding-left: 6px; font-size: 1.2em; line-height: 1em; font-weight: 300; }	
    #chamada .chamada { width: 95%; padding: 3% 0 0 0; margin: auto; font-size: 1em; float: none; text-align: center; }

    #destaques { padding: 2em 0 0 0; }
    .destaque { text-align: center; width: 95%; margin: 0 auto 2em auto; float: none; padding: 7% 2%; font-size: 1em; font-weight: 300; }
    .destaque .botao { float: none; margin: auto; }
    .destaque h2 { margin-bottom: 0.5em; font-size: 1.3em; line-height: 1em; }

    .sub-destaque { text-align: center; float: none; width: 95%; margin: auto; }
    .sub-destaque h3 { margin-bottom: 0.5em }
    .sub-destaque-1 { margin-bottom: 2em; }
    .sub-destaque-2 p { margin-top: 0;margin-bottom: 2em; }
    .sub-destaque-1, .sub-destaque-2 { width: 90%; float: none; padding: 0; }

    /* Conteúdo */
    .bg-conteudo-titulo .casca h1 { padding: 0.5em 0 0.3em 0; float: none; text-align: center; }
    .bg-conteudo-titulo .frase { float: none; padding: 0.3em 0 1me 0; font-size: 1.6em; font-weight: 200; text-align: center; }	
    #conteudo .miolo { padding-left: 0; }
    .bg-conteudo-titulo h1 { font-size: 2.2em;}
    #conteudo h2 { font-size: 2.2em; text-align: center; }
    #barra-lateral { float: none; text-align: center; }
    #barra-lateral .menu-lateral { display: none; /*font-size: 1.3em; font-weight: 200; line-height: 1em; margin-bottom: 2em;*/ }
    .bloco-de-conteudo { display: block; padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px solid #ddd; }
    #conteudo .figura-bloco { float: none; margin: 0 auto; padding: 0; }

    /* Contato */
    .bloco-contato { float: none; font-size: 0.9em; width: auto; margin: auto; background: #eee; padding: 10px 20px; -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: none; width: 100%; margin: 0 auto 2em auto; padding-bottom: 1em; border-bottom: 1px solid #ddd;  }	
    #conteudo table.tabela { font-size: 0.9em; width: 150px !important; }
    #conteudo table.tabela td.quebra-palavra { font-size: 0.8em;}

    /* Rodapé */
    #rodape h4 { margin-bottom: 0.5em; }
    #rodape .grupo-1 { width: 95%; }
    #rodape .grupo-1 img { margin-bottom: 1em; }
    #rodape .grupo-2 { width: 95%; float: none; margin: auto; }

    #rodape .coluna { float: none; margin-bottom: 2em; }
    #rodape .coluna-1 { width: 95%; }
    #rodape .coluna-2 { width: 95%; padding-left: 0; }
    #rodape .base br { display: none; }

    #rodape .creditos { text-align: center; width: 95%; margin: 2em auto 0 auto; padding: 2em 0 0 0; border-top: 1px solid rgba(255,255,255,0.3); }
    #rodape .creditos img { margin: auto; }

    /* Breadcrumbs */
    #youre-here, .breadcrumb{
        width: 100%;
        text-align: center;
        float: left;
    }

    /* Botoes de impressao */
    .print-button{
        margin-bottom: 10px;
    }

}