
/** BASIC */

body {
    margin: 0px;
    padding: 0px;
    background: #E2E2E2 url(images/homepage01.jpg) repeat-x left top;
}

/** FORMS */

form {
    margin: 0px;
    padding: 0px;
}

/** HEADINGS */

h1, h2, h3 {
    margin: 0px;
}

/** TEXTS */

body, th, td, input, textarea, select {
    font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    color: #8A8A8A;
}

p, ul, ol, dl {
    margin-top: 0px;
    margin-bottom: 1.5em;
    text-align: justify;
    line-height: 160%;
}

.list1 {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.list1 li {
    padding: 5px 0px;
    background: url(images/homepage16.gif) repeat-x left top;
}

.list1 li.first {
    background: none;
}

.list1 a {
    padding-left: 17px;
    background: url(images/homepage15.gif) no-repeat left center;
    color: #79826C;
}

strong {
    color: #555555;
}

/** LINKS */

a {
    color: #69A143;
}

a:hover {
    text-decoration: none;
}

/** MISC */

.align-justify {
    text-align: justify;
}

.align-right {
    text-align: right;
}

img {
    border: none;
}

img.left {
    float: left;
    margin: 3px 25px 0px 0px;
}

.motywStrony {
    float: left;
    margin: 3px 25px 5px 0px;
}

img.ludzik {
    float: right;
    margin: 5px 30px 5px 30px;
}

img.right {
    float: right;
    margin: 3px 0px 0px 25px;
}

img.border {
}

hr {
    display: none;
}

.hr1 {
    height: 1px;
}

/** WRAPPER */

#wrapper {
    width: 749px;
    padding: 15px 14px 15px 15px;
    background: #FFFFFF;
}

/** MENU */

#menu {
    height: 29px;
    background: url(images/homepage04.jpg) no-repeat left top;
}

#menu ul {
    margin: 0px;
    padding: 0px 0px 0px 218px;
    list-style: none;
}

#menu li {
    float: left;
    padding-left: 2px;
}

#menu a {
    display: block;
    float: left;
    width: 99px;
    height: 23px;
    padding: 6px 0px 0px 0px;
    background: url(images/subpage01.gif) no-repeat left top;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
}

#menu .active a {
    color: #E5FFD4;
}

#menu a:hover {
    text-decoration: underline;
}

/** PAGE */

#page {
    width: 749px;
    background: #FFFFFF url(images/homepage06.gif) repeat-y left top;
}

/** CONTENT */

#content {
    width: 507px;
    padding: 20px 21px 0px 21px;
    background: url(images/homepage07.jpg) no-repeat left top;
    overflow: visible; /* IE6 italics bug fix */
}

#content a[href$=".pdf"] {
    background: transparent url(images/icon-pdf.gif) no-repeat scroll right center;
    padding: 3px 18px 2px 0px;
}

a.pdf { /*#content a[href$=".pdf"] nie dziala z IE6 */
    background: transparent url(images/icon-pdf.gif) no-repeat scroll right center;
    padding: 3px 18px 2px 0px;
}

a.download {
    background: transparent url(images/icon-download.gif) no-repeat scroll right center;
    padding: 3px 18px 2px 0px;
}

#content ul li {
    list-style-image: url(images/homepage15.gif);
}

#content ul {
    margin-left: 0;
    padding-left: 3em;
}

#content ul ul {
    margin-left: 0;
    padding-left: 2em;
    margin-bottom: 0;
}

#content .firstheader {
    margin: 0 0 12px;	
}

/** BOX STYLE A */

.boxA {
}

.boxA .title h2 {
    font-size: 18px;
    color: #494949;
}

.boxA .title h3 {
    margin-bottom: 21px;
    font-size: 12px;
    font-weight: normal;
    color: #FA7600;
}

.boxA .title a {
    color: #FA7600;
}

.boxA .title a:hover {
    text-decoration: none;
}

.boxA .content {
}

.boxA h4 { /* Srodtytuly */
    font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 13px;
    margin: 30px 0 12px;
    clear: both;
}


/** BOX STYLE B */

.boxB {
    margin: 0px 0px 25px 0px;
    background: #F8A800 url(images/homepage10.gif) repeat-x 0px 5px;
    color: #FFD092;
}

.boxB h2 {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    background: url(images/homepage12.gif) repeat-x left bottom;
    font-size: 18px;
    color: #FFFFFF;
}

.boxB h4 { /* Pytania i problemy */
    margin: 0px;
    padding: 0px 5px 0px 5px;
    font-size: 13px;
    font-weight: normal;
    color: #FFFFFF;
}

.boxB a {
    color: #FFFFFF;
}

.boxB .bgtop {
    height: 5px;
    background: url(images/homepage09.gif) no-repeat left top;
}

.boxB .bgbtm {
    height: 5px;
    background: url(images/homepage11.gif) no-repeat left bottom;
}

.boxB .column-one {
    float: left;
    width: 204px;
    padding: 15px 0px 5px 30px;
}

.boxB .column-two {
    float: right;
    width: 204px;
    padding: 15px 30px 5px 0px;
}

.cennik {
	padding: 5px 20px;
}

.cennik table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}

.cennik td {
	color: #ffffff;
	font-size: 12px;
	padding: 2px;
}

.cennik thead tr td p {
    background: url(images/homepage12.gif) repeat-x left bottom;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    padding: 0px 0px 6px 0px;
    margin: 0px 0px 10px 0px;
}

.cennik td + td {
    width: 85px;
    padding: 2px 2px 2px 55px;
    text-align: right;
}

.cennik td + td p {
    text-align: right;	
}

.cennik thead tr:hover {
	background: transparent;
}

.cennik tr:hover {
	background: #eb8b00;
}


/** BOX STYLE B1 */

.boxB1 {
    margin: 30px 0px 12px 0px;
    background: #F8A800;
}

.boxB1 h4 { /* Pytania i problemy */
    margin: 0px;
    padding: 0px 5px 0px 5px;
    background: #F27500 url(images/homepage10a.gif) repeat-x left bottom;
    font-size: 13px;
    font-weight: normal;
    color: #FFFFFF;
}

.boxB1 .bgtop {
    height: 5px;
    background: #F27500 url(images/homepage09.gif) no-repeat left top;
}

.boxB1 .bgbtm {
    height: 5px;
    background: url(images/homepage11.gif) no-repeat left bottom;
}


/** BOX STYLE C */

.boxC {
}

.boxC .title {
    height: 39px;
    background: url(images/homepage13.gif) repeat-x left top;
}

.boxC .title h2 {
    padding: 10px 0px 0px 13px;
    font-size: 14px;
    color: #4F703B;
}

.boxC .content {
    padding: 10px 15px;
}

.boxC .bgbtm {
    background: url(images/homepage14.gif) no-repeat left bottom;
}

.boxC h3 {
    font-size: 11px;
    color: #FA7600;
}

/** BOX STYLE D (zajawki na stronie glownej) */

.boxD {
}

.boxD h4 {
    font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 13px;
    margin: 30px 0 12px;
    clear: both;
}

/** SIDEBAR */

#sidebar {
    width: 200px;
    padding: 43px 0px 0px 0px;
    background: url(images/homepage08.jpg) no-repeat left top;
}

/** FOOTER */

#footer {
    height: 70px;
    padding: 0px 20px;
    background: url(images/homepage17.gif) no-repeat left top;
    color: #8FAC79;
}

#footer p {
    padding-top: 36px;
}

#footer .links {
    float: left;
}

#footer .legal {
    float: right;
}

#footer a {
    color: #8FAC79;
}

/** Formularze */

.form label {
    float: left;
    clear: left;
    text-align: right;
    margin-right: 10px;
    margin-top: 2px;
}

.form input {
    border:1px solid #8A8A8A;
    float:left;
    margin-bottom: 5px;
}

.form textarea {
    border:1px solid #8A8A8A;
    margin-left: 0;
    margin-bottom: 5px;
}

.form  input.submitButton {
    clear: both;
    height: 28px;
    width: 58px;
    background-image: url(images/submit.png);
    border: 0 none;
    cursor: pointer;
    display: inline;
    float: none;
}

.form  input.submitButton:hover {
	background-position: 0 -28px;
}

.form .errors {
	color: #FA7600;
	margin-bottom: 2em;
}

.form .errors  strong {
    color: #FA7600;
}

/** Formularz kontaktowy */

#contactForm {
	padding-top: 1em;
}

#contactForm label {
    width: 110px;
}

#contactForm input.long {
    width: 300px;
}

#contactForm input.captchaCode {
    width: 148px;
}

#contactForm img.captchaImage {
	float: none;
	clear: both;
	margin-left: 120px;
	margin-top: 10px;
    margin-bottom: 15px;
}

#contactForm textarea {
    width: 300px;
    height: 150px; 
}

#contactForm input.submitButton {
    margin-top: 10px;
	margin-left: 232px;
}

.recenzja p {
	margin-bottom: 0.5em;
}

.zrodlorecenzji p {
	text-align: right;
	font-style: italic;
}

/** Ramka */

.frame {
	margin: 0;
	padding: 0;
}

.frame .lb {
    background-image:url(images/fr-lb.gif);
    background-position: 0 0;
    background-repeat: repeat-y;
}

.frame .rb {
    background-image:url(images/fr-rb.gif);
    background-position: 100% 0;
    background-repeat: repeat-y;    
}

.frame .bb {
    background-image:url(images/fr-bb.gif);
    background-position: 0 100%;
    background-repeat: repeat-x;    
}

.frame .blc {
    background-image:url(images/fr-blc.gif);
    background-position: 0 100%;
    background-repeat: no-repeat;
}

.frame .brc {
    background-image:url(images/fr-brc.gif);
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

.frame .tb {
    background-image:url(images/fr-tb.gif);
    background-position: 0 0;
    background-repeat: repeat-x;    
}

.frame .tlc {
    background-image:url(images/fr-tlc.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.frame .trc {
    background-image:url(images/fr-trc.gif);
    background-position: 100% 0;
    background-repeat: no-repeat;
}

.frame .frameContent {
    padding: 6px;
}

.cleaner {
    clear: both;
    height: 10px;
}

 h4.naglowekRankingu {
    margin: 10px 0 12px;
} 

.wizerunekNagrody {
    margin: 0 10px 10px 0;
    float: left;
}

.thumbnail {
	width: 135px;
}

