﻿@import url(http://fonts.googleapis.com/css?family=Parisienne&subset=latin,latin-ext);
body {
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
background: #06335a; 
}

body {  font-family: 'calibri'; text-align: justify;
		font-size: 14px; color: #434343; background: #015c3d url(../img/back.jpg) no-repeat 50% 0px;}

.all input, .all textarea, .all select, .all div, .all td { color:#000000;}

.fl{ float:left;}
.fr{ float:right;}
.cl {clear: both;}
img {border:none; margin:0px; padding:0px; }
h1 , h2 , h3 , h4 , h5, h6{padding:0px; font-size: 18px; margin:0px;  font-weight: normal;  }
a:link , a:visited , a:hover {text-decoration: none; color:#1ac0f0;}
a:hover {color:#000;}
ul{ padding:0px; margin:0px; list-style:none;}
p{ margin:0px 0px 5px 0px; padding:0px;  }

img.alignleft , .alignleft{ float:left; margin-right:10px;}
img.alignright { float:right; margin-left:10px;}
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}

.all{ width:1000px; margin:auto; }

#social { float:right;width:200px;height:43px; margin-top:20px;}
#social li { margin:0px 5px 0px 5px;float:left; }
a.fb { float:left;width:54px;height:43px;display:block;background:url(../gfx/fb.png); }
a.fb:hover { float:left;width:54px;height:43px;display:block;background:url(../gfx/fb.png) 0px 43px; }
a.rss { float:left;width:54px;height:43px;display:block;background:url(../gfx/rss.png); }
a.rss:hover { float:left;width:54px;height:43px;display:block;background:url(../gfx/rss.png) 0px 43px; }
a.twitter { float:left;width:54px;height:43px;display:block;background:url(../gfx/twitter.png); }
a.twitter:hover { float:left;width:54px;height:43px;display:block;background:url(../gfx/twitter.png) 0px 43px; }

#top{ width:1000px; height:195px; float:left;text-align:center;background:url(../img/naglowek.jpg);}
#top a { width:175px;height:195px;float:left;display:block;}
#flash { position:absolute;margin-left:215px;}

#srodek { float:left;width:1000px;}
#lewa { float:left;width:609px;}
#podstrona { float:left;width:567px;background:#fff; min-height:800px;-webkit-border-radius: 5px; border-radius: 5px;padding:20px;margin-right:2px;}
#prawa { float:left;width:390px;}

.modul { float:left;width:390px;background:#fff; -webkit-border-radius: 5px; border-radius: 5px; margin:0px 0px 2px 0px }
.modul h3 { float:left;width:350px; background:#00923f; text-align:center;padding:20px; color:#fff; -webkit-border-radius: 5px; border-radius: 5px;font-size:24px;}
.trescmodul { float:left;width:350px; padding:20px;}

#modullicznik { position:relative;float:left;width:390px;background:#fff; -webkit-border-radius: 5px; border-radius: 5px; }
#modullicznik h3 { float:left;width:350px; background:#00923f; text-align:center;padding:20px; color:#fff; -webkit-border-radius: 5px; border-radius: 5px;}
.trescmodul { float:left;width:350px; padding:20px;}

.wypelnienie{ width:547px; height:100%;float:left; margin-bottom:2px; position:relative;  background:#fff; -webkit-border-radius: 5px; border-radius: 5px; padding:15px 30px 15px 30px; margin-right:3px;}
.news{ width:547px; float:left; margin-bottom:2px; position:relative;  background:#fff; -webkit-border-radius: 5px; border-radius: 5px; padding:15px 30px 15px 30px; margin-right:3px;}
.news h4 , .news h3 { font-size:14px; color:#00923f; font-weight:bold; margin-bottom:10px;text-transform:uppercase}
.news h4 a , .news h3 a { color:#00923f; font-family: 'calibri';}
.news h2 a { color:#000; font-family: 'calibri'; margin-top:0px;padding-top:0px;}
.tagi { font-family: 'calibri'; }
.news h4 a:hover , .news h3 a:hover { color:#911010; }
.news .dat { position:relative; z-index:1; bottom:0px; font-size:10px; color:#444444;width:200px;float:right;text-align:right }
.news .ikona { width:190px;float:left;}
.news .infoaktu { width:350px;float:right;color:#5d5d5d}
.news .tagi { width:300px;float:left;color:#5d5d5d}
.news .buttony a { font-weight:bold;}
.news .buttony { width:350px;float:left; border-top:1px solid #e2e2e2;padding-top:15px;}
a.wiecej{ position:absolute; bottom:0px; right:0px; font-weight:bold; font-size:11px; color:#06335a; background:url(../graf/li3.png) no-repeat 100% 13px; padding-right:14px;}
a:hover.wiecej {color:#911010; text-decoration:underline;}


.newspodstrona{ width:547px; float:left; margin-bottom:2px; position:relative; }
.newspodstrona h4 , .news h3 { font-size:14px; color:#00923f; font-weight:bold; margin-bottom:10px;text-transform:uppercase}
.newspodstrona h4 a , .news h3 a { color:#00923f; font-family: 'calibri';}
.newspodstrona h2 a { color:#000; font-family: 'calibri'; margin-top:0px;padding-top:0px;}
.tagi { font-family: 'calibri'; }
.newspodstrona h4 a:hover , .news h3 a:hover { color:#911010; }
.newspodstrona .dat { position:relative; z-index:1; bottom:0px; font-size:10px; color:#444444;width:200px;float:right;text-align:right }
.newspodstrona .ikona { width:190px;float:left;}
.newspodstrona .infoaktu { width:350px;float:right;color:#5d5d5d}
.newspodstrona .tagi { width:300px;float:left;color:#5d5d5d}
.newspodstrona .buttony a { font-weight:bold;}
.newspodstrona .buttony { width:350px;float:left; border-top:1px solid #e2e2e2;padding-top:15px;}



.baner { width:350px;float:left;text-align:center;}
#myslidemenu { float:left;width:1000px;position:relative;background:#fff; -webkit-border-radius: 5px; border-radius: 5px; margin:1px 0px 2px 0px;}

#wyszukiwarka { float:right; margin:120px 20px 0px 35px;}
#wyszukiwarka input[type=text]{float:left;width:200px;height:45px;font-size:20px;background:#fff url(../gfx/lupa.jpg) no-repeat; padding-left:50px; border:0px solid #ccc; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.05) inset; -webkit-border-radius: 5px; border-radius: 5px;}
#wyszukiwarka input[type=submit] { position:absolute;margin-left:-245px;margin-top:8px;float:left; border:0px; background:url(../img/lupa.jpg); width:34px; height:34px;color:#fff; text-align:center;font-weight:bold;font-size:16px; padding-top:0px;}
#wyszukiwarka input[type=submit]:hover { position:absolute;margin-left:-245px;margin-top:8px;float:left; border:0px; background:url(../img/lupa.jpg); width:34px; height:34px;color:#fff; text-align:center;font-weight:bold;font-size:16px; padding-top:0px;cursor:pointer}


#banertop{ float:left;width:900px; height:384px; position:relative;}

.tyt , #slogan h2 , #slogan h3 , #witamy h3 , ul#oferta li h3 , .dol h4 , .gdol h4 { font-size:29px; }

#slider { width:568px; height:285px; float:left; background:#fff; -webkit-border-radius: 5px; border-radius: 5px; margin-right:3px;margin-bottom:3px;}
.slidernazwa { float:left; padding:20px;position:absolute;z-index:100000;margin-top:-66px;width:568px;font-size:20px;}
.slidernazwatlo { float:left; padding:20px;position:absolute;z-index:100000;margin-top:-66px;background:#fff;width:568px;font-size:20px;opacity:0.7;height:40px;}
#social1 { width:870px; height:115px; float:left;text-align:center;padding:15px;margin-top:30px;}
#footer{ width:100%; clear:both; min-height:200px; background:url(../graf/footer.jpg) no-repeat 50% 0px; }
#podstrona1 { width:839px; float:left; margin-top:50px;margin-left:30px;}
#komentarze { width:833px; float:left; margin-top:20px;}

.podziel { padding-top:20px; clear:both; float:left; width:543px; position:relative;}
.podziel ul{ list-style:none; padding:inherit;}
.podziel ul li { float:left; padding:0px; margin:0px; background:none; margin-right:5px;}

.wp-pagenavi { clear:both; float:left; width:595px; padding:5px; font-size:12px; background:#00923f; }
.pages { float:left; padding:8px 10px; color:#FFFFFF; margin-right:10px; }
.wp-pagenavi a { padding:8px; background:#2bc4f1; color:#FFFFFF; margin-right:2px; float:left; }
.wp-pagenavi .current , .wp-pagenavi a:hover { float:left; padding:8px; background:#fff; margin-right:2px; color:#000;  }	

.obrazek1 { width:274px;height:157px;float:left;}
.obrazek2 { width:274px;height:317px;float:left;}

.obrazek {float:left;margin-right:5px;overflow:hidden;}
.obrazek .kontener {position:absolute; margin-top:-70px; width:274px;height:66px;overflow:hidden}
.kontener h4 { position:absolute; margin-top:70px; width:254px;height:46px;background:rgba(222, 214, 215, 0.7);padding:10px;text-align:left;line-height:18px;color:#614430}
#mdol { width:1000px; float:left; height:28px; padding-top:14px; padding-bottom:40px;}
#mdol ul , #mdol ul li { float:left;}
#mdol ul li a{ font-size:12px; font-weight:bold; color:#06335a; margin-right:30px; text-transform:uppercase;}
#mdol ul li a:hover { color:#2b93da;}

.dol{ width:220px; float:left; padding-right:30px;}
.gdol{ width:500px; float:right;}

.dol h4 , .gdol h4 { font-size:20px; color:#c4e0f3; margin-bottom:12px; text-shadow:-1px -1px 0px #04223d;}
.dol ul li { margin-bottom:3px; background:url(../graf/li1.png) no-repeat 0px 5px; padding-left:15px;}
.dol a{ color:#FFFFFF; font-size:11px; }
.dol a:hover{ color:#f6cd16; }

#podpis{ width:1000px; float:left; margin-top:20px; padding:15px 0px 30px 0px; font-size:11px; color:#ffffff}
#podpis ul { float:right;}
#podpis ul li{ float:left; margin-left:20px;}
#podpis ul li a{color:#ffffff}
#podpis ul li a:hover{color:#ffffff; text-decoration:underline;}


#breadcrumbs { font-size:11px; color:#06335a; margin-bottom:17px; text-transform:lowercase;}
#breadcrumbs a{color:#06335a;}
#breadcrumbs a:hover{ text-decoration:underline;}


.gal{ width:235px; margin:0px 20px 20px 0px; float:left; position:relative; height:154px; overflow:hidden; border-bottom:1px solid #FFFFFF;}
.gal:hover{border-bottom:1px solid #911010;}
.gal a h3{ font-size:13px; font-weight:bold; position:absolute; z-index:2; bottom:0px; left:0px; width:212px; padding:3px 5px 3px 18px; color:#06335a; background: url(../graf/li2.png) no-repeat 0px 4px; }
.gal a:hover h3 { color:#911010; }

.ngg-galleryoverview { clear:both; width:100%; padding:10px 0px 15px 0px;}
.ngg-gallery-thumbnail-box{ float:left; margin:5px;}

#eucookielaw { width:200px; background:#ffffff; position:fixed; z-index:100; text-align:center; right:0px; bottom:0px; padding:10px 0px 10px 0px; color:#aaa; display:none;}
#eucookielaw a#removecookie , #eucookielaw a#more { padding:6px 10px 6px 10px; display:inline-block; background:#eee; border:1px solid #ccc; cursor:pointer; color:#111; margin:10px 5px 5px 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size:11px;}
#eucookielaw a:hover#removecookie , #eucookielaw a:hover#more { background: #111; color:#FFF; border:1px solid #333;}


#top img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#top img:hover { 
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
	}
	
#myslidemenu a { 
	-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;
	}
.obrazek { 
	-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;
}
.obrazek:hover {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);	
}
.kontener h4 { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.obrazek:hover h4 { margin-top:0px;}


#cal {
	margin-left:37px;
	-webkit-box-shadow: 1px 1px 7px 0px rgba(50, 50, 50, 0.52);
-moz-box-shadow:    1px 1px 7px 0px rgba(50, 50, 50, 0.52);
box-shadow:         1px 1px 7px 0px rgba(50, 50, 50, 0.52);
	 }








/* ---------------------------------------------- kalendarz ------------------------------------------------------------------------------*/


#calendar-virtual , #cal{ width:270px; float:left; }
#post-calendar-cal-loader {display:none; width:270px; height:245px; margin-top:80px; text-align:center; position:absolute; z-index:100}
#post-calendar-cal-white { display:none; width:270px; height:218px; margin-top:0px; text-align:center; position:absolute; z-index:99; background:#fff; opacity:0.8}

#cal .virtual-postcalendar { float:left; width:270px;  }
#cal .virtual-postcalendar table { width:100%; border:none; }
#cal .virtual-postcalendar table td{  text-align:center; height:30px; border:none; text-align:center; }
.virtual-postcalendar-monyear { font-weight:bold; color:#d8261c !important; font-size:14px;}
td.virtual-postcalendar-prevnext  {font-family:"times new roman";  cursor:pointer; font-weight:bold; border:none; color:#008b56; }
td:hover.virtual-postcalendar-prevnext {color:#d8261c !important;}

#cal .virtual-postcalendar table .virtual-postcalendar-dow td{ border:1px solid #f2f2f2; border-left:none; background:#00923f; color:#FFF; }
#cal .virtual-postcalendar table .virtual-postcalendar-dow td:nth-child(7) { border-right:none;}
#cal .virtual-postcalendar table .virtual-days-postcalendar td {border:1px solid #f2f2f2; border-left:none; border-top:none; text-align:center; width:36.5px;}
#cal .virtual-postcalendar table .virtual-days-postcalendar td:nth-child(7) { border-right:none;}

#cal .virtual-postcalendar table .virtual-postcalendar-noday { background:#e2e2e2; }
#cal .virtual-postcalendar table td { position:relative;}
#cal .virtual-postcalendar table td div {text-align:center; height:25px; width:36.5px; padding-top:5px; }
#cal .virtual-postcalendar .today { color:#d8261c !important; border:1px solid #199466; height:23px; width:36.5px;}
#cal .virtual-postcalendar .swieto{ color:#fff !important; background:#d1241b; height:23px; width:36.5px;}
#cal .virtual-postcalendar .sob{ font-weight:bold; background:#f7f7f7; height:23px; width:36.5px; color:#09F}
#cal .virtual-postcalendar div.selected { background:url(../graf/kall.png) no-repeat top right; cursor:pointer; color:#1d4789;  height:25px; width:36.5px; } 
#cal .virtual-postcalendar .selected:hover { border-bottom:1px solid #1d4789; height:24px; color:#d8261c !important; }

.swieto {border:1px solid #ff000;}


#kalendarz { width:664px; min-height:300px; padding:20px; background:#f2f2f2 url(../graf/kalendarz3.png) no-repeat 50% 50%; float:left; margin-bottom:20px; padding-bottom:20px;z-index:98;}
#kalendarz h4{color:#1d4789; background:url(../graf/szukaj-kalendarz.png) no-repeat 0px 0px; padding:0px 0px 20px 30px; }
#kalendarz ul { border:1px solid #e7e7e7 !important; padding:10px!important; min-height:150px; background:#FFF; margin-bottom:30px;
-webkit-border-radius: 0px; border-radius: 0px;
}
#kalendarz .tagit-choice { background:#005da3; border:none;}
a:hover.ui-corner-all { background:#005da3; color:#FFF; border:none; }

#kalendarz #datap , #kalendarz #datak {border:1px solid #e7e7e7 !important; width:170px; padding:10px 10px 10px 50px; background:#FFF url(../graf/kalendarz4.png) no-repeat 10px 5px;}
.kalin{ width:270px; float:left;}
.kalin span{ display:block; padding-bottom:10px;}
#kalbut { margin-top:30px; height:37px;}

#ui-datepicker-div{ background:#FFF; border:1px solid #e7e7e7; margin-left:35px; width:220px;}
.ui-datepicker-header {background:#005da3;}
table.ui-datepicker-calendar th{ width:20px; height:30px; text-align:center; padding:0px; margin:0px;}
table.ui-datepicker-calendar th span { color:#333}

table.ui-datepicker-calendar td  {width:30px; height:30px; text-align:center; padding:0px; margin:0px; border-bottom:1px solid #f2f2f2; }
table.ui-datepicker-calendar td a.ui-state-default { width:20px; height:20px; text-align:center;}

a.ui-datepicker-prev , a:hover.ui-datepicker-prev{ cursor:pointer; background:url(../graf/kal-nav-priv.png) no-repeat 50% 50%; padding:0px;}
a.ui-datepicker-next , a:hover.ui-datepicker-next{ cursor:pointer; background:url(../graf/kal-nav-next.png) no-repeat 50% 50%; padding:0px;}

.navigation { float:left; width:700px; margin:10px 0px;}
.navigation .post-calendar-pagination a , .navigation .post-calendar-pagination span { margin-left:8px; float:left;}

div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto;}
div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px;  } 
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}

#post-calendar-loader {display:none; width:770px;height:500px;margin-top:100px;text-align:center;position:absolute;z-index:100}
#post-calendar-white { display:none; width:770px;height:500px;margin-top:0px;text-align:center;position:absolute;z-index:99; background:#fff;opacity:0.8}
#post-calendar-list { float:left;position:relative;display:block;}


/* ---------------------------------------------- 1 ------------------------------------------------------------------------------*/
ul.tagit {
    padding: 1px 5px;
    overflow: auto;
    margin-left: inherit; /* usually we don't want the regular ul margins. */
    margin-right: inherit;
}
ul.tagit li {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {    
    position: relative;
    line-height: inherit;
}
input.tagit-hidden-field {
    display: none;
}
ul.tagit li.tagit-choice-read-only { 
    padding: .2em .5em .2em .5em; 
} 

ul.tagit li.tagit-choice-editable { 
    padding: .2em 18px .2em .5em; 
} 

ul.tagit li.tagit-new {
    padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
    line-height: 17px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    border: none;
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: inherit;
    outline: none;
}


/* ---------------------------------------------- 2 ------------------------------------------------------------------------------*/


/* Optional scoped theme for tag-it which mimics the zendesk widget. */


ul.tagit {
    border-style: solid;
    border-width: 1px;
    border-color: #C6C6C6;
    background: inherit;
}
ul.tagit li.tagit-choice {
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #CAD8F3;

    background: none;
    background-color: #DEE7F8;

    font-weight: normal;
}
ul.tagit li.tagit-choice .tagit-label:not(a) {
    color: #fff; font-weight:bold;
}
ul.tagit li.tagit-choice a.tagit-close {
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    right: .4em;
}
ul.tagit li.tagit-choice .ui-icon {
    display: none;
}
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: inline;
    font-family: arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #fff; font-weight:bold;
}
ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
    background-color: #d8261c;

}
ul.tagit li.tagit-choice a.tagLabel:hover,
ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
    color: #ff0;
}
ul.tagit input[type="text"] {
    color: #333333;
    background: none;
}
.ui-widget {
    font-size: 1.1em;
}

/* Forked from a jQuery UI theme, so that we don't require the jQuery UI CSS as a dependency. */
.tagit-autocomplete.ui-autocomplete { position: absolute; cursor: default; }
* html .tagit-autocomplete.ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.tagit-autocomplete.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.tagit-autocomplete.ui-menu .ui-menu {
    margin-top: -3px;
}
.tagit-autocomplete.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.tagit-autocomplete.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-hover,
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;

}
.tagit-autocomplete.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; color: #222222; }
.tagit-autocomplete.ui-corner-all, .tagit-autocomplete .ui-corner-all {  }
.tagit-autocomplete .ui-state-hover, .tagit-autocomplete .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; }
.tagit-autocomplete .ui-state-active  { border: 1px solid #aaaaaa; }

.tagit-autocomplete .ui-widget-content { border: 1px solid #aaaaaa; }
.tagit .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px,1px,1px,1px); }














