/* 
    Document   : finalStyles
    Created on : 2010-03-02, 13:33:45
    Author     : szymex
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/*html tags*/
html {overflow-x: hidden;}
body {font: normal 12px Tahoma; margin: 0; padding: 0}

#subbody {background:  url("../img/pociety/background.jpg") repeat-x scroll 300px 0;}

a {text-decoration: none; font-weight: bold; color: #333333; outline: none;}
ul {}
li {list-style: none}

a:hover {
    text-decoration: underline;
}

.clear {
    clear: both;
}

table, td, th {
    color:black;
}

/*my tags*/
#container {width: 1000px; margin: 0 auto; overflow: hidden; background: transparent;}


/*header styles*/
#header {width: 1000px; clear:both;  overflow: hidden; margin: 10px auto 0;}
#header .top {width: 1000px; height: 13px;}
#header .middle {width: 1000px; overflow:hidden; }
#header .bottom {width: 1000px; height: 13px;}

#logo {width: 270px; height: 260px; float:left; margin-right: 10px; overflow: hidden;}

#languages {float:right; width: 48px; margin-top: 7px; margin-right: 13px; margin-left: 10px;}
#polFlag { float:left; width:48px; height:24px; }
#engFlag { float:left; width:48px; height:24px; }
.flag {margin: 5px 0 0;}

#nav { float: right; width: 980px; margin: 0 auto; background: url("../img/pociety/background_menu.png") repeat-x;}
#nav .navUl {list-style: none}
#nav .navUl li { text-align: center; float: left;}
#nav .navUl a {
    font-family: Arial;
    color: #472451;
    background: url("../img/pociety/background_menu.png") repeat-x;
    height: 50px;
    display: block;
    line-height: 50px;
    text-transform: uppercase;
    padding: 0 20px;
    border-right: 1px solid #472451;
    font-weight: normal;
}

#nav .navUl a.activeMenu {
    color: white;
    background: #472451;
    text-decoration: none;
}

#nav .navUl a:hover {
    color: white;
    background: #472451;
    text-decoration: none;
}

#searchDiv {
    background: url("../img/pociety/background_menu.png") repeat-x;
    height: 50px;
    display: block;
    float: right;
    width: 190px;
}


/* LEFT SIDE */
#leftSide {width: 340px; float: left; }

/* CALENDAR */

#calendar {margin-top: 10px; float: left;}
#calendar .top {width: 340px; height: 23px;}
#calendar .middle {width: 320px; overflow:hidden; padding-left: 10px; padding-right: 10px;}
#calendar .bottom {width: 340px; height: 23px;}
#calendar .prevnext {cursor: pointer;}

/* NEWSLETTER */
#newsletter {margin-top: 10px; float: left;}
#newsletter .top {width: 340px; height: 23px;}
#newsletter .middle {width: 320px; overflow:hidden; padding-left: 10px; padding-right: 10px; text-align: center;}
#newsletter .bottom {width: 340px; height: 23px;}
#newsletter .input {float:left; padding: 1px 0}
#newsletter .submit {float:left; }
#newsletter .submit input {margin-top: 0px;}
#newsletter .newsletterInput {width: 185px; height: 28px; border: none; padding-left: 5px; background: transparent;}

/*partners style*/
#partners {width: 340px; float: left; margin-bottom: 10px; }
#partners .top {width: 340px; height: 23px;}
#partners .middle {width: 340px; overflow:hidden;}
#partners .bottom {width: 340px; height: 23px;}
#partners .partner a {
    font-weight: bold;
}


.partner {
    position: relative;
    margin: 0 auto;
    width: 250px;
    margin-bottom: 5px;
}

.certificateContainer {
    float: left;
    clear: both;
    margin-top: 10px;
}

.certificatePhoto, .certificateText {
    float: left;
    margin-right: 10px;
}

.certificateText h3 {
    font-weight: bold;
    font-size: 14px;
}


/*main style*/
#main {width: 980px; float: right;}
#main .top {width: 950px; height: 23px;}
#main .middle {width: 980px; overflow: hidden;}
#main .bottom {width: 950px; height: 23px;}

.pages.view, .contact_page { font: normal 13px 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande, 'Lucida Sans', Geneva, Arial, 'Arial', Georgia, 'Georgia', Verdana, sans-serif; line-height: 19.24px; }

.pages.view h2, .contact_page h2 { font: normal 25.48px 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande, 'Lucida Sans', Geneva, Arial, 'Arial', Georgia, 'Georgia', Verdana, sans-serif; margin-bottom: 24px; background: transparent url('../img/miniLogo.png') 0 50% no-repeat; height: 28px; line-height: 29.58px; }

.pages.view .bodyTextWidth {  }

#main .middle .left {
    width: 230px;
    float: left;
}

#main .middle .right {
    float: left;
    padding: 30px;
    width: 690px;
    padding-bottom: 60px;
}


#main .middle .left .subNavUl {
    background: #472451 url("../img/pociety/background_submenu.png") no-repeat bottom left;
    width: 100%;
    list-style: none;
}



#main .middle .left .subNavUl a {
    display: block;
    font-family: Arial;
    font-size: 12px;
    color: white;
    text-transform: uppercase;
    font-weight: normal;
    padding: 10px 0 10px 20px;
}

#main .middle .left .subNavUl a:hover {
    text-decoration: none;
    background: url("../img/pociety/50percent.png") repeat;
    color: #472451;
}

#newsletter {
    background: #472451 url("../img/pociety/background_newsletter.png") no-repeat bottom left;
    width: 190px;
    padding: 15px 20px 0;
    color: white;
    font-family: Arial;
    line-height: 1.4em;
    margin-top: 30px;
    height: 145px;
    margin-bottom: 20px;
}

#newsletter p.description {
    font-size: 11px;
}

#newsletter p {
    margin-bottom: 5px;
}

form.newsletterData {
    background: url("../img/pociety/newsletter_buttons.png") no-repeat;
}

#newsletter .newsletterBtn {
    width: 90px;
    height: 17px;
    border: none;
    margin-top: 1px;
    font-size: 11px;
    background: transparent;
}



/* ramka administratora */
#adminNav { position: fixed; bottom: 0; left: 0; width: 100%; height: 31px; line-height: 31px;}
#adminNavM {  margin: 0 20px; position: relative;  overflow: hidden;}
#adminNav ul { float: right; list-style: none; height: 31px; }
#adminNav ul li { list-style: none; display: inline; margin: 0 10px; height: 31px; line-height: 31px; }
#hideElement { margin: 0; position: absolute; top: 2px; left: 8px; }
#hideElement span { display: block; width: 30px; text-indent: -99999em; cursor: pointer;}
#showElement { margin: 0; position: absolute; top: 2px; left: 8px; }
#showElement span { display: block; width: 30px; text-indent: -99999em; cursor: pointer;}

/* modal */
#simplemodal-container {width: 500px;}
#simplemodal-container a.modalCloseImg { width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -15px; right: -18px; cursor: pointer; }

#addPartnerForm {
    padding: 10px;
    font-size: 12px;
}

_.partnerDataForm ol li label {float: left; width: 150px;}
_.partnerDataForm ol li input {float: left;}
-.partnerDataForm ol li {clear : both;}
_.partnerDataForm .submit input {margin-right: 10px;}
_#PartnerVisible {float: none;}

#addFileForm {padding: 10px;font-size: 12px;}

#addFileForm #fileToUpload {margin: 0;}

_.fileDataForm ol li label {float: left; width: 150px;}
_.fileDataForm ol li input {float: left;}
_.fileDataForm ol li {clear : both;}
_.fileDataForm .submit input {margin-right: 10px;}
#FileMenagerVisible {float: none;}

#show_confirmation {padding: 10px;}
#show_confirmation ul {list-style: none;}
#show_confirmation_content {margin: 15px 0 15px 75px; overflow:hidden; }
#show_confirmation h3 { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
/*#show_confirmation #first {float:left;}
#show_confirmation #second {float:left;}
#show_confirmation #third {clear:both; margin-bottom: 10px; margin-top: 10px;}*/
/*#show_confirmation #third label { float: none}*/
#show_confirmation li {float:left; clear: both; margin-bottom: 5px;}
#show_confirmation #delete {margin-right: 10px;}
#show_confirmation #checked {float: left; margin: 1px 10px 0 0; }
#show_confirmation .checkbox {margin-left: 0px; width: 300px;}


#show_alert {padding: 10px;}
#show_alert ul {list-style: none;}
#show_alert_content {margin: 15px 0 15px 75px; overflow:hidden; }
#show_alert h3 { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
#show_alert li {float:left; clear: both; margin-bottom: 5px;}
#show_alert #delete {margin-right: 10px;}
#show_alert #checked {float: left; margin: 1px 10px 0 0; }
#show_alert .checkbox {margin-left: 0px; width: 300px;}


.ui-tabs-panel input {width: 100%;}


h2 {
    font-family: Tahoma;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #008c31;
    background: url("../img/pociety/mini_logo.png") no-repeat 0 2px;
    padding-left: 45px;
    height: 20px;
}

.view {
    padding: 5px 5px 30px 5px;
    overflow: hidden;
    min-height: 300px;
    height:auto !important;
    height:300px;
}



/* posty */

.post {
    padding: 3px;
    margin: 10px 0;
}


.post h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    overflow:hidden;
}


.post a {
    color: white;
}

.post a:hover {
    text-decoration: underline;
}

/* Gallery */

.gallery {margin-bottom: 15px; clear:both; overflow: hidden;}

#gallery4 a {float:left; margin-right: 10px;}

.galleryItem a {
    color: black;
    clear: both;
    margin-right: 10px;
}

.galleryItem a:hover {
    text-decoration: underline;
}


.certificateContainer p {
    display: block;
}

.certificateContainer a {
    color: white;
    padding-top: 10px;
}

.certificateContainer a:hover {
    text-decoration: underline;
}


.errorImage {
    display: block;
    width: 160px;
    float: left;
}

.errorImage img {
    width: 150px;
}

.errorTexts {
    padding-top: 60px;
    float: left;
}

.errorTexts p {
    margin: 10px 0;
    font-size: 12px;
}

.errorTexts h3 {
    font-size: 14px;
}


.errorTexts a {
    font-weight: bold;
    text-decoration: none;
}

.errorTexts a:hover {
    text-decoration: underline;
}


#addPartnerForm h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

#addFileForm h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

#PostHeader {
    width: 100%;
}

#save {
    margin-left: 1.4em;
    margin-bottom: 0.7em;
    margin-right: 1.0em;
    float: left;
}

#fileToUpload {
    margin-left: 1.4em;
}

.certificatesContainer {
    margin-top: 10px;
}


.colors img {
    margin-right: 3px;
}

.colors li {list-style: none; float: left;}
.colors {clear:both}


#modalContentWait {
    width: 200px;
    height: 100px;
    background: #cccccc;
}

#modalContentWait p {
    font-size: 14px;
    font-weight: bold;
    color: black;
    text-align: center;
}

#modalContentWaitText {
    padding: 15px;
}

#simplemodal-container #modalContentWait  a.modalCloseImg {
    background: none;
}

.partnerDataForm #fileToUpload {
    margin: 0;
}

#content {
    overflow: hidden;
    padding-bottom: 0;
}

.informationContainer h3 {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}



#UserAddForm label {
    width: 150px;
    line-height: 22px;
}

#UserSignupForm label {
    width: 150px;
    float: left;
    line-height: 22px;
}



#UserAddForm .checkbox {
    width: 140px;
}

#UserAddForm .checkbox label {
    width: 120px;
    line-height: 16px;
}



.checkbox {
    margin-left: 150px;
    width: 120px;
}


#staticPagesAdd .checkbox, #dynamicPagesAdd .checkbox {
    margin-left: 160px;
}

#staticPagesAdd .submit, #dynamicPagesAdd .submit {
    margin-left: 160px;
}

.checkbox label {
    float: left;
}

.checkbox input {
    float: right;
}

.checkboxLabel label {
    width: 100px;
}

#UserRememberMe {
    margin-left: 0;
}

.register {
    margin-top: 30px;
}

.register a {
    color: white;
}

.register {
    overflow: hidden;
}

.input {
    padding: 2px 0;
}

/* CONTACT STYLES */
#address {}
#map {width:350px ; height: 350px; margin: 0 auto;overflow: hidden;}
.gmnoprint div div {color:black;}

/*pp_pic_holder*/

.pp_description {color:#000}

.galleryItem {
    display: block;
    margin-right: 3px;
    float: left;
}



#dynamicPageAdd {
    margin: 0;
    position: absolute;
    visibility: hidden;
    bottom: 30px;
    right: 580px;
    display: block;
    background: white;
z-index: 9999;
}

#dynamicPageAdd ul {
    display: block;
    width: 130px;
    background: white;
    float: none;
    margin: 0;
z-index: 9999;
}

#dynamicPageAdd ul li {
    margin: 0;
    display: inline;
    background: white;
    float: left;
z-index: 9999;
}

#dynamicPageAdd a {
    display: block;
    padding: 0 10px;
    outline: none;
z-index: 9999;
}




#dynamicPostAdd {
    margin: 0;
    position: absolute;
    visibility: hidden;
    bottom: 30px;
    right: 400px;
    display: block;
    background: white;
z-index: 9999;
}

#dynamicPostAdd ul {
    display: block;
    width: 120px;
    background: white;
    float: none;
    margin: 0;
	z-index: 9999;
}

#dynamicPostAdd ul li {
    margin: 0;
    display: inline;
    background: white;
    float: left;
z-index: 9999;

}

#dynamicPostAdd a {
    display: block;
    padding: 0 10px;
    outline: none;
    height: 31px;
z-index: 9999;
}

.delPage {
   text-align: right;
}

.addToPage {
   text-align: right;
}

.delPage a {
   color: red;
}

#PageVisible, #PageRemovable {
    margin: 2px 2px 2px 0;
}



#SearchAddForm .searchInput {
    float: left;
    margin-top: 12px;
    width: 151px;
    padding-right: 20px;
    background: url("..img/pociety/search.png");
}

.submit input {
    margin-top: 15px !important;
    position: relative;
    left: -20px;
}

input.submitBtn {
    position: relative;
    left: 0;
}

.hiddenPost {
    opacity:0.25;
    filter:alpha(opacity=25);
} 

/* FLASH MESSAGE */
#flashDiv {display: none; background-color: red; position: absolute; }
#flashMessage {padding: 10px;}

/* CHANGE PASSWORD */
#changePassword label {float:left; min-width: 140px}
#changePassword input input {float:left;}
#changePassword .submit {margin-left: 140px;}

.postAdmin {
    line-height: 26px;
}

.siteMapItem {
    margin-bottom: 10px;
}

.siteMapItem h3 {
    font-weight: bold;
}

.siteMapItem .checkbox {
    margin-left: 30px;
}


/*WE HAVE TO MAKE SPAN LOOK LIKE LINK*/
.delPageLink {cursor: pointer; color: red;}
.delPageLink:hover {text-decoration: underline;}


/**
 * @filesource
 * @copyright     Copyright 2010, Status-C Sp. z o. o. (http://www.status-c.pl)
 * @since         Szablon v 25.03.2010 
 * @author		  Piotr Kuszyk, Status-C Programmer
 * @modifiedby    Piotr Kuszyk, Status-C Programmer
 * @lastmodified  25.03.2010
 */
#breadcrumbs { width: 100%; height: 16px; line-height: 20px; overflow: hidden; background: #F2F1ED; color: #666666; margin: 0 auto 24px; color: #333; font-family: "Trebuchet MS",verdana,arial,sans-serif; font-size: 1em; text-align: left; padding: 4px 0; } 
#breadcrumbs a { color: #472451; font-weight: normal; text-decoration: underline; }
#breadcrumbs span { color: #87919A; }     
#breadcrumbs ul.crumbList { float: left; height: 20px; line-height: 20px; overflow: hidden; } 
#breadcrumbs ul.crumbList li { float: left; list-style: none; height: 16px; line-height: 16px; padding-right: 8px; }
#breadcrumbs ul.crumbList li.separator { float: left; background: transparent url('../img/breadcrumbs.png') 50% -15px no-repeat; width: 18px; }
#breadcrumbs ul.crumbList li.separator span { display: block; text-indent: -99999em; } 
#breadcrumbs ul.crumbList li a { display: block; } 
#breadcrumbs ul.crumbList li.homePage { float: left; height: 16px; background: transparent url('../img/breadcrumbs.png') 50% 0 no-repeat; width: 35px; }
#breadcrumbs ul.crumbList li.homePage span { display: block; text-indent: -99999em; }
   

#sendNewsletter { }
#sendNewsletter ol { width: 100%; overflow: hidden; }
#sendNewsletter ol li { list-style: none; margin: 0 0 8px 0; }
#sendNewsletter ol li label { display: block; }
#sendNewsletter .newsletterHeader { width: 27em; }
#sendNewsletter .newsletterBody { width: 55em; }

#registerUser { width: 100%; }
#registerUser {  }

/**
 * Walidacja formularzy
 */
fieldset h3 { font: normal 1.5em 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande, 'Lucida Sans', Geneva, Verdana, sans-serif; color: #000; text-decoration: none; width: 100%; }
fieldset span { color: #c40000; } 
fieldset label { display: block; width: 100%; }
fieldset ol li { margin: 0 0 12px 0; }
.req-label { } 
.warning input { border: 1px solid #c40000; }  
.confirm-message { color: #047a0a; }
.error-message { color: #c40000; }
.inputWidth {  } 
#validEmail { margin-top: 4px; margin-left: 2px; position: absolute; width: 16px; height: 16px; }


/* end kuszyks styles */

.file { float: left; clear:both; margin-bottom: 10px; }
.fileIcon { float:left; }
.fileInfo { float:left; }

.downloadLink {float:left;}



/* SERWIS MAP */
#listContainer {margin-left: 0;}
.mapList li a {font-weight: normal; margin-left: 15px;}
.mapList li ul li a {font-weight: normal; margin-left: 15px;}
.mapList li ul li ul li a {font-weight: normal; margin-left: 30px;}
.mapList li ul li ul li ul li a {font-weight: normal; margin-left: 45px;}
#generate_map_info {}
#closingDiv {width: 25px; height: 29px; position: absolute; top: -15px; right: -10px; background: transparent url('../img/x.png') 0 0 no-repeat;}
#listContainer { position: relative; }
#site_map_info { position: relative; background: #aaa; margin:15px 0; padding: 10px; width: 580px;}


#overlay_background {
        background: none repeat scroll 0 0 #000000;
        opacity: 0.35;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
}


/* MENU STYLES */
#menu ul { padding: 0; margin: 0; list-style: none;}
#menu li { float: left; position: relative; width: 10em;}
#menu li ul { display: none; position: absolute; top: 1em; left: 0;}

#menu li > ul { top: auto; left: auto;}
li:hover ul, li.over ul{ display: block; }


#topList {
    margin-top: 0;
}

.searchResult {
    margin: 10px 0;
}

/* STYLES FOR PAGINATION */
#paginationDiv {margin: 10px auto; position: relative; width: 350px; clear: both}


#paginationList {list-style: none;  overflow: hidden; max-width: 500px; float: left}
#paginationList li {float:left; margin-right: 7px; min-width: 14px; text-align: center;}
#paginationList li.clear {clear:right;}
#paginationList li a {font-weight: normal;}
#paginationList li a:hover {text-decoration: none;}

#paginationList li a.current {font-weight: bolder; color: #fff; background: none}
#paginationList .currentLi {font-size: 16px;}
#paginationList .otherLi {border: solid white 1px; padding: 2px;}
#paginationList .otherLi:hover {background-color: #142499}

.showGoToPage {cursor: pointer}
.goToPageDiv {float: left; position: relative; z-index: 1000; }
.goToPage {display: none; position: absolute; width: 85px; background-color: #0b1d30; border: solid black 1px;}
.goToPage .goToInput {width: 4em; height: 22px;}
.goToButton {float: left;}


#slider {margin:0 auto; width:90%;}
#paginationSliderDiv {padding: 15px 0; position: relative; overflow: hidden;}

#sliderListDiv {margin: 10px auto; overflow: hidden;}
#sliderList { overflow: hidden; position: relative;}
#sliderList li {float:left; margin-right: 7px; min-width: 24px; text-align: center;}
#sliderList li a.current {font-weight: bolder; color: #fff; background: none}
#sliderList .currentLi {font-size: 16px; min-width: 28px; padding-left: 1px; padding-right: 1px;}
#sliderList .otherLi {border: solid white 1px; padding: 2px;}
#sliderList .otherLi:hover {background-color: #142499; text-decoration: none;}

#footer {
    background: #357700;
    width: 100%;
    height: 440px;
    margin-top: -65px;
    z-index: -100;
}

.searchInput {
    width: 150px;
}

#breadcrumbs {
    
}

#footerMenu {
    padding-top: 100px;
    position: relative;
    margin: 0 auto;
    width: 1000px;
}

#footerMenu div {
    width: 16%;
    float: left;
}

#footerMenu #one {
    margin-left: 20px;
}

#footerMenu #six {
    margin-left: 20px;
}

#footerMenu div a {
    font-family: Tahoma;
    font-size: 12px;
    color: #c5c2b7;
    text-shadow: -1px -1px 1px #255300;
    line-height: 2em;
    font-weight: normal;
    letter-spacing: 1px;
}

#footerMenu div .header {
    text-transform: uppercase;
    font-weight: bold;
    color: #C5C2B7;
    line-height: 2em;
}

#footer #foot {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    margin-top: 30px;
}

#footer #foot p {
    text-align: center;
    font-family: Tahoma;
    font-size: 12px;
    color: #c5c2b7;
    text-shadow: -1px -1px 1px #255300;
    line-height: 2em;
    letter-spacing: 1px;
}

#wazne {
	text-align: center;
    float: left;
    margin: 0 30px 30px 0;
    width: 650px;
    height: 64px;
	padding: 10px 20px 0;
    border-bottom: 3px solid #008c31;
    background: url("../img/pociety/background_wiadomosci.png");
} 
#wazne h2 { font-family: Tahoma; font-size: 18px; line-height: 18px; background-image: none; margin-bottom: 12px; color: #008c31;  padding: 0; height: 20px; text-align: center; }
#wazne a { font-weight: normal; padding: 0 8px; }

#wazne p {
    text-align: center;
    margin-top: 70px;
    font-family: Verdana;
    font-size: 18px;
    letter-spacing: 1px;
    color: green;
}