@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{
  font-family: 'Fira Sans', sans-serif;
}

.font500{font-weight: 500;}
.font600{font-weight: 600;}
.font700{font-weight: 700;}

.monserat{font-family: 'Montserrat', sans-serif!important;}
.fadein{-webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
  transition: background 1s;}
/*** kolory ***/
.text-red{color: #b33939;}
.bg-red{background: #b33939;}
.text-fiolet{color: #2c2c54;}
.bg-fiolet{background:#2c2c54;}
.text-pomarancz{color: #E31E24;}
.bg-pomarancz{background: #E31E24;}
.border-pomarancz{border-color: #E0502F!important;}
.text-ciemny{color: #1e272e;}
.bg-ciemny{background: #1e272e;}
.grey{filter: grayscale(100%); }
#bg{position: fixed; width: 100%; min-height: 100%;background: RGBA(0,0,0,0.6); z-index: 90; display:none; }
.bg-siwy{background: #dcdde1;}
.text-zielony{color: #6ab04c;}
.bg-zielony{background: #6ab04c;}
.burmistrz{background: rgba(12, 36, 97,0.8)}
.text-darkblue{color: #1B1464;}
.bg-szarozielony{background: rgb(235,241,245);}
.bg-niebieskociemny{background: rgb(0,92,154);}
.bg-woda{background: #63cdda;}
.wcag li{ -webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */
  transition: background 1s;}
.wcag li:hover{background: #E0502F!important;}
.wcag li:hover a{color: #fff!important; text-decoration: none;}
.border-siwy{border-color: #48505c;}
.bg-dark-blue{background: #267D9D;}
.podstopka{border-top: 1px solid RGBA(255,255,255,0.4);}
.ciendol{box-shadow:0px 3px 0px 2px #b33939;}
.kreska{background: #1B1464; width: 25%; height: 5px;}
.herb img{max-width: 40px;}
.bip{max-height: 40px;}
/*** nawigacja ***/
.menus li {display: inline-table;}
.megaa{z-index:999;}
.zin{z-index:999!important;}
.megamenu a{color: #000!important;}
.megamenu:hover a{color: #000!important;}
.megamenu a:active{color: #000!important;}
.megaa li a{color: #000!important;}
.linkkolumna a{color: #000!important;}
.linkkolumna a:hover{color: #000!important;}
.linkkolumna a:active{color: #000!important;}
.megaa li a:active{color: #000!important;}
.megaa li a:hover{color: #000!important;}
.menus {position: relative;z-index:999;}
.menus li ul{position: absolute; left:0;  margin-top: 30px; padding:0px; margin:0px; width: 100%; z-index:99; display:none;}
.menus li:hover ul{display: block;}
.menus li:hover{background: #fff;}
header ul{list-style-type: none; padding: 0px; margin: 0px;}
header ul li{display: inline-table;}
.tabela table tbody tr:nth-child(even){background: #fff!important;}
.tabela table tbody tr td{padding-top: 10px; padding-bottom: 10px;}
.tabela table{width: 100%!important;}
#mobilne{position: fixed; height: 100%; z-index: 99999;
display: none;}
.megamenu-li {
	position: static;
}
.footer{ background: url(../img/footer-bg.png) no-repeat #267d9d;
  background-position: bottom center;
  background-size: cover;
  color: #f6f8f8;
  position: relative;}
.footer:before{
  content: '';
  background: url(../img/fala.svg) no-repeat;
  background-position: bottom;
  background-size: cover;
  display: block;
  position: absolute;
  left: 0;
  top: -47px;
  width: 100%;
  height: 50px;

}
.lp1{letter-spacing: 1px;}
.column{display: none;}
.show {
  display: block;
}
.vinieta{

  box-shadow: inset 0 0 100px black;
}

.miniatura .foto img{
opacity: 1;
}

.miniatura .foto:hover img{
  opacity:0.7;
  transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
}

.miniatura h1{
width: 100%;
text-shadow: 1px 1px 4px #000;
  position: absolute;
  bottom: 10px;
  z-index: 10;
}

.miniatura:hover h1{
  bottom: 80px;
  transition: bottom .3s ease-out;
  -moz-transition: bottom .3s ease-out;
  -webkit-transition: bottom .3s ease-out;
  -o-transition: bottom .3s ease-out;

}


.miniatura2 .foto img{
  opacity: 1;
  }
  
  .miniatura2 .foto:hover img{
    opacity:0.7;
    transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
  }
  
  .miniatura2 h1{
  width: 100%;
  text-shadow: 1px 1px 4px #000;
    position: absolute;
    bottom: 10px;
    z-index: 10;
  }
  
  .miniatura2:hover h1{
    bottom: 80px;
    transition: bottom .3s ease-out;
    -moz-transition: bottom .3s ease-out;
    -webkit-transition: bottom .3s ease-out;
    -o-transition: bottom .3s ease-out;
  
  }

  .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
    background-color:#34495e;
  }
  
  /* When you mouse over the container, fade in the overlay icon*/
  .miniatura2:hover .overlay {
    opacity: 0.8;
  }

  .miniatura:hover .overlay {
    opacity: 0.8;
  }
  
  /* The icon inside the overlay is positioned in the middle vertically and horizontally */
  .icon {
    color: white;
    font-size: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0.5;
  }

  .icon img{width: 50%;}
  
  /* When you move the mouse over the icon, change color */
  .fa-user:hover {
    color: #E0502F;
  }
  .icon-flex, .icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-wrapper {
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #7f8c8d;
    font-size: 3rem;
    width: 80px;
    height: 80px;
}
.icon-wrapper i {
    color:#7f8c8d;
}
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}

.text17 p img{
max-width: 80%;
}

/* Add a grey background color on mouse-over */
.btn:hover {
  background-color: #ddd;
}

.znad3{z-index:9999999;
position: fixed;
bottom: 0;
width: 100%;
background: RGBA(0,0,0,0.7);}

/* Add a dark background color to the active button */
.btn.active {
  background-color: #666;
   color: white;
}
.megamenu {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	padding: 15px;
}
.navbar-toggler-icon{color: #000!important;}
.navbar a{color: #fff!important; margin-right: 10px;}
@media all and (min-width: 992px) {
	.navbar{ padding-top: 0; padding-bottom: 0; }
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
	.navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
}

.dropdown-menu{background: rgba(189, 195, 199,0.9)}
.dropdown-menu li:hover{background:  #E67257!important;}
.dropdown-menu a:hover{color: #999;background:  #E67257!important;}
.dropdown-item{color: #000!important;}
.smart-scroll{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.scrolled-down{
   transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
   transform:translateY(0); transition: all 0.3s ease-in-out;
}
@media all and (min-width:991px) {  
  .dropdown:after{
      content: ''; 
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      transition: opacity .15s ease-in-out;
      opacity: 0;
      visibility:hidden;
      background-color: rgba(0,0,0,.7);
      pointer-events: none;
  }
  .dropdown.show .nav-link{
	position:relative;
	z-index:12;
  }
  .dropdown.show:after{
	z-index:10; opacity:1; 
	visibility:visible;
	position: fixed;
  }
}
/*** slider ***/
.slider{position: relative; margin-top: -20px; z-index:5!important;}
.slider .item{height: 300px; width: 100%;background: url('../img/dron.jpg');background-size: cover; background-position: center center; z-index:5!important;}


.nolist{list-style-type:none; padding:0px!important; margin: 0px!important;}
.height27{line-height: 27px;}
.height27 tbody tr td{padding: 5px;}
.height27 tbody tr:nth-child(even){background: #f3f3f3;}
.text17{font-size: 17px!important;}

/*** kolumny ***/
.kolumny3{column-count: 3;column-rule: 1px solid #f3f3f3;}
.kolumna{word-wrap: break-word;overflow-wrap: break-word;overflow-x: hidden; color: #000; -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;}
.szukajbox{display: none;}
::placeholder {
  color: #fff;
}

.katnews{
position: absolute; bottom: 5px; right: 5px; z-index: 10;
}

#wrap:after {
  content: "\f087"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 400px;
  color: lightblue;
  top: 50%;
  left: 50%;
  margin: -300px 0 0 -200px;
  z-index: 1;
}

.circleicon {
  font-size: 1.8em;
  width: 1.8em;
  text-align: center;
  line-height: 1.8em;
  background: #666;
  color: #fff;
  border-radius: 0.9em; /* or 50% width & line-height */

}
.sticky-top{z-index:99!important;}


.burmistrz{

background: linear-gradient(
     rgba(59, 59, 152,0.5), 
     rgba(24, 44, 97,1.0)
    ),
    /* bottom, image */
    url(../img/bur.jpg);
		background-position: center center;
		background-size: cover;}
.fotobur{position: relative;}
.typewriter h2 {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}
.fotoalign{position: absolute; bottom: 0; width: 100%; right:10px;}

.bg-primary{background:#055199!important;}
.text-primary{color: #055199!important;}
.contrast{background: #000!important; color: yellow!important; border-color:yellow!important;}
.width100{width: 100%!important;}
.but1{position: relative; width: 280px; margin: 0 auto;}
.but2{line-height: 20px; width: 99%; position: absolute; bottom: 26%; left: 0; color: #ffffff; font: 14px Open Sans, Sans, Sans-Serif; font-weight: bold; text-align: center; letter-spacing: +2px; word-wrap: break-word; vertical-align: middle; margin-left: 3px;}
.zoom{
transition: transform .4s;
}
.lineheight-2{
line-height: 26px;
}

.sherif{font-family: 'Roboto Slab', serif!important;}

.trescpage table{width:100%!important; overflow: auto;}
.trescpage table tr{padding: 15px!important;}
.trescpage table tr td{padding:5px!important; vertical-align: top!important; }
.trescpage table tr:nth-child(odd){background:#ffffff!important;}
.p12 a:first-of-type, .p12 a:last-of-type, .p12 .is-active{
  background-color: #f2f2f2;
  color: #000;
 
}
.pagination{
  padding: 30px 0;
}

.pagination ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.pagination a{
  display: inline-block;
  padding: 10px 18px;
  color: #222;
}

.drugi:hover{background: #f6f6f6;}
.rounded-lg{border-radius: 8px;}
.podmenu li{border:0px!important;}
.podmenu li:hover{background-color: RGBA(255,255,255,0.2)!important; border: 2px solid  RGBA(255,255,255,0.3)!important; border-radius: 10px;}
.bg-twitter{background: #1da1f2;}
.bg-facebook{background: #3b5998;}
.bg-czerwony{background:#ee3440;}
.border-czerwony{border-left: 4px solid #ee3440; border-radius: 5px;}
.limonka{background: #BEC619;}
.sliwka{background: #4A569A;}
.dzial{position: absolute; top:10px; left:10px; z-index:5;}
.zoom:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}
.h7{font-size: 0.8em;}
.slogan{line-height: 20px;}
a:hover{cursor: pointer;}
.duzaikona{font-size:3em!important;}
a:focus{outline:2px dotted red!important;}
.nofocus{outline:0px dotted red!important;}
.color1_bg{background:#5352ed;}
.link-white{border: 2px solid transparent; text-decoration:none;}
.link-white:hover{border:2px dotted white; text-decoration:none;}
.link{border: 2px solid transparent; text-decoration:none; padding:0px; margin:0px;}
.text-siwy{color:#9B9B9B;}
.bg-siwy{background: #F2F2F2;}
.link:hover{border:2px dotted red!important; text-decoration:none; font-weight: normal!important;}

.siwy_bg{background: #F2F2F2;}
.menu ul{list-style-type:none; margin:0px; padding:0px;}
.menu ul li{display: inline-table;}
.srodek {
width: 100%;
height: 500px;
background-repeat:no-repeat;
background-position: bottom;
background-size: 100%;
margin-top: -20px;
}





.przetargi{
background-color: #0c2461;
background-image: url('../img/webb.png');

}


.border-blue{border:2px solid #4a69bd;}




.gradient-zielony{
background: rgb(85,197,149);
background: linear-gradient(0deg, rgba(85,197,149,1) 0%, rgba(53,157,158,1) 100%);
}

.panelbok{
position: fixed;
right: 0;
bottom: 55%;
background: #fff;
z-index:99999;
}
.panelbok ul li:hover{
background: #b33939!important;


}

.przyciski{margin-top: -40px;}
.przyciski a:hover{font-weight: normal;}


.bg-zielony2{background: #86BD2F;}

.black_text{color: #000;}
.header{font-size: 15px; letter-spacing: 0.01em; }
.ikony ul{list-style-type:none; margin: 0px; padding: 0px;}
.ikony img{width: 22px;}
.ikony button{border:0px; background:none; color: #fff;}
.ikony ul li{ text-align: center;}
.ikony ul li a{border: 2px solid transparent;}
.ikony ul li a:hover{background: #055199; color: #fff!important;border:2px dotted red;}
.ikony ul li a:focus{}
.ikony ul li button{border: 2px solid transparent; color: #9B9B9B;}
.ikony ul li button:hover{background: ##9B9B9B;color: #9B9B9B!important;;border:2px dotted red;}
.ikony ul li button:focus{background: #fff; color: #9B9B9B!important;border:2px dotted red;}
.ikony ul li button:active{background: #055199; color: #fff!important;border:2px dotted red;}
.logo img{width: 33%; padding: 5px;}
.logo a{border: 2px solid transparent;}
.logo a:hover{border:2px dotted red;}
.logo h1{font-size: 20px; font-style:normal; font-weight: 700; line-height: 22px;}

.fotoslid{background: url('../images/starostwo_bg.jpg'); background-size: 100%; background-position: top; background-repeat: no-repeat;}
.fotoslid .container{opacity: 1; z-index:2;}
.kalendariumbok{
position: absolute;
left: 0;
top:0; 
width: 25%;
height: 100%;
background: rgba(230, 126, 34,0.7);
vertical-align: middle;
z-index:20;

}

.kalendariumdol{
  background: rgba(211, 84, 0,1.0);


}
.miniatura{
position: relative;
display: block;
  positzaion: relative;
  height: 0;
  padding: 56.25% 0 0 0;
  overflow: hidden;
	border: 1px solid #efefef;
}



.miniatura .foto img{
position: absolute;
  display: block;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
	

}

.miniatura2{
position: relative;
display: block;
  position: relative;
  height: 0;
  padding: 90% 0 0 0;
  overflow: hidden;
	border: 0px solid #efefef;
}

.miniatura3{
  position: relative;
  display: block;
    positzaion: relative;
    height: 0;
    padding: 75.25% 0 0 0;
    overflow: hidden;
    border: 0px solid #efefef;
  }
  
  
  
  .miniatura3 .foto img{
  position: absolute;
    display: block;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    
  
  }

  .miniatura3 h1{

    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 10;
  }

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{ color: #fff;  }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}

.miniatura2 .foto img{
position: absolute;
  display: block;
  width:auto;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
	

}

.gradient{
background: linear-gradient(0deg, rgba(2,17,101,1) 0%, rgba(0,0,0,0) 55%);
position: absolute;
bottom: 0px; 
width: 100%;
height: 55%;

}


.kwadrat {
  position: relative;
  
}

.kwadrat:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.zawartosc {
  position: absolute;
  width: 100%;
  height: 100%;
}

.tytul{

}


.opacity:hover{opacity:0.9;}

.shadow-text{
text-shadow: 1px 1px 3px #000;
}

.shadow-hover:hover{
-webkit-box-shadow: 0px 0px 34px -13px rgba(0,0,0,0.67);
-moz-box-shadow: 0px 0px 34px -13px rgba(0,0,0,0.67);
box-shadow: 0px 0px 34px -13px rgba(0,0,0,0.67);
}

.img-mini{
width: 50px!important;
}

.miniatura .tytul{
position: absolute;
bottom: 0; left:0;
z-index:5; width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+8,000000+100&0+2,0.65+58 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 2%, rgba(0,0,0,0.07) 8%, rgba(0,0,0,0.65) 58%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 2%,rgba(0,0,0,0.07) 8%,rgba(0,0,0,0.65) 58%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 2%,rgba(0,0,0,0.07) 8%,rgba(0,0,0,0.65) 58%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
padding-bottom: 40px!important;
padding-top: 30px!important;
text-shadow: 1px 1px 4px #000;
font-weight: 600;
}

.kwadraty i{font-size:40px; margin-bottom:20px;}
.kwadraty .embed-responsive-item:hover{background: #ff4757;}

.niezbednik{border-top-width: 4px!important;}

.paral {

}

.cien-dol{-webkit-box-shadow: 0px 2px 10px -9px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 2px 10px -9px rgba(0,0,0,0.75);
  box-shadow: 0px 2px 10px -9px rgba(0,0,0,0.75);}

.shadowbox:hover{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.palac{
background-image: url("../images/palac.jpg");
min-height: 500px;
background-attachment: fixed;
background-size: cover;
background-position: 50% 50%;
}

.link:hover{font-weight: bold;}

 #calendar {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 10px;
  }
	
	
.border-width-1{border-width: 1px!important;}
.border-width-2{border-width: 2px!important;}
.border-width-3{border-width: 3px!important;}
.border-width-4{border-width: 4px!important;}
.border-width-5{border-width: 5px!important;}
.border-width-6{border-width: 6px!important;}
.border-width-7{border-width: 7px!important;}
.border-width-8{border-width: 8px!important;}



@media (max-width: 750px) {
.kolumny3{column-count: 1;column-rule: 0px solid #f3f3f3;}
.kolumny3 a{color: #000!important;}
  .dropdown-menu{width: 100%;  background: RGBA(255,255,255,0.1)!important; border-width: 0px;}
	.dropdown-menu a{border: 2px solid transparent; color: #000;background: RGBA(255,255,255,0.2);}
.dropdown-menu a:hover{border:2px dotted red; background: none; color:#000;}
.navbar-toggler{color: #fff!important;}
.fotoslid{}
.schowaj{display:none;}
.srodek {
width: 100%;
height: 250px;
background-repeat:no-repeat;
background-position: center center;
background-size: cover;
background-image: url('../img/slider1.jpg');
margin-top: -20px;
}
.przyciski .h1{line-height: 20px;}

.panelbok{
position:fixed;
bottom: 0px!important;
left:0px!important;


}

.panelbok ul li{
width: 19%!important;
display: inline-table;
margin: 0px!important;
padding:0px!important;
text-align: center;
padding-top: 15px!important;
padding-bottom: 15px!important;
}

}


.owl-carousel .item {
  margin: 3px
}

.owl-carousel .item img {
  display: block;
  width: 100%;
  height: auto
}

.owl-carousel .item {
  margin: 3px
}

.owl-carousel {
  margin-bottom: 15px
}

@media (min-width: 1500px) {
  .container{width: 1400px!important;}
}

 #slider {
            width: 70%;
            height: 400px;
            margin: auto;
            position: relative;
            font-family: 'Roboto', Arial, Helvetica, sans-serif;
            font-size: 15px;
        }

        #slider .slides-container {
            position: relative;
            width: 100%;
            height: 100%;
        }

        #slider .slide {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            display: none;
        }

        #slider .slide .text {
            width: 100%;
            height: 100%;
            background: #8fc6eb;
            color: #fff;
            text-transform: uppercase;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
        }

        #slider .slide:first-child {
            display: block;
        }

        #slider img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        #slider .pager {
            font-size: 14px;
            font-weight: 900;
            color: #777;
            text-align: center;
            margin-top: 5px;
        }

        #slider .arrows a {
            position: absolute;
            text-decoration: none;
            color: rgba(255, 255, 255, 0.65);
            top: 43%;
            left: 15px;
            font-weight: 400;
            line-height: 1;
            font-size: 42px;
        }

        #slider .arrows a:hover {
            color: #fff;
        }

        #slider .arrows a.next {
            left: initial;
            right: 15px;
        }
				#skipLinks {margin: 0; padding: 0; position: absolute; top: 0; list-style: none}
				#skipLinks a { 
 display: inline; 
 left: -9000em; 
 padding: 7px 10px; 
 position: absolute; 
 text-align: center; 
 text-decoration: none; 
 width: 150px; 
 z-index: 200; 
}



#skipLinks a:hover, 
#skipLinks a:focus, 
#skipLinks a:active { background: #231f20; color: #fff; left: 0; position: absolute; top: 0;  }