/*RESET CSS*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0; }

table {
border-collapse:collapse;
border-spacing:0; }

fieldset,img { 
border:0; }

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal; }

ol,ul {
list-style:none; }

caption,th {
text-align:left; }

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal; }

q:before,q:after {
content:''; }

abbr,acronym { 
border:0; }

br.clear {
clear: both; }

* {
outline: none; }

a, a:visited, a:link {
border-bottom: 1px solid #BFBFBF;
text-decoration: none;
font-style: italic;
color: #000000;
margin: 0 1px; }

/*INPUTY*/
/*ukrycie niewidocznych formularzy*/
#lewa form p.hid, #lewa form p input.hid,
#prawa form p.hid, #prawa form p input.hid, #prawa p.hid {
visibility:hidden;
width: 0;
height: 0;
border: 0;
margin: 0;
padding: 0;}

input, select, textarea {
background: #FFFFFF;
border: none;
width: 150px;
margin: -2px 10px 0 0;
float: right;
padding: 2px; 
border: 1px solid #CFCFCF;
display: inline;
clear: both; }

input:focus, textarea:focus {
border: 1px solid #444444;
padding: 2px;}

input.dodaj2 {
font: normal 12px arial;
background: #EFEFEF;
color: #000000;
width: 155px;
border: 1px solid #AEC1CB;}

label {
cursor: pointer; }

/*SZKIELET*/
html, body {
background: url(img/tlo.jpg) repeat-x #333333 0 42px;
color: #444444;
margin: 0 auto;
padding: 0px;   
text-align:center;
font: normal 12px verdana; }

#ad {
background: #333333;
text-align: center;
font-weight: bold;
padding: 5px; }

#ad a {
text-decoration: none;
border: none;
color: #FFFFFF; }

.kk	{
margin: auto;		
text-align: left;   
line-height: 18px;
background-color: #FFFFFF;
width: 920px; }

#logo {
background: #FFFFFF;
width: 850px;
height: 50px;
margin: 10px 0;
padding-right: 70px;
overflow: hidden;
text-align: right; }

html*#logo {
margin: 5px 0;}

#container {
background: url(img/autosurf-tlo2.jpg) repeat-y #FFFFFF;
overflow: hidden;
margin-top: 3px; 
line-height: 17px;
width: 920px; }

/*MENU GÓRNE*/
#menu {
background: #2498C7;
width: 100%;
height: 34px; }   

#menu ul li {
display: inline; }

#menu ul li a, #menu ul li a#zapis {
background: #269FCF;
float: left;
width: 90px;  
margin: 3px 1px;
padding: 4px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
border: 1px solid #2086AF; }

#menu ul li a#zapis {
background: #9F1D1D; }

#menu ul li a:hover, #menu ul li a#zapis:hover {
background: #2086AF; }

/*LEWA STRONA*/
#lewa {
width: 248px;
background: #EFEFEF;
float: left;
display: block;
padding: 0;
margin: 0px 0 0px 0;
border-right: 2px solid #444444; }

#lewa span {
background: #2086AF;
height: 12px;
padding: 8px 0 10px 20px;
color: #FFFFFF;
display: block;
font-style: italic;
border-bottom: 2px solid #2498C7; }

#lewa li {
background: #EFEFEF;
color: #444444;
padding: 6px 0 5px 20px; 
font-style: italic; 
border-bottom: 1px solid #DFDFDF; }

#lewa li a {
display: block;  
border: none; 
margin: -7px 0 -6px -20px;
padding: 7px 0 6px 20px;}

#lewa li i {
font-style: normal;  
float: right;
margin-right: 10px;  
color: #8F8F8F; }   

html* #lewa li i {
margin-top: -25px; }     

#lewa li em {
color: #b90000;
font-size: 9px;
float: right;
margin-right: 10px;
letter-spacing: -1px; }

html* #lewa li em {
margin-top: -25px; }

#lewa li a:hover {      
background: #DFDFDF; }

#lewa li.first {
border-top: 1px solid #DFDFDF; }   

html* #lewa li.first i {
margin-top: -25px; }

#lewa li.naglowek {
background: #8F8F8F;
color: #DFDFDF; }

#lewa li.surfuj a {
background: #00b900;
color: #FFFFFF; }

#lewa form {
margin: 15px 0; }

#lewa form p {
background: #EFEFEF;
padding: 3px 0 3px 15px;
margin: 0;
height: 18px; } 

html* #lewa form p {
clear: both;
width: 230px;
float: right;
height: 22px;
padding: 2px;
margin-left: -4px;
display: block; }   

html* #lewa form p input {
margin: -15px 10px 0 0; }

html* #lewa input.dodaj2 {
margin: 5px 10px 0 0;  }

#lewa s {
color: #AFAFAF; }

/*PRAWA STRONA*/                                                     
#prawa {
width: 630px;
background: #FFFFFF;
float: left;
padding: 10px 20px; }

#prawa #oferta_wp {
margin: 0 -10px 20px -10px;
padding: 5px 10px;
border: 1px solid #b90000;
width: 625px;
text-align: center; }

#prawa #oferta_wp a {
font-style: normal;
color: #b90000;
letter-spacing: -1px;
text-decoration: blink;
border: none;
font-weight: bold; }

#prawa span {
display: block;
background: #2086AF;
height: 12px;
padding: 8px 0 10px 20px;
margin: -10px -20px 10px -20px;
border-bottom: 2px solid #2498C7;
color: #FFFFFF;
font-style: italic;  } 

html* #prawa form p {
clear: both;
width: 630px;
float: right;
height: 22px;
padding: 2px;
margin-left: -4px;
display: block; }   

html* #prawa form p input, html* #prawa form p select {
margin: -15px 10px 0 0; }

html* #prawa input.dodaj2 {
margin: 5px 10px 0 0; }

#prawa form p, #prawa p#send {
background: #FFFFFF;
padding: 3px 0;
margin: 0;
height: 18px; }

html* #prawa p#send {
margin-top: 15px; }

#prawa em {
border-bottom: 1px solid #BFBFBF;
font-style: italic; 
text-decoration: none; }

#prawa a img {
float: right; }

#prawa ul#start {
margin: 10px 0 10px 10px; }

#prawa ul#start li {
background: url(img/korzysci.png) no-repeat 10px 2px;
padding: 0 0 5px 30px;
line-height: 14px;
margin-bottom: 3px; }

#prawa ul#start li b {
letter-spacing: -1px;
font-size: 11px;
color: #2086AF; }

#prawa .error, #prawa .ok {
border-bottom: 2px solid #8F8F8F;
padding: 6px 5px 7px 35px;
margin: -10px -20px 15px -20px; }

#prawa .error {  
background: url(img/autosurf-error.png) no-repeat 13px 7px #EFEFEF; }

#prawa .error#blad {
margin-top: 10px; }

html* #prawa .error#blad {
margin-top: 160px; }

#prawa .error#blad2 {
margin-top: 15px; }

html* #prawa .error#blad2 {
margin-top: 115px; }

#prawa .ok {
background: url(img/autosurf-dzialanie.png) no-repeat 13px 7px #EFEFEF; }

#prawa form {
background: #FFFFFF; }

#prawa div.aktywna {
background: #EFEFEF; 
margin: 3px -10px; 
padding: 10px 15px;
border-left: 5px solid #73B65A; }

#prawa .aktywna b {
color: #5F9F45; }

#prawa .odrzucona {
background: #EFEFEF; 
margin: 3px -10px; 
padding: 10px 15px;
border-left: 5px solid #BF2723; }    

#prawa .odrzucona b {
color: #BF2723; }

#prawa .oczekuje {
background: #EFEFEF; 
margin: 3px -10px; 
padding: 10px 15px;
border-left: 5px solid #7F7F7F; }  

#prawa .oczekuje b {
color: #4F4F4F; }

#prawa .inf {
background: #EFEFEF; 
margin: 3px -10px; 
padding: 10px 15px;
border-left: 5px solid #8F8F8F; }

#prawa code {
background: #EFEFEF; 
display: block; 
padding: 10px; 
color: #444444;
border-color: #8F8F8F;
border-style: solid;
border-width: 1px 0;
line-height: 12px; }

#prawa select#poleceni {
float: left;
width: 350px;
padding: 0;
margin: 0;
border: none;
border-bottom: 1px solid #c2c2c2; }

#prawa select#poleceni option {
padding: 2px 0 2px 5px;
border-bottom: 1px solid #EFEFEF; }

#prawa .koszt {
background: #EFEFEF;
padding: 7px 15px 7px 15px;
margin: 10px -20px 5px -20px; }

html* #prawa .koszt#wporzo {
margin-top: 160px; }

#prawa #faq em {
display: block; 
color: #6F6F6F;
border-bottom: 1px dashed #EFEFEF; }

#prawa #komorka {
clear: both; 
width: 628px; 
text-align: center;
padding: 5px 10px;
margin: 0 -10px;
border: 1px solid #75AF36;
background: #C4EF95;
color: #427F00; }

#prawa #komorka a:link#dbanner, #prawa #komorka a:visited#dbanner, #prawa #komorka a:active#dbanner  {
color: #75AF36;
font-size: 11px;
border: none;
text-decoration: blink;
background: #FFFFFF;
padding: 3px; 
width: 480px; 
display: block; 
margin: 0 auto 5px auto; }

#prawa .siec {
background: #EFEFEF; 
width: 50px;
height: 110px;
float: left;
margin: 0 2px; 
padding: 10px 33px;
border-left: 5px solid #7F7F7F;
text-align: center; }  

#prawa .siec input {
width: 20px;
height: 20px;
margin-top: 10px;
margin-right: 15px; }

#prawa .siec img {
display: block; }

#prawa .siec em {
color: #8F8F8F;
display: block;
margin-top: 1px;
width: 60px; }

#prawa .step {
border: 1px solid #7F7F7F;
padding: 10px;
margin: 5px 0;
float: left;
display: block;
width: 600px; }

#prawa .step b {
border-bottom: 1px dashed #7F7F7F; }

#prawa .step em {
display: block; 
border: none;
color: #7F7F7F;  
line-height: 12px; }
                        
/*STOPKA*/
#footer {
width: 100%;
background: #2498C7;
color: #FFFFFF; 
text-align: center;
height: 27px;
padding: 3px 0;
margin: 0 auto;
border-top: 2px solid #444444; }

#footer p {
background: #269FCF;
float: center;
width: 920px;
margin: 0px auto;
padding: 6px 0 0 0;
height: 19px;
text-align: center;
color: #FFFFFF;
font-size: 11px;
border: 1px solid #2086AF; }

#footer a {
color: #C2E3EF;
border-bottom: 1px solid #2396BF; }

#footer img {
vertical-align: middle; 
padding: 0 8px;
margin: 0;}

#ads {
background: #444444; 
margin-bottom: -3px; 
padding: 5px 0; }

/*KONKURSY*/
table {
width: 100%; }

table td {
border: 0;
padding: 5px 10px;
border-bottom: 1px solid #CFCFCF;
color: #444444;
text-align: center;  }

table td b {
color: #2498C7;
font-weight: normal; }

td.winner {
background: #EFEFEF;
color: #444444; }

em.cena {
color: #b90000; 
font-weight: bold; }

div#pay {
text-align: center;
border: 1px solid #8F8F8F; }

div#pay a img {
margin: 0 auto;
border: none;
float: none;
padding: 5px; }