*{    -moz-box-sizing:border-box;     -webkit-box-sizing:border-box;     box-sizing:border-box;     *behavior:url(/Scripts/portal/plugins/boxsizing.htc)}

*:before, *:after{    -webkit-box-sizing:border-box;     -moz-box-sizing:border-box;     box-sizing:border-box;     *behavior:url(/Scripts/portal/plugins/boxsizing.htc)}

a{ color:#1d053d}

a:hover{ color:#614d7b}

.clearer{ clear:both;  height:0}
 
body{ background:#fff;  font-size:15px;  color:#1d053d;  font-family:arial}

.wrapper{ position:relative;  width:980px;  margin:0 auto;  clear:both}

#visual-portal-wrapper.zeelandia{ min-height:600px}

        
header{    position:relative;     font-size:15px;     z-index:3999;     height:177px;     float:left;     width:100%;     padding-top:20px;     background:url('../Imagens/header-bg2.png') top center}

footer{    float:left;     width:100%;     background:#1e053e;     padding:128px 0;     color:#1d053d;     height:300px;     background:url('../Imagens/footer-bg.png') top center}
     
footer .footer-data{    float:right;     font-size:13px;     text-align:right;     line-height:19px}

    
footer .footer-data span, footer .footer-data a{    font-size:14px}

footer a{    color:#1d053d}

footer a:hover{    color:#1d053d;     opacity:0.80;     filter:alpha(opacity = 80)}

footer .footer-data p{    padding-top:20px}

footer .footer-data p:first-child{    padding-top:0}

footer a img{    vertical-align:middle;     margin-right:8px}
    
.footer-line{    position:absolute;     top:-30px;     left:0}

.social-media-footer{    position:absolute;     top:80px;     left:0;     z-index:100}

.logo-1{    float:left}

.tileFooter a{    background-image:url("../Imagens/right.png")}
 
::-webkit-input-placeholder{ color:#1d053d}

::-moz-placeholder{ color:#1d053d}

:-ms-input-placeholder{ color:#1d053d}

input:-moz-placeholder{ color:#1d053d}
 
 
 
                  
div.carousel-text{    background-color:transparent;     padding-left:52.5%;     padding-right:7.5%;     width:100%;     text-align:right;     z-index:3}
      
a.carousel-title{    position:relative;     padding:0.5em 1.2em 0.5em 0;     margin-right:-1.2em}
a.carousel-title{    background:url("../Imagens/right-big.png") no-repeat right center/auto 1em}

.zeelandia #portal-searchbox .search-button{    background-image:url(../Imagens/search.png)}

#portal-globalnav .navTreeLevel1{ font-size:85%;  border-top:0}

.videoWrapper{position:relative; padding-bottom:56.25%; padding-top:25px; height:0}
.videoWrapper iframe{position:absolute; top:0; left:0; width:100%; height:100%}
 
#portal-logo{ margin:-15px 0px 40px 10px;  display:initial}
 
dl.portlet{margin:0 0 1em; font-size:90%}
 
.divContexto{ width:80%;  margin:auto}
 
.imgCat{ display:block;  margin-left:auto;  margin-right:auto}
 
.divCatVert{  position:relative;  width:25%;  float:left;   margin-bottom:15px}
 
.divCatHori{ margin:auto;  position:relative;  width:20%;  float:left;  margin-bottom:15px}
 
table tr th.alinhamentoCentro{ text-align:center}
 
table tr td.alinhamentoCentro{ text-align:center}
 
table tr th.alinhamentoDireita{ text-align:right}
 
table tr td.alinhamentoDireita{ text-align:right}
 
table tr td.alinhamentoEsquerda{ text-align:left;  padding:0.2em 0em}
 
table tr td.alinhamentoEsquerdaComPadding{ text-align:left;  padding:0.2em 0em 0em 0.5em}
 
table tr th.alinhamentoEsquerda{ text-align:left}
 
table tr td.alinhamentoDireitaSemPadding{ text-align:right;  padding:0.5em 0.1em}
 
table tr td.alinhamentoEsquerdaSemPadding{ text-align:left;  padding:0.5em 0em}
 
table tr th.alinhamentoEsquerdaSemPadding{ text-align:left;  padding:0.5em 0em}

table.prodReceipts tr{ padding:0.2em 0em 0em 0em}
 
table.nutricional{ width:200px}
 
table.receipt{ width:200px}
 
table.search{ width:90%}
 
table.products{ width:100%}
 
table.prodReceipts{ width:85%}
 
table.classifReceipts{ width:100%}
 
 
.image-wrapper.image-right{ left:1.25em}
 
.image-print{ float:right;  margin:0.5em;  margin-left:0}

body{ color:#1d053d}
 
.headline{ float:left;  width:100%;  padding-bottom:20px}

.headline h2{ font-size:20px;  font-style:italic;  font-weight:normal}

.data-firm p img{ vertical-align:middle;  margin:-2px 8px 0 0}

.form-content{ float:left;  width:100%}

.form-list{ width:100%;  float:left;  list-style:none}

.form-list >li{ float:left;  width:100%;  margin-top:10px}

.form-list >li:first-child{ margin-top:0}

.form-list >li .column{ float:left;  margin-left:9px}

.form-list >li .column:first-child{ margin-left:0}

.description-txt{ padding-bottom:30px;   float:left;  width:100%}

.form-content input, .form-content textarea{ width:100%;  display:block;  height:33px;  padding:0 10px;  line-height:30px;  font-family:arial;  font-size:13px;  border:1px solid #c8c8d0}

.form-content textarea{ overflow:auto;  resize:none;  height:170px}

.form-list label{ display:block;  padding:0 3px 5px 3px}

.form-list .btn-1{ float:right; margin-right: 2em}

.form-list .legend{ float:left;  padding-top:8px}
 
.w50{ width:330px}
 
.w30{ width:205px}
 
.w20{ width:210px}
 
.pl20{ width:100%;  float:left;  padding-left:20px}

.form-content .sbHolder{ background-color:#fff;  height:33px;  font-size:13px;  border:1px solid #c8c8d0}

.form-content .sbSelector{ height:33px;  line-height:32px;  width:100%}

.form-content .sbSelector:link, .sbSelector:visited, .sbSelector:hover{ color:#000;  outline:none;  text-decoration:none}
 
.form-content .sbOptions{ top:31px !important;  border:1px solid #c8c8d0}

.form-content .sbOptions a{ border-top:solid 1px #c8c8d0;  padding:8px 10px 7px 10px}

.form-content .error{ border-color:#432666;  color:#432666;  background:#f9f9ff}
 
#Sidebar-1{ width:25%;  float:left;  padding-right:10px}
 
#Main-1{ width:75%;  float:left}
 
.content-sac{ width:90%;  margin:auto}

 
.testeTamanho{ background-color:Yellow}

#content table.search tr td a:link{ text-decoration:none}
 
#content table.products tr td a:link{ text-decoration:none}
 
#content table.prodReceipts tr td a:link{ text-decoration:none}
 
#content table.classifReceipts tr td a:link{ text-decoration:none}
 
 
#menu-lateral p a:link{ text-decoration:none}
 
@media (max-device-width:1280px) and (orientation:landscape){ .testeTamanho{ background-color:Orange}
 
 #visual-portal-wrapper.zeelandia{ min-height:500px}
 
 table.nutricional{ width:50%}
 
 table.receipt{ width:45%}
 
 table.search{ width:90%}
 
 table.prodReceipts{ width:80%}
 
}

@media only screen and (max-width:1200px){ .form-list .column{ width:100%;   margin-left:0 !important}
 
 .w30{ padding-top:18px}
 
 .w20{ padding-top:18px}
 
 
}

@media only screen and (max-width:980px){  .footer-line{ display:none}
 
 .wrapper{ padding:0 10px;  width:auto}
 
 .social-media-footer{ left:10px}
 
 .divContexto{ width:94%;  margin:auto}
 
 #Sidebar-1{ width:30%}
 
 #Main-1{ width:70%}
 
 
 .form-list .column{ width:100%;  padding-top:18px;  margin-left:0 !important}
 
 .form-list .column{ width:100%;  padding-top:18px;  margin-left:0 !important}

 .form-list li .column:first-child{ padding-top:0}
}

@media (max-width:980px) and (orientation:portrait){ .testeTamanho{ background-color:Blue}
 
 #visual-portal-wrapper.zeelandia{ min-height:800px}
 
 table.nutricional{ width:60%}
 
 table.receipt{ width:45%}
 
 table.search{ width:90%}
 
 table.prodReceipts{ width:80%}
 
 table.prodReceipts tr{ padding:0.5em 0em 0em 0em}

}
 
 @media (max-width:980px) and (orientation:landscape){ .testeTamanho{ background-color:Black}
 
 #visual-portal-wrapper.zeelandia{ min-height:100px}
 
 table.nutricional{ width:70%}
 
 table.search{ width:90%}
 
 table.prodReceipts{ width:80%}
 
 table.prodReceipts tr{ padding:0.5em 0em 0em 0em}
 
}
 
 
@media only screen and (max-width:768px){ header .logo{ display:none}
 
 .top{ position:absolute;  margin-bottom:0;  top:0}
 
 .divContexto{ width:96%;  margin:auto}
 
 .zeelandia #portal-searchbox input{ width:190px}
 
 
}

 @media only screen and (max-width:740px){ #Sidebar-1{ width:100%;  padding-right:0;  padding-bottom:20px}
 
 #Main-1{ width:100%}
 
 .pl20{ padding-left:0}
 
 .content-sac{ width:96%;  margin:auto}
 
}

@media (max-width:740px) and (orientation:landscape){ .testeTamanho{ background-color:Purple}
 
 
 #visual-portal-wrapper.zeelandia{ min-height:530px}
 
 table.nutricional{ width:96%}
 
 table.receipt{ width:45%}
 
 table.search{ width:96%}
 
 table.prodReceipts{ width:100%}
 
 .divCatVert{  position:relative;  width:50%;  float:left;   margin-bottom:15px}
 
 .divCatHori{ margin:auto;  position:relative;  width:33.33%;  float:left;  margin-bottom:15px}
 
}
 
@media (max-width:740px) and (orientation:portrait){ .testeTamanho{ background-color:Green}
 
 
 #visual-portal-wrapper.zeelandia{ min-height:530px}
 
 table.nutricional{ width:96%}
 
 table.receipt{ width:96%}
 
 table.search{ width:96%}
 
 table.prodReceipts{ width:100%}
 
 .receiptImage{ width:95%;   display:flex;  justify-content:center}
 
 
 .divCatVert{  position:relative;  width:50%;  float:left;   margin-bottom:15px}
 
 .divCatHori{ margin:auto;  position:relative;  width:50%;  float:left;  margin-bottom:15px}
 
}
 
 
@media (max-width:680px) and (orientation:landscape){ .testeTamanho{ background-color:Silver}
 
 
 table.receipt{ width:95%}
 
 table.search{ width:96%}
 
 table.prodReceipts{ width:100%}
 
 .receiptImage{ width:95%;   display:flex;  justify-content:center}
 
}
 
@media handheld, screen and (max-device-width:480px){ .zeelandia #portal-searchbox .search-button{ top:15px}
 
}
 
 
@media only screen and (max-width:470px){  footer .footer-data{ width:100%;  text-align:center}
 
 .logo-1{ float:none;  margin-bottom:10px}
 
 footer{ text-align:center;  padding-top:85px}
 
 footer .footer-data p{ padding-top:15px}
 
 .social-media-footer{ top:0px}
 
 .social-media-footer a{ clear:both;  display:block;  float:left;  margin-bottom:10px;  top:10px}
 
 
 .divContexto{ width:98%;  margin:auto}
}

@media print{ *{ background:transparent !important;  color:black !important;   filter:none !important;  -ms-filter:none !important}
 
 .divContexto{ width:100%;  margin:auto}
 
 .image-print{ visibility:hidden;  width:0;  height:0;  margin:0}
 
 table.nutricional{ width:70%}
 
 header{ padding-top:0}
 
 .no-print{ visibility:hidden;  width:0;  height:0;  margin:0}
 
 a{ border-bottom:0}
 
}

.column {
    display: block;
    display: inline-block;
    width: 20%;
    padding: 1%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

@media (max-width: 1200px) {
    .column {
        width: 33.33%;
    }
}

@media (max-width: 1000px) {
    .column {
        width: 33.33%;
    }
}

@media (max-width: 800px) {
    .column {
        width: 50%;
    }
}

@media (max-width: 500px) {
    .column {
        width: 100%;
    }
}

/* Wow Book */
.wowbook-container {
    background: #e5e5e5;
}

/* hide book to avoid flash of unstyled content */
.js #book {
    margin-left: -10000px;
}

#book.wowbook {
    /* center horizontally */
    margin: auto;
}

.material {
    width: 100%;
    background-color: #503278;
    color: blue;
    height: 48px;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    position: relative;
}

.material:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.material a {
    color: white;
    text-align: center;
}

a.material:hover, a.material:visited{
    background-color: rgb(255, 255, 255) !important;
    border: 4px white solid !important;
}

.inline-block{
    display:inline-block;
    padding: 16px;
    cursor: pointer;
    color: white !important;
    text-decoration: none !important;
}

#arquivos a:hover {
    color: #FEE934 !important;
}

.easyPaginateNav a {padding:5px;}
.easyPaginateNav a.current {font-weight:bold;text-decoration:underline;}