/*
 *
 * TUTAJ OPT
 *
 */


* {
	margin: 0;
	padding: 0;
}

body {
	background: #5da40b;
	color: #000;
	/*font-family: 'Trebuchet MS', sans-serif;*/
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
}



/* Ekran poczatkowy */

#welcome {
  /*background: url(/img/glowna.png);
  text-indent: -9999px;
  width: 770px;
  height: 400px;*/
}

#welcome-wrap {
	height: 400px;
	margin: -200px 0 0 -385px;
	top: 50%;
	left: 50%;
	width: 770px;
	position: absolute;
}




/* Typo */

h3 {
	color: #111;
	font-size: 14px;
	margin: 36px 0 18px;
	display: block;
	text-transform: uppercase;
}

h3#page-subtitle-text {
	margin: 9px 0 36px;
	color: #fff;
}

h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 30px 0 18px; 
}

blockquote {
  font-style: italic;
	margin: 36px 0 36px 55px;
}

blockquote p {
  margin: 0;
}

.cytat-autor {
  text-align: right;
  font-style: normal;
  text-transform: lowercase;
  font-variant: small-caps;
  margin: 9px 45px 0 0;
  font-size: 15px;
}

a {
	border-bottom: 1px solid #555;
	text-decoration: none;
	color: #000;
}

a:hover {
	border-bottom: 1px solid #aaa;
  color: #eee;
}

a img,
#menu li a,
#section-optwsieci ul a,
#opt-logo a {
	border: 0;
	text-decoration: none;
}

ul,
ol,
p {
	margin: 0 0 18px 0;
}

.nomargin,
p.last {
	margin: 0;
}

ol,
ul {
  margin-left: 10px;
}

.content-column ul, 
.content-column ol {
  margin-left: 15px;
}

.uppercase,
.godnosc {
  text-transform: uppercase;
}

em.uppercase {
  font-style: normal;
  font-weight: bold;
}

.godnosc {
  color: #fff;
  font-weight: bold;
}

.mini,
.mini2,
.mini-note {
	color: #111;
	font-size: 10px;
	text-transform: none;
  text-align: right;
}

.mini2 {
	font-size: 9px;
}

.mini-note {
  text-align: left;
}

.zyczenia {
  font-size: 16px;
  margin-left: 45px;
}

.zyczenia span {
  display: block;
  font-size: 14px;
  margin: 12px 0 0 220px;
  font-variant: small-caps;
  text-transform: lowercase;
}

.instrukcja {
	margin: 18px 25px 18px;
}

.instrukcja ol {
	margin-lefT: 25px;
}

.caps {
  font-size: 1.15em;
  font-variant: small-caps;
  letter-spacing: 0.08em;
  text-transform: lowercase;
}



/* Aktualności typo */

.post {
	margin: 0 0 36px;
	padding: 0 15px 18px 0;
	border-bottom: 2px solid #fff;
}

.post-noborder {
  border: 0;
}

.post h3 {
	margin-top: 0;
  font-size: 13px;
	font-weight: normal;
}

.post h3 strong {
	text-transform: none;
	font-size: 16px;
}

.side-column {
	float: left;
	margin-right: 10px;
	width: 240px;
}

.content-column {
	float: left;
	width: 230px;
}

.post-picture {
	border: 0;
}

.ramka {
	padding: 10px;
	border: 1px solid #fff;
	margin: 9px 0;
}

.post .ramka {
	margin: 9px 3px 0 0;
}

.post .side-column .ramka {
  margin: 9px 0;
}

.uwaga  {
	color: #f00;
	padding: 3px;
	margin-left: -55px;
	border-bottom: 1px solid #eee;
	margin-right: 2px;
	background: #f1f1f1;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: .1em;
}

.white  {
	color: #fff;
}

#side_post {
  position: absolute;
  top: 205px;
  left: 0;
  font-size: 10px;
  border: 1px solid #333;
  padding: 1px 5px 3px 2px;
  width: 90px;
  overflow: hidden;
}


.news_pic_small {
  float: left;
  margin-right: 15px;
  margin-bottom: 0;
}

.news_pic_small a {
  border: 0;
}

.foto_autor {
  font-size: 10px;
  display: block;
  margin-bottom: 21px;
}

.kto_tu_gra {
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
}

.quote {
  margin-left: 55px;
}

.bilety_detale {
  font-size: 11px;
  margin: 12px 0px 6px 1px;
  text-indent: -9px;
}



/* Layout */

#page {
	margin: auto;
	position: relative;
	width: 915px;
}




/* Domyślne głupoty */

#content {
	background: url(img/bg-green-page.png) repeat-y;
}

#content-wrap-top {
	background: url(img/bg-green-top.png) no-repeat;
	padding-top: 119px;
}

#content-wrap-img {
	background-repeat: no-repeat;
	background-position: 101px 0;
}

#content-wrap-bottom {
	background: url(img/bg-green-bottom.png) no-repeat bottom;
	padding: 18px 249px 102px 116px;
}





/* Aktualności, Archiwum */

#archiwum #content,
#aktualnosci #content {
	background-image: url(img/bg-news-page.png);
}

#aktualnosci #content-wrap-top {
	background-image: url(img/bg-news-top.png);
}

#archiwum #content-wrap-top {
	background-image: url(img/bg-archiwum-top.png);
}

#archiwum #content-wrap-img,
#aktualnosci #content-wrap-img {
	background-image: url(img/ilustracja-aktualnosci.png);
	padding-top: 172px;
}

#archiwum #content-wrap-bottom,
#aktualnosci #content-wrap-bottom {
	background-image: url(img/bg-news-bottom.png);
	padding-right: 233px;
	padding-top: 0;
}

#news-side {
	padding-right: 71px;
	padding-top: 18px;
}

#pilka {
	background: url(img/pilka.png) no-repeat;
	left: 645px;
	height: 10px;
	top: -10px;
	position: absolute;
	width: 10px;
}

#archiwum table {
	border-collapse: collapse;
}

#archiwum td {
	padding-right: 10px;
	vertical-align: top;
}



/* O Ośrodku */

#oosrodku #content-wrap-top {
	background-image: url(img/bg-opt-top.png);
}

#oosrodku #content-wrap-img {
	background-image: url(img/ilustracja-opt.png);
	padding-top: 364px;
}



/* Kontakt */

#kontakt #content-wrap-top {
  background-image: url(img/bg-kontakt-top.png);
}

#mapka-dojazd {
  position: relative;
  left: 285px;
  top: -48px;
}

#mapka-dojazd dt {
  float: left;
}

#mapka-dojazd dd {
  margin-left: 9.5em;
}

#mapka {
  margin-top: 36px;
}



/* Pracownie */

#pracownie #content {
	background-image: url(img/bg-pracownie-page.png);
}

#pracownie #content-wrap-top {
	background-image: url(img/bg-pracownie-top.png);
	padding-top: 131px;
}

#pracownie #content-wrap-img {
	background-image: url(img/ilustracja-pracownie.png);
	padding-top: 670px;
}

#pracownie #content-wrap-bottom {
	background-image: url(img/bg-pracownie-bottom.png);
	padding-bottom: 204px;
}

#pracownie #menu-opt { /* hack który zapobiega ukrywaniu rogu kwadratu planszy */
	background-position: 0 -4px;
	margin-top: 4px;
	height: 23px;
}

#pracownie #page #menu-opt:hover {
	background-position: -230px -4px;
}

#lista-wydawnictw,
#lista-pracowni {
	list-style: none;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}

#lista-wydawnictw li a,
#lista-pracowni li,
#lista-pracowni li a {
	text-indent: -9999px;
	position: absolute;
	height: 40px;
	border: 0;
	zoom: 1;
}

#plansza-perkusja {
	top: 193px;
	left: 325px;
	width: 100px;
}

#plansza-malarstwo {
	top: 375px;
	left: 380px;
	width: 180px;
}

#plansza-grafika {
	top: 605px;
	left: 215px;
	width: 180px;
}

#plansza-archi {
	top: 680px;
	left: 300px;
	width: 220px;
}

#plansza-foto {
	top: 755px;
	left: 340px;
	width: 90px;
}




/* Perkusja */

#perkusja #content {
	background-image: url(img/bg-perkusja-page.png);
}

#perkusja #content-wrap-top {
	background-image: url(img/bg-perkusja-top.png);
	padding-top: 138px;
}

#perkusja #content-wrap-img {
	background-image: url(img/ilustracja-perkusja.png);
	padding-top: 670px;
}

#perkusja #content-wrap-bottom {
	background-image: url(img/bg-perkusja-bottom.png);
	padding-bottom: 204px;
}

#perkusja #prowadzacy {
  margin-top: -491px;
}

#perkusja .plakietka {
  width: 30em;
}




/* Fotografia */

#fotografia #content {
	background-image: url(img/bg-fotografia-page.png);
}

#fotografia #content-wrap-top {
	background-image: url(img/bg-fotografia-top.png);
	padding-top: 138px;
}

#fotografia #content-wrap-img {
	background-image: url(img/ilustracja-fotografia.png);
	padding-top: 245px;
}

#fotografia #content-wrap-bottom {
	background-image: url(img/bg-fotografia-bottom.png);
	padding-bottom: 80px;
}

#fotografia .plakietka {
  float: left;
  height: 252px;
  width: 260px;
}

#fotografia #filip {
  height: 300px;
}

#babel { clear: left; }




/* Malarstwo */

#malarstwo #content {
	background-image: url(img/bg-malarstwo-page.png);
}

#malarstwo #content-wrap-top {
	background-image: url(img/bg-malarstwo-top.png);
	padding-top: 155px;
}

#malarstwo #content-wrap-img {
	background-image: url(img/ilustracja-malarstwo.png);
	padding-top: 216px;
}

#malarstwo #content-wrap-bottom {
	background-image: url(img/bg-malarstwo-bottom.png);
	padding-bottom: 65px;
}

#malarstwo #prowadzacy {
  margin-top: 12px;
}

#malarstwo .plakietka {
  float: left;
  width: 260px;
}




/* Architektoniczny */

#architektoniczny #content {
	background-image: url(img/bg-architektoniczny-page.png);
}

#architektoniczny #content-wrap-top {
	background-image: url(img/bg-architektoniczny-top.png);
	padding-top: 138px;
}

#architektoniczny #content-wrap-img {
	background-image: url(img/ilustracja-architektoniczny.png);
	padding-top: 245px;
}

#architektoniczny #content-wrap-bottom {
	background-image: url(img/bg-architektoniczny-bottom.png);
	padding-bottom: 65px;
}

#architektoniczny .plakietka {
  float: left;
}




/* Grafika komputerowa */

#grafika #content {
	background-image: url(img/bg-grafika-page.png);
}

#grafika #content-wrap-top {
	background-image: url(img/bg-grafika-top.png);
	padding-top: 138px;
}

#grafika #content-wrap-img {
	background-image: url(img/ilustracja-grafika.png);
	padding-top: 245px;
}

#grafika #content-wrap-bottom {
	background-image: url(img/bg-grafika-bottom.png);
	padding-bottom: 15px;
}

#grafika .plakietka {
  width: 550px;
}


/* Nabory */

#nabory #content-wrap-top {
  background-image: url(img/bg-nabory-top.png);
}

#pytania {
  margin-top: 54px;
}




/* Wydawnictwa */

#wydawnictwa #content {
	background-image: url(img/bg-wydawnictwa-page.png);
}

#wydawnictwa #content-wrap-top {
	background-image: url(img/bg-wydawnictwa-top.png);
	padding-top: 130px;
}

#wydawnictwa #content-wrap-img {
  background-position: 89px 0; /* hack! "plakaty" na wysokosci kwadratow planszy */
	background-image: url(img/ilustracja-wydawnictwa.png);
	padding-top: 778px;
}

#wydawnictwa #content-wrap-bottom {
	background-image: url(img/bg-wydawnictwa-bottom.png);
	padding-bottom: 141px;
}

#wydawnictwa #menu-opt { /* hack który zapobiega ukrywaniu rogu kwadratu planszy */
	background-position: 0 -4px;
	margin-top: 4px;
	height: 23px;
}

#wydawnictwa #page #menu-opt:hover {
	background-position: -230px -4px;
}

#lista-wydawnictw li a {
  height: 60px;
}

#plansza-wydawnictwa-helikopter {
  left: 275px;
  top: 227px;
  width: 100px;
}

#plansza-wydawnictwa-kronika {
  left: 448px;
  top: 321px;
  width: 120px;
}

#plansza-wydawnictwa-niewidzialnamapa {
  left: 275px;
  top: 540px;
  width: 250px;
}

#plansza-wydawnictwa-om {
  top: 627px;
  left: 405px;
  width: 130px;
}

#plansza-wydawnictwa-poss {
  left: 328px;
  top: 766px;
  width: 200px;
}

#plansza-wydawnictwa-plakaty {
  left: 262px;
  top: 867px;
  width: 90px;
}





/* Helikopter */

#helikopter #content-wrap-top {
	background-image: url(img/bg-helikopter-top.png);
	padding-top: 119px;
}

#helikopter #content-wrap-img {
	background-image: url(img/ilustracja-helikopter.png);
	padding-top: 136px;
}

#helikopter #content-wrap-bottom {
	background-image: url(img/bg-helikopter-bottom.png);
	padding-bottom: 180px;
}


/* Wytwórnia OM */

#om #content-wrap-top,
#om-zpl #content-wrap-top {
	background-image: url(img/bg-om-top.png);
	padding-top: 119px;
}

#om #content-wrap-img {
	background-image: url(img/ilustracja-om.png);
	padding-top: 135px;
}

#om #content-wrap-bottom,
#om-zpl #content-wrap-bottom {
	background-image: url(img/bg-om-bottom.png);
	padding-bottom: 120px;
}


/* ZPL */


#om-zpl .side-column {
	width: 200px;
	margin: 0 20px 18px 0;
	font-size: 10px;
}

#om-zpl .side-column h4 {
	margin: 0 0 9px;
}

#om-zpl .content-column {
	width: 330px;
}

#om-zpl .sklep-item-buy {
	float: none;
}

#zpl-foto {
	text-align: right;
}

#zpl-foto div {
	float: left;
	margin-right: 20px;
}

#zpl-foto div {
	font-size: 10px;
}

#zpl-kontakt div {
	float: left;
	width: 200px;
	margin: 0 20px 36px 0;
	min-height: 9em;
}

#zpl-kontakt h4 {
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
}


/* Plakaty */

#plakaty #content-wrap-top {
	background-image: url(img/bg-plakaty-top.png);
	padding-top: 119px;
}

#plakaty #content-wrap-img {
	background-image: url(img/ilustracja-plakaty.png);
	padding-top: 136px;
}

#plakaty #content-wrap-bottom {
	background-image: url(img/bg-plakaty-bottom.png);
	padding-bottom: 160px;
}

.plakaty_siatka {
  margin: 0 -25px 0 -14px;
}

.plakaty_siatka img,
.plakaty_siatka a {
  float: left;
}

.plakaty_siatka a {
  margin-right: 7px;
  margin-bottom: 7px;
}

#plakaty h3 {
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  margin: 18px 0;
}

#plakaty .section-menu {
  width: 21em;
}

#plakaty .section-menu li a {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
}

/* Poss */

#poss #content-wrap-top {
	background-image: url(img/bg-poss-top.png);
	padding-top: 138px;
}

#poss #content-wrap-top #page-title {
	color: #111;
	font-size: 16px;
	margin: 18px 0 18px;
	display: block;
  left: 0;
  position: relative;
}



/* Sklep */

#sklep #content-wrap-top {
	background-image: url(img/bg-sklep-top.png);
}

#sklep .section-menu {
	width: 26em;
}

#sklep h2 {
	margin: 18px 0;
	padding-top: 54px;
	border-top: 1px solid #fff;
}

#sklep h2.sklep-firstsection {
	padding-top: 0;
	border: 0;
	margin-bottom: 18px;
}

#sklep h4 {
	font-weight: bold;
}

.sklep-lista {
  margin-right: -25px; /* pochłania prawy margines itemów */
}

.sklep-item {
	margin: 18px 25px 36px 0;
	width: 260px;
	float: left;
}

.sklep-item-info,
.sklep-item-img {
	/*float: left;*/
}

.sklep-item-img {
	width: 275px;
	margin-bottom: 18px;
}

.sklep-item-img-tall {
	height: 414px; /* 18px*23 */
}

.sklep-item-img-short {
	height: 252px; /* 18px*14 */
}

.sklep-item-info {
	position: relative;
}


.title {
	font-style: italic;
}

.sklep-item-info h4,
.sklep-item-info p {
	margin: 0 0 9px;
}

.sklep-item-buy {
	background: #222;
	border: 0;
	color: #fff;
	display: block;
	float: right;
	font-weight: bold;
	font-size: 11px;
	padding: 2px;
	text-transform: uppercase;
	width: 5.5em;
	text-align: center;
}

.sklep-item-buy:hover {
	border: 2px solid #222;
  padding: 0;
	background: #fff;
	color: #000;
}

#sklep-ramka {
  background: #fff;
}

#sklep-ramka a:hover {
  color: inherit;
}

#fancybox-wrap #sklep-ramka a {
  text-decoration: underline;
}

#fancybox-wrap #sklep-ramka {
  margin: 0;
}

#portret-pana-boga .sklep-item-img {
  margin-bottom: 36px;
}

#valentine-trio .sklep-item-img {
  margin-bottom: 53px;
}

#lista-ksiazki .sklep-item {
  width: 550px;
}

#lista-ksiazki .sklep-item-info,
#lista-ksiazki .sklep-item-img {
  float: left;
}

#lista-ksiazki .sklep-item-img {
  margin-right: 10px;
}

#lista-ksiazki .sklep-item-info {
  width: 260px;
}

/* Usługi */

#uslugi #content-wrap-top,
#sala #content-wrap-top,
#studio #content-wrap-top,
#uslugi-inne #content-wrap-top {
  background-image: url(img/bg-uslugi-top.png);
}


#sala h2#page-title,
#studio h2#page-title,
#uslugi-inne h2#page-title {
  position: relative;
  left: auto;
  font-size: 14px;
  color: #fff;
  margin: 36px 0 18px;
}



/* Linki */

#linki #content-wrap-top {
  background-image: url(img/bg-linki-top.png);
}







/* Pasek boczny + menu */

#sidebar {
	position: absolute;
	top: 125px;
	right: 0;
	width: 230px;
}

.submenu,
#menu {
	list-style: none;
  margin: 0;
}

.submenu {
  margin: 6px 0 0;
}

.submenu li a,
#menu li a {
	background: url(img/menu.png) no-repeat;
	display: block;
	height: 27px;
	text-indent: -9999px;
	width: 130px;
}


#page #menu-kontakt { background-position: 0 -30px; }
#page #menu-aktualnosci { background-position: 0 -60px; }
#page #menu-pracownie { background-position: 0 -90px; }
#page #menu-nabory { background-position: 0 -120px; }
#page #menu-wydawnictwa { background-position: 0 -150px; }
#page #menu-kronika { background-position: 0 -180px; }
#page #menu-sklep { background-position: 0 -210px; }
#page #menu-archiwum { background-position: 0 -240px; }
.section-menu {
	list-style: none;
	margin: auto;
	width: 26em;
}

.section-menu li {
	float: left;
	border-right: 1px solid #ddd;
}

.section-menu li a {
  color: #fff;
  border-color: #aaa;
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin: 0 2em;
}

.section-menu .menu-last {
	border: 0;
}
#page #menu-uslugi { background-position: 0 -270px; }
#page #menu-linki { background-position: 0 -300px; }

#page #menu-opt:hover, #page #menu-opt.active { background-position: -230px 0; }
#page #menu-kontakt:hover, #page #menu-kontakt.active { background-position: -230px -30px; }
#page #menu-aktualnosci:hover, #page #menu-aktualnosci.active { background-position: -230px -60px; }
#page #menu-pracownie:hover, #page #menu-pracownie.active { background-position: -230px -90px; }
#page #menu-nabory:hover, #page #menu-nabory.active { background-position: -230px -120px; }
#page #menu-wydawnictwa:hover, #page #menu-wydawnictwa.active { background-position: -230px -150px; }
#page #menu-kronika:hover, #page #menu-kronika.active { background-position: -230px -180px; }
#page #menu-sklep:hover, #page #menu-sklep.active { background-position: -230px -210px; }
#page #menu-archiwum:hover, #page #menu-archiwum.active { background-position: -230px -240px; }
#page #menu-uslugi:hover, #page #menu-uslugi.active { background-position: -230px -270px; }
#page #menu-linki:hover, #page #menu-linki.active { background-position: -230px -300px; }


#menu .submenu li a {
  background-image: none;
  background-repeat: no-repeat;
  width: 40px;
  height: 25px;
}

#menu #submenu-perkusja { background-image: url(img/submenu-perkusja.png); }
#menu #submenu-archi { background-image: url(img/submenu-architektoniczny.png); }
#menu #submenu-grafika { background-image: url(img/submenu-grafika.png); }
#menu #submenu-foto { background-image: url(img/submenu-foto.png); }
#menu #submenu-malarstwo { background-image: url(img/submenu-malarstwo.png); }

#menu #submenu-helikopter { background-image: url(img/submenu-helikopter.png); }
#menu #submenu-kronika { background-image: url(img/submenu-kronika.png); }
#menu #submenu-niewidzialnamapa { background-image: url(img/submenu-niewidzialnamapa.png); }
#menu #submenu-om { background-image: url(img/submenu-om.png); }
#menu #submenu-ostatnistan { background-image: url(img/submenu-poss.png); }
#menu #submenu-plakaty { background-image: url(img/submenu-plakaty.png); }

#menu .submenu li a.active {
  width: 230px;
}

.side-section {
	background: url(img/section-divider.png) repeat-x;
	margin: 18px 0;
	padding: 9px 0;
}

.side-section h2 {
	background: #000 no-repeat;
	display: block;
	margin-bottom: 9px;
	height: 24px;
	width: 214px;
	text-indent: -9999px;
}

.side-section ul,
.side-section dl {
	margin-left: 15px;
}

#section-dlapracownikow {
	margin-top: 54px;
}

#section-wskrocie h2 { background-image: url(img/section-w-skrocie.png); }
#section-optwsieci h2 { background-image: url(img/section-opt-w-sieci.png); }
#section-pracownie-w-sieci h2 { background-image: url(img/section-pracownie-w-sieci.png); }
#section-dlapracownikow h2 { background-image: url(img/section-dlapracownikow.png); }


#section-wskrocie dt {
	font-weight: bold;
}

#section-wskrocie dd {
	margin-bottom: 18px;
}

#section-pracownie-w-sieci ul {
	list-style: none;
}

#section-optwsieci ul {
	list-style: none;
	margin-right: 20px;
	margin-bottom: 0;
}

#section-optwsieci li {
	display: inline;
}

#section-dlapracownikow ul {
	list-style: none;
}

#section-dlapracownikow li {
	display: block;
	float: left;
	border-left: 1px solid #000;
	padding-left: 5px;
	margin-left: 5px;
}




/* Stopka */

#footer {
	padding: 18px 230px 18px 101px;
  font-size: 11px;
}

#footer div {
	line-height: 21px;
  float: left;
	padding: 2px 25px 0 0;
}

#footer a {
  border: 0;
}

#footer #kreatywny {
  padding-top: 21px;
}

#footer #footer_logoopt {
	background: url(img/logo-footer.png) no-repeat 50% 0;
  padding: 21px 0 0;
  float: right;
}



/* Pierdoły */

#czarna_wstazka {
	left: 123px;
	position: absolute;
	top: 30px;
}

#opt-logo a {
	left: 341px;
	position: absolute;
	top: 18px;
}

#opt-logo a span {
  display: block;
  position: absolute;
  left: -9999px;
}

#page-subtitle,
#page-title {
	position: absolute;
	left: -9999px;
}

.plakietka {
  width: 200px;
  margin: 0 0 36px 12px;
}

.plakietka h4 {
  margin: 6px 0 0;
}

.plakietka img {
  border: 1px solid #fff;
}

.plakietka p {
  margin: 6px 0;
}

.section-menu {
	list-style: none;
	margin: auto;
	width: 26em;
}

.section-menu li {
	float: left;
	border-right: 1px solid #ddd;
}

.section-menu li a {
  color: #fff;
  border-color: #aaa;
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin: 0 2em;
}

.section-menu .menu-last {
	border: 0;
}



*:focus { 
  outline: none; 
}
*::-moz-focus-inner { 
  border: none; 
}





/* Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}