body {
  margin: 0px auto;
  background: #ffffff;
}

div.center{
  margin-left: auto ;
  margin-right: auto ;
}

div#main_container_bar {
  display: block;
  height: 22px;
  margin: 15px 16px 0px 16px;
  width: auto;
  background: url(/img/top_bar.png) repeat-x;
  font: 14px Verdana;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  position: relative;
}

div#main_container_bar h1 {
  font: 14px Verdana;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

div#main_container_bar_corner_left {
  display: block;
  position: absolute;
  height: 22px;
  width: 11px;
  left: 0px;
  top: 0px;
  background: url(/img/top_bar_corner_left.png) no-repeat 0px 0px;
}

div#main_container_bar_corner_right {
  display: block;
  height: 22px;
  width: 11px;
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(/img/top_bar_corner_right.png) no-repeat 0px 0px;
}

div#main_container {
  display: block;
  width: auto;
  margin: 0px 16px 15px 16px;
  border: 1px solid #b7b7ba;
  background: url(/img/main_bg.jpg) repeat-x bottom;
  overflow: hidden!important;
}

div#main_container_head {
  display: block;
  width: auto;
  clear: both;
  margin: 0px;
  padding: 10px;
}

a#nac_logo {
  display: block;
  width: 200px;
  height: 105px;
  background: url(/img/logo-NAC-PL-poziom_CMYK.jpg) no-repeat 0px 0px;
  float: left;
}

div#search_form {
  display: block;
  height: 86px;
  width: 170px;
  margin: 0px 10px;
  padding-top: 20px;
  float: left;
}

div#search_form div.input input {
  display: block;
  width: 145px;
  float: left;
}

div#search_form div.submit {
  float: right;
}

div#search_form div.submit input {
  border: none!important;
}
/*
 * Main menu
 */

ul#main_menu {
  display: block;
  width: auto;
  margin: 0px;
  padding: 0px;
  float: right;
}

ul#main_menu li,
ul#main_menu li a {
  display: block;
  margin: 0px;
  padding: 0px;
}

ul#main_menu li {
  height: 60px;
  width: 50px;
  list-style-type: none;
  float: left;
  margin: 5px;
  text-align: center;
}

ul#main_menu li a,
ul#main_menu li a:visited {
  display: block;
  padding-top: 50px;
  width: 45px;
  font: 10px Verdana;
  color: #b7b7ba;
  text-decoration: none;
}

.wyszukaj {
  background: url(/img/menu/wyszukaj.png) top center no-repeat;
}

.regulamin {
  background: url(/img/menu/regulamin.png) top center no-repeat;
}

li.regulamin {
  width: 124px !important;
}

li.regulamin a {
  width: 124px !important;
}

li.cennik {
  width: 90px !important;
}

li.cennik a {
  width: 90px !important;
}

.pomoc {
  background: url(/img/menu/pomoc.png) top center no-repeat;
}

.cennik {
  background: url(/img/menu/cennik.png) top center no-repeat;
}

.kontakt {
  background: url(/img/menu/kontakt.png) top center no-repeat;
}

.zarejestruj {
  background: url(/img/menu/zarejestruj.png) top center no-repeat;
}

.kolory {
  background: url(/img/menu/kolory.png) top center no-repeat;
}

.zaloguj {
  background: url(/img/menu/zaloguj.png) top center no-repeat;
}

.wyloguj {
  background: url(/img/menu/wyloguj.png) top center no-repeat;
}

ul#main_menu li.ulubione {
  background: url(/img/menu/ulubione.png) top center no-repeat;
}

.koszyk {
  background: url(/img/menu/koszyk.png) top center no-repeat;
}
/*
 * End of main menu
 */
div.list{
  display: block;
	margin: auto;
  font: 12px Verdana;
  color: #555;
  width: auto;
  clear: both;
  overflow: hidden;
}

div#content {
  display: block;
  font: 12px Verdana;
  color: #555;
  width: auto;
  clear: both;
  padding: 20px;
  overflow: hidden;
  margin: 0 auto;
  _zoom: 1;
  _height: 1%;
}

/*
 * Begin: small BOX
 */

div.box {
  display: block;
  left: 50%;
  width: 200px;
  float: left;
  margin: 5px 18px;
  _margin: 8px;
}

div.box_content {
  display: block;
  width: 200px;
  height: 360px;
  background: url(/img/box_corners/content_bg.gif) repeat-y;
  font: 10px Verdana!important;
  padding: 0px 10px;
}

div.box_top {
  display: block;
  position: relative;
  height: 21px;
  width: 200px;
}

div.box_top div.corner_left {
  display: block;
  width: 20px;
  height: 21px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(/img/box_corners/top_left.gif) 0px 0px no-repeat;
}

div.box_top div.box_top_bg {
  display: block;
  position: absolute;
  left: 20px;
  height: 21px;
  width: 160px;
  background: url(/img/box_corners/top_bg.gif) repeat-x;
}

div.box_top div.corner_right {
  display: block;
  width: 20px;
  height: 21px;
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(/img/box_corners/top_right.gif) 0px 0px no-repeat;
}

div.box_bottom {
  display: block;
  position: relative;
  height: 21px;
  width: 200px;
}

div.box_bottom div.corner_left {
  display: block;
  width: 20px;
  height: 21px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(/img/box_corners/bottom_left.gif) 0px 0px no-repeat;
}

div.box_bottom div.box_bottom_bg {
  display: block;
  position: absolute;
  left: 20px;
  height: 21px;
  width: 160px;
  background: url(/img/box_corners/bottom_bg.gif) repeat-x;
}

div.box_bottom div.corner_right {
  display: block;
  width: 20px;
  height: 21px;
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(/img/box_corners/bottom_right.gif) 0px 0px no-repeat;
}

div.box_gloss {
  display: block;
  _display: none;
  height: 21px;
  width: 200px;
  background: url(/img/box_corners/gloss.png) 0px 0px no-repeat;
}

ul.box_menu {
  display: block;
  height: 80px;
  width: 200px;
  margin: 0px;
  padding: 0px 3px;
  background: url(/img/box_corners/content_bg.gif) repeat-y;
}

ul.box_menu li,
ul.box_menu li a {
  display: block;
  position: relative;
  margin: 0px;
  padding: 0px;
}

ul.box_menu li {
  display: block;
  width: 60px;
  height: 70px;
  list-style-type: none;
  float: left;
  text-align: center;
  margin: 0px 18px;
}

ul.box_menu li a,
ul.box_menu li a:visited {
  padding-top: 60px;
  width: 60px;
  font: 12px Verdana;
  color: #4d4f4e;
  text-decoration: none;
}

.zobacz {
  background: url(/img/box_corners/zobacz.jpg) center no-repeat;
}

.ulubione {
  background: url(/img/box_corners/ulubione.jpg) center no-repeat;
}

.ulubione_usun {
  background: url(/img/box_corners/ulubione_usun.jpg) center no-repeat;
}

.zamow {
  background: url(/img/box_corners/zamow.jpg) center no-repeat;
}

/*
 * End of small BOX
 */

/*
 * Begin: big box
 */

div.big_box {
  display: block;
  width: 450px;
  margin: 5px auto;
}

div.big_box_content {
  display: block;
  width: 450px;
  min-height: 80px;
  background: url(/img/box_corners/big_content_bg.gif) repeat-y;
  padding: 10px;
}

div.big_box_top {
  display: block;
  position: relative;
  height: 21px;
  width: 450px;
}

div.big_box_top div.corner_left {
  display: block;
  width: 20px;
  height: 21px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(/img/box_corners/top_left.gif) 0px 0px no-repeat;
}

div.big_box_top div.box_top_bg {
  display: block;
  position: absolute;
  left: 20px;
  height: 21px;
  width: 420px;
  background: url(/img/box_corners/top_bg.gif) repeat-x;
}

div.big_box_top div.corner_right {
  display: block;
  width: 20px;
  height: 21px;
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(/img/box_corners/top_right.gif) 0px 0px no-repeat;
}

div.big_box_bottom {
  display: block;
  position: relative;
  height: 21px;
  width: 450px;
}

div.big_box_bottom div.corner_left {
  display: block;
  width: 20px;
  height: 21px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(/img/box_corners/bottom_left.gif) 0px 0px no-repeat;
}

div.big_box_bottom div.box_bottom_bg {
  display: block;
  position: absolute;
  left: 20px;
  height: 21px;
  width: 420px;
  background: url(/img/box_corners/bottom_bg.gif) repeat-x;
}

div.big_box_bottom div.corner_right {
  display: block;
  width: 20px;
  height: 21px;
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(/img/box_corners/bottom_right.gif) 0px 0px no-repeat;
}

div.big_box_gloss {
  display: block;
  _display: none;
  height: 60px;
  width: 450px;
  background: url(/img/box_corners/big_gloss.png) 0px 0px no-repeat;
}

div.box_content div.box_title {
  display: block;
  width: 180px;
  font: 10px Verdana!important;
  margin: 5px 0px;
  border-bottom: 1px solid #888;
  padding: 0px;
}

div.box_content div.box_title strong {
  font-weight: normal;
  text-decoration: underline;
}

div.big_box_content div.box_title {
  display: block;
  width: 430px;
  font: 10px Verdana;
  border-bottom: 1px solid #888;
  margin: 5px 0px;
}

div.tabs {
  display: block;
  position: absolute;
  width: 180px;
  top: 440px;
  _top: 420px;
  left: 50%;
  margin-left: 224px;
  _margin-left: 215px;
  _zoom: 1;
}

div.tab {
  display: block;
  height: 22px;
  background: url(/img/tab.gif) right center no-repeat;
  font: 10px Verdana;
  color: #fff;
  vertical-align: middle;
  margin: 1px 0px 0px 0px;
  padding-top: 3px;
  padding-right: 5px;
  padding-left: 5px;
}

div.tab a,
div.tab a:visited {
  font: 10px Verdana;
  color: #fff;
  text-decoration: none;
}

/*
 * small_box
 */

div.small_box {
  position: absolute;
  display: block;
  width: 110px;
  height: 155px;
  top: 200px;
}

div.small_box_top {
  display: block;
  width: 110px;
  height: 15px;
  margin: 0px;
  _margin-bottom: -5px;
  background: url(/img/small_box/top.gif) top center no-repeat;
}

div.small_box_content {
  display: block;
  margin: 0px;
  width: 110px;
  height: 125px;
  background: #ced0d4;
  text-align: center;
}

div.small_box_bottom {
  display: block;
  width: 110px;
  height: 15px;
  background: url(/img/small_box/bottom.gif) top center no-repeat;
}

div.small_box_gloss {
  display: block;
  _display: none;
  width: 110px;
  height: 125px;
  background: url(/img/small_box/gloss.png) top center no-repeat;
}

.box_left {
  left: 30px;
}

.box_right {
  right: 30px;
}


/*
 * other
 */

div.text_centered {
  padding: 50px 0px;
  font: 14px Verdana;
  text-align: center;
}

form#register_form,
form#login_form {
  margin: 70px 0px;
}

.find_text1 {
  font: 14px Verdana;
}

a.button {
  display: block;
  padding: 5px;
  border: 1px solid #777;
  background: url(/img/main_bg.jpg) repeat-x bottom;
  text-decoration: none;
  font: 14px Verdana;
  color: #4d4f4e;
  text-align: center;
}

a.photo {
  display: block;
  width: 180px;
  margin: 0px;
  text-align: center;
  padding: 0px;
}

div#big_box_content a.photo {
  display: block;
  margin: 0px auto;
  text-align: center;
  padding: 0px;
}

div.photo {
  display: block;
  margin: 0px;
  text-align: center;
  width: 430px;
  padding: 0px;
}

div.photo img {
  margin: 0px;
  padding: 0px;
}

a.photo img {
  display: block;
  margin: 0px auto;
  padding: 0px;
  max-width: 100%;
}

a.dodajDoUlubionych {
  display: block;
  width: 155px;
  height: 20px;
  position: absolute;
  top: 192px;
  _top: 187px;
  left: 50%;
  margin-left: 25px;
  background: url(/img/favTab.png) 0px 0px no-repeat;
  color: #fff;
  text-decoration: none;
  padding-top: 2px;
  padding-left: 5px;
  font: 12px Verdana;
}

form.search_form {
  display: block;
  width: 172px;
  height: 22px;
}

form.search_form input.find_input {
  display: block;
  width: 146px;
  height: 22px;
  background: url(/img/search.jpg) 0px 0px no-repeat;
  border: none;
  float: left;
  padding-left: 5px;
}

form input {
  display: block;
  background: #fff;
  border: 1px solid #2882cd;
}

a.find_button {
  display: block;
  float: right;
}

div.paging {
  display: block;
  width: auto;
  height: 25px;
  font: 12px Verdana;
  font-weight: bold;
  text-align: center;
  clear: both;
}

div.paging a {
  text-decoration: none;
  color: #777;
}

div.paging a:hover {
  color: #000;
}

div.paging .prev {
  margin-right: 5px;
}

div.paging .next {
  margin-left: 5px;
}
span.highlight {
  background: yellow!important;
}

/*
 * Advamced search
 */

div#advanced_search {
  display: block;
  min-height: 450px;
  padding: 40px 0px 100px 0px;
  text-align: center;
}

div#advanced_search h2 { 
  font: 22px Verdana;
}

div#advanced_search input {
  margin: 2px auto;
}

div#advanced_search div#buttons {
  display: block;
  width: 210px;
  height: 30px;
  margin: 16px auto;
}

div#advanced_search div#buttons input#clear {
  display: block;
  float: left;
  width: 90px;
  height: 25px;
  color: #666;
  background: url('/img/button.png') bottom repeat-x;
}

div#advanced_search div#buttons input#submit {
  display: block;
  float: right;
  width: 90px;
  height: 25px;
}

h1.title,
h2.title {
  font: 22px Verdana;
  color: #2882cd;
  text-align: center;
}

h2.title {
  font: 20px Verdana;
}

div.message {
  display: block;
  padding: 10px 2px;
  background: yellow;
  border: 1px solid #666;
  text-align: center;
  font-weight: bold;
  margin: 5px;
}

input.form-error {
  border: 1px solid red;
}

div.error-message {
  font: 10px Arial;
  width: 200px;
  margin: 2px auto;
  color: red;
}

#tooltip.pretty {
  font-family: Arial !important;
  font-size: 10px;
  border: none;
  width: 140px;
  padding: 20px 35px 18px 30px;
  height: 150px;
  _height: auto;
  opacity: 0.8;
  background: url('/img/tipshadow.png') top left no-repeat;
}

#tooltip.pretty h3 {
  font: 10px Arial;
}

#ImageAudio_ {
  border: none;
}

div.findAudio {
  margin: 10px auto;
}

div.submit input {
  color: #666;
  background: url('/img/button.png') bottom repeat-x;
}

a#advSlink {
  color: #2882cd;
  font: 12px Verdana;
  font-weight: bold;
  text-decoration: none;
}
a.link  {
  color: #000000;
  font: 12px Verdana;
  font-weight: bold;
  text-decoration: none;
}
a.link:hover {
  color: #FF0000;
  font: 12px Verdana;
  font-weight: bold;
  text-decoration: none;
}
a.link_zespol, a.link_zespol:visited {
  text-decoration: none;
  color: #555555;
}
a.link_zespol:hover{
  text-decoration: none;
  color: #000000;
}


a.person, a.person:hover, a.person:visited {
  text-decoration: none;
}



/** PAGINATOR **/
.paginator { 
	padding:.5em .75em;
	text-align: center;
	font:normal 1em arial; }
 
.paginator .prev-na,
.paginator .next-na {
	padding:.3em;
	font:bold .875em arial;
}
 
.paginator .prev-na,
.paginator .next-na {
	border:1px solid #ccc;
	background-color:#f9f9f9;
	color:#aaa;
	font-weight:normal;
}
 
.paginator .prev a, .paginator .prev a:visited,
.paginator .next a, .paginator .next a:visited {
	border:1px solid #c2ee62;
	background-color:#edfdd0;
	color:#234f32;
	padding:.3em;
	font:bold .875em arial;
}
 
.paginator .prev, .paginator .prev-na { margin-right:.5em; }
.paginator .next, .paginator .next-na { margin-left:.5em; }
 
.paginator .page a, .paginator .page a:visited, .paginator .curr {
	padding:.25em;
	font:normal .875em verdana;
	border:1px solid #C2EE62;
	background-color:#EDFDD0;
	margin:0em .25em;	
	color:#006000;
}
 
.paginator .curr { 
	background-color:#234f32;
	color:#fff;
	border:1px solid #234f32;
	font-weight:bold;
	font-size:1em;
}
 
.paginator .page a:hover,
.paginator .curr a:hover,
.paginator .prev a:hover,
.paginator .next a:hover {
	color:#fff;
	background-color:#234f32;
	border:1px solid #234f32;
}