/* Podstawa */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,hr {margin:0; padding:0;}

h1 {font-size: 20px}
h2 {font-size: 14px}

body {
  background-color: #191919;
  overflow: auto;
  margin: 0;
  padding: 0;
} /*#191919  #585A5B*/
  
body, td, th ,p {
  font-family: tahoma, sans-serif;
  color: #FFFF3B;
  font-size: 11px;
}


table, td {
  vertical-align: top
}

input, select, textarea {
  color:black
}

fieldset,img {
  border:0;
}

ol,ul {
  list-style:none;
}

caption,th {
  text-align:left;
}

.bigger {
  font-size:14px; font-weight: bold;
}

.smaller {
  font-size: 9px
}

a {
  color:#FFF; text-decoration: none
}

a:hover {
  color: #FFFFFF;
  text-decoration: underline
}

div.clearfix {
  clear: both;
}

div#dok {width: 1004px; margin: auto;}

/* Nagłówek */
#top {margin: auto;}
#top {height:100px; background: #1D1B1B;}
#top h1 {float:left; width:383px; position: relative; top: 10px;}
#top h1 a {font-size: 50px; color: #FFD215; text-decoration: none; font-weight: normal; height: 50px; width: 250px; display: block;}
#top .topmenu {float:right; width:160px; height:75px; position:relative; top:15px; right:30px;}
#top .topmenu ul {float:left; width:80px; height:63px;}
#top .topmenu ul li {width:80px; height:21px; background:url(../images/butt_red2.jpg) no-repeat;}
#top .topmenu ul li a {font-size:0.9em; color:white; text-align:center; height:15px; padding-top:3px; display:block;}
#top .topmenu ul li a:hover {text-decoration:underline;}
#top .profil {float:right; width:160px; height:60px; position:relative; top:10px; right:60px; border:2px solid #4b4b4b; border-right:0; padding:3px;}
#top .profil ul {float:right; width:80px; height:60px;}
#top .profil ul li {width:80px; height:20px;}
#top .profil ul li.name {width:80px; height:20px; font-size:1.4em; text-align:center; padding-top:5px;}
#top .profil ul li.myprofil a {font-size:0.9em; color:white; text-align:center; height:20px; padding-top:5px; display:block;}
#top .profil ul li a:hover {text-decoration:underline;}
#top .profil images {float:left; border:0;}

#topmenu {
  height:35px;
  background:#1D1B1B;
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: bold 1em/21px Arial, Helvetica, sans-serif;
  background:url(../images/TMbuttongold.jpg) no-repeat;
  color: black;
  width: 115px;
  display: block;
  padding: 0 1px;
  text-transform: lowercase;
  text-decoration: none;
  white-space: nowrap;
  padding-left:3px
  }
.nav, .nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav {  font-family: Arial, Helvetica, sans-serif;  z-index: 100;  position: relative; padding: 10px}
.nav li {   float: left;  margin: 0;  padding: 0;  position: relative;}
.nav li a:hover { background:url(../images/TMbuttonsilver.jpg) no-repeat;color: white;	}
.nav ul { list-style: none;  margin:0;  width: 115px;  position: absolute;  top: -999em;  left: 1px;}
.nav li:hover ul,.nav li.sfHover ul {top: 21px;}
.nav ul li {  border: 0;  float: none;}
.nav ul a {   padding-right: 10px;  width: 115px;  white-space: nowrap;}



/* GŁÓWNY */

div.content {margin:auto; position:relative; top:0px; clear:both; padding: 2px;}

div.content table {border-collapse:collapse; border-spacing:0; }

div.content #login {display:none;}

div.content #left {float:left; width:375px;}

div.content #leftwindow {width: 100%; clear:both; background:#323232; margin-top:20px; float:left;}

div.content #right {margin-left:2px; width: 600px; padding:0; vertical-align:top;}

div.content #rightwindow {width: 100%; clear:both; background:#323232; margin-top:20px; float:left;}


/* klasy pod tlo */

div.content .title {height:38px; width:100%; background:url(../images/LWtitlebg.gif) repeat-X;}
div.content .titleleft {width:100%; height:38px; background:url(../images/LWtitleleft.gif) no-repeat;}
div.content .titleright {width:100%; height:38px; background:url(../images/LWtitleright.gif) no-repeat right;}

div.content .conten {width:100%; background:url(../images/LWcontentbg.gif) repeat-x;}
div.content .contenleft {width:100%; background:url(../images/LWcontentleftbg.gif) repeat-y;}
div.content .contenleft_ {width:100%; background:url(../images/LWcontentleft.gif) no-repeat left top;}
div.content .contenright {width:100%; background:url(../images/LWcontentrightbg.gif) repeat-y right;}
div.content .contenright_ {width:100%; background:url(../images/LWcontentright.gif) no-repeat right top;}

div.content .footer {height:29px; width:100%; background:url(../images/LWfooterbg.gif) repeat-X;}
div.content .footerleft {width:100%; height:29px; background:url(../images/LWfooterleft.gif) no-repeat;}
div.content .footerright {width:100%; height:29px; background:url(../images/LWfooterright.gif) no-repeat right;}



div.content h3 {
  padding-left: 20px;
  color: #FFD201;
  font-weight: bold;
  height: 38px;
  line-height: 37px;
}

div.content ul {
  color: #FFFF32;
  list-style: none;
  margin: auto;
  padding: 15px 0;
}

div.content ul li {
  padding: 3px 0px 3px 20px;
}

div.content ol {
  color: #FFFF32;
  margin: 0;
  padding: 5px 0 0 10px;
}

div.content ol li {
  padding: 9px 0px 0px 10px;
}

div.content a {color:white; text-decoration:underline;}

div.content a:hover {text-decoration:none;}

div.content images {margin: 10px;}

/* ---- */

/*do zmiany bylo p*/
div.content .u {
  text-align: right;
  font-size:9px;
  margin-bottom: 5px;
}
div.content p {}



/* validacja formularzy*/
input.invalid {	background-color: #FF9;	border: 2px red inset;}
label.invalid {	color: #F00;	font-weight: bold;}


/* dzien -> obce kalendarze */
.daty {margin:7px; border-bottom: rgb(102,102,102) solid}
.daty input {border:0px; text-align: center;  background-color:#343234; color:#FFFF3B; }

.daty select {
  border:0px;
  text-align: center ;
  background-color:#343234;
  color:#FFFF3B;
}

.daty .krot  {width:14px}
.daty .krot1 {width:65px}
.daty .krot2 {width:30px}
.daty .krot3 {width:300px}

.tekst ol,ul {
  list-style-type: decimal;
}



.tekst p{text-indent:1cm; margin-bottom: 5px; font-size:13px}
.artykul {margin:15px 35px 15px 35px}








/* Style odrębne dla kalendarza !! nietykac */

div.content div#divkal {
  width: 320px;
  height: 250px;
  padding: 0 0 0 30px;
  background: none;
}

div.content div#divkal table.clsOTable {
  border: 1px solid #777;
  width: 100%;
  height: 100%;
}

div.content table.clsOTable select {
  color: #ffffff;
  background: #333333;
}

div.content tr.kal_ustaw {
  background: #333333;
}

div.content tr.kal_ustaw td {
  color: #ffffff;
}

div.content tr.kal_przew {
  color: #ffffff;
  background: #000000;
}

div.content tr.wiersze_dni td {
  padding-right: 7px;
  padding-top: 4px;
}

div.content td.dniTyg {
  padding-right: 7px;
  background: #777;
  color: #ddd;
  text-align: right;
}

div.content td.kal_dzis {
	color: #000;
	border: 1px solid #777;
	background: #999 !important;
}

div.content td.kal_weekend {
  color: #000;
  background: #ddd;
  border: 1px solid #ddd;
}
div.content td.kal_robocze {
  background: #fff;
	border: 1px solid #ddd;
}
div.content a.obecny_miesiac {
  color: #000;
  font-size: 12px;
}
div.content a.inny_miesiac {
  color: #999;
}


/*     kontakt    */



 .wiadomosc {

  margin: 0;

  padding: 0;

  border: 0;

  width: auto;

  height: auto;

  background: none;

 }



 #kontakt {

  width: 600px;

  margin:50px;

 

 }

 #kontakt p{

  color: rgb(49, 132, 155);

  font-weight: bold;  

 }

 #kontakt #lewa {

  width: 104px;
  background: rgb(210, 234, 241);
   

 }

 #kontakt #lewa #td1 {

   border-style: solid solid solid none; border-color: rgb(75, 172, 198) windowtext rgb(75, 172, 198) -moz-use-text-color; border-width: 1pt 1pt 1pt medium; padding: 0cm 5.4pt; 

  vertical-align: top;

 }

 #kontakt #lewa2 #td21 {

   border-style: none solid solid none; border-color: -moz-use-text-color windowtext rgb(75, 172, 198) -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; background: rgb(210, 234, 241) none repeat scroll 0%;

   vertical-align: top;

   }

 #kontakt #lewa #td2 {

   border-style: solid none; border-color: rgb(75, 172, 198) -moz-use-text-color; border-width: 1pt medium; padding: 0cm 5.4pt; width: 399.3pt; 

   text-align: left;

 }     

 #kontakt #lewa2 #td22 {

   border-style: none none solid; border-color: -moz-use-text-color -moz-use-text-color rgb(75, 172, 198); border-width: medium medium 1pt; padding: 0cm 5.4pt; background: rgb(210, 234, 241) none repeat scroll 0%; width: 399.3pt;

   text-align: left; 

 }     

  #kontakt input {
   margin:4px;
  }
 #kontakt  textarea {
  margin: 3px;
  padding:3px;

	border: 1px solid  #C1F0FB;     /* #E5F0FB; */      

	font: normal 1em Verdana, sans-serif;

	color:#777; 
  width: 450px;
  height: 150px;
 } 
/* --------------kontkat  */

/*---------------logowanie*/
/*----------------rejestracja  */
.logowanie, .rejestracja {
  margin: 10px 0 10px 50px;
 }
.logowanie input, .rejestracja input {
 margin: 5px;
} 

