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

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

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

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

@font-face {
	font-family: 'PortalCidadao';
	src:url('../fonts/PortalCidadao.eot?wmt7sg');
	src:url('../fonts/PortalCidadao.eot?#iefixwmt7sg') format('embedded-opentype'),
		url('../fonts/PortalCidadao.svg?wmt7sg#PortalCidadao') format('svg'),
		url('../fonts/PortalCidadao.ttf?wmt7sg') format('truetype'),
		url('../fonts/PortalCidadao.woff?wmt7sg') format('woff');
	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, td{margin:0;padding:0;border:0;vertical-align:baseline} /*font:inherit;font-size:100%;*/
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}


/*******
		DEFAULTS
*******/

body{line-height:1;color:#2a3d48;font-family:source_sans_proregular, Arial, Helvetica; font-size:1em; background-color:#0f608d}
a{text-decoration:none;color:#0f608d}
a:hover{text-decoration:none}
img{max-width:100%}
.extraText{text-indent:100%;white-space:nowrap;overflow:hidden; position:absolute; left:-2000px}
.hideItem, .hideText{display:none}

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

/*Forms*/

input[type=text], textarea{border:none; color:#0c3c61;-webkit-appearance:none; border-radius:0;box-shadow:none;font-size:1em;font-family:source_sans_proregular, Arial}
/*AMA*/
input[type=text], textarea{border:1px solid #ccc; color:#0c3c61;-webkit-appearance:none; border-radius:0;box-shadow:none;font-size:1em;font-family:source_sans_proregular, Arial}

textarea{resize:vertical;overflow:auto; margin:0; display:block}
button{cursor:pointer;background:none}
.defaultSelect{overflow:hidden;padding:0; display:inline-block; vertical-align:middle}
.defaultSelect select, .defaultSelect select option{cursor:pointer;width:100%;color:#2a3d48;border:none;box-shadow:none;background-color:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent: 0.01px;text-overflow:'';font-size:0.625em;}
.checkboxReplacement p{position:relative; line-height:30px; height:30px; display:inline-block}
.checkboxReplacement p > input{display:block;height:30px; left:0;margin:0; opacity:0; padding:0; position:absolute; width:30px}
.checkboxReplacement p > input[type="checkbox"]:checked + label{background-position:0 -30px}
.checkboxReplacement p > input + label{background:url(../img/sprite_form.png) no-repeat 0 0; height:30px}
.checkboxReplacement p > label{display:block;height:30px;line-height: 30px;padding: 0 20px 0 40px;color:#8b9da9;font-family:source_sans_prosemibold, Arial, Helvetica}
.errorForm input, .errorForm textarea{border-color:#de092f!important}
.errorMessage{width:100%;background-color:#de092f; color:#fff; font-size:0.875em; display:block;margin-top:-1px; position:relative;opacity:0; padding:0 15px;-webkit-transform:translateY(-15px); -moz-transform:translateY(-15px); -ms-transform:translateY(-15px); -o-transform:translateY(-15px); transform:translateY(-15px)}
.errorForm .errorMessage{opacity:1;padding:10px 15px; height:auto;-webkit-transition:opacity 270ms ease, transform 270ms ease;-moz-transition: opacity 270ms ease, transform 270ms ease;transition: opacity 270ms ease, transform 270ms ease; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0)}
.errorMessage:before{height:0;width:0;content:"";border-bottom:5px solid #de092f;border-right:5px solid transparent;border-left:5px solid transparent; display:inline-block; position:absolute; top:-5px; left:10px}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#2a3d48}
input:-moz-placeholder, textarea:-moz-placeholder{color:#2a3d48;opacity:1}
input::-moz-placeholder, textarea::-moz-placeholder{color:#2a3d48; opacity:1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#2a3d48}

/*Skip Links*/
.skipLinks p, .skipLinks p a:hover, .skipLinks p a:visited{position:absolute; left:0; top:-500px; width:1px; height:1px; overflow:hidden}
.skipLinks p a:active, .skipLinks p a:focus{position:static; width:auto; height:auto}


/*******
		ICONS 
*******/

[class^="icon-"], [class*=" icon-"]{font-family:'PortalCidadao';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-download:before{content:"\e601"}
.icon-phone:before{content:"\e602"}
.icon-loja:before{content:"\e603"}
.icon-administration:before{content:"\e604"}
.icon-cartao-cidadao:before{content:"\e605"}
.icon-servico:before{content:"\e606"}
.icon-target:before{content:"\e607"}
.icon-user:before{content:"\e600"}
.icon-search:before{content:"\f002"}
.icon-star:before{content:"\f005"}
.icon-star-empty:before{content:"\f006"}
.icon-print:before{content:"\f02f"}
.icon-plus:before{content:"\f067"}
.icon-arrow-up:before{content:"\f077"}
.icon-arrow-down:before{content:"\f078"}
.icon-facebook:before{content:"\f09a"}
.icon-envelope:before{content:"\f0e0"}
.icon-star-half-empty:before{content:"\f123"}
.icon-question:before{content:"\f128"}
.icon-agenda:before{content:"\e60a"}
.icon-related:before{content:"\e609"}
.icon-book-info:before{content:"\e608"}
.icon-location:before{content:"\e60b"}
.icon-globe:before{content:"\f0ac"}
.icon-balcao-empreendedor:before{content:"\e60c"}
.icon-comment:before{content:"\e60d"}
.icon-bars:before{content:"\f0c9"}
.icon{background-color:#fff; width:34px; height:34px; border-radius:50%; display:inline-block; line-height:34px; text-align:center}


/*******
		TRANSITIONS
*******/

.formSearchGo, .commentsFormBtn, .serviceMainLink{-webkit-transition:background-color 130ms ease;-moz-transition:background-color 130ms ease;-o-transition:background-color 130ms ease;transition:background-color 130ms ease}

.mainMenu li a, .footerLegal ul li a, .ratingStar ul li a, .mainMenu li a [class^="icon-"], .mainMenuLang .icon-globe{-webkit-transition:color 200ms linear;-moz-transition:color 200ms linear;-o-transition:color 200ms linear;transition:color 200ms linear}

.mainMenuLang, .highlightsNews ul li a figure, .errorForm input, .errorForm textarea{-webkit-transition:border-color 250ms ease;-moz-transition:border-color 250ms ease;transition:border-color 250ms ease}

.printable a .icon, .shareBar a, .publicServiceLink a:hover h3{-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;transition: all 200ms ease}


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

.mainHeaderContent{max-width:960px; margin:0 auto}
.highlights, .contactsFooterList, .footerLegal, .footerLogos, .breadcrumb, .twoColumnContent, .comments, .toolBar, .searchResultsList, .fixedHeader .mainArticleHeader{max-width:940px; margin:0 auto}

.content{background-color:#fff}

.twoColumnContent{padding-bottom:60px}
.twoColumnContentFirst{float:left; width:65.5%}
.twoColumnContentSecond{float:right; width:32%; margin-top:-20px}


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

/*Header*/
.mainHeader{background-color:#fff;min-height:120px}
.mainHeaderContent{min-height:120px}
.portalCidadaoLogo{margin-top:20px; float:left}
.mainMenu{float:right; clear:right; width:60%; margin-top:15px; text-align:right}
.mainMenu li{display:inline-table; vertical-align:top}
.mainMenu li a{text-transform:uppercase;display:block;position:relative; font-size:0.8125em ; line-height:1.15em; position:relative}
.mainMenu li a [class^="icon-"]{position:absolute; top:0; left:0}
.mainMenuLogin{padding-left:20px; width:70%; height:26px}
.mainMenuLogin a{color:#8a9daa;padding-left:22px; display:inline-block!important; line-height:26px!important; font-size:0.75em!important; height:26px}
.mainMenuLogin a:hover, .mainMenuLogin a:active, .mainMenuLogin a:focus{color:#256f97!important}
.mainMenu li a span.icon-user{color:#c4ced4; font-size:1em;top:6px}
.mainMenu li a:hover span.icon-user, .mainMenu li a:active span.icon-user, .mainMenu li a:focus span.icon-user{color:#256f97}
.mainMenuLang{ width:25%; margin-left:3%; height:26px; position:relative;border:1px solid #fff; position:relative}
/*.mainMenuLang:active,.mainMenuLang:focus,.mainMenuLang:hover {
	border: 1px solid #e9e9e9
}
*/

@-moz-document url-prefix() {
	.mainMenuLang:active,.mainMenuLang:focus,.mainMenuLang:hover {
	border: 1px solid #e9e9e9
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  
/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */  
  	.mainMenuLang:active,.mainMenuLang:focus,.mainMenuLang:hover {
	border: 1px solid #e9e9e9
	}

.mainMenuLang .icon-globe{display:inline-block; top:3px; position:absolute; left:8px;color:#c4ced4}
.mainMenuLang:active .icon-globe, .mainMenuLang:focus .icon-globe, .mainMenuLang:hover .icon-globe{color:#256f97}
.menuLang{float:right;position:relative; text-align:center}
.menuLang.defaultSelect{ width:100%; background:#fff url(../images/bg_select.gif) no-repeat 94% 7px}
.menuLang.defaultSelect select{text-transform:uppercase; background-color:transparent; width:100%; padding:0px 0 0 30px; margin:0; font-size:0.6875em;color:#8a9daa; height:23px}
.mainMenuLang:active select, .mainMenuLang:focus select, .mainMenuLang:hover select{color:#637179}
.menuLang.defaultSelect select option{color:#8a9daa; border-bottom:1px solid #ececec; font-size:inherit;display:block;padding:4px 0 0 30px}
.menuLang label{display:block}
.mainMenuItem{width:28%; margin-top:19px; text-align:left}
.mainMenuItem:nth-child(3n){width:36%}
.mainMenuItem:nth-child(4n){width:25%}
.mainMenuItem a{ padding-left:32%; color:#2a3d48; height:60px; display:block; position:relative}
.mainMenuItem a [class^="icon-"]{color:#8a9daa; font-size:2.3em; position:absolute; top:0; left:0; border-left:1px solid #eee; padding-left:6%}
.mainMenuItem a .icon-loja{padding-left:10%}
.mainMenuItem:nth-child(3n) a [class^="icon-"]{border-left:none}
.mainMenuItem a .icon-balcao-empreendedor{font-size:2.75em}
.mainMenuItem a:hover [class^="icon-"], .mainMenuItem a:active [class^="icon-"], .mainMenuItem a:focus [class^="icon-"], .mainMenuItem a:hover, .mainMenuItem a:active, .mainMenuItem a:focus{color:#0f608d}
.iconMenu, .iconSearch{display:none}

/*Footer*/
.mainFooter{color:#93b8cb}
.contactsFooterWrap{background-color:#137bb4; padding:20px 0}
.contactsFooterList{ overflow:hidden}
.contactsFooterList li{ float:left; width:26%;vertical-align:top; border-left:1px solid #0c3c61; padding:0 1% 0 2%}
.contactsFooterList li:first-child{border:none;width:24%;}
.contactsFooterList li:last-child{width:22%;}
.contactsFooterList li a{color:#fff; line-height:1.1em; position:relative; padding-left:50px; display:block}
.contactsFooterList li a:hover, .contactsFooterList li a:active, .contactsFooterList li a:focus{text-decoration:underline}
.contactsFooterList li a .icon{color:#137bb4; font-size:1.5em; position:absolute; left:0; top:0}
.contactsFooterList li a .textImportant{display:block}
.contactsFooterList li a .icon-comment{ font-size:1.25em}
.textImportant{font-family:source_sans_prosemibold, Arial, Helvetica}
.footerLogos ul{padding:30px 0; overflow:hidden}
.footerLogos ul li{display:inline-block; float:left; padding:0 1.9%} 
.footerLogos ul li.finalGroup{border-right:1px solid #073b58}
.footerLogos a{display:inline-block; height:43px; background:url(../images/sprite_logos_footer.gif) no-repeat}
.footerLogos a.footerLogoAma{width:133px; background-position: 0 center}
.footerLogos a.footerLogoSioe{width:95px; background-position:-133px 0}
.footerLogos a.footerLogoBalcaoEmpree{width:102px; background-position:-228px 0}
.footerLogos a.footerLogoEuGo{width:106px; background-position:-330px 0}
.footerLogos a.footerLogoIMI{width:35px; background-position:-436px 0}
.footerLogos a.footerLogoCompete{width:57px; background-position:-470px 0}
.footerLogos a.footerLogoQren{width:71px; background-position:-573px 0}
.footerLogos a.footerLogoUE{width:41px; background-position:-527px 0}
.footerLogos a.footerLogoGov {
	width: 128px;
	background-position: -649px 0; 
}
.footerLegal{border-top:1px solid #084669; padding:30px 0; overflow:hidden}
.footerLegalCopy{float:right; font-size:0.75em; color:#87b0c6}
.footerLogosGroup3 {
  padding: 0 1.6% !important; 
}
.footerLegal ul { float:left; width:50%}
.footerLegal ul li{display:inline; padding-right:15px}
.footerLegal ul li a{color:#cfdfe8; font-size:0.8125em}
.footerLegal ul li a:hover, .footerLegal ul li a:active, .footerLegal ul li a:focus{text-decoration:underline; color:#fff}
.footerLegalCopy{ float:right; width:50%; text-align:right}
/*.footerLogosGroup1{padding-right:6%!important}
.footerLogosGroup2{padding:0 5%!important; margin-right:4%}*/

/*Search*/
.searchHomepage{background:url(../images/bg_homepage.jpg) no-repeat center center;position:relative;width:100%; text-align:center;padding:4% 0;-webkit-background-size:cover;-moz-background-size: cover;-o-background-size:cover; background-size:cover;color:#fff}
.searchHomepage h1{font-family:source_sans_probold, Arial, Helvetica; text-transform:uppercase; font-size:1.5em}
.searchHomepage h2{font-size:1.25em; padding:20px 0; line-height:1.25em}
.searchBar{text-align:center;padding:1.5% 0; background-color:#f4f4f4; border-top:1px solid #dcdcdc}
.formSearch{width:597px; margin:0 auto; height:56px; background-color:#fff; overflow:hidden}
.formSearch input{height:56px; width:533px; padding-left:17px; color:#0c3c61;font-family:source_sans_prosemibold, Arial, Helvetica; font-size:1.25em; float:left}
.formSearch input::-webkit-input-placeholder{color:#0c3c61}
.formSearch input:-moz-placeholder{color:#0c3c61;opacity:1}
.formSearch input::-moz-placeholder{color:#0c3c61; opacity:1}
.formSearch input:-ms-input-placeholder{color:#0c3c61}
.formSearchGo{background-color:#39a8e5; width:55px; height:48px; float:right; margin:4px 4px 0 0; color:#fff}
.formSearchGo .icon-search{font-size:1.5em}
.formSearchGo:hover, .formSearchGo:active, .formSearchGo:focus{background-color:#de092f}
.formSearch label{display:block}
.searchBar .formSearch{border:1px solid #e9e9e9;height:58px}
.searchBar .formSearch input{height:58px; font-size:1em}

/*Homepage Highlights*/
.highlights{padding:30px 0 25px; overflow:hidden}
.highlights h2{color:#a9b6bf; text-transform:uppercase;font-family:source_sans_prosemibold, Arial, Helvetica; font-size:1.125em; padding-bottom:20px; text-align:left}
.moreHighlights{clear:both; float:right;font-size:0.875em; text-transform:uppercase;font-family:source_sans_prosemibold, Arial, Helvetica}
.highlightsServices ul li{display:inline-block; width:48%; line-height:1.2em; padding:0 1% 15px 0; vertical-align:top; font-size:1.125em}
.highlightsServices ul li:nth-child(2n){padding:0 0 15px 1%}
.highlightsServices ul li a{color:#0f608d}
.highlightsServices ul li a:after, .moreHighlights:after{height:0;width:0;content:"";border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #de092f; display:inline-block; margin-left:10px}
.moreHighlights:after{border-left-color:#8a9daa}
.highlightsServices ul li a:hover, .moreHighlights:hover, .highlightsServices ul li a:active, .moreHighlights:active, .highlightsServices ul li a:focus, .moreHighlights:focus{text-decoration:underline}
.highlightsWrap{background-color:#f4f4f4}
.highlightsNews{text-align:center}
.highlightsNews ul li{display:inline-block; width:32.1%;vertical-align:top}
.highlightsNews ul li:nth-child(2n){margin:0 1.5%}
.highlightsNews ul li a figure{background-color:#fff; border:1px solid #e9e9e9}
.highlightsNews ul li a figure:hover, .highlightsNews ul li a:active, .highlightsNews ul li a:focus{border-color:#aac6d5}
.highlightsNews ul li h3{font-size:1.125em; padding:20px 10px; line-height:1.3em}
.highlightsNews ul li h3:hover, .highlightsNews ul li a:active, .highlightsNews ul li a:focus{text-decoration:underline}

/*Breadcrumb*/
.breadcrumb{padding-top:15px; font-size:0.875em; color:#8a9daa; line-height:1.3em}
.breadcrumb a:after{height:0;width:0;content:"";border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #de092f; display:inline-block; margin:0 8px}
.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus{text-decoration:underline}

/*Artigos*/
.mainArticle{padding-top:50px}
.mainArticleHeader, .searchResultsListItem{position:relative; padding-left:90px; min-height:91px}
.categoryLabel{position:absolute; top:0; left:0; display:block; width:70px; height:100%; background-color:#f4f4f4}
.categoryLabel .textLabel{display:block; text-align:center; color:#fff;font-size:0.75em; text-transform:uppercase; padding:4px}
.services .categoryLabel .textLabel{background-color:#de092f}
.guide .categoryLabel .textLabel{background-color:#137bb4}
.publicService .categoryLabel .textLabel{background-color:#8a9daa}
.categoryLabel .iconLabel{display:block; text-align:center; padding:14px 0 17px}
.services .categoryLabel .iconLabel{color:#de092f; font-size:2.4em}
.guide .categoryLabel .iconLabel{color:#137bb4; font-size:2.4em}
.publicService .categoryLabel .iconLabel{color:#8a9daa; font-size:2.4em}
.mainArticleHeader h1{font-size:1.875em; color:#2a3d48; line-height:1.1em}
.mainArticleHeader h2{font-size:1.125em; color:#2a3d48; line-height:1.1em*; text-transform:uppercase; padding:7px 0 0}
.lastUpdated{font-size:0.875em; color:#899daa; display:block; padding-top:10px}
.fixedHeader{position:fixed;background-color:#fff; top:0; left:0; width:100%; z-index:9999; border-bottom:1px solid #dcdcdc;-webkit-box-shadow:0px 3px 4px 0px #e9e9e9;box-shadow: 0px 3px 4px 0px #e9e9e9}
.fixedHeader .mainArticleHeader{padding-left:0; overflow:hidden}
.fixedHeader .mainArticleHeader h1{float:left; width:60%; margin-top:35px}
.fixedHeader .icon-servico, .fixedHeader .lastUpdated, .fixedHeader .serviceLink .serviceSupportLink{display:none}
.fixedHeader .categoryLabel{height:auto; top:10px}
.fixedHeader .serviceLink{display:block!important;float:right;width:32%;margin-top:10px}
.fixedHeader{top:0!important;-webkit-transition:top 420ms 100ms ease-out;-moz-transition:top 420ms 100ms ease-out;transition:top 420ms 100ms ease-out}

.mainArticleText{font-size:1.125em; line-height:1.35em; clear:both; padding-top:30px}
.mainArticleText p{margin-top:25px}
.mainArticleText p:first-child{margin-top:0}
.mainArticleText a:hover, .mainArticleList a:hover, .asideBox ul li a:hover, .mainArticleText a:active, .mainArticleList a:active, .asideBox ul li a:active, .mainArticleText a:focus, .mainArticleList a:focus, .asideBox ul li a:focus{text-decoration:underline}
.readMore{float:right; margin-top:20px; font-size:0.875em; text-transform:uppercase;font-family:source_sans_prosemibold, Arial, Helvetica}
.readMore:after{height:0;width:0;content:"";border-left:5px solid transparent;border-right:5px solid transparent; border-top:5px solid #e43756; margin:9px 0 0 10px; float:right}
.mainArticleList{clear:both; padding-top:25px}
.mainArticleList>li{border-bottom:1px solid #e9e9e9;font-family:source_sans_prosemibold, Arial, Helvetica; font-size:1.125em; text-transform:uppercase; padding:20px 0; line-height:1.2em}
.mainArticleList>li:first-child{border-top:1px solid #e9e9e9}
.openList>li:before{height:0;width:0;content:"";border-left:5px solid transparent;border-right:5px solid transparent; border-top:5px solid #e43756; margin:7px 15px 0 0; float:left}
.outLinkList>li a:after{height:0;width:0;content:"";border-bottom:5px solid transparent;border-top:5px solid transparent; border-left:5px solid #e43756; display:inline-block; margin-left:10px}
ol.mainArticleList{counter-reset:li}
ol.mainArticleList li:before{background-color:#137bb4;color:#fff;content: counter(li, decimal);counter-increment: li;left:4px;position:absolute; text-align:center; top:20px;width: 21px; height:21px; line-height:21px; display:inline-block}
ol.mainArticleList li{position:relative}
ol.mainArticleList li h2{padding-left:40px}
ol.mainArticleList li a{color:#2f759c}
.mainArticleListInfo{padding:25px 0 10px 25px;text-transform:none; font-size:0.875em; font-family:source_sans_proregular, Arial, Helvetica; line-height:1.35em; display:none}
.mainArticleListInfoOpened:before, .contactsAsideOpened h3 a .icon-arrow-down{-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);-webkit-transition:rotate 400ms ease;-moz-transition:transform 400ms ease;transition:transform 400ms ease}
.mainArticleListInfo p{font-size:1em; font-family:source_sans_proregular, Arial, Helvetica; padding-top:20px}
.mainArticleListInfo p.textImportant{font-family:source_sans_prosemibold, Arial, Helvetica}
.mainArticleListInfo a{color:#137bb4}
.mainArticleListInfo ul, .mainArticleListInfo ol{padding:20px 0 0 20px}
.mainArticleListInfo ul li, .mainArticleListInfo ol li{padding-bottom:20px}
.mainArticleListInfo ul li:last-child, .mainArticleListInfo ol li:last-child{padding-bottom:0}
.mainArticleListInfo ol{list-style:decimal}
.mainArticleListInfo p:first-child, .mainArticleListInfo>ul:first-child, .mainArticleListInfo>ol:first-child{padding-top:0}
.publicServiceLink{margin-top:20px}
.publicServiceLink h2{color:#8a9daa; text-transform:uppercase;font-family:source_sans_prosemibold, Arial, Helvetica; padding-left:15px}
.publicServiceLink ul li{display:inline-table; width:30.8%; vertical-align:top; margin:20px 1% 0; text-align:center}
.publicServiceLink ul li img{width:100%} 
.publicServiceLink ul li h3{color:#92a4b0; font-size:0.875em; border-top:1px solid #e9e9e9; padding-top:10px}
.publicServiceLink a:hover h3{ color:#0f608d; border-color:#a9b6bf}

/*aside nos artigos*/
.serviceLink{margin-top:20px}
.serviceMainLink{background-color:#de092f;color:#fff;width:100%; display:block; text-align:center;font-family:source_sans_probold, Arial, Helvetica; text-transform:uppercase; padding:15px 4%}
.serviceSupportLink{padding:10px 6%; display:block; line-height:1.175em}
.serviceSupportLink:hover, .serviceSupportLink:active, .serviceSupportLink:focus{text-decoration:underline}
.serviceSupportLink:after{height:0;width:0;content:"";border-bottom:5px solid transparent;border-top:5px solid transparent; border-left:5px solid #de092f; display:inline-block; margin-left:10px}
.serviceMainLink:hover, .serviceMainLink:active, .serviceMainLink:focus{background-color:#e7002a}
.serviceDownload{background-color:#137bb4}
.serviceDownload:hover, .serviceDownload:active, .serviceDownload:focus{background-color:#3aa8e5}

.serviceLink [class^="icon-"]{font-size:2.3em; vertical-align:middle; padding-left:5px}
.mainArticleHeader .serviceLink{display:none}
.categoryPicture{margin-top:20px; border:1px solid #e9e9e9; text-align:center}
.categoryPicture img{display:block; margin:0 auto}
.asideBox{background-color:#f4f4f4; margin-top:25px}
.asideBox header{border-bottom:#fff 1px solid; padding:25px 70px 23px 25px; position:relative}
.asideBox header h2{text-transform:uppercase; color:#8a9daa;font-family:source_sans_prosemibold, Arial, Helvetica; line-height:1.2em}
.asideBox header [class^="icon-"]{position:absolute; color:#bfc8cf; display:inline-block; top:20px; right:25px}
.asideBox header .icon-question{border:3px solid #bfc8cf; border-radius:50%; height:30px; width:30px; line-height:24px; text-align:center; font-size:1.35em}
.asideBox header .icon-related{font-size:2.75em; right:22px}
.asideBox header .icon-agenda{font-size:2em; right:22px}
.asideBox ul{padding:20px 25px}
.asideBox ul li{display:block; padding-top:20px; line-height:1.25em}
.asideBox ul li:first-child{padding-top:0}
.asideBox ul li a:after{height:0;width:0;content:"";border-bottom:5px solid transparent;border-top:5px solid transparent; border-left:5px solid #8a9daa; display:inline-block; margin-left:10px}
.contactsAsideList{padding:0!important}
.contactsAsideList li{padding:20px 25px;border-bottom:#fff 1px solid}
.contactsAsideList li:first-child{padding-top:20px!important}
.contacts h3{text-transform:uppercase; overflow:hidden}
.contacts h3 a{color:#2f759c; display:block;font-family:source_sans_prosemibold, Arial, Helvetica}
.contacts a:after{display:none!important}
.contacts h3 .icon-arrow-down{float:right; font-size:0.715em; color:#8a9daa; margin-top:2px}
.contactsAsideListBox{display:none}
.contactsAsideListBox p{line-height: 1.1em; font-size:1em}
.contactsAsideListTitle{padding-top:14px; display:block; color:#8a9daa; text-transform:uppercase; font-size:0.875em}
.contactsAsideListBox .icon-location{font-size:1.075em}

/*toolBar*/
.toolBoxWrap{background-color:#f4f4f4; padding:30px 0 25px}
.toolBar{overflow:hidden}
.ratingStar{float:left; width:50%; padding-top:2px}
.ratingStarTitle{color:#2a3d48; text-transform:uppercase;font-family:source_sans_prosemibold, Arial, Helvetica; padding:0 5px 0 15px}
.ratingStar ul li, .ratingStar ul{display:inline-block}
.ratingStar ul li [class^="icon-"]{font-size:1.25em; padding:0 2px}
.ratingStar ul li [class^="icon-"]:hover, .ratingStar ul li a:active, .ratingStar ul li a:focus{color:#39a8e5}
.ratingStarAverage{padding:0 5px; color:#899daa; font-size:0.875em}
.shareBar{float:right; font-size:0.875em; border-left:1px solid #bfc8cf; padding:0 15px 0 25px}
.shareBar .icon, .printable .icon{font-size:1.35em; display:inline-block; margin-left:10px}
.shareBar .icon-envelope{font-size:1.2em!important}
.printable{float:right; padding-right:25px;font-size:0.875em}
.printable a{color:#2a3d48}
.printable a .icon{color:#0f608d!important}
.printable a:hover .icon, .shareBar a:hover, .printable a:active .icon, .shareBar a:active, .printable a:focus .icon, .shareBar a:focus{color:#fff!important; background-color:#39a8e5}

/*Comentarios*/
.commentsWrap{background-color:#f4f4f4; padding-bottom:10px; text-align:center}
.comments, .commentsList{border-top:1px solid #e9e9e9; padding-top:30px}
.comments h2, .comments .commentsList h3{color:#2a3d48; text-transform:uppercase;font-family:source_sans_prosemibold, Arial, Helvetica; padding:0 0 25px 15px; text-align:left}
.comments textarea{width:100%; border:1px solid #e4e4e5; padding:15px; font-size:0.875em; min-height:110px}
.comments textarea::-webkit-input-placeholder{color:#899daa}
.comments textarea:-moz-placeholder{color:#899daa;opacity:1}
.comments textarea::-moz-placeholder{color:#899daa; opacity:1}
.comments textarea:-ms-input-placeholder{color:#899daa}
.commentsForm{overflow:hidden; text-align:left}
.commentsForm label{display:block}
.commentsFormBtn{float:right; color:#fff; background-color:#137bb4; padding:15px 4%; text-transform:uppercase; font-family:source_sans_probold, Arial, Helvetica; font-size:0.875em; margin-top:25px}
.commentsFormBtn:hover, .commentsFormBtn:active, .commentsFormBtn:focus{background-color:#39a8e5; text-decoration:underline}
.commentsFormInfo{font-size:0.875em; display:inline-block; padding:41px 0 0 15px}
.commentsList{margin:20px 0 30px}
.comments .commentsList h3{color:#45555f}
.commentsList ul {border-bottom:1px solid #e9e9e9; text-align:left; margin-bottom:30px}
.commentsList ul li{padding:0 15px 35px; font-size:0.9375em; line-height:1.4em}
.listItens ul .hideItem{opacity:0}
.commentsUser{display:block; color:#0f608d; padding-bottom:5px; font-size:1.066em}
.commentsDate{color:#7b92a2; font-size:0.875em}
.commentsListMore, .searchResultsListMore{font-family:source_sans_prosemibold, Arial, Helvetica; font-size:0.875em; text-transform:uppercase;display:inline-block}
.commentsListMore:after, .searchResultsListMore:after{height:0;width:0;content:"";border-left:5px solid transparent;border-right:5px solid transparent; border-top:5px solid #e43756; margin:2px 0 0 10px; display:inline-block}
.commentsListMore:hover, .searchResultsListMore:hover, .commentsListMore:active, .searchResultsListMore:active, .commentsListMore:focus, .searchResultsListMore:focus{text-decoration:underline}

/*Resultado de pesquisa*/
.searchResultsTitle{text-align:center; display:block; color:#45555f;font-family:source_sans_prosemibold, Arial, Helvetica; padding:20px 0 25px}
.searchResultsFilterTitle{text-transform:uppercase; color:#8b9da9; margin-right:15px;font-family:source_sans_prosemibold, Arial, Helvetica}
.searchResultsList{text-align:center; padding-bottom:30px}
.searchResultsList ul{margin-bottom:30px}
.searchResultsList ul li{padding-top:30px; border-bottom:1px solid #e9e9e9; text-align:left}
.searchResultsListItem{padding-right:180px}
.searchResultsList ul li h3{font-size:1.5em;font-family:source_sans_prosemibold, Arial, Helvetica; color:#0f608d; margin-bottom:5px}
.searchResultsList ul li h3 a:hover{text-decoration:underline}
.searchResultsList ul li p{line-height:1.4em}


@media only screen and (max-width:980px){
	.highlights, .contactsFooterList, .footerLegal, .footerLogos, .breadcrumb, .twoColumnContent, .comments, .toolBar, .searchResultsList, .fixedHeader .mainArticleHeader{padding-left:4%; padding-right:4%}
	.portalCidadaoLogo{margin:20px 0 0 20px}
}

@media only screen and (min-width:900px){
	.mainMenuItem a:after, .mainMenuItem a:after, .mainMenuItem a:after{background-color:#137bb4;content:"";height:5px;left: 0;opacity: 0; bottom:0;position: absolute;-webkit-transform: translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); transform:translateY(-10px);top:55px;width:100%; -webkit-transition: all 225ms ease-out; transition: all 225ms ease-out}
	.mainMenuItem a:hover:after, .mainMenuItem a:active:after, .mainMenuItem a:focus:after{height:5px;opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0)}
	.mainMenuLogin a .textImportant{font-family:source_sans_proregular, Arial, Helvetica}
}

@media only screen and (max-width:900px){
	.mainMenu{display:none}
	.iconMenu, .iconSearch{display:block; float:right; color:#fff; background-color:#137bb4; margin:40px 30px 0 0; width:40px; height:36px; line-height:36px; text-align:center; font-size:1.4em; padding-left:3px}
	.mainMenuOpen.mainMenu{position:absolute; display:block; background-color:#137bb4; top:120px; z-index:9999; right:0; margin:0; width:50%; padding:20px 15px}
	.mainMenuOpen.mainMenu:before{height:0;width:0;content:"";border-bottom:5px solid #137bb4;border-right:5px solid transparent;border-left:5px solid transparent; display:inline-block; position:absolute; top:-5px; right:45px}
	.mainMenuOpen li{display:block; width:100%; padding:15px 0; border-top:1px solid #0a4e74; text-align:left; margin:0}
	.mainMenuOpen li:first-child, .mainMenuItem a [class^="icon-"]{border:none; padding-top:0}
	.mainMenuOpen li:last-child{padding-bottom:0}
	.mainMenuOpen li a{display: block; width:100%; color:#fff}
	.mainMenuOpen li a span.icon-user{color:#77b3d4; font-size:2.3em;top:3px}
	.mainMenuOpen .mainMenuLogin{height:auto}
	.mainMenuOpen .mainMenuLogin .textImportant{display:block}
	.mainMenuOpen .mainMenuLogin a{line-height:1.3em!important; font-size:0.8125em!important}
	.mainMenuOpen .mainMenuLogin a:hover, .mainMenuLogin a:active, .mainMenuLogin a:focus, .mainMenu li a:hover span.icon-user, .mainMenu li a:active span.icon-user, .mainMenu li a:focus span.icon-user{color:#fff!important}
	.mainMenuOpen .mainMenuItem:nth-child(3n), .mainMenuItem:nth-child(4n){width:100%; clear:both}
	.mainMenuOpen .mainMenuItem a, .mainMenuOpen .mainMenuLogin a{height:auto; padding-left:15%}
	.mainMenuItem a [class^="icon-"]{color:#77b3d4; padding-left:0}
	.mainMenuItem a:hover [class^="icon-"], .mainMenuItem a:active [class^="icon-"], .mainMenuItem a:focus [class^="icon-"], .mainMenuItem a:hover, .mainMenuItem a:active, .mainMenuItem a:focus, .mainMenuLang:active .icon-globe, .mainMenuLang:focus .icon-globe, .mainMenuLang:hover .icon-globe{color:#fff!important}
	.mainMenuOpen .mainMenuLang{border-left-color:#137bb4;border-right-color:#137bb4;border-bottom-color:#137bb4}
	.mainMenuOpen .mainMenuLang .defaultSelect{background:none!important}
	.mainMenuOpen .mainMenuLang{height:50px!important}
	.mainMenuOpen .menuLang.defaultSelect select{background-color:#137bb4; border-color:#137bb4; padding-left:14%;font-size:0.8125em;color:#fff}
	.mainMenuOpen .menuLang.defaultSelect select option {border-color:#137bb4}
	.mainMenuLang:active, .mainMenuLang:focus, .mainMenuLang:hover{border-top:1px solid #0a4e74}
	.mainMenuOpen .mainMenuLang .icon-globe{color:#77b3d4;left:0px;top:10px; font-size:1.7em}
	
	.searchHomepage{padding:4%}
	.formSearch{width:85%}
	.formSearch input{width:80%;font-size:1em}
	.highlightsServices ul li:nth-child(2n){padding-left:3.5%}
	.highlightsNews ul li{width:31.5%}
	
	.footerLogos ul{padding:10px 0}
	.footerLogos ul li{ padding:10px 0!important;text-align:center;} 
	.footerLogos ul li.footerLogosGroup1{width:100%; border-right:none;border-bottom:#0a4e74 1px solid}
	.footerLogos ul li.footerLogosGroup3{ width:25%}
	.footerLogos ul li.footerLogosGroup2, .footerLogos ul li.footerLogosGroupM{ float:left; display:inline-block;width:49%; border-right:none;border-bottom:#0a4e74 1px solid; margin:0}
	
	.twoColumnContentFirst, .twoColumnContentSecond{width:100%}
	.twoColumnContentSecond{margin-top:0}
	
	.searchBar{position:absolute; display:none; z-index:9999}
	.home .iconSearch{display:none}
	.iconSearch{display:block; background-color:#39a8e5; margin-right:10px}
	.searchBarOpen{display:block;border-bottom:1px solid #DCDCDC; border-top:none; width:100%}
	.searchBarOpen:before{height:0;width:0;content:"";border-bottom:5px solid #f4f4f4;border-right:5px solid transparent;border-left:5px solid transparent; display:inline-block; position:absolute; top:-5px; right:95px}
	.searchBar .formSearch{width:85%}
	.breadcrumb{background-color:#f4f4f4; border-top:1px solid #dcdcdc;padding-bottom:15px}
	.mainArticle{padding-top:30px}
	.mainArticleHeader{padding-left:0; overflow:hidden}
	.mainArticleHeader h1{float:left; margin-top:35px}
	.serviceLink{display:block!important;width:100%;margin-top:20px}
	.icon-servico, .categoryLabel .iconLabel, .twoColumnContentSecond .serviceLink{display:none!important}
	.lastUpdated{clear:both}
	.categoryLabel{height:auto; top:10px}
	.fixedHeader .categoryLabel{left:4%}
	.fixedHeader{padding-bottom:10px}
	.mainArticleHeader h1{font-size:1.5em}	
	.serviceSupportLink{margin-left:0; padding-left:0}
	.mainArticleText{font-size:0.875em}
	
	.ratingStar{width:100%; border-bottom:1px solid #e9e9e9; padding-bottom:25px; margin-bottom:25px}
	.ratingStarTitle{font-size:0.875em; padding-left:0; display:block; padding-bottom:10px}
	.shareBar{width:75%}
	.printable{width:25%}
	.toolBarTitle{ display:block; padding-bottom:10px}
	.comments h2, .comments .commentsList h3{font-size:0.875em; padding-left:0}
	.commentsFormBtn{float:none; margin:0 auto}
	.commentsList ul li{font-size:0.8125em;line-height:1.3em;padding: 0 0 25px}
	.commentsFormInfo{padding:25px 0 0 0; font-size:0.75em}
	.mainArticleList > li{ font-size:1em}
	
}

@media only screen and (max-width:570px){
	
	.mainHeader, .mainHeaderContent{min-height:80px}
	.portalCidadaoLogo{width:60%;margin:18px 0 0 10px;}
	.portalCidadaoLogo img{max-height:50px!important}
	.iconMenu, .iconSearch{font-size:1.2em;height:32px; line-height:32px; margin:30px 10px 0 0; padding-left:3px; text-align:center;width:36px}
	.mainMenuOpen.mainMenu:before{right:24px}
	.searchBarOpen:before{right:70px}
	.searchBarOpen{padding:20px 0}
	.mainMenuOpen.mainMenu{top:80px;width:100%}
	.highlights, .contactsFooterList, .footerLegal, .footerLogos, .breadcrumb, .twoColumnContent, .comments, .toolBar, .searchResultsList, .fixedHeader .mainArticleHeader{padding-left:6%; padding-right:6%}
	.searchBar .formSearch{width:85%;height:44px}
	.searchBar .formSearch input{height:42px}
	.searchHomepage{padding:6%}
	.searchHomepage h2{display:none}
	.searchHomepage h1{font-size:1.125em; padding-bottom:15px}
	.formSearch{width:100%;height:42px}
	.formSearch input{height:42px; font-size:0.875em}
	.formSearchGo{height:34px;width:34px}
	.formSearchGo .icon-search{font-size:1.05em}
	.highlightsServices ul li{display:block;width:100%}
	.highlightsServices ul li:nth-child(2n){padding-left:0}
	.highlightsServices ul li{font-size:1em}
	.highlights{padding:20px 6% 15px}
	.highlights h2{font-size:1em; padding-bottom:15px}
	.highlightsNews ul li{display:block;width:100%}
	.highlightsNews ul li h3{font-size:1em;padding:10px 10px 25px;line-height:1.1em}
	.contactsFooterWrap{padding:5px 0}
	.contactsFooterList li{border-top:1px solid #0C3C61; border-left:none;display:block;padding:15px 8%;width:100%; overflow:hidden}
	.contactsFooterList li .textImportant{display:block}
	.contactsFooterList li:first-child, .contactsFooterList li:last-child{ width:100%}
	
	.footerLegal ul, .footerLegalCopy{width:100%; text-align:left}
	.footerLegal{padding:20px 6% 30px}
	.footerLegal ul{padding-bottom:20px}
	.footerLegal ul li a{font-size:0.75em}
	
	
}



@media only screen and (max-device-width: 900px){
}