body 			{margin:0;padding:0;text-align:center;background:#495d6c;}

#header 	{height:169px;width:100%;background:#495d6c;}
#top 			{height:169px;width:910px;margin:0 auto;background:url(../images/header.jpg);position:relative;z-index:10000;}

#contener {width:100%;background:#eff3f6;}
#content {width:910px;margin:0 auto;background:url(../images/bg-main.gif);text-align:left;}

#foot 	{width:100%;background:#495d6c;font:normal 9px Verdana;color:#fff;}
#footer    {width:910px;height:64px;background:url(../images/footer.gif);margin:0 auto;}
#logos    {width:900px;height:44px;clear:both;margin:0 auto;padding:5px 0;display:table;border-top:1px solid #ccc;}
#logos ul {margin:0 auto;padding:0;margin-left:10px;}
#logos li {list-style:none;float:left;color:#999;}
#logos a {padding:0 17px;}

#col1     {width:66%;float:left;}
#col2     {width:33%;float:right;border-left:1px solid #495d6c;overflow:hidden;}
.m20      {margin:20px;}

h1, h2, h3, h4, h5 {color:#495d6c;font-family:Arial;}
h1        {height:30px;font:bold 26px Arial;color:#495d6c;padding-left:20px;}
h2        {margin-top:40px;}

#col2 h3  {border-bottom:1px solid #495d6c;width:95%;text-indent:10px;margin-bottom:0;}

p, ul, ol, td {text-align:justify;font-weight:normal;line-height:150%;font-size:12px;}
p         {text-indent:20px;}
a         {color:#c00;}
img       {border:0;}
ul.o10 li {margin-top:10px;}
table,td  {font-size:0.9em}
th        {padding:5px;border-bottom:2px solid #000;}
td        {margin:3px 0;padding:2px;border-bottom:1px solid #fff;font-weight:normal;}

.center	{text-align:center;}
.center img {margin:0 auto;}
.center div {margin:0 auto;}

div.col1 {float:left;}
div.col2 {float:right;}

#lnews    {padding:5px;padding-right:15px;margin-right:6px;height:220px;overflow:auto;}
#lnews a.news  {padding-top:10px;}
#lnews p  {margin:0;margin-bottom:10px;text-indent:0;}

.main-cards {width:170px;height:108px;padding:5px;}

a.back    {margin-left:20px;}
/* podstrony */
#news     {width:560px;overflow:auto}

#akcesoria_do_kart div.col1 {width:257px;}
#akcesoria_do_kart div.col2 {width:300px;}

#rejestracja div.col1 {width:155px;}
#rejestracja div.col2 {width:410px;}

#karty_2 div.col1 {width:250px;}
#karty_2 div.col2 {width:250px;}

#kontrola_dostepu div.col1 {width:120px;}
#kontrola_dostepu div.col2 {width:440px;}

ol#elementy_karty {text-align:left;font-size:11px;}
ol#elementy_karty li, ol#elementy_karty li a {color:#000;}
div#budowa_karty {width:360px;height:370px;float:right;background:#fff;}

/* kontakt */
span.label {display:block;width:150px;}
input, textarea, select {border:1px solid #666;background:#eee;}
input, textarea {width:220px;}
input.send      {margin:10px auto;}
.long {width:444px;}
#kontakt td {border:0;}
#kontakt p {text-indent:0;}
/* zapytanie */
#zapytanie p          {font-size:11px;}
#zapytanie span.label {width:250px;text-align:right;padding-right:10px;float:left;}
#zapytanie select     {width:60px;}
#zapytanie textarea   {height:80px;}

/* referencje */
#ref img {padding:2px;border:1px solid #495d6c;}

	img.foto1		{border:3px solid #ccc;padding:2px;margin:10px;}
	img.left		{float:left;margin-left:0;}
	img.right		{float:right;margin-right:0;}
	p						{text-align:justify;}
	div.clear		{width:100%;clear:both;text-align:center;}
	div.clear img {margin:0 auto;}
	pre         {color:#c00;}
	
	.red        {color:#f00}

#referencje ul {list-style:none;margin:0;padding:0;}	
#referencje .col1 {width:130px;text-align:center;}
#referencje .col1 img {margin:10px auto;}
#referencje .col2 {width:420px;overflow:auto;}

/* karty */
#cards        {margin:5px;}
#cards img      {margin:2px;padding:2px;border:1px solid #eff3f6;}
#cards img:hover {border:1px solid #495d6c;}

body {
      scrollbar-arrow-color: #eff3f6;
      scrollbar-base-color: #495d6c;
      scrollbar-track-color: #eff3f6;
      scrollbar-highlight-color:#495d6c;
      scrollbar-shadow-color:#495d6c;
      } 
  
#main-anim {z-index:0;}

#buttons  {text-align:center;}
a.Button1 {width:170px;height:110px;padding:auto;margin:5px;border:2px solid #ddd;text-align:center;vertical-align:middle;text-decoration:none;float:left;font-weight:bold;background:#DFE4E8;}
a.Button1:hover {border-right:2px solid #aaa;text-decoration:uderline;background:#495d6c;color:#fff;}
a.Button1 span {margin-top:45px;display:block;}
a.Button1Opt1 span {margin-top:45px;}


#main-content {width:900px;height:400px;margin-left:5px;position:relative;z-index:0;}
.main-box     {width:260px;height:230px;position:absolute;}
#main-box1    {background:#E7B6BA;top:10px;left:10px;}
#main-box2    {background:#F4E7BA;top:10px;right:10px;}
#main-box3    {height:130px;background:#C2DEB8;bottom:20px;left:10px;}
#main-box4    {height:130px;background:#B4BDDA;bottom:20px;right:10px;}
#main-content img {width:140px;height:89px;position:absolute;z-index:2;}
img#main03m   {top:40px;left:300px;}
img#main05m   {top:40px;right:300px;}
img#main02m   {top:150px;left:215px;}
img#main04m   {top:150px;left:380px;}
img#main01m   {top:150px;right:215px;}
img#main07m   {top:260px;left:290px;}
img#main06m   {top:260px;right:290px;}
.main-box     {font:normal 10pt MS Sans Serif;overflow:auto;}
.main-box span    {display:block;width:100%;padding:2px 0;text-indent:2px;font:bold 9pt MS Sans Serif;color:#fff;}
.main-box ul, .main-box li  {margin:0;padding:0;list-style:none;line-height:100%;}
.main-box ul  {margin:4px 6px;} 
#main-box1 span {background:#d00000;}
#main-box2 span {background:#FFC501;}
#main-box3 span {background:#409E02;}
#main-box4 span {background:#001F82;}
#main-box2 ul, #main-box4 ul  {text-align:right;}