Remove repeated or unused rules, remove user section style and add cover id for header rules

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