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	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	5	.header-content * {
20	6	margin: 0;
21	7	padding: 0;
22	8	list-style: none;
23	9	vertical-align: baseline;
24	10	}
	11	+
25	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	30	float: left;
37	31	font-family: arial;
38	32	font-size: 10px;
39	33	width: 50%;
40	34	}
41	35
42		-#accessibility a {
43		- /color:# ;rgb(96,96,96);//#FFF; /
	36	+.header-content #accessibility a {
44	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	42	color: #FFFFFF;
53	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	46	/* logo */
68		-#logo {
	47	+.header-content #logo {
69	48	padding: 0;
70	49	float: left;
71		- width: 50%; /70%;/
	50	+ width: 50%;
72	51	}
73	52
74		-#logo span {
	53	+.header-content #logo span {
75	54	display: block;
76	55	}
77	56
78		-#logo a {
	57	+.header-content #logo a {
79	58	display: block;
80	59	width: 100%;
81		- color: #03316f !important;
	60	+ color: #03316f;
82	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	66	color: #03316f;
87	67	}
88	68
89		-#logo #portal-title {
	69	+.header-content #logo #portal-title {
90	70	background-image: url("images/logotipo_spb_beta.svg");
91	71	background-repeat: no-repeat;
92		- background-size: 370px; /374px 56px;/
	72	+ background-size: 370px;
93	73	height: 78px;
94	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	79	font-size: 1.2em;
113	80	text-transform: uppercase;
114	81	}
115	82
116	83	/* Site Actions */
117		-#portal-siteactions {
	84	+.header-content #portal-siteactions {
118	85	display: block;
119	86	float: right;
120	87	clear: left;
...	...	@@ -124,143 +91,84 @@ background-repeat: no-repeat;
124	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	96	text-decoration: none;
130	97	padding: 4px 0 4px 10px;
131	98	text-transform: uppercase;
132	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	103	color: #03316f;
137	104	}
138	105
139		-#portal-siteactions li {
	106	+.header-content #portal-siteactions li {
140	107	display: inline;
141	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	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	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	130	margin: 0px auto;
211	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	132	padding: 0 0 0 10px;
231	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	142	width: 960px;
241	143	margin: 0 auto;
242	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	156	/* Searchbox */
248		-.LSBox {
	157	+.header-content .LSBox {
249	158	margin: 0;
250	159	padding: 0;
251	160	border: none;
252	161	}
253	162
254		-input.searchField {
	163	+.header-content input.searchField {
255	164	-moz-appearance: none;
256	165	}
257	166
258		-#portal-searchbox {
	167	+.header-content #portal-searchbox {
259	168	clear: right;
260	169	float: right;
261	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	172	text-align: right;
265	173	border-radius: 5px;
266	174	-moz-border-radius: 5px;
...	...	@@ -270,26 +178,26 @@ input.searchField {
270	178	padding: 2px;
271	179	}
272	180
273		-#portal-searchbox .searchField {
	181	+.header-content #portal-searchbox .searchField {
274	182	padding: 0.45em;
275	183	border-right: none;
276	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	201	padding: 0.3em;
294	202	background: transparent;
295	203	text-indent: -2000px;
...	...	@@ -297,289 +205,96 @@ width: 13em;
297	205	border: none;
298	206	}
299	207
300		-#content input.searchField {
	208	+.header-content #content input.searchField {
301	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	213	background-image: url("images/search-button.png");
311	214	background-position: 8px 2px;
312	215	background-repeat: no-repeat;
313	216	background-color: #ffffff;
314	217	}
315	218
316		-#LSResult {
	219	+.header-content #LSResult {
317	220	z-index: 1;
318	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	237	float: right;
366	238	width: 20px;
367	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	244	width: 20px;
420	245	height: 20px;
421	246	padding: 0px;
422	247	display: inline-block;
423	248	opacity: .85;
	249	+ border: none;
424	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	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	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	297	#barra-psocial li {
581	298	float: left;
582	299	}
583		-/********fim css para html desabilitado***********/
584		-
585		-/Fim menu principal SPB/
586	300	\ No newline at end of file
	301	+/******** end disable html ***********/
...	...