Modificando cabeçalho juventude

Valessio Brito
1 parent d3faf06c
Showing 1 changed file with 539 additions and 0 deletions Show diff stats
cabecalho-juventude.css
@@ -0,0 +1,539 @@
+/* (laranja-claro=#f57900)*/
+/* (laranja-escuro=#ce5c00)*/
+/****************** cabecalho ******************/
+
+#theme-header{}
+
+#header {
+	padding: 13px 0 0 0;
+background-color: #f57900;/*(laranja-claro)*/
+ /* Old browsers */
+	background-color: #ce5c00; /*(laranja-escuro)*/
+	background-image: -moz-radial-gradient(center, ellipse cover,  #f57900 1%, #ce5c00 100%); /*(laranja-claro)(laranja-escuro)*/
+ /* FF3.6+ */
+	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#f57900), color-stop(100%,#ce5c00));
+ /* Chrome,Safari4+ */
+	background-image: -webkit-radial-gradient(center, ellipse cover,  #f57900 1%,#ce5c00 100%);
+ /* Chrome10+,Safari5.1+ */
+	background-image: -o-radial-gradient(center, ellipse cover,  #f57900 1%,#ce5c00 100%);
+ /* Opera 12+ */
+	background-image: -ms-radial-gradient(center, ellipse cover,  #f57900 1%,#ce5c00 100%);
+ /* IE10+ */
+	background-image: radial-gradient(ellipse at center,  #f57900 1%,#ce5c00 100%);
+ /* W3C */
+/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57900', endColorstr='#ce5c00',GradientType=1 );*/
+ /* IE6-9 fallback on horizontal gradient */
+	color: #fff;
+}
+
+#header>div {
+	max-width: 960px;
+	margin: 0 auto;
+}
+
+.header-content * {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	vertical-align: baseline;
+}
+.header-content li { display: inline; }
+
+#brasilgov {
+	background: #00510f;
+	border-bottom: 1px solid #ffcc00;
+	padding: 5px 10px;
+	color: #03316f;
+}
+
+#accessibility {
+    display: block !important;
+    float: left;
+    font-family: arial;
+    font-size: 10px;
+    width: 50%;
+}
+
+#accessibility a {
+	color: #00500f;
+	margin-right: 8px;
+}
+
+#accessibility span {
+    background: none repeat scroll 0 0 #497B16;
+    color: #FFFFFF;
+    padding: 0 4px;
+}
+
+
+
+/* logo */
+#logo {
+	padding: 0;
+	float: left;
+	width: 70%;
+}
+
+#logo span {
+	display: block;
+}
+
+#logo a {
+	display: block;
+	width: 100%;
+	color: #03316f !important;
+	margin: 1em 0px;
+}
+
+#logo a, #logo #portal-title {
+  color: #03316f;
+}
+
+#logo #portal-title {
+  margin: 30px 0px 46px 0px;
+  color: #03316f;
+  font-size: 40px;
+  font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
+  font-weight: normal;
+  line-height: 1em;
+  letter-spacing: -0.05em;
+}
+
+#logo .luongo {
+	font-size: 3em !important;
+	line-height: 1.1em;
+	margin-bottom: 0.2em;
+}
+
+#logo #portal-description {
+	font-size: 1.2em;
+	text-transform: uppercase;
+}
+
+/* Site Actions */
+#portal-siteactions {
+	display: block;
+	float: right;
+	clear: left;
+	border-bottom: 1px dotted #00500f;
+	padding-bottom: 2px;
+	margin-top: -15px;
+	font-size: 10px;
+	text-align: center;
+}
+
+#portal-siteactions a {
+	color: #00500f;
+	text-decoration: none;
+	padding: 4px 0 4px 10px;
+	text-transform: uppercase;
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif; 
+}
+
+#portal-siteactions a:hover {
+	color: #03316f;
+}
+
+#portal-siteactions li {
+	display: inline;
+}
+
+#portal-siteactions li a:hover {
+color: #75ad0a
+}
+#portal-siteactions li a {
+  padding: 4px 0px;
+}
+
+#social-icons {
+	float: right;
+	clear: right;
+	margin: 0px;
+}
+
+#social-icons ul {
+	display: table-row;
+}
+
+#social-icons li {
+	display: table-cell;
+}
+
+#social-icons li a {
+	border: none;
+	padding: 0 5px;
+}
+
+#siteaction-accessibility,
+#siteaction-contraste {
+  margin: 0px 15px 0px 0px;
+}
+/* */
+
+/* Top links */
+#theme-header .header-content #link-faq a {
+    border-right: 1px solid #00500f;
+    padding: 0 10px;
+}
+#theme-header .header-content #link-contact a {
+    padding-left: 10px;
+}
+
+#theme-header #sobre {
+    line-height: 20px;
+	 font-size: 12px;
+} 
+/* */
+
+/* Sobre o brasil */
+#sobre {
+	clear: both;
+	max-width: 100% !important;
+	margin: 0;
+	background: #f8c300;/*laranja-mais-escuro*/
+	padding: 5px 0;
+}
+
+#sobre ul {
+	max-width: 960px;
+	margin: 0 auto;
+	text-align: right;
+}
+
+#sobre a {
+	color: #00500f;
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+}
+
+#sobre .portalservicos-item a {
+	padding: 0 10px;
+	border-right: 1px solid #03316f;
+}
+
+#sobre .last-item a {
+	padding: 0 0 0 10px;
+	border-right: none;
+}
+
+/* Searchbox */
+.LSBox {
+	margin: 0;
+	padding: 0;
+	border: none;
+}
+
+input.searchField {
+	-moz-appearance: none;
+}
+
+#portal-searchbox {
+	clear: right;
+	float: right;
+	font-size: 80%;
+	margin: 30px 0 14px;
+	/*margin: 3.12em 0px 3px 0px;*/
+	text-align: right;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border: 1px solid #CCCCCC;
+	background: #fff;
+	padding: 2px;
+}
+
+#portal-searchbox .searchField {
+	padding: 0.45em;
+	border-right: none;
+	border: none;
+  width: 170px;
+}
+
+#portal-searchbox form {
+white-space: nowrap;
+}
+
+#portal-searchbox label {
+font-weight: normal;
+}
+
+#searchGadget {
+width: 13em;
+}
+
+#header input.searchButton {
+	padding: 0.3em;
+	background: transparent;
+	text-indent: -2000px;
+	padding: 4px 15px;
+	border: none;
+}
+
+#content input.searchField {
+margin-bottom: 1em;
+}
+input.searchField {
+-moz-appearance: searchfield;
+}
+
+#header input.searchButton {
+  background-image: url("images/search-button.gif");
+  background-position: 8px 2px;
+  background-repeat: no-repeat;
+  background-color: #ffffff;
+}
+
+#LSResult {
+	z-index: 1;
+	margin-top: 0.5%;
+}
+
+
+/* Search Button */
+#search-button a {
+    display: inline-block;
+    width: 29px;
+    height: 25px;
+    margin-right: 3px;
+    margin-top: 10px;
+}
+
+#search-button a:hover {
+    opacity: 0.6;
+}
+
+#search-button #sb_search {
+background-image: url(images/search.png);
+background-size: 100% 100%;
+}
+
+#search-button span { display: none; }
+
+
+/* */
+
+/* Social Buttons */
+#social-buttons a {
+    width: 18px;
+    height: 20px;
+    margin-right: 3px;
+    margin-top: 10px;
+}
+
+#social-icons li a {
+    width: 20px;
+    height: 20px;
+    padding: 0px;
+    display: inline-block;
+    background-repeat: no-repeat;
+}
+
+#social-icons li {
+    float: right;
+    width: 20px;
+    margin-left: 4px;
+}
+
+#social-icons #sb_face {
+background-image: url(images/icone-verde-facebook.png);
+}
+#social-icons #sb_face:hover {
+background: url(images/icone-verde-facebook.png) 0 20px;
+}
+
+#social-icons #sb_tweet {
+background-image: url(images/icone-verde-twitter.png);
+}
+#social-icons #sb_tweet:hover {
+background: url(images/icone-verde-twitter.png) 0 20px;
+}
+
+#social-icons #sb_youtb {
+background-image: url(images/icone-verde-youtube.png);
+}
+#social-icons #sb_youtb:hover {
+background: url(images/icone-verde-youtube.png) 0 20px;
+}
+
+#social-icons #sb_flickr {
+background-image: url(images/icone-verde-flickr.png);
+}
+#social-icons #sb_flickr:hover {
+background: url(images/icone-verde-flickr.png) 0 20px;
+}
+
+#social-icons span { display: none; }
+
+/* FIM social Buttons */
+
+/****************** FIM cabecalho ******************/
+
+/************* Bar Psocial Style - Menu Horizontal**************/
+#user{
+  padding: 0px 2em;
+  top: -30px;
+  font-size: 12px;
+  right: 4em;
+}
+
+.logged-in #user{
+	 top: -40px;
+}
+
+#user form {
+    display:none;
+}
+
+#user .logged-in {
+	 visibility: hidden;
+	 display: block;
+    background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
+    display: block;
+    padding: 1em;
+    text-align: left;
+    width: 130px;
+ 	 border-radius: 10px
+}
+
+#user .logged-in:hover {
+	 visibility: visible;
+}
+#user .logged-in a#homepage-link {
+	display: block;
+	visibility: visible;
+}
+
+#user .logged-in span {display: none;}
+
+#user .logged-in a {
+    display: block;
+    margin-bottom: 10px;
+}
+
+#user .logged-in #pending-tasks-count {
+    display: inline-block;
+    left: 0;
+    position: absolute;
+    top: 10px;
+    visibility: visible;
+}
+
+#barra-psocial {
+    position: relative;
+    height: 40px;
+    margin: auto;
+    background: url(images/barra-psocial-bg.png) repeat-x;
+}
+
+#barra-psocial li {
+  float: left;
+}
+
+#assets-menu {
+    background: #E8E8E8;
+    top: 35px;
+    left: 80px;
+    min-width: 132px;
+}
+
+#assets-menu a {
+    border: 1px solid #E8E8E8;
+}
+
+#categories_menu {
+    /*max-width: 960px;*/
+	padding: 0 1em;
+    margin: auto;
+}
+
+#cat_menu {
+    background: url(images/marca-participacao-social.png) no-repeat center left;
+    height: 40px;
+    padding-left: 60px;
+}
+
+#cat_menu li {
+    list-style: none;
+    font-size: 12px;
+    font-weight: bold;
+    padding: 0px 20px;
+    height: 100%;
+    text-transform: uppercase;
+}
+
+#cat_menu li:hover {
+    background-color: #E1E4E4;
+}
+
+#cat_menu li a {
+    line-height: 40px;
+    width: 100%;
+    height: 100%;
+    display: block;
+}
+/************* FIM Bar Psocial Style - Menu Horizontal**************/
+
+
+/******************Footer - Rodapé**********************************/
+#theme-footer {
+    width: 100%;
+}
+
+#footer-content {
+    background: #fff;
+}
+
+#footer-logos {
+    background: #F28F00;
+    max-width: 100%;
+    padding: 2em 0;
+    height: 49px;
+}
+
+#footer-logos div {
+    max-width: 960px;
+    margin: 0 auto;
+}
+
+#footer-logos a {
+  display: block;
+  height: 49px;
+  float: left;
+}
+
+#footer-logos span {
+  display: none;
+}
+
+#footer-logos .logo-acesso {
+  background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
+  width: 107px;
+}
+
+#footer-logos .logo-brasil {
+  background: transparent url(images/brasil.png) center center no-repeat;
+  width: 153px;
+}
+
+#footer-logos .logo-sgpr {
+  background: transparent url(images/sgpr.png) center center no-repeat;
+  width: 187px;
+  margin-right: 30px;
+}
+
+#footer-logos .institucionais {
+  float: right;
+}
+
+#footer-license {
+   max-width: 960px;
+   margin: 0 auto;
+   text-align: left;
+   padding: 19px;
+}
+
+#footer-license p {
+    color: #F28F00;
+	 text-align: left;
+}
+
+
@@ -0,0 +1,539 @@		@@ -0,0 +1,539 @@
	1	+/* (laranja-claro=#f57900)*/
	2	+/* (laranja-escuro=#ce5c00)*/
	3	+/**************** cabecalho ****************/
	4	+
	5	+#theme-header{}
	6	+
	7	+#header {
	8	+ padding: 13px 0 0 0;
	9	+background-color: #f57900;/(laranja-claro)/
	10	+ /* Old browsers */
	11	+ background-color: #ce5c00; /(laranja-escuro)/
	12	+ background-image: -moz-radial-gradient(center, ellipse cover, #f57900 1%, #ce5c00 100%); /(laranja-claro)(laranja-escuro)/
	13	+ /* FF3.6+ */
	14	+ background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#f57900), color-stop(100%,#ce5c00));
	15	+ /* Chrome,Safari4+ */
	16	+ background-image: -webkit-radial-gradient(center, ellipse cover, #f57900 1%,#ce5c00 100%);
	17	+ /* Chrome10+,Safari5.1+ */
	18	+ background-image: -o-radial-gradient(center, ellipse cover, #f57900 1%,#ce5c00 100%);
	19	+ /* Opera 12+ */
	20	+ background-image: -ms-radial-gradient(center, ellipse cover, #f57900 1%,#ce5c00 100%);
	21	+ /* IE10+ */
	22	+ background-image: radial-gradient(ellipse at center, #f57900 1%,#ce5c00 100%);
	23	+ /* W3C */
	24	+/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57900', endColorstr='#ce5c00',GradientType=1 );*/
	25	+ /* IE6-9 fallback on horizontal gradient */
	26	+ color: #fff;
	27	+}
	28	+
	29	+#header>div {
	30	+ max-width: 960px;
	31	+ margin: 0 auto;
	32	+}
	33	+
	34	+.header-content * {
	35	+ margin: 0;
	36	+ padding: 0;
	37	+ list-style: none;
	38	+ vertical-align: baseline;
	39	+}
	40	+.header-content li { display: inline; }
	41	+
	42	+#brasilgov {
	43	+ background: #00510f;
	44	+ border-bottom: 1px solid #ffcc00;
	45	+ padding: 5px 10px;
	46	+ color: #03316f;
	47	+}
	48	+
	49	+#accessibility {
	50	+ display: block !important;
	51	+ float: left;
	52	+ font-family: arial;
	53	+ font-size: 10px;
	54	+ width: 50%;
	55	+}
	56	+
	57	+#accessibility a {
	58	+ color: #00500f;
	59	+ margin-right: 8px;
	60	+}
	61	+
	62	+#accessibility span {
	63	+ background: none repeat scroll 0 0 #497B16;
	64	+ color: #FFFFFF;
	65	+ padding: 0 4px;
	66	+}
	67	+
	68	+
	69	+
	70	+/* logo */
	71	+#logo {
	72	+ padding: 0;
	73	+ float: left;
	74	+ width: 70%;
	75	+}
	76	+
	77	+#logo span {
	78	+ display: block;
	79	+}
	80	+
	81	+#logo a {
	82	+ display: block;
	83	+ width: 100%;
	84	+ color: #03316f !important;
	85	+ margin: 1em 0px;
	86	+}
	87	+
	88	+#logo a, #logo #portal-title {
	89	+ color: #03316f;
	90	+}
	91	+
	92	+#logo #portal-title {
	93	+ margin: 30px 0px 46px 0px;
	94	+ color: #03316f;
	95	+ font-size: 40px;
	96	+ font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif;
	97	+ font-weight: normal;
	98	+ line-height: 1em;
	99	+ letter-spacing: -0.05em;
	100	+}
	101	+
	102	+#logo .luongo {
	103	+ font-size: 3em !important;
	104	+ line-height: 1.1em;
	105	+ margin-bottom: 0.2em;
	106	+}
	107	+
	108	+#logo #portal-description {
	109	+ font-size: 1.2em;
	110	+ text-transform: uppercase;
	111	+}
	112	+
	113	+/* Site Actions */
	114	+#portal-siteactions {
	115	+ display: block;
	116	+ float: right;
	117	+ clear: left;
	118	+ border-bottom: 1px dotted #00500f;
	119	+ padding-bottom: 2px;
	120	+ margin-top: -15px;
	121	+ font-size: 10px;
	122	+ text-align: center;
	123	+}
	124	+
	125	+#portal-siteactions a {
	126	+ color: #00500f;
	127	+ text-decoration: none;
	128	+ padding: 4px 0 4px 10px;
	129	+ text-transform: uppercase;
	130	+ font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	131	+}
	132	+
	133	+#portal-siteactions a:hover {
	134	+ color: #03316f;
	135	+}
	136	+
	137	+#portal-siteactions li {
	138	+ display: inline;
	139	+}
	140	+
	141	+#portal-siteactions li a:hover {
	142	+color: #75ad0a
	143	+}
	144	+#portal-siteactions li a {
	145	+ padding: 4px 0px;
	146	+}
	147	+
	148	+#social-icons {
	149	+ float: right;
	150	+ clear: right;
	151	+ margin: 0px;
	152	+}
	153	+
	154	+#social-icons ul {
	155	+ display: table-row;
	156	+}
	157	+
	158	+#social-icons li {
	159	+ display: table-cell;
	160	+}
	161	+
	162	+#social-icons li a {
	163	+ border: none;
	164	+ padding: 0 5px;
	165	+}
	166	+
	167	+#siteaction-accessibility,
	168	+#siteaction-contraste {
	169	+ margin: 0px 15px 0px 0px;
	170	+}
	171	+/* */
	172	+
	173	+/* Top links */
	174	+#theme-header .header-content #link-faq a {
	175	+ border-right: 1px solid #00500f;
	176	+ padding: 0 10px;
	177	+}
	178	+#theme-header .header-content #link-contact a {
	179	+ padding-left: 10px;
	180	+}
	181	+
	182	+#theme-header #sobre {
	183	+ line-height: 20px;
	184	+ font-size: 12px;
	185	+}
	186	+/* */
	187	+
	188	+/* Sobre o brasil */
	189	+#sobre {
	190	+ clear: both;
	191	+ max-width: 100% !important;
	192	+ margin: 0;
	193	+ background: #f8c300;/laranja-mais-escuro/
	194	+ padding: 5px 0;
	195	+}
	196	+
	197	+#sobre ul {
	198	+ max-width: 960px;
	199	+ margin: 0 auto;
	200	+ text-align: right;
	201	+}
	202	+
	203	+#sobre a {
	204	+ color: #00500f;
	205	+ font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	206	+}
	207	+
	208	+#sobre .portalservicos-item a {
	209	+ padding: 0 10px;
	210	+ border-right: 1px solid #03316f;
	211	+}
	212	+
	213	+#sobre .last-item a {
	214	+ padding: 0 0 0 10px;
	215	+ border-right: none;
	216	+}
	217	+
	218	+/* Searchbox */
	219	+.LSBox {
	220	+ margin: 0;
	221	+ padding: 0;
	222	+ border: none;
	223	+}
	224	+
	225	+input.searchField {
	226	+ -moz-appearance: none;
	227	+}
	228	+
	229	+#portal-searchbox {
	230	+ clear: right;
	231	+ float: right;
	232	+ font-size: 80%;
	233	+ margin: 30px 0 14px;
	234	+ /margin: 3.12em 0px 3px 0px;/
	235	+ text-align: right;
	236	+ border-radius: 5px;
	237	+ -moz-border-radius: 5px;
	238	+ -webkit-border-radius: 5px;
	239	+ border: 1px solid #CCCCCC;
	240	+ background: #fff;
	241	+ padding: 2px;
	242	+}
	243	+
	244	+#portal-searchbox .searchField {
	245	+ padding: 0.45em;
	246	+ border-right: none;
	247	+ border: none;
	248	+ width: 170px;
	249	+}
	250	+
	251	+#portal-searchbox form {
	252	+white-space: nowrap;
	253	+}
	254	+
	255	+#portal-searchbox label {
	256	+font-weight: normal;
	257	+}
	258	+
	259	+#searchGadget {
	260	+width: 13em;
	261	+}
	262	+
	263	+#header input.searchButton {
	264	+ padding: 0.3em;
	265	+ background: transparent;
	266	+ text-indent: -2000px;
	267	+ padding: 4px 15px;
	268	+ border: none;
	269	+}
	270	+
	271	+#content input.searchField {
	272	+margin-bottom: 1em;
	273	+}
	274	+input.searchField {
	275	+-moz-appearance: searchfield;
	276	+}
	277	+
	278	+#header input.searchButton {
	279	+ background-image: url("images/search-button.gif");
	280	+ background-position: 8px 2px;
	281	+ background-repeat: no-repeat;
	282	+ background-color: #ffffff;
	283	+}
	284	+
	285	+#LSResult {
	286	+ z-index: 1;
	287	+ margin-top: 0.5%;
	288	+}
	289	+
	290	+
	291	+/* Search Button */
	292	+#search-button a {
	293	+ display: inline-block;
	294	+ width: 29px;
	295	+ height: 25px;
	296	+ margin-right: 3px;
	297	+ margin-top: 10px;
	298	+}
	299	+
	300	+#search-button a:hover {
	301	+ opacity: 0.6;
	302	+}
	303	+
	304	+#search-button #sb_search {
	305	+background-image: url(images/search.png);
	306	+background-size: 100% 100%;
	307	+}
	308	+
	309	+#search-button span { display: none; }
	310	+
	311	+
	312	+/* */
	313	+
	314	+/* Social Buttons */
	315	+#social-buttons a {
	316	+ width: 18px;
	317	+ height: 20px;
	318	+ margin-right: 3px;
	319	+ margin-top: 10px;
	320	+}
	321	+
	322	+#social-icons li a {
	323	+ width: 20px;
	324	+ height: 20px;
	325	+ padding: 0px;
	326	+ display: inline-block;
	327	+ background-repeat: no-repeat;
	328	+}
	329	+
	330	+#social-icons li {
	331	+ float: right;
	332	+ width: 20px;
	333	+ margin-left: 4px;
	334	+}
	335	+
	336	+#social-icons #sb_face {
	337	+background-image: url(images/icone-verde-facebook.png);
	338	+}
	339	+#social-icons #sb_face:hover {
	340	+background: url(images/icone-verde-facebook.png) 0 20px;
	341	+}
	342	+
	343	+#social-icons #sb_tweet {
	344	+background-image: url(images/icone-verde-twitter.png);
	345	+}
	346	+#social-icons #sb_tweet:hover {
	347	+background: url(images/icone-verde-twitter.png) 0 20px;
	348	+}
	349	+
	350	+#social-icons #sb_youtb {
	351	+background-image: url(images/icone-verde-youtube.png);
	352	+}
	353	+#social-icons #sb_youtb:hover {
	354	+background: url(images/icone-verde-youtube.png) 0 20px;
	355	+}
	356	+
	357	+#social-icons #sb_flickr {
	358	+background-image: url(images/icone-verde-flickr.png);
	359	+}
	360	+#social-icons #sb_flickr:hover {
	361	+background: url(images/icone-verde-flickr.png) 0 20px;
	362	+}
	363	+
	364	+#social-icons span { display: none; }
	365	+
	366	+/* FIM social Buttons */
	367	+
	368	+/**************** FIM cabecalho ****************/
	369	+
	370	+/*********** Bar Psocial Style - Menu Horizontal************/
	371	+#user{
	372	+ padding: 0px 2em;
	373	+ top: -30px;
	374	+ font-size: 12px;
	375	+ right: 4em;
	376	+}
	377	+
	378	+.logged-in #user{
	379	+ top: -40px;
	380	+}
	381	+
	382	+#user form {
	383	+ display:none;
	384	+}
	385	+
	386	+#user .logged-in {
	387	+ visibility: hidden;
	388	+ display: block;
	389	+ background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE;
	390	+ display: block;
	391	+ padding: 1em;
	392	+ text-align: left;
	393	+ width: 130px;
	394	+ border-radius: 10px
	395	+}
	396	+
	397	+#user .logged-in:hover {
	398	+ visibility: visible;
	399	+}
	400	+#user .logged-in a#homepage-link {
	401	+ display: block;
	402	+ visibility: visible;
	403	+}
	404	+
	405	+#user .logged-in span {display: none;}
	406	+
	407	+#user .logged-in a {
	408	+ display: block;
	409	+ margin-bottom: 10px;
	410	+}
	411	+
	412	+#user .logged-in #pending-tasks-count {
	413	+ display: inline-block;
	414	+ left: 0;
	415	+ position: absolute;
	416	+ top: 10px;
	417	+ visibility: visible;
	418	+}
	419	+
	420	+#barra-psocial {
	421	+ position: relative;
	422	+ height: 40px;
	423	+ margin: auto;
	424	+ background: url(images/barra-psocial-bg.png) repeat-x;
	425	+}
	426	+
	427	+#barra-psocial li {
	428	+ float: left;
	429	+}
	430	+
	431	+#assets-menu {
	432	+ background: #E8E8E8;
	433	+ top: 35px;
	434	+ left: 80px;
	435	+ min-width: 132px;
	436	+}
	437	+
	438	+#assets-menu a {
	439	+ border: 1px solid #E8E8E8;
	440	+}
	441	+
	442	+#categories_menu {
	443	+ /max-width: 960px;/
	444	+ padding: 0 1em;
	445	+ margin: auto;
	446	+}
	447	+
	448	+#cat_menu {
	449	+ background: url(images/marca-participacao-social.png) no-repeat center left;
	450	+ height: 40px;
	451	+ padding-left: 60px;
	452	+}
	453	+
	454	+#cat_menu li {
	455	+ list-style: none;
	456	+ font-size: 12px;
	457	+ font-weight: bold;
	458	+ padding: 0px 20px;
	459	+ height: 100%;
	460	+ text-transform: uppercase;
	461	+}
	462	+
	463	+#cat_menu li:hover {
	464	+ background-color: #E1E4E4;
	465	+}
	466	+
	467	+#cat_menu li a {
	468	+ line-height: 40px;
	469	+ width: 100%;
	470	+ height: 100%;
	471	+ display: block;
	472	+}
	473	+/*********** FIM Bar Psocial Style - Menu Horizontal************/
	474	+
	475	+
	476	+/****************Footer - Rodapé********************************/
	477	+#theme-footer {
	478	+ width: 100%;
	479	+}
	480	+
	481	+#footer-content {
	482	+ background: #fff;
	483	+}
	484	+
	485	+#footer-logos {
	486	+ background: #F28F00;
	487	+ max-width: 100%;
	488	+ padding: 2em 0;
	489	+ height: 49px;
	490	+}
	491	+
	492	+#footer-logos div {
	493	+ max-width: 960px;
	494	+ margin: 0 auto;
	495	+}
	496	+
	497	+#footer-logos a {
	498	+ display: block;
	499	+ height: 49px;
	500	+ float: left;
	501	+}
	502	+
	503	+#footer-logos span {
	504	+ display: none;
	505	+}
	506	+
	507	+#footer-logos .logo-acesso {
	508	+ background: transparent url(images/acesso-a-informacao.png) center center no-repeat;
	509	+ width: 107px;
	510	+}
	511	+
	512	+#footer-logos .logo-brasil {
	513	+ background: transparent url(images/brasil.png) center center no-repeat;
	514	+ width: 153px;
	515	+}
	516	+
	517	+#footer-logos .logo-sgpr {
	518	+ background: transparent url(images/sgpr.png) center center no-repeat;
	519	+ width: 187px;
	520	+ margin-right: 30px;
	521	+}
	522	+
	523	+#footer-logos .institucionais {
	524	+ float: right;
	525	+}
	526	+
	527	+#footer-license {
	528	+ max-width: 960px;
	529	+ margin: 0 auto;
	530	+ text-align: left;
	531	+ padding: 19px;
	532	+}
	533	+
	534	+#footer-license p {
	535	+ color: #F28F00;
	536	+ text-align: left;
	537	+}
	538	+
	539	+