/* Kaskadowy Arkusz Stylów 
dla serwisu www.ukjobs.ta.pl 
Autor: Marcin Boulie Krzyko
Firma: Boulie's Design
Data: 16.04.2005
http://www.boulie.com
e-mail: marcin@boulie.com */

html, body { 
   margin: 0px;
   padding: 0; 
   font-size: 10pt; 
   line-height: normal;
   text-align: center; /* centruje layout w ie5 i 5.5. */
   voice-family: "\"}\"";
   voice-family:inherit; 
   font-family: Verdana, Trebuchet, Helvetica, Sans-Serif;
   color: #282828;
   height: 100%;
}

body {
   background-color: #eef2f5;
   height: 100%;
}

/* #############################
############ LAYOUT ############
############################# */

#container {
   width: 770px;
   \width: 780px;
   w\idth: 770px;
   border-left: 1px solid grey;
   margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
   background-color: #ffffff;
   background-image: url(../img/tlocontent.gif);
   background-position: top right;
   background-repeat: repeat-y;
}

#header {
	padding: 0px;
	margin-bottom: 5px;
   background-image: url(../img/header.jpg);
   background-position: top left;
   background-repeat: no-repeat;   
/*   border-bottom: 1px solid navy; */
   height: 225px;
}

#content {
	padding-right: 15px;
   padding-left: 5px;
   padding: 10px;
	margin-left: 215px;
   margin-right: 15px;
   text-align: left;
}

#left {
   position: relative;
   float: left;
	width: 200px;
	\width: 210px;
	w\idth: 200px;
	margin: 0;
	margin-right: 5px;
	padding: 5px;
}

#footer {
	padding: 5px;
	margin-top: 5px;
   margin-right: 15px;
	background-color: #000162;
   color: #fffff2;
   height: 20px;
   vertical-align: middle;
}

#header p {
   margin: 0px;
   padding: 0px;
}

#logo {
  padding-right: 30px;
  padding-top: 10px;
  vertical-align: top;
  float: right;
}

#menu {
   border-bottom: 1px solid #191970;
   margin-bottom: 0px;
}

#podmenu {
   border-top: 1px solid #191970;
   margin-top: 0px;
}

#down {
   margin-right: 15px;
   height: 3px;
   border-bottom: 1px solid navy;
   background-color: #ffffff;
}

/* #############################
############# MENU #############
############################# */

/* Menu flaga */

#header ul {
  top: 5px;
  left: 10px;
  bottom: 5px;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
}

#header li {
  display: inline;
  padding: 0 5px 0 5px;
  border-right: dotted 1px #ffffff;
}

.flaga{
   padding: 3px 0px;
   margin: 0px;
   font: bold 12px Verdana, sans-serif;
   text-align: left;
}

.flaga li{
   list-style: none;
   margin: 0;
   display: inline;
}

.flaga li a {
   padding: 3px 0.5em;
   margin-left: 3px;
   text-decoration: none;
}

/* Menu footer */

#listastopka {
  display: inline;
  margin-top: 0px;
  margin-left: auto;
  margin-bottom: 0px;
  margin-right: auto;
  padding: 0;
  position: relative;
  vertical-align: middle;
  z-index: 2;
  text-align: center;
}

#listastopka li {
  display: inline;
  padding: 0 5px 0 5px;
  border-right: solid 1px #fffff2;
}


/*#####################
##### TYPOGRAFIA ######
#####################*/

h1 {
  color: #000153;
  font-size: 14pt;
  font-weight: 200%;
  padding: 0px;
  margin:0 0 10px 0;
  
}

h1:first-letter {
  font-size: 125%;
  fon\t-size: 100%;
}

html > body h1:first-letter {
  font-size: 125.5%;
}

h2 {
  color: #FF5500;
  font-size: 115%;
  line-height: 1.5em;
  margin-left: 0px;
}

h3 {
  color: #D02008;
  font-size: 110%;
  line-height: 1.5em;
  margin-left: 0px;
}

h4 {
  color: #D02008;
  margin:0 0 5px 0px;
}

h2 a, h3 a {
  color: #D02008;
}

h2 a:hover, h3 a:hover {
  color: #D02008;
}
 
.small {
   font-size:8pt;
}

.tiny {
  font-size: 9px;
  line-height: 16px;
  margin-top: 15px;
  margin-bottom: 5px; 
}	

.small_u{
  font-size: 9px;
  font-weight:bold;
  border-bottom: dashed 1px #CCCCCC;
}

.normal {
  line-height: normal;
}

.fl {
  float: left;
  width: .9em;
  font-size: 4em;
  line-height: 83%;
}

/* #############################
############# LINKI ############
############################# */

#content a {
  color: navy;
  text-decoration: underline;
}

#content a.ext {
  background:url(../img/extlink.gif) 0 0.46em no-repeat;
  padding:0 0 0 13px;
}

* html a.ext {
  background:none;
  padding:0;
}

#content a:hover {
  color: #C00903;
  text-decoration: none;
}

#content a:visited {
  color:#666666;
}

#footer a, #footer a:hover {
   color: #fffff2;
   text-decoration: none;
   font-weight: bold;
}

#footer a:hover {
  text-decoration: underline;
  font-weight: bold;
}

#content a.important {
  text-decoration: none;
  background: url(img/underline.gif) repeat-x 100% 100%;
  white-space: nowrap;
  padding-bottom: 5px;
}

a img {
   text-decoration: none;
}

/* #############################
############ TABELE ############
############################# */

table {
  border: solid 1px #cccccc;
  empty-cells: show;
  border-collapse: collapse;
  margin-bottom:10px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

td {
  border: solid 1px #cccccc;
  padding: 3px; 
  border-collapse: collapse;
  vertical-align:top;
  font-size:11px;
}

thead{
   background-color: #B00000;
   font-weight:bold;
   color: #FFFFF0;
}

th {
   padding: 10px;
}



/* #############################
########## ZNACZNIKI ###########
############################# */

/* #content ul ul {
	list-style: circle;
	list-style-type: circle;
	margin-left: 20px;
}*/

table {
  border: solid 1px #cccccc;
  padding: 5px; 
  empty-cells: show;
  border-collapse: collapse;
  border-spacing: 10px;
  table-layout: fixed;
}
.strong{
font-weight:bold;
}
.error{
font-size:10px;
font-weight:bold;
color:#FF0000;
}
td.td1 {
background: #EAEAEA;
} 
caption{
font-weight:bold;
margin-bottom:4px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
white-space: nowrap;
}

abbr acronym {
  border-bottom: 1px #666666 dotted;
  cursor:help;
}

textarea {
  border: 1px solid #7F7F7F;
  height: 95px;;
  heig\ht:93px;
  color: #666666;
  padding: 1px 5px;
  width: 221px;
  widt\h: 209px;
  overflow: auto;
}

textarea.praktyki {
  width: 421px;
  widt\h: 409px;
  
}

address {
  font-size: 9pt;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  margin-top: 10px;
  padding: 10px;
}

/* #content dl, dt, dd, ul, li, form {
  margin: 0;
  padding:0;
}*/

blockquote {
  padding: 12px;
  margin: 0px 11px 23px 11px;
  border: 1px solid #E4E3E3;
  background: url(../img/lquote.gif) no-repeat 12px 12px #F4F4F4;
}
  
blockquote p{
  background: url(../img/rquote.gif) no-repeat 100% 100%;
  margin: 0 24px 0 24px;
}

/* #############################
########### OBIEKTY ############
############################# */

.cien {
  border-top: 1px solid #696969;
  border-right: 2px outset #969696;
  border-left: 1px solid #696969;
  border-bottom: 2px outset #969696;
}

.nolist {
  list-style: none;
  list-style-type: none;
}

hr.clear{
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  border-width:0;
  margin:0;
  padding:0;
}

.clr {
  clear:both;
  }


blockquote p.cite{
  background: transparent;
  text-align: right;
}

.admin blockquote p {
  margin: 0;
  padding: 0 33px;
}
  
.nowrap {
  white-space: nowrap;
  font-size: 10px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;

/* musi być połączone z nobr w html dla ie5win */
}

.box {
  padding: 12px;
  margin: 10px;
  border: 1px solid #E4E3E3;
  background: #F4F4F4;
}

.alt {
  display: none;
}

.liniak {
  background-repeat : repeat-x;
  background-image: url(../img/linia3.gif);
  height: 1px;	
  width:auto;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

p.linia {
  background-repeat : no-repeat;
  background-image: url(../img/linia.gif);
  background-position: top center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  text-align: center;
  height: 21px;
}

hr.clear{
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  border-width:0;
  margin:0;
  padding:0;
}

.clr {
  clear:both;
  }

.textfield{
  margin-bottom:10px;
  padding:5px;
  text-align: left;
}

.dwa {
   line-height: 150%; 
}

.papier {
   float: left;
   margin-right: 10px;
}

.fright {
  float: right;
  margin-right: 20px;
  margin-left: 20px;
  width: 200px;
  text-align: center;  
}

.center {
   text-align: center;
}

.right {
   text-align: right;
}
.left {
   text-align: left;
}

.rightwm30 {
   text-align: right;
   margin-right: 30px;
}

.galeriapap {
   text-align: center;
}

.galeriapap img {
   margin: 10px;
   border: 1px solid #999999;
   background-color: #262626;
}

.fleft {
   float: left;
   padding: 0px;
   margin: 10px;
   background-color: #ffffff;
}

.title{
	overflow:hidden;
	height:5px;
	width:100%;
	background:url(../img/cien01.gif) repeat-x;
	clear:both;
}

h2.info{
	width:auto;
	height:24px;
	color:#fff;
	background:#777 url(../img/backt.jpg) repeat-x;
	padding:0 0 0 1em;
	margin:0;
	font-size:70%;
	line-height:2em;
   text-align: center;
}

/* Boxy */

.box {
   margin: 10px;
   padding: 0px;
}

p.boxwhitetop {
   background-image: url(../img/boxwhitetop.gif);
   background-position: top;
   background-repeat: no-repeat;
   padding: 5px;
   margin-bottom: 0px;
}  

p.boxwhitetop1 {
   padding: 0px;
   margin-bottom: 0px;
}  

p.boxwhitetresc {
   border-left: solid 1px #c2c2c2;
   border-right: solid 1px #c2c2c2;
   padding: 5px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 13px;
   margin-right: 13px;
}

p.boxwhitebottom {
   background-image: url(../img/boxwhitebottom.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   padding: 5px;
   margin-top: 0px;
}  

.drukuj {
   vertical-align: middle;
   padding-right: 3px;
   margin-right: 3px;
}

.nomargin {
   margin: 0px;
   padding: 0px;
}

.justify {
   text-align: justify;
}

/* #############################
########### DRUK ############
############################# */
  
@media print{ 

html, body { 
   margin: 0px;
   padding: 0; 
   font-size: 10pt; 
   line-height: normal;
   text-align: center; /* centruje layout w ie5 i 5.5. */
   font-family: Verdana, Trebuchet, Helvetica, Sans-Serif;
   color: #282828;
   height: 100%;
}

body {
   background-color: #ffffff;
}

#container {
   width: auto;
   margin: 0px;
	padding: 0px;
   background-color: #ffffff;
   border-left: none;
   background-image: none;
}

#content {
   padding: 10px;
   margin: 0px;
   text-align: left;
   width: auto;
}

#left {
  display:none;
  }
  
#header{
  display: none;
} 
  
#menu {
  display:none;
  } 

#footer {
  display:none;
  }  
  
#down {
   margin-right: 0px;
   border-bottom: none;
   background-color: #ffffff;
}

.noprint {
  display:none;
}  

#drukuj {
  display:none;
}  

#listastopka li {
  display: inline;
  padding: 0 5px 0 5px;
  border-right: 1px solid #ffffff;
}
 
.alt {
  display: none;
} 
}