/* vim: set expandtab ts=2 sw=2 sts=2 ai syn=css: */

html, body {
  background: #525252;
  font-size: 79%;
  font-family: Verdana, Arial, Sans-Serif;
  color: #000;
}

body, html, img, div, h1, h2, h3, h4, h5, h6, form {
  padding: 0;
  margin: 0;
  border: 0;
}

h1, h2, h3 {
  font-family: Verdana, Arial, Sans-Serif;
  font-weight: bold;
}

h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.1em; }

a {
  text-decoration: none;
  color: #5f91c3;
}

a:hover, a:focus {
  color: #95978f;
}

.clr {
  clear: both;
}

.nawbar {
  float: right;
  clear: both;
  font-size: 12px !important;
  letter-spacing: 0px !important;
  line-height: 12px !important;
  color: #cccccc;
  margin: 0 10px 3px 2px;
}

div.nawbar u {
  background-color: #e2e2e2;
  color: #000;
  padding: 1px 3px;
  border: 1px solid #e0e0e0;
  font-weight: bold;
  text-decoration: none;
}

a.nawbara, a.nawbara:visited {
  background-color: #e2e2e2;
  color: #5f91c3;
  padding: 1px 3px;
  border: 1px solid #e0e0e0;
  font-weight: bold;
}

#Header {
  width: 600px;
  border-top: 1px solid #c39c4e;
  border-bottom: 1px solid #c39c4e;
  font-size: 12px;
  padding: 5px 0;
}

#Header h1 {
  color: #5f91c3;
  font-size: 16px;
}

#Header h3 {
  font-size: 10px;
}

#Header h3.autor {
  color: #c2c2c2;
  font-weight: normal;
  margin-bottom: 3px;
}

#ContentIndex {
  width: 650px;
}

#ContentIndex table.Event {
  width: 100%;
  margin: 10px 0 20px 0;
}

#Excerpt {
  width: 600px;
  background-color: #fff;
  color: #fff;
  padding: 5px 0;
}

#Excerpt p {
  margin: 0 7px;
}

#MainContent {
  background-color: #fff;
  width: 600px;
  margin: 10px 0;
}

div.miejsce, div.organizator {
  width: 600px;
  border: 1px solid #c2c2c2;
  margin-bottom: 14px;
}

div.miejsce h3, div.organizator h3 {
  background-color: #c2c2c2;
  padding: 3px;
  color: #fff;
  font-size: 10px !important;
}

div.miejsce h5, div.organizator h4 {
  margin: 4px;
  font-size: 13px !important;
  font-weight: normal;
}

div.organizator a {
  color: #000;
  text-decoration: none;
  font-size: 10px !important;
}

div.organizator a:hover {
  border-bottom: 1px dashed #c2c2c2;
}

#ContentIndex h1 {
  font-family: Verdana, Arial, Sans-Serif !important;
  font-weight: bold !important;
  margin: 1px 0 !important;
  font-size: 16px;
}

#ContentIndex a.tytul {
  text-decoration: none;
  color: #5f91c3;
}

#ContentIndex a.tytul:hover {
  color: #95978f;
}

#ContentIndex h3 {
  font-size: 10px;
  font-weight: normal;
  color: #95978f;
  margin: 3px 0 10px 0;
  padding: 0;
}

#ContentIndex div.excerpt {
  font-size: 12px;
}

#ContentIndex div.sekcja {
  color: #5f91c3;
  margin: 10px 0 0 0;
  font-size: 9px;
}

#OpokaBanner {
  margin: 0;
  padding: 0;
}

#OpokaBanner div.cleanSpacer {
  width: 100%;
  height: 5px;
  background-color: #525252;
  font-size: 1px;
}

#OpokaBanner div.OpokaBar {
  width: 100%;
  height: 66px;
  background: #fdf6d8 url("/rodzinajestdobra/templates/rodzina/bg2.gif") repeat-x;
  margin: 0;
  padding: 0;
}

#OpokaBanner div.logo {
  width: 359px;
  height: 66px;
  background: #fdf6d8 url("/rodzinajestdobra/templates/rodzina/bg2.gif") repeat-x;
  float: left;
  margin: 0 15px 0 0;
  font-size: 1px;
}

#OpokaBanner div.logo img {
  margin: 0;
  padding: 0;
}

#OpokaBanner span.maintitle {
  font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color : #000000;
  margin: 0;
  padding: 0;
}

#OpokaBanner span.maintitle a:link, #OpokaBanner span.maintitle a:active, #OpokaBanner span.maintitle a:visited {
  color : #006699;
}

#OpokaBanner span.maintitle a:hover {
  text-decoration: underline;
  color: #dd6900;
}

#OpokaBanner span.gen {
  font-size: 11px;
  line-height: 20px;
}

#OpokaBanner div.ServiceHeader {
  margin: 0;
  padding: 0;
}

#OpokaBanner div.UserPanel {
  height: 26px;
  text-align: right;
  margin: 0 15% 0 0;
  padding: 4px 0;
}

#OpokaBanner div.UserPanel span {
  background: #ffde58 url("/rodzinajestdobra/templates/rodzina/Menu.png") bottom center no-repeat;
/*  padding: 2px 5px 12px 5px; */
  padding: 0 5px 10px 5px;
  margin: 0;
  font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif;
}

#OpokaBanner div.UserPanel a {
  text-decoration: none;
  color: #000;
}

#OpokaMenu .mainmenu {
  background-color: #fdf6d8;
}

#Rejestracja {
  width: 650px;
}

#Rejestracja fieldset, #Logowanie fieldset {
  border: none;
}

#Rejestracja h3, #Logowanie h3 {
  border-bottom: 1px dashed #95978f;
  font-size: 16px;
  padding: 4px;
  color: #5f91c3;
}

#Rejestracja h4 {
  font-weight: normal;
  margin: 10px 0 20px 0;
  font-size: 12px;
}

#Rejestracja h5 {
  text-align: center;
  color: #aa0000;
  background-color: #d2d2d2;
  border-top: #b2b2b2;
  border-bottom: #b2b2b2;
  padding: 3px 0;
  font-size: 10px;
}

#Rejestracja table, #Logowanie table {
  margin: 25px 10px;
}

#ListaWydarzen, #ListaWydarzen table {
  width: 100%;
}

#Rejestracja td, #Logowanie td, #ListaWydarzen td {
  padding: 3px;
  vertical-align: top;
  font-size: 12px;
}

#Rejestracja tr {
  padding-bottom: 7px;
}

#Rejestracja input, #Logowanie input, #Rejestracja textarea, #Rejestracja select {
  border: 1px solid #95978f;
}

#Rejestracja select {
  width: 235px;
  margin-bottom: 7px;
  line-height: 11px;
}

#Rejestracja option.level0 {
  font-weight: bold !important;
  padding: 0 0 0 2px;
  font-size: 11px;
  margin: 0;
}

#Rejestracja option.level1 {
  font-size: 11px;
  margin: 0;
  padding: 0 0 0 12px;
}

#Rejestracja option.level2 {
  font-size: 11px;
  margin: 0;
  padding: 0 0 0 17px;
}

#Rejestracja option.level3 {
  font-size: 11px;
  margin: 0;
  padding: 0 0 0 22px;
}

div.ads1 {
  text-align: center;
  padding: 7px 0;
}

#Okruszki {
  width: 100%;
  height: 25px;
/*  background: #eabe0c url("/rodzinajestdobra/templates/rodzina/Okruszki-background.png") repeat-x; */
  background-color: #95978f;
  color: #fff;
  text-align: center;
}

#Okruszki-main {
  width: 970px;
  height: 25px;
  margin: 0 auto;
  text-align: left;
  font-weight: bold;
}

#Okruszki-main span.lewy {
  margin-left: 7px;
  float: left;
  line-height: 23px;
}

#Okruszki-main a {
  text-decoration: underline;
  padding: 0;
  margin: 0;
  color: #fff;
}

#Okruszki-main a:hover {
  color: #444;
}

#Okruszki-main span.prawy {
  margin-right: 100px;
  float: right;
}

#Okruszki-main span.prawy img {
  margin-left: 10px;
}

#Okruszki-main span.prawy a {
  text-decoration: none;
  font: normal 12px/23px Verdana;
}

#Okruszki-main span.prawy a.fs1 {font-size: 1.2em;}
#Okruszki-main span.prawy a.fs2 {font-size: 1.65em;}
#Okruszki-main span.prawy a.fs3 {font-size: 2.1em;}

#MainBody {
  font-size: 1.3em;
  background-color: #fff;
  border-top: 3px solid #b1b1b1;
  clear: both;
  text-align: center;
}

#Content {
  width: 970px;
  margin: 0 auto;
  text-align: left;
}

#rightColumn {
  margin: 0;
  float: left;
  width: 220px;
  padding: 10px 0;
}

#rightColumn img.dodaj {
  margin: 7px 35px;
}

#rightColumn div.lista {
  text-align: center;
  margin-bottom: 10px;
}

#rightColumn div.lista a {
  text-decoration: none;
  color: #000;
}

#rightColumn div.lista a:hover {
  border-bottom: 1px dashed #95978f;
}

#rightColumn div.info {
  border: 2px solid red;
  padding: 10px 5px;
  margin-bottom: 10px;
}

#hots {
  margin: 0;
  float: left;
  width: 220px;
  padding: 10px 0;
  text-align: center;
}

#mainColumn {
  float: left;
  width: 720px;
  padding: 10px 0;
}

#MainFooter {
  width: 100%;
  height: 40px;
  font-size: 11px;
  text-align: center;
  border-top: 3px solid #b1b1b1;
  background-color: #7d909a;
  border-bottom: 2px solid #6c808a;
  margin: 0;
  padding-top: 10px;
}

#MainFooter span {
  color: #fff;
}

#MainFooter img {
  vertical-align: text-bottom;
  margin-left: 15px;
  margin-right: 5px;
}

#MainFooter a, #MainFooter a:hover {
  text-decoration: none;
  color: #000;
}

#MainFooter div.foot {
  width: 970px;
  margin: 0 auto;
}

/* mod_mainmenu */

.mod_mainmenu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  width: 210px;
  padding: 0;
  margin: 0;
}

.mod_mainmenu_ls0 {
	letter-spacing: 0;
}

.mod_mainmenu_ls1 {
	letter-spacing: -0.2px;
}

.mod_mainmenu_a {
  color: #5f91c3;
  text-decoration: none;
  width: 100%;
}

.mod_mainmenu_a:hover, .mod_mainmenu_a:focus,
div.mod_mainmenu_li1:hover, div.mod_mainmenu_li1:focus,
div.mod_mainmenu_li2:hover, div.mod_mainmenu_li2:focus {
  color: #5f91c3;
  background-color: #eee;
  text-decoration: none;
}

.mod_mainmenu_ls2 {
	letter-spacing: -1px;
}

.mod_mainmenu_ls3 {
	letter-spacing: -2px;
}

div.mod_mainmenu_li1 {
  display: block;
  background-color: #fff;
  font-size: 130%;
/* padding: 5px 0 5px 3px; */
  border-bottom: 1px dashed #C39C4E;
  color: #5f91c3;
  margin: 5px 0 5px 3px;
  width: 209px;
  font-weight: bold;
}

.mod_mainmenu_li1 :visited, .mod_mainmenu_li1 :active {
}

.mod_mainmenu_li1_o {
}

.mod_mainmenu_l2 {
}

div.mod_mainmenu_li2 {
  display: block;
  font-size: 90%;
/*  padding: 2px 0 1px 3px; */
  border-bottom: 1px solid #C39C4E;
  color: #5f91c3;
  margin: 2px 10px 1px 20px;
  width: 179px;
}

.mod_mainmenu_li2 :visited, .mod_mainmenu_li2 :active {
}

.mod_mainmenu_li2_o {
}

#Powiazane {
  margin: 25px 0;
  padding: 0;
  width: 600px;
  border: 1px solid #c2c2c2;
}

#Powiazane div.gora {
  color: #fff;
  background-color: #c2c2c2;
  padding: 3px;
  font-weight: bold;
  font-size: 0.7em;
}

#Powiazane div.lista {
  padding: 5px;
}

#Powiazane a {
  color: #5f91c3;
  font-size: 0.8em;
  text-decoration: none;
}

#Powiazane a:hover,
#Powiazane a:focus
{
  border-bottom: 1px dashed #a2a2a2;
}

/* style dla prawej kolumny */
#ml_mainright {
        margin-top: 20px;
        padding-left: 20px;
        float: left;
        width: 180px;
}

#ml_mainright .dzis_polecamy {
        clear: both;
        width: 180px;
        background: url(/images/img2003/blue_rtop4.png) no-repeat left top;
        padding: 3px 0 0 0;
        font: 11px Tahoma, Arial CE, Helvetica CE, Verdana;
}

#ml_mainright .dzis_polecamy div.content {
        width: 178px;
        background-color: #FFFAE5;
        margin: 0;
        border: 1px solid #2085BE;
        padding-bottom: 5px;
        text-align: left;
}

#ml_mainright .dzis_polecamy div.content div.top {
        width: 178px;
        height: 20px;
        background-color: #2085BE;
}

#ml_mainright .dzis_polecamy div.content div.top h2 {
  font-weight: bold;
  font-family: "Arial CE","Helvetica CE",Arial,Helvetica,sans-serif;
  font-size: 10pt;
  text-align: left;
  color: #fff;
}

#ml_mainright .dzis_polecamy div.content div.dpl,div.dp {
        float: left;
        width: 166px;
        margin-left: 5px;
        padding: 0;
        clear: both;
}

#ml_mainright .dzis_polecamy div.content div.dpll {
        float: left;
        width: 166px;
        margin: 7px 0 5px 5px;
        border: none;
        clear: both;
        padding: 0;
        font-size: 12px;
}

#ml_mainright .dzis_polecamy div.content div.dp {
        border-top: 1px solid #eeeeee;
}

#ml_mainright .dzis_polecamy div.content div.dpk {
        border: none;
        float: left;
        width: 166px;
        margin-left: 5px;
        padding: 0;
        clear: both;
}

#ml_mainright .reklama {
        width: 300px;
        height: 150px;
        background-color: #FF0000;
        border: 1px solid #2085BE;
}

#ml_mainright h2 {
        margin: 0 5px;
        color: #fff;
}

#ml_mainright a.temat {
        float: left;
        background: url(/images/punkt_.png) no-repeat left 5px;
        padding-left: 10px;
        margin-top: 3px;
        line-height: 150%;
        display: block;
        font: 11px Tahoma, Arial CE, Helvetica CE, Verdana;
}

#ml_mainright a.temat:hover {
        color: #2070BF;
}

.stopa {
        margin: auto
}

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

.clearfix {
        display: inline-block;
}