#wrapper {
background: transparent url(top.png) no-repeat scroll 50% 0;
width: 100%;
height: auto;
margin: 0 auto;
}

#container {
width: 980px;
margin: 0 auto;
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
}

/* ------------------------------------------------------------------------------------------------------- */
#top {
width: 980px;
height: 218px;
margin: 0 auto;
position: relative;
}

#top #register {
width: 329px;
height: 45px;
position: absolute;
right: 3px;

color: #FFBF95;
font-family: Verdana, sans-serif;
font-size: 16px;
text-align: center;
line-height: 45px;
}

#top #register a {color: #FFFCFA;font-size: 13px;text-decoration: none;}
#top #register a:hover {color: #FFF;text-decoration: underline;}

#top #register input {display: inline;border: none;background: transparent;color:#FFFCFA;cursor:pointer;font-size: 13px;}
#top #register form {display: inline;}
#top #register form:hover {text-decoration: underline;}

#top #login-blocker {
width: 321px;
height: 165px;
position: relative;
top: 46px;
left: 648px;
background: #e5e5e5;
z-index: 1;
border: 4px solid #F37941;
display: none;
}

#top #search {
width: 220px;
height: 60px;
position: absolute;
top: 108px;
left: 14px;

color: #FFFCFA;
font-family: Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
letter-spacing: 0.2px;
}

#top #search p {line-height: 28px;}
#top #search select {border: none;padding: 2px; background: #FFFCFA;width: 210px;font-size: 12px;}
#top #search input {display: block;float:left;border: none;background: transparent;color:#FFFCFA;cursor:pointer;margin-top: 5px;font-weight: normal;font-family: Arial, sans-serif;font-size: 13px;}
#top #search input:hover {text-decoration: underline;}

#zaawansowane {display: block;float:right;border: none;background: transparent;color:#FFFCFA;cursor:pointer;margin-top: 9px;font-weight: normal;font-family: Arial, sans-serif;font-size: 13px;}
#zaawansowane:hover {text-decoration: underline;}


#top #title {
width: 720px;
height: 60px;
position: absolute;
top: 80px;
left: 252px;
font-family: Arial, sans-serif;
text-align: center;
color: #FFFCFA;
}

#top #title h1 {
font-weight: normal;
font-size: 36px;
letter-spacing: 1px;

z-index: 0;
}

#top #title a{
font-size: 11px;
text-decoration: none;
line-height: 28px;
color: #FFFCFA;
}

#top #title a:hover {text-decoration: underline;}

/* ------------------------------------------------------------------------------------------------------- */
#container #left {
width: 250px;
float: left;
}

#container #left ul {
padding-left: 5px;
}

#container #left ul li {
display: block;
border: 1px solid #E5E5E5;
line-height: 32px;
color: #FFFCFA;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: normal;
padding-left: 25px;
background: #223615 url(menu-list-bullet.png) no-repeat scroll 8px 9px;
}

#container #left ul li a {color: #FFF;text-decoration:none;}
#container #left ul li a:hover {text-decoration:underline;}

/* ------------------------------------------------------------------------------------------------------- */
#container #left #box {
border: 1px solid #E5E5E5;
margin-left: 5px;
width: 243px;
height: 80px;
background: #DB3600 url(left-box-gradient.png) repeat-x scroll 5px 0;
display: block;
}

#container #left #box span {
text-align: left;
font-size: 26px;
font-family: Arial, sans-serif;
font-weight: normal;
color: #FFF;
padding: 10px 10px 10px 30px;
display: block;
text-decoration: none;
}

/* ------------------------------------------------------------------------------------------------------- */
#container #left #newsletter {
border: 1px solid #E5E5E5;
margin-left: 5px;
width: 243px;
height: 120px;
background: #223615;
display: block;
}

#container #left #newsletter h1 {
padding: 10px 10px 0px 20px;
color: #FFF;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 14px;
}

#container #left #newsletter p {
padding: 5px 10px 10px 20px;
color: #FFF;
font-size: 11px;
font-family: Arial, sans-serif;
}

#container #left #newsletter-form input {
display: block;
border: none;
color: #333;
padding: 2px;
margin-left: 20px;
width: 205px;
}

#container #left #newsletter-form .submit-button {
border: none;
background: transparent;
color:#FFF;
font-size: 12px;
font-weight: bold;
width: 50px;
float:right;
margin-right: 15px;
cursor: pointer;
}

#container #left #newsletter-form .submit-button:hover {color:#FF4508;}

/* ------------------------------------------------------------------------------------------------------- */
#wrapper #footer {
margin: 0 auto;
width: 968px;
height: 50px;
background: transparent url(footer.png) no-repeat scroll 50% 0;
}

#wrapper #footer p {
padding: 15px;
font-size: 11px;
font-weight: normal;
color: #666;
font-family: Verdana, sans-serif;
}

#wrapper #footer a {color:#666;text-decoration:none;}
#wrapper #footer a:hover {color:#333;text-decoration:none;}

/* ------------------------------------------------------------------------------------------------------- */
#container #news {
width: 700px;
height: auto;
float: right;
margin-right: 6px;
padding: 10px;
font-family: Arial, sans-serif;
}

#container #news h1 {
display: block;
width: 700px;
margin: 0 auto;
background: #182B0D;
color: #FFF;
font-size: 15px;
padding: 5px 0px 5px 5px;
}

#container #news ul li {
display: block;
padding: 5px 0;
font-size: 11px;
line-height: 24px;
}

#container #content .news-title {font-family: Arial,sans-serif;font-size: 12px;font-weight: bold;}
#container #content .news-date {color: #666;font-weight:normal;font-size: 11px;line-height: 16px;font-weight: bold;font-family: Arial,sans-serif;}
#container #content .news-text {text-align:justify;width:650px;}
#container #content .news-text a{text-decoration:none;color: #333;font-family: Arial,sans-serif;font-size: 12px;text-align:justify;line-height: 18px;letter-spacing: 0.1px;word-spacing: 1px;}
#container #content .news-text a:hover{text-decoration:underline; color: #000;}

#container #news .news-bullet {float: left;width: 20px;background: #FFF url(news-list-bullet.png) no-repeat scroll 0px 7px;border-top: 1px dashed #E5E5E5;}
#container #news .news-date {float: left;width: 70px;color: #999;font-weight:bold;border-top: 1px dashed #E5E5E5;}
#container #news .news-text {float: left;width: 550px;border-top: 1px dashed #E5E5E5;line-height: 18px;}
#container #news .news-text a{text-decoration:none;color: #333;}
#container #news .news-text a:hover{text-decoration:underline; color: #000;}

/* ------------------------------------------------------------------------------------------------------- */

#loginForm {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}

#loginForm label,#loginForm input{
display: block;
text-align: center;
margin: 5px auto;
font-family: Verdana, sans-serif;
font-size: 13px;
}

#loginForm input{
border: 1px solid #D73500;
padding: 2px;
}

#loginForm .field:hover,#loginForm .field:focus {
border: 2px solid #D73500;
padding: 1px;
}

#loginForm .button {background: url(left-box-gradient.png);padding: 3px 6px;border: 1px solid #D73500;cursor: pointer;color: #e0e0e0;display: inline;}
#loginForm .button:hover,#loginForm .button:focus {color: #fff}


/* DO BOXÓW W KONTENCIE ---------------------------------------------------------------------------------- */
#container #content .content-box {
width: 320px;
margin: 10px 5px;
padding-left: 10px;
height: auto;
float: left;
border-left: 1px solid #E5E5E5;
}

#container #content .content-box  h1{
background: #D73500;
color: #FFFCFA;
display: block;
font-size: 13px;
font-weight: bold;
font-family: Arial, sans-serif;
letter-spacing: 0.1px;
padding: 3px 3px 3px 6px;
line-height: 16px;
}

#container #content .content-box  a{
color: #666;
font-size: 12px;
font-weight: bold;
font-family: Arial, sans-serif;
line-height: 16px;
float: right;
text-decoration: none;
}

#container #content .content-box  a:hover{text-decoration: underline;}

/* ------------------------------------------------------------------------------------------------------- */
#container #content {
width: 700px;
height: auto;
float: right;
margin-right: 6px;
padding: 10px;
}

#container #content p {
margin: 10px 0;
text-align: justify;
font-family: Arial, sans-serif;
font-size: 13px;
line-height: 17px;
letter-spacing: 0px;
word-spacing: 1px;
color: #333;
}

#container #content h1 {
margin: 15px 0;
text-align: center;
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 17px;
letter-spacing: 0px;
word-spacing: 1px;
color: #333;
}

#container #news h1 a {color: inherit;text-decoration: none;}
#container #news h1 a:hover {text-decoration: underline;}
/* ------------------------------------------------------------------------------------------------------- */
#rejestracja {
font-family: Verdana, sans-serif;
font-size: 11px;
letter-spacing: 0.6px;
}
#rejestracja tr {vertical-align: middle;border-top: 2px solid white;background: transparent;}
#rejestracja td {vertical-align: middle;margin: 2px 0;background: transparent;}

/* ------------------------------------------------------------------------------------------------------- */
textarea, input {
display: inline;border: none; padding: 2px;margin: 4px 0;text-align: left;border: 1px solid #666;
}

input {background: #fff url(input-bg.gif) repeat-x 0 5px;}

.error {
font-weight:bold !important;
color: #DB3600 !important;
text-align: center !important;
background: #FFBF95 !important;
padding: 3px !important;
border: 1px solid #D73500 !important;
}

.button {
background: url(left-box-gradient.png);
padding: 3px 6px;
border: 1px solid #D73500;
cursor: pointer;
color: #e0e0e0;
display: inline;
}

.button:hover {color: #fff;}

.clear {
clear:both;
display:block;
height: 1px;
line-height: 1px;
font-size: 1px;
}

.table-top {
background: #DB3600;
padding: 3px;
color: white;
font-weight: bold;
}

.table-cell {
border-left:1px dashed #E0E0E0;
border-right:1px dashed #E0E0E0;
border-bottom:1px dashed #E0E0E0;
padding: 5px 2px 5px 8px;
font-size: 11px;
font-family: Verdana, sans-serif;
}

/* ------------------------------------------------------------------------------------------------------- */
#panel-trenera {
width: 100%;
background: red;
height: 42px;
background: transparent url('left-box-gradient.png') repeat-x 0 0;
margin-top: -10px;
border: 1px solid #AB3914;
}

#panel-trenera ul {
margin-top: 0px;
margin-left: -25px;
display: block;
}

#panel-trenera ul li {
float: left;
display: block;
line-height: 20px;
color: #FFBF95;
font-family: Verdana, sans-serif;
font-size: 11px;
}

#panel-trenera ul li a {
color: white;
display: block;
font-family: Verdana, sans-serif;
font-size: 11px;
float: left;
line-height: 20px;
margin: 0px 0px 0px 5px;
text-decoration: none;
}

#panel-trenera ul li a:hover{
text-decoration: underline;
}

#content #trener-ukonczone-szkolenia {
border-bottom: 2px solid #DB3600;
}

/* ------------------------------------------------------------------------------------------------------- */
#dodaj-szk-sem-war {
display: block;
width: 400px;
margin: 0 auto;
}

#dodaj-szk-sem-war label{
display: block;
width: 180px;
float: left;
text-align:right;
margin: 10px 0;

font-family: Verdana, sans-serif;
font-size: 11px;
letter-spacing: 0.6px;
line-height: 18px;
}

#dodaj-szk-sem-war input,#dodaj-szk-sem-war textarea,#dodaj-szk-sem-war select{
display: block;
width: 200px;
float: right;
margin: 10px 0;
}

/* ------------------------------------------------------------------------------------------------------- */
.trener-foto {
width: 205px;
height: 165px;
padding: 5px;
border: 1px solid red;
margin: 10px auto;
}

.trener-foto-form {
display: block;
margin: 10px auto;
}
/* ------------------------------------------------------------------------------------------------------- */
/* lista trenerow z wyszukiwania prostego */

#szukaj-lista-trenerzy a{
display:block;
float:right;
color:#DB3600;
font-family:Verdana,sans-serif;
font-weight: bold;
font-size:11px;
text-decoration: none;
}

#szukaj-lista-trenerzy a:hover{
text-decoration: underline;
}

/* ------------------------------------------------------------------------------------------------------- */
#trener-szczegoly {
font-family:Verdana,sans-serif !important;
line-height: 24px;
word-spacing: 1px;
letter-spacing: 0.2px;
}

#trener-szczegoly a {
display:block;margin: 3px auto;width:100%;
}

#trener-szczegoly img {
margin: 0 auto;display:block;padding: 2px;border: 1px solid #DB3600;text-align:center;
}

#trener-szczegoly img:hover {
background: #DB3600;
}

#trener-szczegoly ul {
list-style: disc;
list-style-position: inside;
font-family:Verdana,sans-serif;
font-weight: bold;
font-size:12px;
line-height: 18px;
padding-left: 15px;
}

/* ------------------------------------------------------------------------------------------------------- */
#szukaj-trenera-form, #szukaj-szkolenia-form {
display: block;
width: 600px;
height: 460px;
margin: 0 auto;
border-top:1px dashed #E0E0E0;
border-bottom:1px dashed #E0E0E0;
}

#szukaj-szkolenia-form {
height: 300px;
}

#szukaj-trenera-form label, #szukaj-szkolenia-form label{
display: block;
width: 290px;
float: left;
text-align:right;
margin: 10px 0;

font-family: Verdana, sans-serif;
font-size: 11px;
letter-spacing: 0.6px;
line-height: 18px;
}

#szukaj-trenera-form input, #szukaj-trenera-form select, #szukaj-szkolenia-form input, #szukaj-szkolenia-form select {
display: block;
width: 200px;
float: left;
margin: 10px 0;
}
/* ------------------------------------------------------------------------------------------------------- */
#szukaj-lista-szkolenia a{
display:block;
color:#DB3600;
font-family:Verdana,sans-serif;
font-weight: bold;
font-size:11px;
text-decoration: none;
}

#szukaj-lista-szkolenia a:hover{
text-decoration: underline;
}
/* ------------------------------------------------------------------------------------------------------- */
.menu-header {
display: block;
border: 1px solid #E5E5E5;
line-height: 32px;
color: #FFFCFA;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
padding-left: 25px;
margin-left: 5px;
background: transparent url('left-box-gradient.png') repeat-x 0 0;
}

.produkt {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
padding: 5px 5px 30px 5px;
border: 1px solid #E5E5E5;
border-top: none;
border-left: none;
border-bottom: 1px dashed #E5E5E5;
line-height: 16px;
}

.produkt .nazwa {width: 100%;font-weight: bold;text-align: center;font-size: 13px;padding-bottom: 5px;}
.produkt .zdjecie {width: 100%;margin: 2px auto;display: block;}
.produkt .zdjecie img {display: block;margin: auto;}
.produkt .opis {text-align: justify;padding: 0 10px 10px 0;}
.produkt .cena {float:left;}
.produkt .koszyk {float:right;font-weight: bold;}

.produkt a {text-decoration: none;color: #DB3600;}
.produkt a:hover {text-decoration: underline;color: #DB3600;}

#wyszukiwarka a {text-decoration: none;color: #DB3600;}
#wyszukiwarka a:hover {text-decoration: underline;}
/* ------------------------------------------------------------------------------------------------------- */
.middle_header_cat a{
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
padding: 5px;
border-bottom: 1px dashed #E5E5E5;
text-align:center;
font-weight: bold;
color: red;
text-decoration:none;
}

.middle_header_cat a h3:hover{
text-decoration:underline;
}

.lista-produktow .produkt {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
padding: 5px 5px 5px 5px;
border: 1px solid #E5E5E5;
border-top: none;
border-left: none;
border-bottom: 1px dashed #E5E5E5;
}

.lista-produktow .produkt .zdjecie {margin: 2px;display: block;float:left;width: 200px;height: 160px;margin-right: 15px;}
.lista-produktow .produkt .zdjecie img {display: block;padding: 2px;}
.lista-produktow .produkt .nazwa {font-weight: bold;text-align: left;font-size: 13px;padding: 5px 0 0 0;}
.lista-produktow .produkt .opis a{text-align: justify;padding: 0 10px 10px 0;color: black;}

a .paginacja {
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: normal;
color: #DB3600;
text-decoration: none;
}

a .paginacja:hover {
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: normal;
color: #DB3600;
text-decoration: none;
}

#produkt-szczegoly {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
padding: 5px 5px 5px 5px;
}

#produkt-szczegoly .zdjecie {
display: block;
width:304px;
height:244px;
float:left;
padding: 2px;
border: 1px solid #e5e5e5;
margin-right: 5px;
}

#produkt-szczegoly .zdjecie:hover {border: 1px solid #999;}

#produkt-szczegoly .nazwa {font-weight: bold;text-align: left;font-size: 13px;}

#produkt-szczegoly .zdjecia-dodatkowe {
display: block;
width:200px;
height:160px;
float:left;
padding: 4px;
border: 1px solid #e5e5e5;
margin-right: 5px;
margin-bottom: 5px;
}

#produkt-szczegoly .zdjecia-dodatkowe:hover {border: 1px solid #999;}

#produkty-podobne {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
padding: 5px 5px 5px 5px;
border: 0px solid #E5E5E5;
color: #333;
line-height: 18px;
}

#produkty-podobne a{color: #333;text-decoration: none;}
#produkty-podobne a:hover{color: #333;text-decoration: underline;}

#koszyk-formularz {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
padding: 5px 5px 5px 5px;
border: 0px solid #E5E5E5;
color: #333;
line-height: 18px;
}

/* ------------------------------------------------------------------------------------------------------- */

#galeria {
width: 600px;
margin: 10px 0px 10px 45px;
}

#galeria a {
display: block;
width: 125px;
height: 125px;
float: left;
padding: 4px;
border: 1px solid #d73500;
margin: 4px 5px 5px 5px;
background: transparent;
text-decoration: none;
}

#galeria a:hover {
background: #f07842;
text-decoration: none;
}

#galeria a p {
text-align: center;
display: block;
width: 140px;
text-decoration: none;
}

#galeria a p:hover {
text-align: center;
display: block;
width: 125px;
text-decoration: underline;
}

#galeria img.galeria {
border: none;
}

#pliki-table tr {border-top: 1px dotted #e5e5e5;}

#pliki-table tr:hover {background: #f07842;}

#pliki-table tr td a {
text-decoration: none;
color: #333;
font-size: 11px;
line-height: 24px;
letter-spacing: 0.1px;
word-spacing: 1px;
font-weight: normal;
font-family: Verdana, sans-serif;
display:block;
width: 100%;
height: 100%;
}

#formularz {
font-family: Verdana, sans-serif;
font-size: 11px;
text-align: center;
margin: 10px 0;
}

#formularz .standard {
text-align: center;
}

#formularz input[type='hidden'] {
display: none;
}

#formularz input {
background: #fff;
border: 1px solid #d73500 !important;
margin: 5px;
height: 16px;
line-height: 16px;
padding: 2px;
font-size: 12px;
}

#formularz textarea {
border: 1px solid #d73500 !important;
background: #fff;
margin: 5px;
padding: 4px;
overflow: auto;
}

#formularz input:hover,#formularz input:focus,#formularz textarea:hover,#formularz textarea:focus {
border: 1px solid #d73500 !important;
}

#formularz .but {
margin: 10px 0 0 -50px;
cursor: pointer;
width: 100px;
height: 25px;
line-height: 25px;
border: 1px solid #d73500 !important;
text-align: center;
}

#formularz select {
border: 1px solid #d73500 !important;
background: #fff;
margin: 5px;
padding: 4px;
}

#formularz .ukryj {
display: none;
}

#formularz p {
display: inline;
margin: 0 auto;
text-align: center;
}

ul {list-style: disc;text-align: left;list-style-position: inside;}
ol {list-style: decimal;text-align: left;list-style-position: inside;}