/* - mediaqueries.css - */
/* http://www.aplicativos.gov.br/portal_css/mediaqueries.css?original=1 */
/* */
@media screen and (max-width : 1024px) {
div#visual-portal-wrapper {
width: 100%;
}
ul.opcoesAtalhos {
margin-right: 80px;
}
div#portal-searchbox {
right: 80px;
}
ul#portal-globalnav li:first-child a {
padding-left: 80px;
}
div.documentContent {
padding: 0 300px 0 80px;
}
.template-listar_aplicativos div.documentContent,
.template-search div.documentContent {
padding-right: 80px;
}
}
/* */
@media screen and (max-width : 800px) {
div#visual-portal-wrapper {
width: 100%;
}
ul.opcoesAtalhos {
margin-right: 40px;
}
div#portal-searchbox {
right: 40px;
}
ul#portal-globalnav li:first-child a {
padding-left: 40px;
}
ul#filtro li {
width: 24.4%;
}
div.blocoAplicativo.espaco {
margin-right: 17px;
}
#portal-columns.esquerda div.documentContent {
padding: 0;
}
div.list_carousel {
width: 90%;
}
#portal-column-one div.visualPadding {
padding-left: 10px;
}
#accessibility {
display: none;
}
}
@media screen and (max-width: 768px) {
div#visual-portal-wrapper {
width: 100%;
}
ul.opcoesAtalhos {
margin-right: 20px;
}
div#portal-searchbox {
right: 20px;
}
div.documentContent {
padding-left: 97px;
}
.template-listar_aplicativos div.documentContent,
.template-search div.documentContent {
padding-right: 80px;
}
ul#portal-globalnav li:first-child a {
padding-left: 40px;
}
ul#filtro li {
width: 24.4%;
}
}
/* */
@media screen and (max-width: 610px) {
div#visual-portal-wrapper {
width: 100%;
}
ul.opcoesAtalhos {
margin-right: 20px;
}
div#portal-searchbox {
right: 20px;
}
div.LSBox {
text-align: center;
}
ul#portal-globalnav li:first-child a,
div.documentContent,
.largeText ul#portal-globalnav li:first-child a,
.largeText.template-listar_aplicativos div.documentContent {
padding-left: 20px;
}
.template-listar_aplicativos div.documentContent,
.template-search div.documentContent,
.largeText.template-listar_aplicativos div.documentContent {
padding-right: 20px;
}
.template-listar_aplicativos div.documentContent {
margin-right: 0 !important;
}
ul#filtro li {
width: 24.4%;
}
div.blocoAplicativo {
width: 100%;
}
div.blocoAplicativo,
div.blocoAplicativo.espaco {
margin-right: 1px;
}
div#portal-column-one {
width: 100%;
}
div#portal-column-one .visualPadding {
padding-top: 0;
}
dl.portlet {
background: #f2f2f2;
margin: 0;
padding: 0 1.42em;
}
dt.portletHeader img {
float: left;
margin-right: 1em;
}
span#titulo_app {
border-bottom: 1px dotted #808080;
color: #4d4d4d;
display: block;
font-family: 'Trebuchet MS', Arial, sans-serif;
font-size: 1.42em;
max-height: 2.5em;
}
span#titulo_orgao {
color: #808080;
display: block;
font-size: 1.07em;
text-align: right;
}
span#titulo_categoria,
dd.portletItem,
dd.portletFooter,
.template-aplicativo_view h1.documentFirstHeading,
.template-aplicativo_view div#title_help {
display: none;
}
#portal-columns.esquerda div#portal-column-content {
clear: both;
margin-left: 0;
padding-left: 0;
padding-top: 0;
}
#portal-columns.esquerda div.documentContent {
padding: 0 1.42em;
}
.template-aplicativo_view div#portal-columns {
background: #f2f2f2;
}
div.field {
margin: 0;
}
div.plataforma {
padding-bottom: 41px;
}
}
@media screen and (max-width: 486px) {
body {
min-width: 300px !important;
}
div#visual-portal-wrapper {
width: 100%;
}
div.portal-siteactions,
#barra-gov {
display: none;
}
a#portal-logo {
clear: both;
display: block;
margin: 2.5em 1.42em 0;
}
a#portal-logo img {
margin: 0;
width: 100%;
}
ul#links_logo {
display: none;
}
div#portal-searchbox {
display: block;
margin: 1.07em auto 0;
position: relative;
right: 0;
top: 0;
text-align: center;
}
div.LSBox {
float: none;
text-align: center;
}
input#searchGadget {
max-width: 77%;
min-width: 65%;
width: auto;
}
ul#portal-globalnav {
border: 0;
margin: 4em 0 0;
padding: 0;
}
ul#portal-globalnav li {
display: block;
float: left;
margin: 0;
width: 50%;
}
ul#portal-globalnav li.back {
width: 100%;
}
ul#portal-globalnav li a {
border-bottom: 1px solid #ccc;
font-family: 'Trebuchet MS', Arial, sans-serif;
font-size: 1.85em;
display: block;
margin-right: 0;
padding: 0.71em 0;
text-align: center;
}
ul#portal-globalnav li:first-child a {
padding: 0.71em 0;
}
ul#portal-globalnav li.back a {
background: #b3b3b3;
color: #fff;
font-size: 1em;
font-weight: bold;
padding-left: 1.42em;
text-align: left;
}
ul#portal-globalnav li#portaltab-orgaos,
ul#portal-globalnav li#portaltab-plataformas {
display: none;
}
div#portal-column-content {
margin: 0;
padding: 0;
}
.template-listar_aplicativos div.documentContent {
padding-left: 0;
padding-right: 0;
}
ul#filtro {
margin: 0;
padding: 0.35em 0;
}
ul#filtro li {
border-bottom: 1px solid #ccc;
display: block;
margin: 0;
width: 100%;
}
ul#filtro a {
color: #333;
display: block;
font-family: 'Trebuchet MS', Arial, sans-serif;
font-size: 1.57em;
padding: 0.85em 1.42em;
text-transform: uppercase;
}
ul#filtro a.selected {
background: #1087c4;
}
div#lista-aplicativos {
padding: 2.14em 1.42em 1.42em;
}
div.blocoAplicativo {
border-width: 2px;
display: block;
float: none;
overflow: hidden;
margin: 0 auto 2.85em;
padding: 1.78em 1.07em 1.07em;
width: 100% !important;
}
div.blocoAplicativo .esquerda {
margin-right: 1.42em;
}
div.blocoAplicativo img {
max-height: 78px;
max-width: 78px;
}
div#titulo_app {
font-family: 'Trebuchet MS', Arial, sans-serif;
font-size: 1.35em;
}
div#titulo_orgao {
font-size: 1.07em;
}
div#titulo_categoria ul {
text-align: left;
}
div#titulo_categoria ul li {
color: #1087c4;
font-family: verdana;
font-size: 0.92em;
margin-left: 0;
margin-right: 0.5em;
}
div#plataformas {
margin-top: 1em;
}
#portal-colophon {
display: none;
}
div#portal-footer {
background: #f2f2f2;
margin: 0;
padding: 0 1.42em 1.42em;
}
div#portal-footer p {
margin: 0;
}
div#portal-column-one {
width: 100%;
}
div#portal-column-one .visualPadding {
padding-top: 0;
}
dl.portlet {
background: #f2f2f2;
margin: 0;
padding: 0 1.42em;
}
dt.portletHeader img {
float: left;
margin-right: 1em;
}
span#titulo_app {
border-bottom: 1px dotted #808080;
color: #4d4d4d;
display: block;
font-family: 'Trebuchet MS', Arial, sans-serif;
font-size: 1.42em;
max-height: 2.5em;
}
span#titulo_orgao {
color: #808080;
display: block;
font-size: 1.07em;
text-align: right;
}
span#titulo_categoria,
dd.portletItem,
dd.portletFooter,
.template-aplicativo_view h1.documentFirstHeading,
.template-aplicativo_view div#title_help {
display: none;
}
#portal-columns.esquerda div#portal-column-content {
clear: both;
margin-left: 0;
padding-left: 0;
}
#portal-columns.esquerda div.documentContent {
padding: 0 1.42em;
}
.template-aplicativo_view div#portal-columns {
background: #f2f2f2;
}
div.field {
margin: 0;
}
div.plataforma {
padding-bottom: 1em;
}
.template-search ul#portal-globalnav,
.template-contact-info ul#portal-globalnav {
display: none;
}
.template-search div.documentContent,
.template-contact-info div.documentContent {
padding: 4em 1.42em 1.42em;
}
.template-search h1.documentFirstHeading {
font-size: 1.28em;
}
.template-search p.discreet {
font-size: 0.85em;
}
.template-search div#lista-aplicativos {
padding: 0;
}
.template-search div.blocoAplicativo {
margin: 0 auto 2.85em;
width: auto !important;
}
.template-search div.blocoAplicativo.even {
background: #e3e8e9;
}
.template-search div#plataformas {
}
.template-search div#titulo_app {
font-size: 1em;
}
.template-search div#titulo_app a {
color: #094f73;
font-family: 'Trebuchet MS', Arial, sans-serif;
font-size: 1.14em;
}
.template-search div#titulo_orgao {
color: #094f73;
font-size: 0.85em;
}
.template-search div#titulo_categoria ul li {
color: #666;
font-size: 0.78em;
}
.template-search div#portal-footer,
.template-contact-info div#portal-footer {
background: transparent;
}
.template-contact-info .field input {
width: 95%;
}
.template-contact-info .context {
font-size: 1em;
font-weight: bold;
width: auto;
}
.template-contact-info .documentContent {
background: transparent;
}
.template-contact-info h1.documentFirstHeading {
border-color: #1087c4;
color: #1087c4;
font-size: 1.42em;
}
.template-contact-info p.documentDescription {
font-size: 1.14em;
}
.template-contact-info div.field {
margin-bottom: 1em;
}
}
/* */
@media screen and (orientation:landscape) and (max-device-width: 1024px) {
div#visual-portal-wrapper {
width: 100%;
}
ul.opcoesAtalhos {
margin-right: 80px;
}
div#portal-searchbox {
right: 80px;
}
ul#portal-globalnav li:first-child a {
padding-left: 80px;
}
div.documentContent {
padding: 0 300px 0 80px;
}
.template-listar_aplicativos div.documentContent,
.template-search div.documentContent {
padding-right: 80px;
}
}
/* */
@media screen and (orientation:portrait) and  (max-device-width: 768px) {
div#visual-portal-wrapper {
width: 100%;
}
ul.opcoesAtalhos {
margin-right: 20px;
}
div#portal-searchbox {
right: 20px;
}
div.documentContent {
padding-left: 97px;
}
.template-listar_aplicativos div.documentContent,
.template-search div.documentContent {
padding-right: 40px;
}
ul#portal-globalnav li:first-child a {
padding-left: 40px;
}
ul#filtro li {
width: 24.4%;
}
} /* */
/* */
@media screen and (orientation:landscape) and (max-device-width: 480px), screen and (orientation:portrait) and  (max-device-width: 320px) {
body {
min-width: 300px !important;
}
div#visual-portal-wrapper {
width: 100%;
}
div.portal-siteactions {
display: none;
}
a#portal-logo {
clear: both;
display: block;
margin: 2.5em 1.42em 0;
}
a#portal-logo img {
margin: 0;
width: 100%;
}
ul#links_logo {
display: none;
}
div#portal-searchbox {
display: block;
margin: 1.07em auto 0;
position: relative;
right: 0;
top: 0;
}
div.LSBox {
float: none;
text-align: center;
}
input#searchGadget {
max-width: 77%;
min-width: 65%;
width: auto;
}
ul#portal-globalnav {
border: 0;
margin: 4em 0 0;
padding: 0;
}
ul#portal-globalnav li {
display: block;
float: left;
margin: 0;
width: 50%;
}
ul#portal-globalnav li.back {
width: 100%;
}
ul#portal-globalnav li a {
border-bottom: 1px solid #ccc;
font-family: 'Trebuchet MS', Arial, sans-serif;
font-size: 1.85em;
display: block;
margin-right: 0;
padding: 0.71em 0;
text-align: center;
}
ul#portal-globalnav li:first-child a {
padding: 0.71em 0;
}
ul#portal-globalnav li.back a {
background: #b3b3b3;
color: #fff;
font-size: 1em;
font-weight: bold;
padding-left: 1.42em;
text-align: left;
}
ul#portal-globalnav li#portaltab-orgaos,
ul#portal-globalnav li#portaltab-plataformas {
display: none;
}
div#portal-column-content {
margin: 0;
padding: 0;
}
.template-listar_aplicativos div.documentContent {
padding-left: 0;
padding-right: 0;
}
ul#filtro {
margin: 0;
padding: 0.35em 0;
}
ul#filtro li {
border-bottom: 1px solid #ccc;
display: block;
margin: 0;
width: 100%;
}
ul#filtro a {
color: #333;
display: block;
font-family: 'Trebuchet MS', Arial, sans-serif;
font-size: 1.57em;
padding: 0.85em 1.42em;
text-transform: uppercase;
}
ul#filtro a.selected {
background: #1087c4;
}
div#lista-aplicativos {
padding: 2.14em 1.42em 1.42em;
}
div.blocoAplicativo {
border-width: 2px;
display: block;
margin: 0 auto 2.85em;
padding: 1.78em 1.07em 1.07em;
width: auto !important;
}
div.blocoAplicativo .esquerda {
margin-right: 1.42em;
}
div.blocoAplicativo img {
max-height: 78px;
max-width: 78px;
}
div#titulo_app {
font-family: 'Trebuchet MS', Arial, sans-serif;
font-size: 1.35em;
}
div#titulo_orgao {
font-size: 1.07em;
}
div#titulo_categoria ul {
text-align: left;
}
div#titulo_categoria ul li {
color: #1087c4;
font-family: verdana;
font-size: 0.92em;
margin-left: 0;
margin-right: 0.5em;
}
div#plataformas {
margin-top: 1em;
}
#portal-colophon {
display: none;
}
div#portal-footer {
background: #f2f2f2;
margin: 0;
padding: 0 1.42em 1.42em;
}
div#portal-footer p {
margin: 0;
}
div#portal-column-one {
width: 100%;
}
div#portal-column-one .visualPadding {
padding-top: 0;
}
dl.portlet {
background: #f2f2f2;
margin: 0;
padding: 0 1.42em;
}
dt.portletHeader img {
float: left;
margin-right: 1em;
}
span#titulo_app {
border-bottom: 1px dotted #808080;
color: #4d4d4d;
display: block;
font-family: 'Trebuchet MS', Arial, sans-serif;
font-size: 1.42em;
max-height: 2.5em;
margin-left: 95px;
}
span#titulo_orgao {
color: #808080;
display: block;
font-size: 1.07em;
text-align: right;
}
span#titulo_categoria,
dd.portletItem,
dd.portletFooter,
.template-aplicativo_view h1.documentFirstHeading,
.template-aplicativo_view div#title_help {
display: none;
}
#portal-columns.esquerda div#portal-column-content {
clear: both;
margin-left: 0;
padding-left: 0;
}
#portal-columns.esquerda div.documentContent {
padding: 0 1.42em;
}
.template-aplicativo_view div#portal-columns {
background: #f2f2f2;
}
div.field {
margin: 0;
}
div.plataforma {
padding-bottom: 1em
display: inline-block;
margin-left: 1em;
}
.template-search ul#portal-globalnav,
.template-contact-info ul#portal-globalnav {
display: none;
}
.template-search div.documentContent,
.template-contact-info div.documentContent {
padding: 4em 1.42em 1.42em;
}
.template-search h1.documentFirstHeading {
font-size: 1.28em;
}
.template-search p.discreet {
font-size: 0.85em;
}
.template-search div#lista-aplicativos {
padding: 0;
}
.template-search div.blocoAplicativo {
margin: 0 auto 2.85em;
width: auto !important;
}
.template-search div.blocoAplicativo.even {
background: #e3e8e9;
}
.template-search div#plataformas {
}
.template-search div#titulo_app {
font-size: 1em;
}
.template-search div#titulo_app a {
color: #094f73;
font-family: 'Trebuchet MS', Arial, sans-serif;
font-size: 1.14em;
}
.template-search div#titulo_orgao {
color: #094f73;
font-size: 0.85em;
}
.template-search div#titulo_categoria ul li {
color: #666;
font-size: 0.78em;
}
.template-search div#portal-footer,
.template-contact-info div#portal-footer {
background: transparent;
}
.template-contact-info .field input {
width: 95%;
}
.template-contact-info .context {
font-size: 1em;
font-weight: bold;
width: auto;
}
.template-contact-info .documentContent {
background: transparent;
}
.template-contact-info h1.documentFirstHeading {
border-color: #1087c4;
color: #1087c4;
font-size: 1.42em;
}
.template-contact-info p.documentDescription {
font-size: 1.14em;
}
.template-contact-info div.field {
margin-bottom: 1em;
}
} /* */