/*******
		FONTS
*******/

@font-face {
    font-family: 'sacramento';
    src:    url('../fonts/sacramento.eot?gtfvie');
    src:    url('../fonts/sacramento.eot?gtfvie#iefix') format('embedded-opentype'),
        url('../fonts/sacramento.ttf?gtfvie') format('truetype'),
        url('../fonts/sacramento.woff?gtfvie') format('woff'),
        url('../fonts/sacramento.svg?gtfvie#sacramento') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*******
		RESETS
*******/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
ol, ul{list-style:none}
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:focus{outline:0}


/*******
		DEFAULTS
*******/
html{border-top:2px solid #ed2024;border-bottom:2px solid #99cc33; min-height:100%; background-color:#000}
body{color:#000;font-size:0.625em; background-color:#fff;font-family:'Cinzel', serif;}
body:before{border-top:2px solid #99cc33; content:""; width:35%; display: block; position: absolute; top:0; left:0}

a{text-decoration:none;color:#99cc33}
a:hover{text-decoration:none}
img{max-width:100%}


.extraText{text-indent:100%;white-space:nowrap;overflow:hidden; position:absolute; left:-99999px}
.hide{display:none!important}

.title{font-size:2.6em}

blockquote{font-size:2.0em; padding:35px 70px 10px;position: relative; text-align:center;margin:20px auto 40px;line-height:1.2em}
blockquote:before, blockquote:after{display:inline-block;font-size:6em;position: absolute; line-height:1.2em}
blockquote:before{content:'“'; top:40px;left:0}
blockquote:after{content:'”'; top:40px;right:0}
blockquote p span{ display: block; font-size:0.6em; padding-top:5px}
blockquote p :after{display:block;border-bottom:4px solid #99cc33; content:""; width:35px; padding-top:15px; margin:0 auto}
.home blockquote{max-width:82%}

button{border:0; background:none; cursor:pointer}
.btn{color:#000; background-color:#99cc33; text-align:center;padding:6px 25px; text-transform:uppercase;display: inline-block/*-webkit-transition:background-color 180ms ease; transition:background-color 180ms ease}
.btn:hover{background-color:#78777c*/}

/*Clears*/
.clearfix:before, .clearfix:after{content:''; display:table}
.clearfix:after{clear:both}


[class^="icon-"], [class*=" icon-"]{font-family:'sacramento'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}

.icon-youtube:before{content:"\e900"}
.icon-twitter:before{content:"\e903"}
.icon-menu:before{content:"\e901"}
.icon-rss:before{content:"\e902"}
.icon-google-plus:before{content:"\e905"}
.icon-facebook:before{content:"\e904"}
.icon-silhouette:before{content:"\e906"}
.icon-internet:before{content:"\e907"}




/*******
		STRUCTURE
*******/

.container{margin:0 auto; max-width:1070px; padding: 0 20px}




/*******
		MODULES
*******/


/*HEADER*/

.mainHeader{}
.mainLogo{float:left; width:420px; height:100px; margin-top:40px}
.mainLogo a{display:block; width:380px; height:60px; background:url("../img/logo_gabinete_sacramento.png") no-repeat 0 0;background-size: 380px 60px;}
.mainLogo span{ display:inline-block; margin-top:9px; border-top:1px solid #dbdbdb; font-size:1.2em; color:#adadad; padding-top:10px; text-transform:uppercase}
.langLink{ float:right;font-size:1.3em; text-transform:uppercase; color:#000; margin-top:36px}

.heroContent{}
.heroHomepage, .heroArea{border-top:5px solid #99cc33; background-position:center center; background-repeat:no-repeat;min-height:480px;-webkit-background-size:cover;-moz-bacground-size:cover;-o-background-size:cover;background-size:cover}
.heroArea{min-height:180px;}
.heroContentText{background-color:#fff;margin-top:480px}
.heroArea .heroContentText{margin-top:180px}
.heroContentText .container{border-top:3px solid #99cc33;padding:20px 40px 0;max-width: 1030px; position:relative; top:-70px;min-height:70px; background-color:#fff}
.heroContentText p{font-family: 'Open Sans', sans-serif;font-size:1.4em;}
.heroContentText p a{text-decoration:underline}
.heroContentText .container:after{display:block;border-bottom:4px solid #99cc33; content:""; width:35px; padding-top:15px}



/*NAV*/

.mainNav{display:block; width:100%; clear:both;padding:12px 0 21px}
.mainNav ul li{display:inline-block; font-size:1.95em; text-transform:uppercase; margin-left:28px}
.mainNav ul li:first-child{margin-left:0}
.mainNav ul li a{color:#000; position:relative; padding:10px 0; display:block}
.mainNav ul li a:after{position:absolute; border-bottom:4px solid #fff; content:""; display: block; bottom:0; left:0;width:100%;-webkit-transition: all 200ms ease; transition: all 200ms ease}
.mainNav ul li a.selected:after{border-bottom-color:#99cc33; bottom:4px}
.mainNav ul li a:hover:after{border-bottom-color:#ed2024; bottom:4px}
.menuMobile, .mainNav .mainNavItemMobile{display:none}


/*FOOTER*/


.mainFooter{}

.footerBio{background-position:center center; background-repeat:no-repeat;-webkit-background-size:cover;-moz-bacground-size:cover;-o-background-size:cover;background-size:cover; color:#fff; padding:130px 20px; text-align:center}
.footerBioTitle{text-transform:uppercase; display:inline-block; font-size:1.5em;border-bottom:4px solid #99cc33;margin-bottom:20px}
.footerBio p{font-size:4.6em; text-transform:uppercase; line-height:1.1em; width:60%;margin:0 auto}
.footerBio p a{color:#fff}
.footerContent{background-color:#000; color:#fff; padding:50px 0; overflow:hidden}

.footerAddress{ font-size:1.4em;float:left; width:35%}
.footerAddress .btn{margin-top:10px}

.social{ float:right;text-align:right;overflow:hidden; font-size:1.5em; padding:30px 0; line-height:30px;width:65%}
.social ul {float:left; border-right:1px solid #808080; padding-right:15px; margin-right:16px}
.social ul li{display:inline-block}
.social ul li a, .footerLink1 span, .footerLink2 span{background-color:#fff; color:#000; border-radius:50%; font-size:1.3em; height:33px; width:33px; line-height:33px; text-align:center; display:inline-block; margin-left:6px}
.footerLink1, .footerLink2{color:#fff;text-align:left; position:relative; min-height:33px; padding-left:45px; line-height:18px}
.footerLink1{float:left}
.footerLink2{float:right; opacity:0.6; line-height:33px}
.footerLink1 span, .footerLink2 span{position:absolute; left:0; top:0; margin-left:0}

/*listagens*/
.itensList {text-align:center; margin:0 -1.55%; display:block}
.itensList li{display:inline-block; width:30%; vertical-align:top; margin:0 1.55% 3%; text-align:left}
.itensList li a{display:block}
.itensList li a:after, .moreArticles li:after{display:block;border-bottom:4px solid #99cc33; content:""; width:35px; padding-top:15px; margin-left:20px}
.itensList li a:after, .itensList li a img{-webkit-transition: border 200ms ease; transition: border 200ms ease}
.itensList li a img{display: block; width:100%; border-bottom:5px solid #99cc33}
.itensList li a:hover img, .itensList li a:hover:after{border-bottom-color:#ed2024}
.itemTitle{font-size:1.5em; color:#000; font-weight:700; padding:15px 20px 8px; line-height:1.15em}
.itemDate{font-family: 'Open Sans', sans-serif;padding:0 20px; font-size:1.2em; color:#999}

.moreList{ text-align:center; padding:10px 0 50px}
.moreList .btn{color:#fff; font-size:1.5em; font-weight:700;padding:8px 50px}



/*Artigo*/

.article main{border-top:1px solid #d8d8d8; padding:35px 0; overflow:hidden}
.mainArticle{max-width:800px; margin:0 auto}
.articleAside{max-width:100%}
.mainArticle header figure img{border-bottom:10px solid #99cc33; }
.date{margin-top:20px; display: block; font-size:1.2em}
.mainArticle .title{line-height:1em; padding:6px 0}
.mainArticle header{padding-bottom:15px}
.sharing_toolbox button{display:inline-block; width:28px; margin-right:4px}
.sharing_toolbox button span{display:none}
.sharing_toolbox_button_fb:before, .sharing_toolbox_button_tw:before, .sharing_toolbox_button_gp:before, .sharing_toolbox_button_more:before{font-family: 'sacramento';background-color:#d5d5d7; border-radius:50%;width:28px;height:28px;color: #fff;font-size:1.75em;line-height:29px;text-align: center;display: block}
.sharing_toolbox_button_fb:before{content:"\e904"}
.sharing_toolbox_button_tw:before{content:"\e903"}
.sharing_toolbox_button_gp:before{content:"\e905"}

.mainArticleContent p{padding-top:25px; font-family: 'Open Sans', sans-serif;color:#333; font-size:1.4em}
.mainArticleContent blockquote{background:url(../img/bg_line.png) no-repeat center 20px; margin-bottom:15px}
.mainArticleContent blockquote p{font-family:'Cinzel', serif; font-size:1em}
.mainArticleContent blockquote p:last-child{background:url(../img/bg_line.png) no-repeat center 100%; padding-bottom:35px}
	
.gallery{display:block; text-align:center; margin:40px -1%; width:100%}
.gallery li{ display:inline-block; width:31%;margin:0 1% 2%}
.gallery li img{display: block; width:100%}


.mainTitle{font-size:1.8em}
.articleAside{overflow:hidden}
.articleAside{ float:left; width:80%}
.articleAside header figure img{margin-top:25px}

.article aside{ float:right; width:17%}

.moreArticles li{display:block;margin-top:44px; line-height:1.4em}
.moreArticles li a{font-size:1.4em; font-weight:700; color:#000}
.moreArticles li:after{margin-left:0;-webkit-transition: border 200ms ease; transition: border 200ms ease}
.moreArticles li:hover:after{border-bottom-color:#ed2024}
.moreArticles li a span.data{font-size:0.85em; font-weight:400; display: block; padding-top:2px}


.notfound  .heroContentText {min-height:380px}







@media only screen and (max-width:1120px){
	.mainNav ul li{font-size:1.8em; margin-left:2.4%}
	.heroContentText .container {margin:0 25px}
}
@media only screen and (max-width:980px){
	.menuMobile{display:block; position:absolute; color:#4c4c4c; top:35px; right:25px; font-size:4em}
	.langLink{display:none}
	.mainLogo{margin:25px 0 20px 0}
	.mainNav{padding:0}
	
	.mainNav ul{visibility:hidden;opacity:0; position:absolute; top:135px;left:0; width:100%; background-color:#fff; z-index:99; border-top:1px solid #dbdbdb}
	.mainNav ul li {display:block;margin-left:0;text-align:center}
	.mainNav .mainNavItemMobile{ display:block; font-weight:700;padding: 12px 0;}
	.mainNav .mainNavItemMobile a:after{display:none;}
	.mainNav ul li a:after, .mainNav ul li a:hover:after, .mainNav ul li a.selected:after  {border-bottom:1px solid #dbdbdb;width:60px; margin:0 auto; left:0; right:0; bottom:4px}
	
	.openMenu ul{visibility:visible;opacity:1;-webkit-transition: opacity 400ms ease;transition: opacity 400ms ease}
	
	.itensList li{margin: 0 1% 3%}
	
	.heroHomepage, .heroArea {min-height:200px}
	.heroContentText{margin-top:400px}
	.home blockquote {max-width:95%}
	
	.footerBio {padding:100px 20px}
	.footerBio p {font-size:4em; width:80%}	
	
	.articleAside{float:none; width:100%}
	.article aside{float:none; width:100%}	
	
	.social{padding-top:0; width:60%}
	.footerLink2{width:100%; padding:25px  0 0 115px}
	.footerLink2 span{ left:71px; top:25px}
}


@media only screen and (max-width:660px){
	.mainLogo{width:100%; height:110px}
	.mainLogo a{width:100%;height:auto; min-height:100%; background:url("../img/logo_gabinete_sacramento_mobile.png") no-repeat 0 0;background-size: 100% auto}
	.mainLogo span{display:none}
	.mainNav ul{top:145px}
	
	.heroHomepage, .heroArea {border-top-color:#fff}
	.heroContentText .container {padding: 20px 20px 0}
	.itensList{margin:0}
	.itensList li{margin: 0 0 45px; width:100%}
	.itemTitle {padding:15px 15px 8px}
	.itensList li a:after {margin-left:15px}
	
	.heroHomepage, .heroArea {min-height:180px}
	.heroContentText{margin-top:320px}
	blockquote {padding: 35px 0px 10px; margin-top:0}
	blockquote:before, blockquote:after {display:none}
	.footerBio {padding:55px 20px}
	.footerBio p {font-size:3.4em; width:100%}	
	
	.social{float:left; text-align:left}
	.social ul {float: left;width:100%;border-left:none;padding-left:0;margin-left:0; padding-bottom:10px;}
	.social ul li a{margin:0 6px 0 0}
	
	.gallery{margin:40px 0}
	.gallery li{width:100%;margin:0 0 2%}	
	
	.footerAddress {width:100%}
	.social{width:100%; margin-top:30px}
	.social ul{border:none}
	.footerLink2{width:100%;padding:10px 0 0 45px}
	.footerLink2 span {left:0px;top:10px}
}


@media only screen and (max-width:520px){
	.mainLogo{width:100%; height:80px}
	.menuMobile{top:30px; right:20px; font-size:3.5em}
	
	.mainNav ul{top:115px}
	.heroContentText .container {top:-3px; padding-bottom:45px}
	.heroContentText p {font-size:1.3em}
}

@media only screen and (max-width:400px){
	.mainLogo{height:60px}
	.mainNav ul{top:100px}
}