/*RESET*/

html,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { 
margin: 0; 
padding: 0; 
}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th ,a { 
font-size: 16px;  
font-weight: normal;  
font-style: normal; 
}
ul,ol { 
list-style: none; 
}
fieldset,img { 
border: none; 
}
caption,th { 
text-align: left; 
}
table { 
border-collapse: collapse;  
border-spacing: 0; 
}
/*koniec resetu*/

body {
font-family:  "Helvetica Neue",Helvetica,Arial,sans-serif; color: #444444; font-size: 16px;
height:100%;
margin: 0;
padding: 0;
background: #E2E2E2;

}
html {
margin: 0;
padding: 0;

}
a, a:hover {
text-decoration: none;
}
#pojemnik {
margin: 0 auto; 
/*background: yellow; */
overflow: auto;
}
em {font-style:italic;}
#wypelnijnagloweklewe {
width: 10%;
background: #F2F2F2;
height: 80px;
border-bottom: 1px solid #E2E2E2;
float:left;

}
#naglowek {
float:left;
width: 80%;
background: #F2F2F2;
border-bottom: 1px solid #E2E2E2;
height:80px;

}

ol li{list-style-type: circle; margin-left:30px; padding-left:5px; font-size:20px; font-style: italic;}
#menusklep {width:95%; background:#E2E2E2; color:black; padding-left:5%}
#menusklep ul,#menusklep li {display:inline;}
#naglowek .lukaszkowalski { float:left; background: #F2F2F2 url("lukaszkowalski.png") no-repeat; min-width: 120px; width: 20%; height: 80px; display: inline-block; border-left: 1px solid #E2E2E2;border-right: 1px solid #E2E2E2; }

#naglowek .about {min-width: 140px;  float:right; background: #F2F2F2 url("about.png") no-repeat; width: 20%; height: 80px; display: inline-block; border-left: 1px solid #E2E2E2; }
#naglowek .about_act { min-width: 140px; float:right; background: #F2F2F2 url("abouthover.png") no-repeat; width: 20%; height: 80px; display: inline-block; border-left: 1px solid #E2E2E2; }
#naglowek .about:hover {min-width: 140px;  float:right; background: #F2F2F2 url("abouthover.png") no-repeat; width: 20%; height: 80px; display: inline-block; border-left: 1px solid #E2E2E2; }

#naglowek .work {min-width: 140px;  float:right; background: #F2F2F2 url("work.png") no-repeat; width: 20%; height: 80px; display: inline-block; border-left: 1px solid #E2E2E2; }
#naglowek .work_act {min-width: 140px;  float:right; background: #F2F2F2 url("workhover.png") no-repeat; width: 20%; height: 80px; display: inline-block; border-left: 1px solid #E2E2E2; }
#naglowek .work:hover { min-width: 140px; float:right; background: #F2F2F2 url("workhover.png") no-repeat; width: 20%; height: 80px; display: inline-block; border-left: 1px solid #E2E2E2; }

#naglowek .contact {min-width: 140px;  float:right; background: #F2F2F2 url("contact.png") no-repeat; width: 20%; height: 80px; display: inline-block; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2;}
#naglowek .contact_act { min-width: 140px; float:right; background: #F2F2F2 url("contacthover.png") no-repeat; width: 20%; height: 80px; display: inline-block; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2;}
#naglowek .contact:hover {min-width: 140px;  float:right; background: #F2F2F2 url("contacthover.png") no-repeat; width: 20%; height: 80px; display: inline-block; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2;}

#naglowek a {width:100%; height: 80px; display:block; font-size:0px;}
#naglowek a:hover {width:100%; height: 80px; display:block; font-size:0px;}


#wypelnijnaglowekprawe { float:left; width: 10%; background: #F2F2F2 url("password.png") no-repeat; border-bottom: 1px solid #E2E2E2; height: 80px;  font-size:0px;}
#wypelnijnaglowekprawe a{margin-top: 40px; width: 30px; height: 40px; float:left; font-size:0px; }


#bialetlo {width:100%; background:white url("v2.png");overflow: auto; } /*background:black url("wood.jpg")  */
#sklep {width:100%; background-color:white; background-image: url("wozek.jpg"); background-repeat: no-repeat; background-position: 50% 50%;  overflow: auto; color:black;}
#procedury {width:100%; background-color:white; background-image: url("paragraf.jpg"); background-repeat: no-repeat; background-position: 50% 50%;  overflow: auto; color:black;}
.paragraf { margin-bottom:10px;}
.paragraf h3 {margin-bottom:0px; font-size:4em; float:left; font-weight:normal; height:auto; width:auto;}
#error{ height:600px; width:100%; background:black url("error.png"); overflow: auto;}
#tresc {padding-left:15px; text-align: justify;  min-height:580px; margin-left: 10%; width: 87%; padding-right:1%; padding-top: 20px; }
#tresc_zamowienie {padding-left:15px; text-align: justify;  min-height:580px; margin-left: 10%; width: 87%; padding-right:1%; padding-top: 20px; }
.artykul{ color: #202020;overflow:auto; float:left; width:48%; background: url("jasniej.png"); margin-bottom:1%; margin-left:1%; border-right: 1px solid #888888; border-bottom: 1px solid #888888;}
h3 {
font-size:32px;
font-weight: bold;
}
#tresc_zamowienie tr {border:1px dashed black;}
#tresc_zamowienie th {border:1px dashed black; background:#E2E2E2;}
#tresc_zamowienie td input{width:99%;}
#tresc_zamowienie td textarea{overflow:hidden;}
#tresc_zamowienie td input#nip1,#tresc_zamowienie input#nip2{width:3em;}
#tresc_zamowienie td input#nip3,#tresc_zamowienie input#nip4{width:2em;}
#tresc_zamowienie table{background: white; margin-left:3%; margin-top:1%; border:1px solid black;}
h2 {
font-size:18px;
font-weight: bold;
}
h1 {
font-size:16px;
font-weight: bold;
}
.about_notka h3.pomarancz  {
margin-left:-20px;
font-size:42px;
font-weight: bold;
}
.about_notka h2 {
margin-left:-5px;
font-size:18px;
font-weight: bold;
}
.pomarancz {
font-weight:bold;
color: #BD5E24;
font-style: normal; 
}

.niebieski {
font-weight:bold;
color: #328CAF;
}
.zielony {
font-weight:bold;
color: #3B9429;
}
.profil img {
float:left;
}



.profil_table {
float:left;
width:320px;
font-size:12px;
font-weight:bold;
display: inline;
}
.profil_table a {
color: #3B9429;
font-size:12px;
font-weight:bold;
text-decoration: none;
}

.profil_table a:hover {
color: #3B9429;
font-size:12px;
font-weight:bold;
text-decoration: none;
}


.profil_table th{
width:90px;
font-size:12px;
font-weight:bold;
}
.profil_table td,tr {

width:340px;}

.profil_lista ul, .profil_lista li{
padding-left:10px;
margin-left:25px;
font-size:20px;
display: list-item;
list-style: url("clean.png");
}
#tresc .notka h3 {display:inline;}
.date{ margin-left: 5px; color: #777777; font-size: 22px; font-weight: normal;}
.notka { border-bottom: 5px solid #444444; margin-bottom: 20px; padding-bottom:20px; width: 860px;}


.about_notka { margin-left:25%; margin-bottom: 20px; padding-bottom:20px; width: 500px;}

.work_notka { margin-left:2%; border-bottom: 1px solid #328CAF; margin-bottom: 20px; padding-bottom:20px; width: 95%; overflow: auto; float:left; }
.work_notka img{ margin-right: 20px; margin-top: 10px; margin-bottom: 20px; float:left; }
.work_notka h2 {padding-bottom: 2px;}

#stopka {

text-align: center;
background: #E2E2E2;
border-top: 2px solid #222222; 
min-height:100px;	
clear: both;
}
#stopka a {color: #666666; text-decoration: none;}

#contact_notka { background: url("contact.jpg") no-repeat; width: 600px; height: 468px; margin: 0 auto; margin-top:2%;}

#contact_notka ul{position: inherit; margin-left:28%; padding-top:12%;}

#contact_notka li#imie {padding-left: 5px; list-style: url("imie.png");}
#contact_notka li#nazwisko {padding-left: 5px; list-style: url("nazwisko.png");}
#contact_notka li#mail {padding-left: 5px; list-style: url("mail.png");}
#contact_notka li#wiadomosc {padding-left: 5px; list-style: url("wiadomosc.png"); padding-top: 1px}
#contact_notka div#send{padding-left: 0px; list-style: none;color:black;}
#contact_notka div#send input{padding-left: 0px; list-style: none;color:black; vertical-align:bottom;}
#contact_notka input {background: none; border: none; border-bottom: 1px dashed #000000; vertical-align: top;}
#contact_notka textarea {background: none; border: 1px solid #000000; width: 390px; height:120px; overflow:hidden; vertical-align: super; }
#contact_notka img {margin-left:173px;}
#error #tresc .notka {border:none; width: 100%;font-size: 12px; margin-left: 0px; padding-left: 0px; color:#AAAAAA;}

 

#wrapper {color: #000000; width: 200px; height: 394px; padding-left: 12px; padding-top:10px; padding-right: 13px; padding-bottom: 2px; background: url("karteczka.jpg") no-repeat; float:right; }
#wrapper p {border-bottom: 1px dashed #000000; }
#wrapper .pomarancz ul,li a{font-size: 14px;}
#uslugi_IT li, #uslugi_Web li, #uslugi_EL li{
font-family: Verdana,Geneva,Kalimati,sans-serif;
color:black;
padding-left:0px;
margin-left:10px;
font-size:16px;
display: list-item;
list-style: url("clean.png");
text-align: left;
} 
#uslugi_IT {background-image: url("it_support.png");background-repeat: no-repeat; background-position: 50% 50%; text-align: center; float:left; min-height: 400px; width: 29%;}
#uslugi_Web {background-image: url("web.png");background-repeat: no-repeat; background-position: 50% 50%; text-align: center; float:left; margin-left: 2%; margin-right: 2%;padding-left: 4%; padding-right: 2%;  border-left: 1px solid black; border-right: 1px solid black; min-height: 400px; width: 29%;}
#uslugi_EL { background-image: url("pcb_layout.png");background-repeat: no-repeat; background-position: 50% 50%; text-align: center; float:left; margin-left:2%; min-height: 400px; width: 29%;}
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

#panelklienta { padding-top: 40px; padding-left: 10px; border: 1px solid black; width: 500px; height:150px; margin-top:30px; font-size:20px; margin-left:20px; background: url("jasniej.png");}
#panelklienta h3.loguj {margin-top:-60px; background:white; width: 150px; margin-bottom: 30px;}
#panelklienta h3.remind {margin-top:-60px; background:white; width: 220px; margin-bottom: 30px;}
#panelklienta  table th,#panelklienta  table td input, #panelklienta  form table reset{font-size:26px;}
#demo-list {
	padding: 0;
	list-style: none;
	margin: 0;
}
 
#demo-list .file-invalid {
	cursor: pointer;
	color: #514721;
	padding-left: 48px;
	line-height: 24px;
	background: url(assets/error.png) no-repeat 24px 5px;
	margin-bottom: 1px;
}
#demo-list .file-invalid span {
	background-color: #fff6bf;
	padding: 1px;
}
 
#demo-list .file {
	line-height: 2em;
	padding-left: 22px;
	background: url(assets/attach.png) no-repeat 1px 50%;
}
 a.hover {
	color: red;
}
#demo-list .file span,
#demo-list .file a {
	padding: 0 4px;
}
 
#demo-list .file .file-size {
	color: #666;
}
 
#demo-list .file .file-error {
	color: #8a1f11;
}
 
#demo-list .file .file-progress {
	width: 125px;
	height: 12px;
	vertical-align: middle;
	background-image: url(../../assets/progress-bar/progress.gif);
}