/* CSS reset */
:link,:visited {
    text-decoration: none;
}

ul,ol {
    list-style: none;
}

h1,h2,h3,h4,h5,h6,pre,code {
    font-size: 1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dd,dt{
    margin: 0;
    padding: 0;
}

a img,:link img,:visited img, fieldset {
    border: none;
}

address {
    font-style: normal;
}

body {
    font-size: 62.5%;
    background: white;
    font-family: Verdana, Arial, sans-serif;
    
}

a{
    text-decoration: none;
    color: #6087B0; 
}



#skipNav {
    background: url('../images/bg_skipnav.gif') top right no-repeat;
    display: block;
    width: 143px;
    height: 17px;
    font-size: 10px;
    color: #F5F5F5;
    text-align: right;
    padding-right: 7px;
    padding-bottom: 3px;
    margin-top: -17px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
}

#skipNav:hover {
    margin: 0px;
}

#all {
    width: 1000px;
    margin: 0 auto;
    font-size: 1.4em;
}

#header {
    background: #054885 url('../images/top.jpg') no-repeat;
    height: 90px;
    position: relative;
    overflow: hidden;
    padding-bottom: 5px;
}


#topInfo{
    clear: both;
    text-align: right;
    padding: 3px 20px;
    color: #F5F5F5;
    font-size: 0.7em;
}


h1 {
    padding: 1em 1.5em;
    float: left;
}

h1 a {
    font-size: 2.5em;
    font-family: 'Calibri', 'Arial Narrow', Arial;
    font-weight: normal;
    color: #fff;
    visibility: hidden;
}

#topMenu {
    background: #fbfbfb;
    border-top: 2px solid #054885;
    list-style-type: none;
    overflow: hidden;

}

#topMenu li {
    float: left;
}

#topMenu li a {
    display: block;
    padding: 0.5em 1.5em;
    font-size: 0.8em;
    font-weight: bold;
    color: #003366;
}

#topMenu li a:hover {
    background: url('../images/topmenu_hover.gif');
}

#categoryTopMenu {
    overflow: hidden;
    padding: 1em;
    background: white;
    list-style-type: circle;
    padding-left: 4em;
}

#categoryTopMenu li {
    float: left;
    width: 20%;
    font-size: 0.7em;
    font-family: Verdana;
}
#categoryTopMenu li a {
    font-weight: bold;
}
#categoryTopMenu li a:hover {
    text-decoration: underline;
}
#categoryTopMenu div{
    overflow: hidden;
}
#categoryTopMenuDiv strong{
    background: white;
    display: block;
    padding-left: 1em;
    padding-top: 0.3em;
    font-weight: bold;
}
#categoryToogle{
    text-align: center;
    background: #fbfbfb;
    border-top: 1px solid silversmoke;
    cursor: hand;
    font-size: 0.7em;
    overflow: hidden;
}
#wrapper {
    overflow: hidden;
    margin-top: 1em;
}

#menuFirst, #menuSecond {
    float: left;
    width: 195px;
    padding-right: 15px;
}

#menuSecond {
    padding-left: 15px;
    padding-right: 0;
}

#mainContent {
    float: left;
    width: 580px;
}

#footer {
    clear: both;
    text-align: center;
    font-size: 0.7em;
    background: #054885;
    color: #F5F5F5;
    padding: 2px 10px;
    margin-top: 1em;
    height: 1em;
}

#footer a{
    color: red;
}


.contentTitle{
    display: block;
    font-weight: bold;
    font-size: 0.9em;
    margin-bottom: 0.5em;
}

strong em{
    font-weight: normal;
    color: gray;
}

.box {
    border-bottom: 0px solid silver;
    padding-bottom: 1em;
    margin-bottom: 1em;
    background: #054885 url('../images/bg_boxtitle.jpg') repeat-x;
    overflow: hidden;
    text-align: right;
    padding-right: 1em;
}

.box h3, .box legend {
    font-weight: bold;
    padding-left: 1.5em;
    color: #fff;
    font-size: 0.8em;
    height: 36px;
    line-height: 36px;
    text-align: left;
}

.box a{
    color: silver;
}

.box p {
    color: silver;
    font-size: 0.7em;
    padding: 0 1em;
}

input.text, input.password {
    border: 1px solid silver;
    background: #FFBB72 url('../images/bg_form.gif') no-repeat top left;
    margin: 0;
    padding: 1px 3px;
    width: 8em;
}

input.text:focus, input.password:focus {
}

input.submit {
    border: 0;
    padding: 0;
    margin: 0;
    margin-bottom: 0.5em;
    font-size: 0.8em;
    font-weight: bold;
    height: 21px;
    width: 75px;
    background: url('../images/bg_btn.gif') no-repeat;
    color: #791324;
    float: right;
}

#searchForm label, #citySearch fieldset label {
    display: none;
}

#searchForm input#searchText {
    margin-left: 1em;
    width: 10em;
}


#loginForm .error{
    font-size: 0.8em;
    font-weight: bold;
    padding: 10px;
    padding-top: 0px;
    text-align: left;
}

#loginForm input.password {
    margin-top: 0.3em;   
}

input.formError{
    border-bottom: 1px solid #054885;
    border-right: 1px solid #054885;
    background: #D3DDE5 url('../images/bg_form_#054885.gif') no-repeat top left;
}

#loginForm label {
    font-size: 0.8em;
    margin-left: 0.5em;
    width: 4em;
    float: left;
    height: 0.8em;
    line-height: 0.8em;
    color: #F5F5F5;
    font-family: Verdana;
}

#loginForm input.submit {
    margin-left: 5.7em;
    margin-top: 0.3em;
}


.box ul {
    margin-left: 2em;
    list-style-type: disc;
}

.box ul li {
    margin-top: -0.2em;
}

.box ul li a {
    font-size: 0.7em;
}

.box ul li a:hover {
    text-decoration: underline;
}

#links {
    text-align: left;
}

#cityList {
    list-style-type: disc;
    height: 1050px;
    overflow: auto;
    text-align: left;
}

#cityList a {
    font-size: 0.8em;
}

#links ul{
    margin-left: 20px;
}

#links a,#userBox a{
    font-size: 0.8em;
}
#links a:hover,#userBox a:hover{
    text-decoration: underline;
}
#userBox ul {
    margin-bottom: 1em;   
    list-style-type: none;
    padding-top: 0.5em; 
}
#userBox li{
    overflow: hidden;
    margin-bottom: 3px;
}
#userBox ul li a{
    float:left;
    width: 100px;
    background: #D8455D;
    color: silver;
    padding: 1px 10px;
    padding-right: 0;
}
#userBox ul li a:hover{
    text-decoration: none;
}

#userBox ul li a.edit{
    float: right;
    width: 40px;
    text-align: center;
    padding: 1px 0px;
    background: #E16F82; 
}
#userBox ul li a.edit:hover{
    background: #EA9CA8;    
}



#userBox h4{
    color: silver;
    font-size: 0.8em;
    font-weight: bold;
    text-align: left;
    padding-left: 15px;
}
#userBox ul li{
    text-align: left;
    font-size: 0.8em;
}

#userBox p{
    font-size: 0.8em;
    text-align: left;
}


.mainMenu{
    padding: 0;
    background: none;
}
.mainMenu ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.mainMenu ul li{
    margin: 0;
    padding: 0;
}

.mainMenu ul li a{
    display: block;
    background: #D8455D;
    margin-bottom: 1px;
    padding: 4px 15px;
    text-align: left;
    font-weight: bold;
    font-size: 0.7em;
    color: silver;
}
.mainMenu ul li a:hover{
    text-decoration: none;
    background: #E16F82;
}
.mainMenu ul li a.primary{
    background: #054885;
    color: silver;
    padding-left: 10px;
}
.mainMenu ul li a.primary:hover{
    background: #FF5959;
}

.noResults a:hover{
    text-decoration: underline;
}
.noResults{
    background: white;
    width: 578px;
    overflow: hidden;
    border: 1px solid #054885;
    padding: 10px 0px;
    text-align: center;
    font-size: 0.9em;
    margin-bottom: 1em;
    line-height: 1.5em;
}
.noResults.login{
    text-align: left;
    padding: 10px 20px;
    width:  538px;
}

.shortInfo{
    background: white;
    margin-bottom: 1em;
    width: 578px;
    overflow: hidden;
    border: 1px solid gray;
}
.shortInfo h2, .longInfo h2{
    background: url('../images/bg_main_h2.png') repeat-x bottom;
    padding: 2px 10px;
    font-size: 0.8em;
    color: black;
}
.shortInfo h2 a{
    display: block;
    color: black;
}

.shortInfo .logoWrapper, .longInfo .logoWrapper{
    float: left;
    width: 130px;    
}

.shortInfo .logoWrapper img, .longInfo .logoWrapper img{
    max-width: 120px;  
    margin: 10px 5px;
}


.shortInfo .opis{
    float: left;
    width: 418px;
    margin-left: 10px;
    font-size: 0.8em;
    padding: 5px 10px
}

.more{
    overflow: hidden;
    clear: both;
    margin: 0;
    border-top: 1px solid #F5F4ED;
    margin-top: 5px;
    font-size: 0.7em;
    padding: 2px 0px;
    padding-left: 150px;
    
}
.more span{
    float: left;
    color: gray;
}

.more a{
    float: right;
    padding-right: 5px;
}


.longInfo{
    width: 578px;
    overflow: hidden;
    font-size: 0.9em;
}

.longInfo .contact{
    border: 1px solid gray;
    background: white;
    margin-bottom: 5px;
    overflow: hidden;
}

.longInfo .sideContent{
    width: 156px;
    float: right;
}

.longInfo .produkty,  .longInfo .kategorie{
    border: 1px solid gray;
    background: white;
    margin-bottom: 10px;
    padding: 5px 0px;
}
.longInfo .kategorie ul{
    list-style-type: disc;
    margin-left: 20px;
}
.longInfo .kategorie ul li a:hover{
    text-decoration: underline;
}

.longInfo .produkty ul{
    font-size: 0.8em;
}
.longInfo .produkty ul li{
    margin-bottom: 3px;
}
.longInfo .produkty ul li a{
    padding-left: 5px;    
}
.longInfo .produkty ul li a img{
    max-width: 150px;
    border: 1px solid black;
}

.longInfo .oferta, .longInfo .dzialalnosc{
    border: 1px solid gray;
    background: white;
    padding: 1em 2em;
    margin-bottom: 5px;
}
.longInfo  h3{
    margin: 5px 10px;
    font-size: 1.2em;
}

.longInfo .oferta ul{
    margin-left: 15px;
    list-style-type: disc;
}
.longInfo .dzialalnosc p, .longInfo .oferta p{
    line-height: 1.2em;
    margin-bottom: 1.4em;
    padding: 0px 10px;
}
.longInfo .wrap{
    width: 410px;
    float: left;
}
.longInfo dl{
    position: relative;
    overflow: hidden;
    float: left;
    font-size: 0.8em;
    width: 400px;
    margin: 15px 0px;
    margin-left: 26px;
}

.longInfo dl dt, .longInfo dl dd{
    float: left;
    margin-bottom: 3px;
}
.longInfo dl dt{
    width: 100px;
}
.longInfo dl dd{
    width: 300px;
}

.infoPage{
    background: white;
    width: 558px;
    overflow: hidden;
    border: 1px solid gray;
    padding: 5px 10px;
    text-align: left;
    font-size: 0.9em;
}

a:focus{
    outline: none;
}

.none{
    display: none;
}
.hidden{
    visibility: hidden;
    min-height: 1em;
}

.lowerCase{
    text-transform: lowercase;
}

.upperCase{
    text-transform: uppercase;
}

#alfabet{
    overflow: hidden;
    width: 500px;
    margin: 0px auto;
    border-bottom: 1px solid #F5F5F5;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
}
#alfabet li{
    float: left;
    margin-left: 10px;
}


div.slownik{
    text-align: left;
    padding: 1em 20px;
    width: 538px;
}
.slownik h2{
    font-size: 1.5em;
}
.slownik p{
}

dl.slownik{
}

dl.slownik dt{
    font-weight: bold;
}
dl.slownik dd{
    margin-left: 1em;
    margin-bottom: 1em;
}

#mapSwitch{
    font-size: 0.8em;
    display: block;
    text-align: center;
}


/* reklamy */
.adsenseSide, .adsenseSide1, .adsenseTop, .adsenseTopmax, #reklamBox1, #reklamBox2, #bilboard{
    font-size: 0.9em;
    background: white;
    border: 1px solid gray;
}

#bilboard{
    width: 468px;
    height: 60px;
    float: right;
    margin-right: 20px;
    margin-top: 15px;
}

.adsenseSide{
    height: 600px;
    text-align: left;
}
.adsenseSide1{
    height: 152px;
    text-align: center;
}

#reklamBox1, #reklamBox2{
    width: 49%;
    height: 100px;
    float: left;
}
#reklamBox1{
    float: right;
    margin-bottom: 5px;
}
.adsenseTop{
    height: 70px;
    clear: both;
    margin-bottom: 1em;
    overflow: hidden;
}
.adsenseTopmax{
    height: 70px;
    clear: both;
    margin-bottom: 1em;
    overflow: hidden;
}

.noResults a{
    font-weight: bold;
}

.pageCategoryList{
    text-align: left;
    margin-left: 5em;
    list-style-type: disc;
}

/* Pf24 */
.CMS24NewsInsetTitle {font-size: 0.8em; font-weight: bold; color: #D2DEEB;}
.CMS24NewsInsetIntro {font-size: 0.8em; text-align: left; color: silver; padding: 2px 10px; color: #D2DEEB;}
.CMS24NewsInsetIntro a{color: #B5C7DA; font-weight: bold;}
.CMS24NewsInsetIntro a:hover{text-decoration: underline;}
.CMS24NewsInsetBreak hr {border-color: #B5C7DA; width: 80%; margin: 0 auto;}
.CMS24NewsInsetCopyright {visibility: hidden;}

