body{font-family:"Open Sans",sans-serif;margin-top:0px}
table{table-layout:fixed;border-collapse:collapse;border:none;margin:0px auto;width:1200px}
div{width:1200px;margin:0px auto;padding:0px}

/* links */
.upper{text-decoration:none;color:#888}
.pir{text-decoration:none;color:#0081cc;font-weight:600}
.pirred{text-decoration:none;color:red;font-weight:600}
.myip{text-decoration:none;color:#000;border-bottom:1px dashed #aaa}

/* top menu buttons */
.btnred{
display:inline-block;
font-size:80%;
font-weight:bold;
text-decoration:none;
text-align:center;
background-color:red;
border:1px solid white;
width:200px;
height:40px;
color:white; 
margin:10px 30px auto;
/* padding-bottom:8px */
vertical-align:middle
}

.btnbudowa{
display:inline-block;
font-size:80%;
font-weight:bold;
text-decoration:none;
text-align:center;
background-color:#666;
border:1px solid white;
width:200px;
height:40px;
color:#333; 
margin:10px 30px auto;
/* padding-bottom:8px */
vertical-align:middle
}

/* .btngold{width:195px;background-color:gold;color:black;margin-right:0px} */

/* link-przycisk na dole stron do strony glownej */
.linkred{
display:inline-block;
font-size:80%;
font-weight:bold;
text-decoration:none;
text-align:center;
background-color:red;
border:1px solid white;
width:150px;
height:28px;
color:white;
padding-top:8px;
margin:10px 2px auto
}

input{font-family:"Open Sans",sans-serif}

/* sorting options: table */
#opttable{margin-bottom:15px}

/* sorting options: span */
.opt{font-size:12px;color:#888}

/* logo table */
#logo td{padding:0px}

/* main table */
#main{font-size:85%}
#main th{font-weight:600;padding:7px 5px;vertical-align:bottom;border:1px solid #ddd;border-bottom:2px solid #959595}
.notip{background:linear-gradient(#fafafa,#dadada)}
.tip{background:url("../img/dots.gif") no-repeat center bottom, linear-gradient(#fafafa,#dadada);cursor:help}
#main td{text-align:center;padding:7px 7px;border:1px solid #eee}
#main tr:nth-child(odd){background-color:#f6f6f6}

#th1{width:2%}
#th2{width:15%}
#th3{width:7%}
#th4{width:6%}
#th5{width:8%}
#th6{width:8%}
#th7{width:22%}

/* select box */
select{
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
background-repeat:no-repeat;
background-size:1.5em auto;
background-position:right 0.5em center;
padding-right:2.5em;
background-image:url("../img/caret.png");
padding-left:5px;font-family:'Open Sans',sans-serif;font-size:12px;height:35px;border:1px solid #ddd
}

/* footer */
.summ{font-size:75%;text-align:center;color:#888}

/* inputs from Dodaj pirata */
#addpt1,#addpt2{height:40px;font-size:125%;width:310px;color:#959595;border:1px solid #959595;padding:0px 5px}
#addpt2{text-align:center}
#addps{height:45px;font-size:125%;width:322px;color:white;background-color:black;border:1px solid black;margin-top:10px}

/* text */
.bigtitle{text-align:center;margin-top:0px;margin-bottom:0px;font-size:60px;font-family:Anton,Impact,"Open Sans"}
.stdtitle{text-align:left;margin-bottom:0px;font-size:30px;font-family:Anton,Impact,"Open Sans"}
.smalltitle{text-align:left;margin-bottom:0px;font-weight:700;color:red}
.firstpar{text-align:left;margin-top:0px}
.par{text-align:left}
.stdli{margin-bottom:15px}
#addp1,#addp2{text-align:center;font-size:90%}
#addp2{margin:0px 0px 5px}

/* pop-ups */
#popup1,#popup2{
display:none;
z-index:2;
position:fixed;
bottom:50%;
left:0;
width:100%;
padding:16px;
opacity:1;
transition:opacity 1.5s
}

#popup1{
background-color:#00cc00
}

#popup2{
background-color:#0081cc
}

#cover,#cover2{display:none;z-index:3;position:fixed;left:0px;top:0px;background-color:black;opacity:0.6;width:100%;height:100%;cursor:url(../img/close.png),auto}

#chngdiv{
display:none;z-index:4;position:fixed;width:720px;height:500px;left:45%;top:30%;
margin-left:-300px;margin-top:-50px;
background-color:white;border:1px solid red;padding:4px 12px;
box-shadow:12px 12px 12px #333;
overflow-x:hidden;overflow-y:scroll
}

#chngtab{table-layout:fixed;width:100%;border-collapse:collapse;border:none;margin:0px auto}
.chl{font-size:80%;width:14%;border-top:1px solid #eee}
.chm{font-size:80%;width:45%;border-top:1px solid #eee}
.chr{font-size:80%;width:41%;border-top:1px solid #eee}

#err{
z-index:5;
position:fixed;
top:50%;
left:0;
width:100%;
padding:16px;
opacity:1;
background-color:red;
}


/* pasek animowany */
#pasek_pojemnik{height:40px;overflow:hidden;position:relative;background:PapayaWhip}

#pasek_akapit{
position:absolute;width:100%;height:100%;margin:auto;line-height:40px;
animation: pasek 20s linear infinite; 
}

#pasek_akapit:hover{animation-play-state:paused;}

@keyframes pasek{
0%{left:100%}
100%{left:-80%}
}