/* reset css */
body {font-size:100.01%}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
img {display:block;}


/* 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%; }


body{	background: #fff url(img/bg.png) no-repeat top center; color: #444; 
font: 1em/1.7 Arial, helvetica, sans-serif;}

 
a{text-decoration: underline; color: #0066cc;}
a:hover{ color: #003399; }
 
 

 
h1, h2{ position: relative; height: 30px; font-size:1.3em; padding-bottom:10px; margin-bottom:10px;  font-weight:normal; color:#e9534c; border-bottom:1px dashed #eee;}
h2 {color:#007fb1; font-size:1em;}
h3{font-size:1em; font-weight:bold; color:#888;}
h1 span,h2 span{position: absolute; width: 100%; height: 100%;}


h1#start span {  background: transparent url(img/h/ofirmie.gif) top left no-repeat;} 
h1#ofirmie span {  background: transparent url(img/h/ofirmie.gif) top left no-repeat;}
h1#kursywalut span {  background: transparent url(img/h/kursywalut.gif) top left no-repeat;}
h1#kontakt span {  background: transparent url(img/h/kontakt.gif) top left no-repeat;}
h2#adres span {  background: transparent url(img/h/adres.gif) top left no-repeat;}

h1#detal span {  background: transparent url(img/h/detal.gif) top left no-repeat;} 
h2#hurt span {  background: transparent url(img/h/hurt.gif) top left no-repeat;} 

h2#negocjuj_waluty span {  background: transparent url(img/h/negocjuj_waluty.gif) top left no-repeat;} 

 


 
ul#skip-links { position: absolute; top: 0; left: -10001px; list-style: none;}
ul#skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 950px; padding: 2px 0; background: #fff; color: #000;}

.wrapper{width:960px; margin:0 auto;}

#top{text-align:right; background:#0085af; height:30px; line-height:30px; color:#cef4ff; font-weight:bold; font-size:0.9em;}
#top p {padding:0 20px 0 20px; display:inline;}

#header{ padding: 15px 0; position: relative;}
#header ul{	font-size:0.8em; width:370px; position: absolute;	top: 37px;	right: 0;}
#header ul li{margin-right: 15px;	float: left; width:100px; }
#header ul li a{font-weight:bold;	text-decoration:none; display: block;	line-height: 30px; height:30px; text-align:center; background: #009ecd; color: #fff;}
#header ul li a:hover{background:#01abde; color:#fff;}
#header ul li.active a{background:#00779d; color:#fff;}

#header #logo{width:476px;}

#content{ padding: 20px 0; border-bottom: 5px solid #fdc913; 	background: #fff; }
#content p{ padding:10px; background:#fffdf7;}

#center-col {padding:30px 30px; width:900px; clear:both; }
#left-col{ border-right: 1px solid #eee; width: 529px; float: left; padding:0 30px; }
#right-col{ width: 310px; float: right; padding:0 30px;}

#left-col-constant{ border-right: 1px solid #eee; width: 419px; float: left; padding:0 30px; }
#right-col-constant{ width: 420px; float: right; padding:0 30px;}


#footer {background:#fafafa; padding:15px 30px; margin-bottom:80px; font-size:0.85em; color:#999;}
#footer p span{float:right;}

 

table.tab{border-bottom:1px solid #bbb; background:#fff; width:100%; }
table.tab td{text-align:left;   padding:1px 20px; border-top:1px solid #eeeeee;   }
table.tab td b{font-size:1.3em;}
table.tab th{text-align:left; padding:1px 20px; background:#c9ebff; color:#0090bb;  }
table.tab th a{color:#0090bb; text-decoration:none;}
table.tab tr:hover{background:#fffee5;}
table.tab td.cena{color:#000; font-weight:bold;}

table.tab_hurt th {background:#c9ebff;}



#kontakt fieldset div {clear:both; padding-top:10px; }
#kontakt fieldset div label {font-weight:bold; clear:both; display:block;  } 
#kontakt fieldset div label span { font-size:0.75em;  font-weight:normal;} 
#kontakt fieldset div input { width:50%; border:1px solid #eee; border-top: 1px solid #bbbcb7; border-left: 1px solid #bbbcb7; padding: 5px;  }
#kontakt fieldset div input.error{border:1px solid #cc0000;}
#kontakt fieldset div textarea { width:85%;  border:1px solid #eee; border-top: 1px solid #bbbcb7; border-left: 1px solid #bbbcb7;  height:12em; padding: 5px;  overflow: auto; }
#kontakt fieldset div textarea:hover,
#kontakt fieldset div textarea:focus,
#kontakt fieldset div input:hover,
#kontakt fieldset div input:focus{ background: #FFFFc0;}
#kontakt input.przycisk{ border:1px #a71717 solid; background:#a71717; color:#fff; font-weight:bold;  width:auto; padding: 5px 25px;}
#kontakt input.przycisk:hover{background:#a71717;}
#kontakt fieldset span{ }
div.okey{padding:0px 5px 3px 25px;  display:inline; background:transparent url(img/ok.gif) no-repeat center left; border-bottom:1px solid #e9534c;}






