/*
Theme Name: umZJ
Version: 1.0
Author: juszczak michal
Author URI: http://www.juszczak.org/
*/


/**
   -------------------------------------------------------------------------------------------------
   RESET START
**/
html, body, div, span,
p, blockquote, pre, code,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, label, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
            margin: 0;
            padding: 0;
}

img {
            border: 0;
}
/**
   RESET END----------------------------------------------------------------------------------------
**/
/**
   -------------------------------------------------------------------------------------------------
   ATTRIBUTES START
**/
html              {
            background: #394436;
}
body              {
            background: #FFF;
            font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;     /* web safe fonts */
            font-size: 75%;    /* 12px */
            font-weight: normal;
            line-height: 160%;
}
h1, h2, h3, h4, h5, h6  {
            font-family: Georgia, serif;
}
h1 {
            font-size: 2em;
            font-weight: bold;
            padding: 0 0 0 0;
}
h2 {
            font-size: 1.75em;
            font-weight: normal;
            padding: 0.2em 0 0 0;
}
h3 {
            font-size: 1.25em;
            font-weight: bold;
            font-style: italic;
}

h4 {
            font-size: 1.1em;
            font-weight: bold;
}
h5 {
            font-size: 1em;
            font-weight: bold;
}
h6 {
            font-size: 0.8em;
            font-weight: bold;
}
a  {
            text-decoration: none;
				color: #483D8B;
}
a:hover  
    {text-decoration: underline;}
a:visited  
    {color: #191960;}
a:active 
    {color: #FFA500;}
/**
   ATTRIBUTES END-----------------------------------------------------------------------------------
**/

/**
   -------------------------------------------------------------------------------------------------
   LAYOUT START
**/
#containerHeader  {
            background:#FDFDFD url('../graph/public/header-bg.png') repeat-x left bottom;
            height:autopx;
            width:100%;
            margin:0;
            float: left;
            padding:0;
}
#containerHeader img {
            float: left;
            margin: 0;
}
#containerHeader img.bip {
            float: none;
            clear: both;
            margin: 0 !important;
}
#containerHeader img.icon {
            margin: 0 0.5em !important;
}
#containerHeader h1  {
            padding: 1em 0 0.2em 0;
            font-size: 2.7em;
            font-style: italic;
}
#containerHeader h2  {
            font-style: italic;
            font-size: 2.2em;
}
#containerHeader #containerHeaderMenu {
            position: absolute;
            top: 0;
            right: 0;
            padding: 1em;
}
#containerHeader #containerHeaderMenu a{
            float: right;
}
#containerHeader ul{
            margin: 5em 0 0 0;
            padding: 0 0 5px 0;
            list-style: none;
}
#containerHeader ul li  {
            font-family: Georgia, serif;
            display: inline;
            font-size: 1.6em;
            font-style: italic;
            margin: 0 0 0 30px;
}
#containerHeader #containerHeaderMenu a   {
            margin: 0 1em 0 0;
}
/*end of #containerHeader */
#containerMain    {
            background: inherit;
            width: 70%;
            float: left;
}
#containerMain #info {
            width: 90%;
            margin: 2em auto auto auto;
            text-align: justify;
            font-size: 1.4em;
            line-height: 2em;
}
#containerMain p.right{
            float: right;
            text-align: center !important;
            margin: 3em 0 1em 0;
}
#containerMain p.left{
            float: left;
            text-align: center !important;
            margin: 3em 0 1em 0;
}
#containerMain p.center{
            text-align: center !important;
            margin: 2em;
}
#containerMain p.adres{
            text-align: center !important;
            display: block;
            float: left;
            font-size: 1.1em;
            line-height: 1.3em;
}
#containerMain b.frame{
            display: block;
            clear: both;
            float: none;
            border: 1px solid #999;
            background: #ddd;
            font-size: 1.3em;
            padding: 5px;
}
#containerMain p.clearline{
            clear: both;
            border-bottom: 1px dashed #59554A;
            margin: 0 0 20px 0;
}
#containerMain p.clear{
            clear: both;
}
#containerMain p.imgframe{
            display: block;
            float: right;
            border: 1px solid #999;
            background: #f5f5f5;
            font-size: 10px;
            line-height: 12px;
            padding: 5px;
            text-align: center !important;
}
#containerMain p.imgframeleft{
            display: block;
            float: left;
            border: 1px solid #999;
            background: #f5f5f5;
            font-size: 10px;
            line-height: 12px;
            padding: 5px;
            text-align: center !important;
}
#containerMain span.photofrom {
            display: block;
            float: none;
            clear: both;
            font-size: 8px;
            font-style: italic;
}
#containerMain div.boxframe {
            display: block;
            width: 47%;
            height: 8em;
            margin: 0 10px 10px 0;
            border: 1px solid #ddd;
            padding: 5px;
            float: left;
            text-align: left;
}
#containerMain div.boxframeimg {
            display: block;
            width: 47%;
            height: 16em;
            margin: 0 10px 10px 0;
            padding: 6px;
            float: left;
            text-align: left;
}
#containerMain img.photo {
            display: block;
            float: none;
            clear: both;
}
#containerMain h3{
            margin: 0.5em 0 0.5em 0;
}
#containerMain p{
            margin: 0.5em;
}
#containerMain #ksiega     {
            padding: 2em;
}
#containerMain #cardList   {
            width: 90%;
            margin: 1em auto auto auto;
            text-align: justify;
            font-size: 1.3em;
            line-height: 2em;
}
#containerMain #cardList h3 {
            border-bottom: 1px solid #000;
            margin: 0.5em 0 0 0;
}
#cardList span.toggle {
            font-size: 0.7em;
            font-style: normal;
            font-weight: normal;
            margin: 0 0 0 3em;
            cursor: pointer;
}
#containerMain #cardList .enclosure {
            font-size: 0.9em;
}
ul.enclosureList{
            list-style: none;
            padding: 0;
            margin: 0;
            text-align: left;
}
#containerMain div.message {
            background: #fff url('../graph/public/msg-bg.png') repeat-x left top;
            width: 90%;
            margin: 1em auto;
            padding: 1em;
            font-size: 1.3em;
            line-height: 1.7em;
            border-bottom: 1px dashed #ddd;
            border-top: 1px solid #ddd;
}
#containerMain div.message h3 {
            color: #59554A;
}
#containerMain div.message span.messageDate{
            float: right;
            margin: -3em 0 0 0;
            color: #6666d2;
            font-size: 0.8em;
}
#containerMain div.message span.messageAuthor{
            float: right;
            font-size: 0.8em;
}
#containerMain ul.cardlist{
            font-size: 0.8em;
            line-height: 1.5em;
            letter-spacing: 0.1em;
            list-style-image: url(../graph/public/doc.gif);
            list-style-position: inside;
}
#containerMain li.cardlist{
            padding: 0.5em;
				margin: 0.1em 0 0.5em 0;
				border-left: 0.5em solid #ffa500;
				border-bottom: 1px dashed #ddd;
				}
#containerMain li.cardlist b{
				color: #000;
}
#containerMain li.cardlist span{
				color: #000;
				font-size: 0.8em;
}
/*end of #containerMain */
#containerMenu    {
            background: inherit;
            width: 25%;
            float: right;
            font-size: 1.3em;
}
#containerMenu ul {
            padding: 0;
            margin: 1em 0 0 0;
            list-style: none;
}
#containerMenu ul li {
            padding: 0 0 0 0.5em;
            margin: 0.2em 0 0.1em 0;
}
#containerMenu ul li ul {
            margin: 0 0 0 1em;
            padding: 0;
            border: none;
            font-size: 0.8em;
}
#containerMenu ul li ul li {
            border-bottom: 1px solid #eee;
            padding: 2px;
}
#containerMenu h2{
            line-height: 1.5em;
}
/*end of #containerMenu */
#containerFooter  {
            background:#394436 url('../graph/public/footer-bg.png') repeat-x left top;
            color:#eee;
            height:60px;
            margin:0;
            padding:10px 0;
            width:100%;
            float: none;
            clear: both;
            font-size: 1.1em;
            line-height: 1.5em;
            text-align: center;
}
#containerFooter a{
            color: #fff;
            font-weight: bold;
}
/*end of #containerFooter */
#karta     {
         width: 95%;
         margin: 1em auto;
         font-size: 1.1em;
}
#karta p   {
         text-align: justify !important;
         line-height: 1.5em !important;
}
#karta h1  {
         text-indent: 0;
         margin: 0 0 1em 0;
         padding: 0 0.5em;
         clear: both;
         float: none;
         font-style: italic;
         font-size: 1.5em;
         line-height: 1.7em;
}
#karta h2  {
         margin: 0.5em 0 1em 0;
         padding: 0 0 0.5em 0;
         border-bottom: 1px dashed #59554A;
         font-size: 1.5em;
         clear: both;
         line-height: 1.5em;
}
#karta em.owner{
         display: block;
         float: right;
}
#karta em.group{
         font-size: 0.8em;
}
#karta #header{
         display: block;
         float: right;
         width: 100%;
         clear: both;
         margin: 0 0 1em 0;
         border-bottom: 1px solid #59554A;   
}
#karta #header img{
         display: none;
         float: left;
         width: 15%;
}
#karta #header p{
         display: block;
         float: right;
         width: 70%;
         padding: 0 !important;
         margin: 0!important;
         text-align: right !important;
         font-size: 0.8em;
}
#karta #header h1{
         display: block;
         font-size: 1.5em;
         float: right !important;
         width: 100%;
         margin: 0 0 1em 0 !important;
         padding: 0.5em !important;
         clear: none;
         text-align: center;
}
#karta ol{
         list-style: decimal inside;
}
#infoFrame  {
         display: block;
         width: 95%;
         clear: both;
         float: none;
         background: #FFA0A0 url('../graph/icon/alert.gif') no-repeat 1% center;
         border: 1px solid #f00;
         margin: 5px auto;
         font-size: 0.8em;
         text-align: center;
         padding: 2px 5px;
}
img.scheme {
         display: block;
         clear: both;
         float: none;
         display: block;
         margin: auto;
}
.enclosure     {
         padding: 0 20px;
         margin: 0 0 5px 0;
         border-bottom: 1px dashed #ddd;
         border-left: 0.5em solid #FFA500
}
.enclosure img  {
         margin: 0 10px 0 0;
}
.enclosure span {
         font-size: 0.7em !important;
}
.enclosure a{
         text-decoration: none;
         font-size: 0.8em;
         font-weight: bold;
}
.enclosure a:hover{
         text-decoration: underline;
}
#sitemap, #sitemap .folder ul{
         list-style: inside url(../graph/public/link.gif);
}
#sitemap {
         letter-spacing: 0.1em;
         line-height: 1.5em;
}
#sitemap .folder{
         list-style: inside url(../graph/public/folder.gif);
         color: #483D8B;
}
#fancy{
         margin: 0 0 0 6em;
}
#fontsize   {
         float: right;
         width: 93%;
         margin: 0 3% 1em 0;
         padding: 0 0 0.2em 0;
         border-bottom: 1px solid #eee;
         text-align: right;
}
#fontsize span{
         padding: 0 0 0 2em;
         cursor: pointer;
}
#fontsize #small{
         font-size: 0.8em;
}
#fontsize #normal{
         font-size: 1em;
}
#fontsize #big{
         font-size: 1.2em;
}

#buttonCoZalatwisz   {
         display: block;
         float: right;
         width: 220px;
         height: 80px;
         margin: auto;
         background: transparent url(../graph/public/button_co_zalatwisz_off.png) no-repeat scroll 0 0;
         position: absolute;
         top: 40px;
         right: 35px;
}
#buttonCoZalatwisz:hover   {
         background: transparent url(../graph/public/button_co_zalatwisz_on.png) no-repeat scroll 0 0;
}
.separator     {
         display: block;
         width: 100%;
         margin: 5px auto;
         border-bottom: 1px solid #ddd;
         border-top: 1px solid #bbb;
         height: 0px;
}
.ratusz {
    background: #fff url(../graph/public/ratusz.png) no-repeat scroll 0 0;
    min-height: 350px;
    padding: 0 0 0 200px;
}
.ratusz p.contact
{float: left; clear: none; padding: 10px 0 0 30px; font-size: 1em;}
.ratusz p
{clear: both; float: none; margin: auto; padding: 0 60px; font-size: 1.2em;}
.ratusz label
{float: left; width: 100px;}
.ratusz br
{line-height: 2em;}
.ratusz input, .ratusz textarea
{width: 300px;}
.ratusz #submit
{margin: 0 0 0 200px; width: 100px;}


.ankieta
{font-size: 1.3em; font-weight: bold;}

#sendMe #submit
{margin: 0 0 0 40px; width: 200px; height: 2em; font-size: 1.3em;}


/**

TABLEDATA

**/
.tabledata {
         font-size: 11px;
         border: 0px solid #eee;
         color: #000;
         width: 90%;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	table-layout: auto;
}
.tabledata th{
         background: #fafafa url(../graph/form/wbg.gif) repeat-x 0px -1px;
}
.tabledata tr{
         background: #fff;
         border-right: 1px solid #ddd;
         border-bottom: 1px dashed #555 !important;
}
.tabledata tr.changeE{
         background: #0f0 !important;
         border-right: 1px solid #ddd;
         border-bottom: 1px solid #f3f3f3;
}
.tabledata tr:nth-child(even) {background: #fff}
.tabledata tr:nth-child(odd) {background: #ffe;}

.tabledata tr:hover{
         background: #d9ebf5;
         padding: 0 5px;
}
.tabledata td{
         border-right-color: #f3f3f3;
         border-left-color: #f3f3f3;
         padding: 5px;
}


.tabledata .width10 { width: 10%;}
.tabledata .width20 { width: 20%;}
.tabledata .width30 { width: 30%;}
.tabledata .width40 { width: 40%;}
.tabledata .width50 { width: 50%;}
.tabledata .width60 { width: 60%;}
.tabledata .left    { text-align: left; }
.tabledata .right   { text-align: right; }
.tabledata .center  { text-align: center; }
.tabledata .rowname { font-weight: bold; font-size: 12px; padding: 5px;}