* { margin: 0; padding: 0 }
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, serif;
    font-size: 12px;
    background-color: #333333;
    color: #000000;
    background-attachment: fixed;
    background-clip: border-box;
    background-image: -moz-linear-gradient(center top , rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("images/moglica.jpg");
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("images/moglica.jpg");
    background-origin: padding-box;
    background-position: center center;
    background-size: 100% 100%;
}

.hidden { display: none; }
.visible { display: block; }

.full { width: 100%; }
.half { width: 50%; }

.white { color: #FFFFFF; }
.yellow { color: #FFFF00; }
.red { color: #AA0000; }
.green { color: #008000; }
.blue { color: #0000AA; }
.black { color: #000000; }
.grey { color: #808080; }
.purple { color: #800080; }
.teal { color: #008080; }
.transparent { color: transparent !important; }
.deleted { text-decoration: line-through; }

.left { text-align: left; padding-left: 5px; }
.center { text-align: center; }
.right { text-align: right; padding-right: 5px; }

.fright { float: right; }
.fleft { float: left; }
.w1 { width: 1px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w75 { width: 75px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w600 { width: 600px; }
.w700 { width: 700px; }
.w800 { width: 800px; }
.w1000 { width: 1000px; }

input, select { box-sizing: border-box; outline: none; }
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus::-moz-placeholder {color:transparent;}
input:-moz-placeholder {color:transparent;}
select:invalid { color: grey; }

#message { line-height: 30px; }
#user table { margin: 30px auto; background-color: #FFFFFF; padding: 20px; border-radius: 10px; }
#user label { margin-top: 5px; display: block; color: grey; }
#user input { border: none; border-bottom: 2px solid #BBBBBB; line-height: 30px; }
#user select { border: none; border-bottom: 2px solid #BBBBBB; line-height: 30px; height: 32px; }
#user button { background-color: #ED4933; color: #FFFFFF; line-height: 30px; font-weight: bold; letter-spacing: 2px; }
#user a:link, #user a:visited, #user a:hover, #user a:active { text-decoration: none; line-height: 25px; color: #555555;}
#formularzLogowania a:link, #formularzLogowania a:visited, #formularzLogowania a:hover, #formularzLogowania a:active { text-decoration: none; line-height: 25px; color: #555555;}
#user .cennik { margin: 0; padding: 0; border-radius: none; }
#user p { font-size: 10px; }

.register { height: 100% !important; }

header { width: 100%; z-index: 100; }
article { width: 100%; overflow-y: auto; }
footer { width: 100%; height: 90px; z-index: 200; }


nav { width: 1000px; margin: 0 auto; background-color: white; height: 40px;}
nav li { list-style-type: none; float: left; width: 200px; height: 40px; background-color: #003333; }
.active { background-color: #3300FF; cursor: default; }
.active a { cursor: default; }
nav li a:link, nav li a:visited, nav li a:hover, nav li a:active { display: block; color: white; text-align: center; line-height: 40px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; text-decoration: none;}
.logout { background-color: red; }


#logoutBtn { background-color: red; }

footer table { width: 1000px; margin: 0 auto; background-color: white; border-collapse: collapse}
footer th { line-height: 30px; color: white; background-color: black; }
footer td { line-height: 30px; color: white; background-color: #003333; }
footer a:link, footer a:visited, footer a:hover, footer a:active { color: white; text-decoration: none; margin-left: 20px;}

#sklep { width: 1000px; min-height: 100%; margin: 0 auto; background-color: white; display: block; }

#lista table { margin: 0 auto; background-color: white; opacity: 1; }
#lista th { border: 1px solid black; line-height: 20px; background-color: black; color: white; }
#lista td { border: 1px solid black; line-height: 18px; }

.zezwolenia { border-collapse: separate; border-spacing: 10px; table-layout: fixed;}
.zezwolenia h2 { font-size: 14px;  background-color: #003333; color: #FFFFFF; height: 70px; text-align: center; display: inline-table; veritcal-align: middle;}
.zezwolenia td { border: 3px solid #003333; border-radius: 5px; height: 230px; vertical-align: top; font-size: 14px; }

.notactive { background-color: #CCCCCC; }

.dane { border-spacing: 5px; border-collapse: separate; }
.dane td { border-bottom: 1px dotted #CCCCCC; }

#legend li {
    list-style-type: none;
}

.invalid {
    background:url(images/invalid.png) no-repeat 0 50%;
    background-size: 16px;
    padding-left:24px;
    line-height:24px;
    color:#e44061;
}
.valid {
    background:url(images/valid.png) no-repeat 0 50%;
    background-size: 16px;
    padding-left:24px;
    line-height:24px;
    color:#41ad49;
}

#erejestr table { margin: 0 auto; }
#erejestr th { background-color: black; color: white; }
#erejestr td { border-bottom: 2px solid #BBBBBB; }
#erejestr input, #erejestr select { border: none; line-height: 24px; }

#sklep button { background-color: #ED4933; color: #FFFFFF; line-height: 24px; font-weight: bold; letter-spacing: 2px; }

header aside { display: block; width: 1000px; margin: 0 auto; height: 35px; background-color: #FFFFFF; padding-top: 5px; }
header h1 { height: 35px; text-align: center; line-height: 35px; background-color: #000000; }
header a { color: #FFFFFF; display: block; text-decoration: none;  }

#show { float: right; line-height: 30px; border-bottom: 2px solid #BBBBBB; text-align: center; color: #666666; cursor: pointer; }
.noborder { border: none !important; }

#agree { line-height: 45px; border: 10px solid #FFFFFF; text-align: center; background-color: #555555; color: #FFFFFF; font-weight: bold; }