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

# CREAJOOMLA.COM ||||| CJ_buzy |||||

# ------------------------------------------------------------------------

# Copyright (C) CREAJOOMLA.COM 2008 Tous droits réservés .

# Auteur : CREAJOOMLA.COM ||||| CJ_buzy |||||

# Sites:  http://www.creajoomla.com -  

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



/* COMMON STYLE

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

.mosMainBody{
	padding-left: 5px;
	padding-right: 10px;
	}

html, body, form, fieldset {

margin: 0;

padding: 0;

}



body {

background: #ffffff;

color: #000000;

font-family: "Lucida Grande", Arial, sans-serif;

line-height: 1.6;

}



body#bd {

color: #333;

background: #e1eaef;

}



body.contentpane {

color: #000000;

font-size: 12px;

line-height: 1.3em;

margin: 0;

margin: 1em 2em;

width: auto; /* Printable Page */

}



body.fs1 {font-size: 10px;}

body.fs2 {font-size: 11px;}

body.fs3 {font-size: 12px;}

body.fs4 {font-size: 13px;}

body.fs5 {font-size: 14px;}

body.fs6 {font-size: 15px;}



/* Moje */

.main_menu{
	width:200px;
	}

/*.pathway{
	padding-top: 8px;
	margin-left: 12px;
	font-style:italic;
	font-weight:bolder;
	}
*/
/* Liens */



a {

color: #207fbe;

text-decoration: none;

}



a:hover, a:active, a:focus {

color: #156da8;

text-decoration: underline;

}



a img {

border: none;

}



/* Titre */



.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
width: 100%;

}



/* Small : Texte fin gris */



small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption,

p.site-slogan, a.readon {

font-size: 92%;

}



small, .small {

color: #ccc;

}



img {

margin: 0;

padding: 0;

}



.mosimage {

margin: 15px 10px 0 0;

padding: 0 0 5px;

}



.mosimage_caption {

color: #CCCCCC;

}



/* Grosseur Titre Heading h1 h2 h3 h4 */



h1 {font-size: 170%;}

h2 {font-size: 140%;}

h3 {font-size: 115%;}

h4 {font-size: 100%;text-transform: uppercase;}





p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {

margin: 10px 0;

padding: 0;

}



ul {

list-style: none;

}



ul li {

background: url(../images/bullet.gif) no-repeat 18px 7px;

line-height: 160%;

padding-left: 30px;

}



ol li {

line-height: 180%;

margin-left: 35px;

}



th {

font-weight: bold;

padding: 5px;

text-align: left;

}



fieldset {

border: none;

padding: 10px 5px;

}



fieldset a {

font-weight: bold;

}



fieldset.input {

padding: 0;

}



hr {

border-bottom: 0;

border-left: 0;

border-right: 0;

border-top: 1px solid #cccccc;

height: 1px;

}



td, div {

font-size: 100%;
text-align:left;

}



/* FORMULAIRE

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



form {

margin: 0;

padding: 0;

}



form label {

cursor: pointer;

}



input, select, textarea, .inputbox {

font-family: Tahoma, Arial, sans-serif;

font-size: 100%;

}



.inputbox {

border: 1px solid #207fbe;

padding: 3px;

color: #207fbe;

background: #FFFFFF;

border-bottom:2px solid #c9eaf9;

}



.button {

padding: 2px 8px;

border: 1px solid #207fbe;

border-bottom: 3px solid #c9eaf9;

background: url(../images/wr4.gif) repeat-x;

font-size: 90%;

color: #fff;

}



.checkbox {

padding: 5px;

color: #fff;

background: #207fbe;

border-bottom:2px solid #c9eaf9;

}



* html .button { /*IE 6*/

padding: 1px 5px !important;

}



*+html .button { /*IE 7*/

padding: 1px 5px !important;

}



/* STYLES JOOMLA

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



table.blog {

}



/* Séparateur d'article | Vous retrouverez ce style dans votre éditeur wysiwyg */



.article_seperator {

clear: both;

display: block;

height: 20px;

margin-bottom:10px;

border-bottom: solid 1px #eee;

width:90%;

margin-left:auto;

margin-right:auto;

}



.article_column {

}



.column_separator {

padding: 0 25px;

}



/* Tableaux de contenu */



td.sectiontableheader {

background: url(../images/wr3.gif) repeat-x bottom #A8A8A8;

border: 1px solid #eee;

padding: 4px;

}



tr.sectiontableentry0 td,

tr.sectiontableentry1 td,

tr.sectiontableentry2 td {

padding: 4px;

background: url(../images/dot.gif) repeat-x bottom;

}



table.contentpane {

border: none;

width: 100%;

}





table.contentpaneopen {

border: none;

border-collapse: collapse;

border-spacing: 0;

}



/* Index d'article : Seulement si vous utilisez {mospagebreack} */



table.contenttoc {

margin: 0 0 10px 10px;

padding: 0;

width: 40%;

font-size: 92%;

border: 1px solid #207fbe;

}



table.contenttoc a {

text-decoration: none;

}



table.contenttoc td {

background: url(../images/bullet.gif) no-repeat 10px 9px;

padding: 1px 5px 1px 20px;

}



table.contenttoc th {

border-bottom: 3px solid #207fbe;

background-color:#fffee9;

font-size:11px;

color:#207fbe;

padding: 0 0 0;

text-indent: 5px;

}



/* Tableaux Sondage (Résultats...) */



table.poll {

border-collapse: collapse;

padding: 0;

width: 100%;

}



table.pollstableborder {

border: none;

padding: 0;

text-align: left;

width: 100%;

}



table.pollstableborder img {

vertical-align: baseline;

}



table.pollstableborder td {

border-collapse: collapse;

border-spacing: 0;

padding: 4px !important;

background: none;

}



table.pollstableborder tr.sectiontableentry1 td {

background: #F8F8F7;

}



table.searchintro {

padding: 10px 0;

width: 100%;

}



table.searchintro td {

padding: 5px!important;

}



table.adminform {

}



.adminform .inputbox {

}



.blog_more {

}



.blog_more strong {

display: block;

font-size: 125%;

margin: 0 0 5px;

}



.blog_more ul {

margin: 0;

padding: 0;

}



.blog_more ul li {

background: url(../images/bullet.gif) no-repeat 6px 10px;

margin: 0;

padding: 0 0 0 17px;

}



.category {

font-size: 125%;

font-weight: bold;

}



h1.componentheading, .componentheading {

margin: 0 0 10px;

padding: 0 0 5px;

}



.componentheading {

font-size: 170%;

font-weight: normal;

border-bottom: 1px solid #E7E8E6; 

}



.contentdescription {

padding-bottom: 30px;

}



h2.contentheading, .contentheading {

font-weight: normal;

margin: 0;

padding: 0;

line-height: normal;

}



.contentheading {

font-size: 170%;

line-height: normal;

color: #207fbe;
padding-top:5px;
text-align:left;
border-bottom: 1px dashed #207fbe;
}



table.blog .contentheading{

font-size: 160%;

line-height: normal;

}



a.contentpagetitle,

a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus {

}



a.readon {

display: block;

float: right;						/* Zmiana czytaj wiecej */

text-align: center;

clear: both;

padding: 0 5px;
margin-bottom:10px;

background: url(../images/readon.gif) repeat-x center #207fbe;

color: #FFFFFF;

margin-top: 5px;

text-transform: lowercase;

}



a.readon:hover, a.readon:active, a.readon:focus {

background: url(../images/readon.gif) repeat-x center #3e99d6;

color: #FFFFFF;

text-decoration: none;

}



table.contentpaneopen td, table.contentpane td {

}



table.contentpaneopen, table.contentpane, table.blog {

width: 100%;

}



.moduletable {

padding: 0;
width: 90%
}



/* Pagination << Précédent 1 | 2 | 3 Suivant >> */



ul.pagination {

margin: 15px auto 0;

padding: 0;

}



ul.pagination li {

background: none;

display: inline;

margin: 0;

padding: 0;

}



ul.pagination li span{

padding: 2px 5px;

}



ul.pagination a {

padding: 2px 3px;

text-decoration: none;

}



ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {

}



.pagenavbar {

background: url(../images/icon-pages.gif) no-repeat center left;

font-weight: bold;

padding-left: 14px;

}



.pagenavcounter {

background: url(../images/icon-pages.gif) no-repeat 0 11px;

font-weight: bold;

padding: 8px 14px 0 14px;

}



.sectiontableheader {

color: #FFFFFF;

font-weight: bold;

padding: 8px 5px;

}



.sectiontableheader a {

color: #FFFFFF;

}



tr.sectiontableentry1 td {

padding: 8px 5px;

}



tr.sectiontableentry2 td {

padding: 8px 5px;

}



tr.sectiontableentry1:hover td,

tr.sectiontableentry2:hover td {

}



.smalldark {

text-align: left;

}



div.syndicate div {

text-align: center;

}



.pollstableborder tr.sectiontableentry1 td,

.pollstableborder tr.sectiontableentry2 td {

background: none;

}



/* META

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



/* Date de création d'article */

.createdate {

color: #999;

background: url(../images/date.gif) no-repeat;

padding-top:2px;

}



/* Date de modification d'article */

.modifydate {

float: left;

width: 100%;

color: #858783;

margin-bottom: 10px;

display: block;

}



div.buttonheading {

float: right;

width: 20%;

}



.buttonheading img {

border: 0;

float: right;

margin: 7px 5px 0 0;

}



/* MAIN LAYOUT DIVS

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

/* Mode wrapper */

#wrapper {

padding: 0 0 40px;

width: 950px;

margin: 0 auto;

}



.narrow #wrapper {

width: 750px;

}



#header {

width:950px;

height:165px;

background: url(../images/head.jpg) no-repeat 0px 0px;

}



#logo a {

width: 246px;

height: 130px;

position: absolute;

margin-top:10px;

background: url(http://www.dobrzynskielgd.org.pl/poludnie/images/banery/baner.jpg) no-repeat center; 

}



#newsflash {

width: 270px;

position: absolute;

margin-top:15px;

float:left;

margin-left:375px;

max-height:75px;

}



/* CONTENT */



#header,

#nav,

#subnav,

#pathway,

#container,

#footer {

clear: both;

}



#container {

background-color:#ffffff;

border-bottom: 2px solid #ccc;
width: 100%;

}



.narrow #container {}



#containerbis {}



.narrow #containerbis {}



#mainbody {}



/* CENTRE

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



#content {

clear: both;

display: block;

float: left;

width: 72%;

}



#c-content {

padding: 10px 15px;

width: 135%;					/* Ustala szerokosc art. */

}



/* COLONNE RIGHT - TOP

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



#top {

float: right;

margin-right:20px;

width: 240px;

max-height:90px;

margin-top:-148px;

}



#right {

float: right;

margin-right:18px;

width: 242px;



border-left: 1px solid #E7E8E6;

border-right: 1px solid #E7E8E6;

}



/* ADVERT - USER advert1, banner.

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



#advert {

width:101%;

}



#banner {

padding-bottom:10px;

}



/* Pathway Le pathway n'est pas présent dans cj_buzy */



#pathway {

padding: 3px;

color: #1f7ebe;

float:left;

margin-left:auto;

margin-right:auto;

}



#pathway strong {

margin-right: 5px;

}



#pathway a {

color: #1f7ebe;

font-weight: normal;

}



#pathway img {

margin: 1px 1px;

}



/* Search */



#search {}



#search .inputbox {

padding: 2px 0 2px 22px;

background: url(../images/icon-search.gif) no-repeat 5px center;

border: 1px solid #1f7ebe;

}



/* BOTSFOOT

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



#botsfoot {

width:951px;

height:auto;

margin-left:auto;

margin-right:auto;

}



#botsfoot1 {

float:left;

width:25%;

height:auto;

max-height:250px;

border-left: 1px solid #ccc;

}



#botsfoot2 {

float:left;

width:25%;

height:auto;

max-height:250px;

margin-left:auto;

margin-right:auto;

}



#botsfoot3 {

float:left;

width:25%;

height:auto;

max-height:250px;

margin-left:auto;

margin-right:auto;

}



#botsfoot4 {

float:left;

width:24.7%;

height:auto;

max-height:250px;

margin-left:auto;

margin-right:auto;

border-right: 1px solid #ccc;

}



/* MODULES

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



div.moduletable h3,

div.moduletable-rouge h3,

div.moduletable-vert h3 {

font-size: 100%;

margin: 0 -10px 5px;

padding: 5px 10px;

background: url(../images/wr3.gif) repeat-x bottom #A8A8A8;

border-bottom: 1px solid #E7E8E6;

color: #FFFFFF;

}



div.moduletable,

div.moduletable-rouge,

div.moduletable-vert {

margin: 0;

padding: 0 10px 10px;

}



#botsl div.moduletable {

border-bottom: none;

}



div.moduletable ul,

div.moduletable-rouge ul,

div.moduletable-vert ul {

margin: 0;

padding: 0;

}



div.moduletable li,

div.moduletable-rouge li,

div.moduletable-vert li {

background: url(../images/bullet.gif) no-repeat 5px 8px;

margin: 0;

padding-left: 16px;

}



/* Suffixe Module */

/* Rouge */



div.moduletable-rouge h3 {

background: url(../images/wr_rouge.gif) repeat-x bottom #cc0000;

}



/* Vert */



div.moduletable-vert h3 {

background: url(../images/wr_vert.gif) repeat-x bottom #cc0000;

}



/* MAIN NAVIGATION

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



#navwrap {

width:100%;

height: 31px;

position: relative;

z-index: 999;

background: url(../images/nav.gif) repeat-x top;

}



/* Nav

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



#nav {

width:100%;

margin-left:-10px;

display: block;

font-size: 100%;

}



#nav ul {

margin: 0;

padding: 0;

}



#nav li {

background: none;

display: inline;

margin: 0;

padding: 0;

}



#nav li a {

display: block;

float: left;

padding: 0 20px;

line-height: 31px;

color:#fff;

}



#nav li a:hover {

background-color:#2d89c6;

color: #fff;

text-decoration:none;

}



#nav li.active a,

#nav li.active a:hover,

#nav li.active a:active,

#nav li.active a:focus {

font-weight: bold;

background-color:#2d89c6;

color: #fff;

text-decoration:none;

}



#active_menu-nav {

color:#eee!important;

font-weight: bold;

background-color:#2d89c6!important;

text-decoration:none;

}



#nav li a.first-item {

background: none;

}



/* Default Joomla! Menu */



a.mainlevel {

padding: 6px 4px;

outline: none;

width: 90%;

display: block;

color: #999;

text-decoration: none;

border-bottom: 1px solid #E7E8E6;

background: url(../images/arrow.png) no-repeat 97% center;

}



a.mainlevel:hover,

a.mainlevel:active,

a.mainlevel:focus {

color: #207fbe;

background: url(../images/arrow2.png) no-repeat 97% center;

}



a.mainlevel#active_menu {

color: #207fbe;

font-weight: bold;

background: url(../images/arrow2.png) no-repeat 97% center;

}



a.sublevel {

padding: 5px 4px 4px 20px;

display: block;

text-decoration: none;

background: url(../images/bullet.gif) no-repeat 10px 13px !important;

}



a.sublevel:hover,

a.sublevel:active,

a.sublevel:focus {

background: none;

}



#active_menu {

color: #207fbe;

font-weight: bold;

}



/* FOOTER

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



#footer {

color: #207fbe;

padding: 20px 0 0;

position: relative;

text-align: center;

width:950px;

margin-left:auto;

margin-right:auto;

border-top: 2px solid #207fbe;

}



#footer small {

color: #858783;

font-size: 100%;

}



#footer ul {

margin: 0 0 8px;

padding: 0;

line-height: normal;

}



#footer li {

display: inline;

margin: 0;

padding: 0;

background: url(../images/vl.gif) no-repeat center left;

}



#footer li a {

display: inline;

line-height: normal;

padding: 0 15px;

}



li.firstitem {

background: none !important;

}



.footurl {

float: none;

clear: both;

}



/* MISCELLANOUS

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



ul.accessibility {

position: absolute;

top: -100%;

}



/* AUTRES */



.mostread, .latestnews {

text-decoration: none;

}



div.back_button a,

div.back_button a:hover,

div.back_button a:active {

background: none!important;

display: block;

margin: 10px 0;

text-decoration: none!important;

}



.clr {

clear: both;

}



.hasTip img {

border: none;

margin: 10px 5px 0 0;

}



div.innerdiv {

clear: both;

margin-bottom: 10px;

padding-bottom: 10px;

border-bottom: 1px solid #E7E8E6;

}



div.innerdiv img {

padding: 2px;

border: 1px solid #E7E8E6;

margin: 2px 8px 0 0;

}

/* Clearfix */



.clearfix:after {

clear: both;

content: ".";

display: block;

height: 0;

visibility: hidden;

}



* html > body .clearfix {

display: block;

width: 100%;

}



* html .clearfix {

height: 1%;

}



/* Check list */



ul.checklist {

list-style: none;

}



ul.checklist li {

background: url(../images/icon-checklist.gif) no-repeat 0 4px;

margin-left: 15px;

padding: 0 0 0 20px;

}



/* List arrow */



ul.arrow {

list-style: none;

}



ul.arrow li {

background: url(../images/icon-arrow.gif) no-repeat 3px 5px;

margin-left: 15px;

padding: 0 0 0 20px;

}



/* Legend */



.legend-title {

background: #FFFFFF;

display: block;

float: left;

font-weight: bold;

left: 7px;

margin: 0;

padding: 0 3px;

position: absolute;

top: -13px;

}



.legend {

border: 1px solid #CCCCCC;

margin: 20px 0;

padding: 0 10px;

position: relative;



}



/* TYPOGRAPHIE (Styles prédéfinis)

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



pre, .code {

background: #FFFFCC;

border-right: 3px solid #CCCCCC;

font: 1em/1.5 "Courier News", monospace;

margin: 5px 0 10px;

padding: 10px 10px;

}



/* DropDrap */



.dropdrap {

color: #2484c1;

display: block;

float: left;

font: 50px/40px Georgia, Times, serif;

padding: 4px 8px 0 0;

}



/* Tips, Error, Message, Jaune, Bleu... */



p.error {

color: #CC0000;

padding-left: 25px;

}



p.message {

color: #2C79B3;

padding-left: 25px;

}



p.tips {

color: #E58C00;

padding-left: 25px;

}



.jaune {

background: #fffee9;

padding: 1px 5px;

border-bottom: 3px solid #FFFFCC;

border: 1px solid #FFFFCC;

}



.rouge {

background: #cc0000;

padding: 1px 5px;

color:#FFFFFF;

border-bottom: 3px solid #a50606;

border: 1px solid #a50606;

}



.bleu {

background: #207fbe;

color:#fff;

padding: 1px 5px;

border-bottom: 3px solid #15689f;

border: 1px solid #15689f;

}



.vert {

background: #13b01b;

color:#fff;

padding: 1px 5px;

border-bottom: 3px solid #0c9713;

border: 1px solid #0c9713;

}