body {
background-color: #ffffff;
font-family: verdana;
font-size: 12px;
color: #333333;
text-align: center;
line-height: 1.4;
}


h1, h2 {color: #666699; letter-spacing: 2px; margin-left: 20px;}
h1 {font-size: 16px;}
h2 {font-size: 13px;}



h3 {color: #666699; font-size: 14px; margin: 0 0 20px 0;}


h4 {color: #8888bb; font-weight: strong; margin: 30px 0 15px 0; font-size: 12px;}



a {text-decoration: none; color: #666699;} 

a.menu, a.act {color: #666699; margin-bottom: 30px;}

a.head {color: #666677; }

a:hover {text-decoration: underline;}


p.adres {font-size: 12px; color: #666677;}

p {margin-left: 20px; font-size: 12px;}

p.links {margin-left: 0; font-size: 12px;}

h5.ks {margin: 0 0 10px 0; font-size: 11px;}
h4.ks {margin: 0 0 10px 0; font-size: 12px;}
p.ks  {margin: 0 0 5px 0; font-size: 12px;}


li {margin-bottom: 5px;}


#kolo {
float: left;
width: 100px;
}

#corpus, #container{
position: relative;
top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 300px;
width: 780px;
min-height: 700px;
background-color: #ffffff;
text-align: right;
border-right-style: solid;
border-color: #aaaacc;
}

#container {text-align: left;}


#title {
width: 780px;
height: 230px;
background-color: #fffff;
text-align: left;
float: left;
background-image:url('graph/logo-campi.png'); background-repeat:no-repeat;
border-style: none;
position: relative;
right: -5px;
}


#linki {
position: relative;
top: -20px;
text-align: left;
float: left;
margin: 0 0 50px 0;
border-bottom-style: solid;
border-width: 1px;
border-color: #aaaacc;
}


#bookbox {
position: absolute;
top: 170px; left: 540px;
text-align: center;
padding: 5px 2px 5px 7px;
margin: 0 10px 0 5px;
}

#main {
width: 755px;
min-height: 400px;
margin: 0 0 100px 0;
padding: 0 25 10 0;
margin-bottom: 100px;
float: left;
border-left-style: solid;
border-width: 0;
border-color: #aaaacc;
text-align: left;
}

#footer {
width: 755px;
min-height: 30px;
margin: 0 0 100px 0;
padding: 0 25 10 0;
margin-bottom: 100px;
float: left;
border-top-style: solid;
border-width: 1px;
border-color: #aaaacc;
text-align: left;
font-size: 10px;
color: #999;
}

#mejl {
width: 130px;
margin: 0 10px 5px 10px;
}


#wyslij {
margin: 5px 10px 5px 10px;
}




.boks {
margin-bottom: 50px;
}

.pr-nap {
margin: 10px 10px 0 10px;
font-size: 11px;
}



.boksik {
background-color: #f5f5f5;
border-style: solid;
border-width: 1px;
border-color: #dddddd;
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
padding: 5px;
}



table {
border-style: solid;
border-width: 1px;
border-color: #aaaacc;
}

td {
font-size: 11px;
color: #333333;
padding: 5px;
}




.obrazek {
margin: 10px 20px 15px 0;
float: left;
}

.obrazek-p {
margin: 10px 0 15px 20px;
float: right;
}






/* ----------------- okladki/obrazki/boksy ----------------- */


.oklada {width: 160px; float: left; margin: 0 15px 5px 0; border-width: 0;}
.okladka {width: 120px; float: left; margin: 0 20px 10px 0; border-width: 0;}
.okladeczka {width: 60px; float: right; margin: 0 0 7px 10px; border-width: 0;}
.okladka-pasek {width: 80px; height: 126px; border-width: 0; z-index: 1; margin: 0;}

.obraz {width: 240px; border-width: 0; float: right; margin: 0 0 5px 15px;}
.obraz-mid {width: 160px; border-width: 0; float: left; margin: 0 15px 5px 0;}
.obrazek {width: 60px; float: right; margin: 0 0 7px 10px; border-width: 0;}
.obrazek-wyd {width: 90px; float: right; margin: 0 0 7px 10px; border-width: 0;}
.obraz-contact {width: 120px; float: right; margin: 0 0 7px 10px; border-width: 1px; border-style: solid; border-color: #dddddd; padding: 4px;}


.widebox {
width: 100%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #dddddd;
padding-bottom: 10px;
margin-bottom: 30px;
float: left;
text-align: left;
}

.tekst1, .tekst2, .tekst3 {float: left;}
.tekst1 {width: 540px;}
.tekst2 {width: 465px;}
.tekst3 {width: 345px;}



/* ----------------- koniec okladki/obrazki ----------------- */





/* ------------ inputy i tabele ----------------- */



input {width: 500px; font-size: 10px;}
input.mini {width: 100px;}
input.mikro {width: 40px;}
input.medium {width: 200px;}
input.med {width: 400px;}

table, tr, td {margin-bottom: 10px; border: 0;}

th { padding-bottom: 10px;}

td {padding: 5px; background-color: #eeeeee;}
td.green {background-color: #eeffee;}
td.red {background-color: #ffeeee;}
td.white {background-color: #ffffff;}

td.download1 {padding: 10px; width: 300px;}

table {
margin-top: 10px;
}

td.malutkie {
font-size: 10px;
}


/* ------------ koniec inputy i tabele ----------------- */


.jcarousel-list {z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0; padding:0;}
.jcarousel-list li,.jcarousel-item{float:left;list-style:none;width:80px;height:114px;}