html { width: 100%; }
body { background-color: #fefffd; }
body.home { width: 100%; overflow-x: hidden; }
i { margin-right: 12px; }

/* -- Textos -- */
.top-bar { background-color: transparent; }
.top-bar-section li a:not(.button) { background-color: #050002; text-transform: uppercase; font-size: 11px; font-family: "Quicksand",Helvetica,Arial,sans-serif; font-weight: 700; }
.top-bar-section li:not(.has-form) a:not(.button) { background-color: #050002; }
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { background-color: #111111; border-right: none; clear: none; width: 4px; font-family: "Quicksand",Helvetica,Arial,sans-serif; font-size: 20px; color: #FCFCFC; line-height: 40px; }
h1,h2,h3,h4,h5,h6 { font-family: "Quicksand",Helvetica,Arial,sans-serif; font-weight: 400; }
p { font-family: "Open Sans","Quicksand",Helvetica,Arial,sans-serif; font-weight: 400; }
footer p { font-size: 10px; text-transform: uppercase; margin-top: 10px; }

/* -- Elementos -- */
header { position: relative; }
header .row { position: relative; }
.contain-to-grid { background-color: transparent !important; }
.signature { z-index: 61; position: absolute; top: 90px; right: 0px; }
.logoHeader { z-index: 61; position: absolute; top: 48px; left: 0px; }
.frontNavBar { z-index: 66; position: absolute; width: 100%; top: 0px; }
.backNavBar { z-index: 62; position: absolute; width: 100%; height: 45px; top: 0px; background-image: url(../img/navBar-background.png); background-position: top right; }
.background { position: relative; width: 100%; overflow: hidden; height: auto; }
.frontImage { z-index: 63; position: absolute; }
.backgroundImage { display: block; }
.language-block { z-index: 61; position: absolute; top: 61px; right: 10px; }
.home .language-block { z-index: 65; top: 11px; right: 10px; }
.language-block img { width: 20px; }
.addthis_sharing_toolbox { z-index: 61; position: absolute; top: 65px; right: 150px; }
.home .addthis_sharing_toolbox { top: 15px; right: 150px; }
#slideshow-destaques { z-index: 65; position: absolute; width: 500px; top: 320px; right: 0px; }
.slick-prev, .slick-next { top: 103.5% !important; }
.slick-prev { left: 180px !important; }
.slick-next { right: 180px !important; }
.slick-prev:before, .slick-next:before { color: #000 !important; }
.slick-dots { margin-left: 0px !important; }
.slick-dots li button:before { font-size: 12px !important; }
#barra-seccao { background-color: #000; margin-bottom: 20px; min-height: 30px; }
section:not(.top-bar-section) { padding-top: 0px; padding-bottom: 20px; }

.artigo-destaque { background-color: #000; margin-top: -30px; margin-bottom: 15px; padding-bottom: 10px; }
.artigo-destaque .alignright { float: right; margin-top: 0px; margin-left: 10px; }
.artigo-destaque .wp-image-137 { margin-left: 0px !important; }
.artigo-destaque h1 { color: #F0F0F0; }
.artigo-destaque p { color: #FFF; }
.artigo-destaque blockquote p { color: #999; line-height: 1.9rem; }

#mapaGoogle { width: 100%; height: 360px; }
footer { z-index: 75; width: 100%; padding-top: 35px; padding-bottom: 10px; background-image: url(../img/footer-background.png); background-repeat: repeat-x; }

/* Páginas diferenciadas */
.category-galeria { background-color: #000; }
.category-galeria .contents h1 { color: #FFF; }



/* --- Small screens ------------------------------------------------------------------ */
@media only screen { /* Define mobile styles */
	.signature { display: none; }
	.frontNavBar, .backNavBar { z-index: 67; position: fixed; top: 0px; }
	.backNavBar { z-index: 66; background-position: top left; }
	.logoHeader { z-index: 66; width: 160px; height: auto; top: 10px; left: -18px; }
	.language-block, .home .language-block { z-index: 65; top: 50px; right: 13px; }
	.addthis_sharing_toolbox { top: 195px; right: 13px; }
	.home .addthis_sharing_toolbox { top: 355px; right: 13px; }
	#barra-seccao { min-height: 34px; }
	h1,h2,h3,h4,h5,h6 { line-height: 1.2em; }
	.frontImage { display: none; }
	#slideshow-destaques { width: 94%; top: 380px; right: auto; left: 10px; }
	.slick-prev, .slick-next { top: 106% !important; }
	.slick-prev { left: 90px !important; }
	.slick-next { right: 90px !important; }
	.home .contents { min-height: 260px; }
}
@media only screen and (orientation: landscape) {
	.backgroundImage 	{ max-width: 170%; margin-top: -30px; margin-left: 0px; }
	.addthis_sharing_toolbox { top: 50px; }
}
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */


/* --- Medium screens / Tablet -------------------------------------------------------- */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.top-bar { margin-right: 13px; }
	.top-bar-section ul.right { margin-right: 5px; background-color: transparent; }
	.signature { display: block; top: 90px; right: 20px; }
	.frontNavBar, .backNavBar { position: fixed; top: 0px; }
	.logoHeader { z-index: 64; width: 200px; height: auto; top: 40px; left: 0px; }
	.home .background { height: 670px; }
	.home .contents { min-height: 0px; }
	.backgroundImage { max-width: 110%; width: 110%; height: auto; top: -30px; }
	.frontImage { display: none; }
	.home footer { position: fixed; bottom: -15px; padding-bottom: 30px; }
	.language-block, .home .language-block { z-index: 65; top: 51px; right: 20px; }
	.addthis_sharing_toolbox, .home .addthis_sharing_toolbox { top: 55px; right: 90px; }
	#slideshow-destaques { width: 380px; top: 220px; right: auto; left: auto; right: 15px; }
	.slick-prev, .slick-next { top: 104.5% !important; }
	.slick-prev { left: 140px !important; }
	.slick-next { right: 140px !important; }
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
	.top-bar-section ul.right { margin-right: 15px; }
	.top-bar-section li:not(.has-form) a:not(.button) { padding: 0px 8px; } 
	.logoHeader { width: 200px; height: auto; top: 45px; left: 16px; }
	.home .background { height: 954px; }
	.backgroundImage { margin-left: -30px; margin-top: 0px; }
	#slideshow-destaques { width: 380px; top: 380px; right: auto; left: 20px; }
	.slick-prev, .slick-next { top: 104.5% !important; }
	.slick-prev { left: 140px !important; }
	.slick-next { right: 140px !important; }
}

/* --- Large screens ------------------------------------------------------------------ */
@media only screen and (min-width: 64.063em) {
	body.home { width: 100%; height: 100%; overflow: hidden; }
	.top-bar-section ul.right { margin-right: 0px; background-color: transparent; }
	.logoHeader { z-index: 63; width: 250px; top: 40px; left: 0px; }
	.signature { display: block; top: 90px; right: 15px; }
	.frontNavBar { z-index: 66; position: absolute; width: 100%; top: 0px; }
	.backNavBar { z-index: 62; position: absolute; width: 100%; height: 45px; top: 0px; background-image: url(../img/navBar-background.png); background-position: -123% 0px; }
	.frontNavBar, .backNavBar { position: fixed; top: 0px; }
	.frontImage, .backgroundImage { max-width: 100%; width: 100%; height: auto; }
	.frontImage 	{ z-index: 63; display: block; position: absolute; top: 0px; }
	#slideshow-destaques { z-index: 65; position: absolute; width: 420px; top: 280px; left: auto; right: 10px; }
	.slick-prev, .slick-next { top: 104% !important; }
	.slick-prev { left: 140px !important; }
	.slick-next { right: 140px !important; }
	.slick-prev:before, .slick-next:before { color: #000 !important; }
	.slick-dots { margin-left: 0px !important; }
	.slick-dots li button:before { font-size: 12px !important; }

	.language-block { top: 51px; right: 10px; }
	.home .language-block { z-index: 65; top: 11px; right: 10px; }
	.addthis_sharing_toolbox { z-index: 62; top: 55px; right: 70px; }
	.home .addthis_sharing_toolbox { z-index: 100; top: 15px; right: 70px; }

	.home .signature { top: 120px; right: 15px; }
	.home .frontNavBar, .home .backNavBar { top: 200px; }
	.home .logoHeader { width: 260px; height: auto; top: 230px; left: 40px; }
	.home .background { height: 890px; }
	.home .frontImage, .home .backgroundImage { max-width: 100%; width: 100%; height: auto; margin-top: 0px; }
	.home footer { position: fixed; bottom: 0px; }
} /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */



/* --- XLarge screens ------------------------------------------------------------------ */
@media only screen and (min-width: 90.063em) {
	header .row { position: relative; max-width: 1280px; }
	.home .background { height: 1024px; }
	.contain-to-grid .top-bar { max-width: 1280px; }
	.top-bar-section ul.right { margin-right: 0px; background-color: transparent; }
	.logoHeader { z-index: 63; width: 250px; top: 40px; left: 0px; }
	.language-block { top: 51px; right: 15px; }
	.home .language-block { z-index: 65; top: 11px; right: 15px; }
	.frontNavBar { z-index: 66; position: absolute; width: 100%; top: 0px; }
	.backNavBar { z-index: 62; position: absolute; width: 100%; height: 45px; top: 0px; background-image: url(../img/navBar-background.png); background-position: -290.5% 0px; }
	.frontNavBar, .backNavBar { position: fixed; top: 0px; }
	.frontImage, .backgroundImage { max-width: 100%; width: 100%; height: auto; }
	.frontImage 	{ z-index: 63; display: block; position: absolute; top: 0px; }
	#slideshow-destaques { z-index: 65; position: absolute; width: 420px; top: 310px; left: auto; right: 15px; }
	.slick-prev, .slick-next { top: 104% !important; }
	.slick-prev { left: 140px !important; }
	.slick-next { right: 140px !important; }
	.slick-prev:before, .slick-next:before { color: #000 !important; }
	.slick-dots { margin-left: 0px !important; }
	.slick-dots li button:before { font-size: 12px !important; }
	.home .frontNavBar, .home .backNavBar { top: 200px; }
	.home .logoHeader { width: 260px; height: auto; top: 230px; left: 40px; }
	.home .background { height: 1024px; }
	.home .frontImage, .home .backgroundImage { max-width: 100%; width: 100%; height: auto; margin-top: -120px; }
	.home footer { position: fixed; bottom: 0px; }
} /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* --- XXLarge screens ------------------------------------------------------------------ */
@media only screen and (min-width: 120.063em) {
} /* min-width 1921px, xxlarge screens */