/* *
 *
 * Kwidzyn Wierni Tradycji- kwidzyn.css
 * Author: Agencja WMC
 *
 */

 * {
    margin: 0px;
    padding: 0px;
}

/* clearfix */

.clearfix:after {
        content: ".";
        display: block;
        height: 0px;
        clear: both;
        visibility: hidden;
}

/*.clearfix {display: inline-block;}*/

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {display: block;}

.clearFix {
    clear: both;
}

body {
    padding-top: 0px;
    background: #ffffff;
}

body, html, input, textarea, select, p {
    font-size: 11px;
    font-family: Tahoma;
    color: #686868;                 
}

h1 {
    color: #2b53a1;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
    margin-bottom: 10px;
}

h2 {
    font-size: 14px;
    color: #2b53a1;
    margin-bottom: 13px;
    text-decoration: underline;
}


a {
    text-decoration: none;
    color: #2b54a2;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

a.inactive {
   text-decoration: none;
    color: #2c57a5;
}

a.active {
    text-decoration: underline;
    color: #f96000;
}

a.more {
    background-image: url(/static/images/icon.more.gif);
    background-position: right 5px;
    background-repeat: no-repeat;
    padding-right: 14px;
}

a.grey {
    color: #686868;
}

.active_path {
    color: #f96000;
    text-decoration: underline;
}

ul {
    list-style: none;
}


ol {
    text-indent: 0px;
    list-style-position: inside;
}

hr {
    background-color: #e4dfd8;
    border: 0;
    height: 1px;
}

.floatLeft {
    float: left;
}

.floatRight {
    float:right;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}


div#pageContainer {
    width: 1000px;
    margin: 0px auto;
}

div#headerContainer {
    height: 222px;
}

div#header {
    height: 127px;
    background-image: url(/static/images/header.jpg);
    background-repeat: no-repeat;
    position:relative;
}

div#logo {
    position: absolute;
    top: 20px;
    left: 68px;
    width: 190px;
    height: 85px;
    cursor: pointer;
}

div#logo a{
    width: 190px;
    height: 85px;
    display: block;
    text-decoration: none;
}

div#logo a:hover {
    text-decoration: none;
}

div#recommend {
    height: 21px;
}

div#recommend ul {
    float: right;
    margin-right: 15px;
    height: 21px;
}

div#recommend ul li{
    list-style-type: none;
    float: left;
    padding-left: 10px;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 5px;
    background-color: #ffffff;
    background-image: url(/static/images/recommend.break.gif);
    background-repeat: no-repeat;
    background-position: right 6px;
}

div#recommend a {
    color: #686868;
}

div#recommend ul li.first {
    padding-left: 10px;
}

div#recommend ul li.map {
    padding-left: 10px;
    background-image: none;
}

div#recommend ul li.last {
    background-image: none;
}

div#recommend ul li.left {
    width: 3px;
    height: 21px;
    font-size: 1px;
    padding: 0px;
    background-image: url(/static/images/recommend.left.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

div#recommend ul li.right {
    width: 3px;
    height: 21px;
    font-size: 1px;
    padding: 0px;
    background-image: url(/static/images/recommend.right.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}

div#recommend ul li.break {
    width: 25px;
    height: 21px;
    padding: 0px;
    font-size: 1px;
    background-color: #ffffff;
    background-image: none;
}

div#menuTop {
    position:relative;
    text-align: left;
    margin-left: 300px;
    margin-top: 20px;
}

ul#menuTopLeft {
    float: left;
}

ul#menuTopLeft li {
    float: left;
}

ul#menuTopLeft li.separator {
    width: 2px;
    height: 21px;
    background-image: url(/static/images/menu.break.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

ul#menuTopRight {
    float:right;
    padding-right: 15px;
}

ul#menuTopRight li{
    float:left;
}

ul#menuTopRight li.search {
    padding-right: 4px;
    padding-top: 4px;
}

input.searchInbox {
    margin-bottom: 9px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 130px;
}

div#topFlash {
    width: 967px;
    height: 95px;
    margin-left: 20px;
    background-image: url(/static/images/bg.flash.jpg);
    background-repeat: no-repeat;
}

div#contentContainer {
    width: 966px;
    margin-left: 20px;
    margin-top: 20px;
}

div#boxesContainer {
    width: 966px;
    margin-left: 20px;
    margin-top: 10px;
}

div#main4Box {      
}

div.main4Box_general {
    position: relative;
    float: left;
    width: 234px;
}

div.main4Box_content01 {
    height: 135px;
    position: relative;
    background-image: url(/static/images/box.bg.01.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

div.main4Box_content02 {
    height: 135px;
    position: relative;
    background-image: url(/static/images/box.bg.02.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

div.main4Box_content03 {
    height: 135px;
    position: relative;
    background-image: url(/static/images/box.bg.03.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

div.main4Box_content04 {
    height: 135px;
    position: relative;
    background-image: url(/static/images/box.bg.04.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

div.main4Box_desc {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 130px;
    height: 98px;
    text-align: left;
    overflow: hidden;
}

a.mainBox {
    position:absolute;
    bottom: 17px;
    right: 22px;
}

div.break7 {
    float:left;
    width: 7px;
    height: 1px;
}

div.break9 {
    float:left;
    width: 9px;
    height: 1px;
}

div.break10 {
    float:left;
    width: 10px;
    height: 1px;
}

div#mainContent {
    position: relative;
    margin-top: 15px;
}

div#mainLeftPart {
    float: left;
    width: 232px;
    margin-top: 24px;
}

ul.mainMenu {
    width: 232px;
}

ul.mainMenu li {
    border-bottom: 1px solid #ffe383;
    margin-bottom: 1px;
}

ul.mainMenu li.last {
    border: none;
}

/* drugie zglebienie */
ul.mainMenuLevel2 {
    width: 232px;
}

ul.mainMenuLevel2 li {
    border-bottom: 1px solid #ffe383;
    margin-bottom: 1px;
    min-height: 10px;
    padding-left: 30px;
    padding-top: 6px;
    padding-bottom: 10px;
}

ul.mainMenuLevel2 li a:hover {
    text-decoration: underline;
    color: #f96000;
}

/* menu 3-zaglebienie */

ul.mainMenuLevel3 {
    width: 232px;
}

ul.mainMenuLevel3 li {
    border-bottom: 1px solid #ffe383;
    margin-bottom: 1px;
    min-height: 10px;
    padding-left: 40px;
    padding-top: 6px;
    padding-bottom: 10px;
}

ul.mainMenuLevel3 li a:hover {
    text-decoration: underline;
    color: #f96000;
}
/* koniec menu */

div#mainMiddlePart {
   width: 482px;
   float: left;
}

div#mainRightPart {
    width: 236px;
    float: left;
}

div#newsletterPart {
    margin-top: 20px;
}

div#newsletterPart_content {
   background-image: url(/static/images/newsletter.bg.gif);
   background-position: 0px 0px;
   background-repeat: no-repeat;
   height: 102px;
   padding-top: 15px;
   padding-left: 8px;
   padding-right: 8px;
   margin-top: 10px;
}

div#newsletterPart_content ul {
    position: relative;
    bottom: 20px;
    margin-top: 20px;
}

div#newsletterPart_content ul li {
    float: left;
}

input.newsletterPart_email {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    width: 140px;
}

input.newsletterPart_add {
    margin-top: 5px;
    margin-left: 10px;
    padding: 0px;
    width: 57px;
}

div.mainNewsPart_header {
   margin-left: 15px;
   padding-bottom: 3px;
   border-bottom: 1px solid #ffe383;
}



div.mainNewsPart_content {
    min-height: 100px;
    margin-bottom: 10px;
    margin-top: 10px;
}

div.mainNewsPart_content ul {
    margin-top: 5px;
}

div.mainNewsPart_content ul li {
    padding-right: 10px;
    padding-left: 10px;
    float: left;             
}

div.mainNewsPart_content ul li.second {
    width: 367px;

}

div.mainNewsPart_content ul li.first {
    padding-left: 0px;
    padding-right: 0px;
    width: 90px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
}









div#footer {
    height: 30px;
    background-color: #fff1c4;
    text-align: center;
    vertical-align: bottom;
    margin-top: 25px;
    display: block;
}

div#footer ul {
}

div#footer ul li {
    display: inline;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 0px;
    padding-top: 0px;        
}

div#afterFooter {
    border-top: 1px solid #ffeaa5;
    height: 20px;
    margin-top: 10px;
    padding-top: 5px;
}

/* style dla podstrony */

div#leftPanel {
    float: left;
    width: 232px;
}

div#rightPanel {
    float: left;
    width: 723px;
    margin-left: 11px;
}

div.lifestyleflash {
    margin-top: 15px;
    margin-bottom: 20px;
}

div#lokalizer {
    border-bottom: 1px solid #ffe383;
    min-height: 20px;
}

div#lokalizer ul {
    margin-left: 6px;
    background-color: yellow;
}

div#lokalizer ul li{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

div#lokalizer ul li.title {
    padding-left: 0px;
}

div#pageContent {
    margin-top: 10px;
    padding-left: 6px;
    text-align: justify;
}

div#pageContent ul {
    margin-left: 15px;
}

div#pageContent ul li {
    list-style-image: url(/static/images/icon.list.gif);
    list-style-position: outside;
    padding-right: 5px;
}

div.leftBoxZone {
    margin-top: 20px;
}

div.leftBoxZoneTitle {
    border-bottom: 1px solid #ffe383;
    padding-left: 10px;
}

div.leftBoxZoneContent {
    width: 232px;
    margin-top: 10px;
    padding-left: 5px;
}

div.leftBoxZoneContent img {
    float: left;
    padding-right: 5px;       
}

div.leftBoxZoneNewsletter {
    width: 212px;
    height: 105px;
    background-image: url(/static/images/newsletter.box.bg.gif);
    background-position: top;
    background-repeat: no-repeat;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

div.leftBoxZoneNewsletter ul{
    position: absolute;
    bottom: 20px;
    left: 10px;
}

div.leftBoxZoneNewsletter ul li {
    float: left;
    padding-right: 5px;
}

input#newsletterBtn {
    padding-top: 4px;
}


/*          ***  Wallapers  ***          */

div.wallpaperContainer {
    margin-top: 35px;
    margin-bottom: 10px;
}

div.wallpaperBox {
    width: 196px;
    height: 192px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 29px;
    float: left;
}

div.wallpaperBox a {
    display: block;
    position: relative;
    margin: 0px auto;
    text-align: center;
}

div.wallpaperBox a.preview {
    margin-bottom: 15px;
}

div.wallpaperBox a.get {
    width: 123px;
    height: 17px;
    position: relative;
    margin: 0px auto;
    background: url(/static/images/btn.wallapers.gif) no-repeat;
    color: #695732;
    text-decoration: none;
    margin-bottom: 1px;
    padding-top: 2px;
}

div.wallpaperBox a.get:hover {
    background: url(/static/images/btn.wallapers.hov.gif) no-repeat;
    color: #e81d24;
}