/* basic elements */
body { 
 margin: 0;
 font-size: 76%;
 color: #202020;
 letter-spacing: 0.01em; 
 font-family:Verdana,Sans-serif;
 line-height:1.4em;
 background:#f3f4f7;
}

p {
 font-size: 1em;
 margin: 0 0 1.2em 0;
}

img {
 border: 0;
}

a:link,
a:visited {
 color: #cc6633;
 text-decoration: underline;
}

a:hover,
a:active {
 color: #cc6633;
}


/* ------- CONTENT STUFF -------- */

#wrapper {
 margin: 0 auto;
 padding: 0;
 width: 760px;  	
 background:url(/images/pageBackground.gif) repeat;
}


/* ------- NAVIGATION STUFF ------- */

#navContainer {
 width: 760px;
 height: 109px;
 padding: 0;
 background:#f3f4f7 url('/images/pageTop.jpg') no-repeat;
 position: relative;
}


#title {
	float: left;
	padding: 9px 0px 0px 45px;
}


#navBarContainer {
	position: absolute;
	top: 71px;
	left: 0;
	height: 38px;
    	background: #fff;
}

#nav,#navEn {
	width: 760px; 
	height: 38px;
	margin: 0;
	padding: 0;
	position: relative;
}
#nav {
    	background:#f3f4f7 url('/images/menu.gif') no-repeat;
}
#navEn {
    	background:#f3f4f7 url('/images/menuEn.gif') no-repeat;
}

#nav li, #navEn li {
	margin: 0;  
	padding: 0;  
	list-style: none;
	position: absolute; 
	top: 0;  
}

#nav li, #nav a, #navEn li, #navEn a {
	height: 29px; 
	display: block;
} 


/* ----- defines the hit area of the buttons for each link ----- */
#one {left: 11px; width: 102px;}
#two {left: 114px; width: 50px;}
#three {left: 165px; width: 77px;}
#four {left: 243px; width: 134px;}
#five {left: 378px; width: 92px;}
#six {left: 471px; width: 139px;}
#seven {left: 611px; width: 79px;}
#eight {left: 691px; width: 57px;}

#oneEn {left: 11px; width: 90px;}
#twoEn {left: 102px; width: 81px;}
#threeEn {left: 184px; width: 127px;}
#fourEn {left: 313px; width: 154px;}
#fiveEn {left: 468px; width: 88px;}
#sixEn {left: 557px; width: 63px;}
#sevenEn {left: 621px; width: 60px;}
#eightEn {left: 682px; width: 66px;}

/* ----- changes the hover state of the menu bar ----- */
#one a:hover, #one a.selected { background: transparent url('/images/menu.gif') -11px -38px  no-repeat;}
#two a:hover, #two a.selected { background: transparent url('/images/menu.gif') -114px -38px no-repeat;}
#three a:hover, #three a.selected {background: transparent url('/images/menu.gif') -165px -38px no-repeat;}
#four a:hover, #four a.selected {background: transparent url('/images/menu.gif') -243px -38px no-repeat;}
#five a:hover, #five a.selected {background: transparent url('/images/menu.gif') -378px -38px no-repeat;}
#six a:hover, #six a.selected {background: transparent url('/images/menu.gif') -471px -38px no-repeat;}
#seven a:hover, #seven a.selected {background: transparent url('/images/menu.gif') -611px -38px no-repeat;}
#eight a:hover, #eight a.selected {background: transparent url('/images/menu.gif') -691px -38px no-repeat;}

#oneEn a:hover, #oneEn a.selected { background: transparent url('/images/menuEn.gif') -11px -38px  no-repeat;}
#twoEn a:hover, #twoEn a.selected { background: transparent url('/images/menuEn.gif') -102px -38px no-repeat;}
#threeEn a:hover, #threeEn a.selected {background: transparent url('/images/menuEn.gif') -184px -38px no-repeat;}
#fourEn a:hover, #fourEn a.selected {background: transparent url('/images/menuEn.gif') -313px -38px no-repeat;}
#fiveEn a:hover, #fiveEn a.selected {background: transparent url('/images/menuEn.gif') -468px -38px no-repeat;}
#sixEn a:hover, #sixEn a.selected {background: transparent url('/images/menuEn.gif') -557px -38px no-repeat;}
#sevenEn a:hover, #sevenEn a.selected {background: transparent url('/images/menuEn.gif') -621px -38px no-repeat;}
#eightEn a:hover, #eightEn a.selected {background: transparent url('/images/menuEn.gif') -682px -38px no-repeat;}


#nav span, #navEn span {
	display: none;
}

/* -------- TWO COLUMN LEFT ------- */
/* min height hack */
#TwoColLeft {
 float:left;
 width:189px;
 margin:0;
 border:0;
 padding:0 22px 0 24px; 
 font-size:0.9em;
 min-height: 400px;
 height: auto;
 _height: 400px;
}
/* display hack's */ 
#TwoColLeft {
 width:235px; 
 voice-family: "\"}\""; 
 voice-family:inherit;
 width:189px;	
}
html>body #TwoColLeft {
 width:189px;
} 

#TwoColLeft h2{
 background: url("/images/blueSquare.gif") no-repeat 0px 50%;
 border:0;
 margin:0;
 padding:0 0 0 12px;
 font-size:1.2em;
 color:#bc1a02;
 font-weight:normal;
}
#TwoColLeft h2.percent {
 background: url("/images/1procent.gif") no-repeat 0px 50%;
 padding: 10px 0 10px 65px;
 margin-top:5px;
}

#TwoColLeft p{
 background: url("/images/dottedLine.gif") bottom center no-repeat;
 border:0;
 margin:0 0 6px 0;
 padding:0 0 12px 0;
}


/* -------- TWO COLUMN RIGHT ------- */
#TwoColRight {
 float:left;
 width:496px;
 padding:0 21px 0 8px;
}
/* display hack's */ 
#TwoColRight {
  width:525px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:496px;	
}
html>body #TwoColRight {
  width:496px;
} 
#TwoColRight h1{
 background: #fff url("/images/blueLineDiag.gif") repeat-x 0 50%;
 border-bottom:solid #8f92b1 1px;
 margin:0;
 padding:0 0 1px 0;
 font-size:1.2em;
 color:#bc1a02;
 font-weight:normal;
 clear:left;
}
#TwoColRight h1 span{
 background:#fff;
 border:0;
 margin:0;
 padding:0 0.3em 0 0;
}

/* ----- MAIN PAGE NEWS ------------------ */
#news{
 width:100%;
 margin:.3em 0 1.4em 0;
 border:0;
 padding:0;
 font-size:.9em;
 background-color:#dee;
 float:left;
}

#news li{
 list-style:none;
 display:block;
 float:left;
 width:31%;
 margin:0;
 border:0;
 padding:.9em 1% 0 1%;
}

#news li h2{
 margin:0;
 border:0
 padding:0;
 font-size:1em;
 font-weight:bold;
}

/* ----- HEADLINES ------------------ */
#TwoColRight h2{
 margin:0;
 border:0
 padding:0;
 font-size:1.1em;
 color:#2d3473;
 font-weight:bold;
}
#TwoColRight a:link, #TwoColRight a:visited, #TwoColRight a:hover, #TwoColRight a:active {
 border-bottom:none;
 text-decoration:none;
 color:#2d3473;
}


/* ----- FOOTER ------------------ */
#TwoColEnd {
 clear: both;
 background:#f3f4f7 url('/images/pageBottom.gif') no-repeat;
 width:760px;
 height:11px;
	
}

#TwoColEnd hr {
 display:none;
}

#footer {
 color: #202020;
 font-size: 0.8em;
 clear: both;
 background:#f3f4f7 url('/images/pageFooter.jpg') repeat;
 padding: 2px 24px 2px 22px;
 height:1.7em;
}
#footer  p.copyright {
  display:inline;
  float:left;
  margin:0;
  color:#333;
  text-align:center;
  line-height:1.6em;
}
#footer p.emage {
  display:inline;
  float:right;
  margin:0;
  color:#333;
  text-align:center;
  line-height:1.6em;
}
#footer p.msn {
  display:none;
}

/* ----- TRAIL ------------------ */
#trail {
 width: 100%;
 padding:0;
 margin-bottom:.8em;
 text-align:right;
 font-size: .8em;
 background-color:#f1f1f5; 
}
#trail ul {
  margin-left: 0;
  padding-left: 0;
  display: inline;
  border: none;
} 
#trail ul li {
  margin-left: 0;
  padding-left: 2px;
  border: none;
  list-style: none;
  display: inline;
}

#trail a:link, #trail a:visited, #trail a:hover, #trail a:active {
 border-bottom:none;
 text-decoration:none;
}


/* ----- FILES & PICTURES ------------------ */
.file, .image {
 font-size: .9em;
 text-align:left;
}
.file h5, .image h5 {
 width:100%;
 border:0;
 margin:1.2em 0 0 0;
 padding:0;
 background-color:#f1f1f5; 
 font-size:1em;
}
.file dl {
 border:0;
 margin:0;
 padding:0;
}
.file dt {
 border:0;
 margin:0;
 padding:0;
}
.file dt a  {
 text-decoration: none;
 border-bottom:none;
}
.file dd {
 width: 100%;
 margin:0;
 padding:0;
 margin-bottom:0.6em;
}

.image div {
 margin:0.6em 0 0 0;
 width:240px;
 float:left;
 text-align:center;
}

/* ----- LEFT MENU ------------------ */
#leftMenu {
 width: 100%;
 padding:0;
 margin:0;
 border:0:
}

#leftMenu a:link, #leftMenu a:visited {
 border-bottom:none;
 text-decoration:none;
 color:#000;
}
#leftMenu a:hover, #leftMenu a:active, #leftMenu a:link.selected ,#leftMenu a:visited.selected {
 border-bottom:none;
 text-decoration:none;
 color:#bc1a02;
}

#leftMenu li {
 list-style: none;
 background: url("/images/dottedLine.gif") bottom center no-repeat;
 border:0;
 margin:0 0 3px 0;
 padding:0 0 8px 0;
 font-size:1.2em;
}
#leftMenu li a {
 background: url("/images/blueSquare.gif") no-repeat 0px 0.4em;
 border:0;
 margin:0;
 padding:0 0 0 .9em;
 display:block;
}

#leftMenu li ul{
 border:0;
 margin:0;
 padding:0;
}
#leftMenu li ul li{
 list-style: none;
 background: url("/images/dottedLine.gif") top center no-repeat;
 border:0;
 margin:3px 0 0 0;
 padding:8px 0 0 2em;
 font-size:.8em;
}
#leftMenu li ul li a {
 background: url("/images/greenSquare.gif") no-repeat 0px .6em;
 border:0;
 margin:0;
 padding:0 0 0 .9em;
 display:block;
}


/* navi - print, top, scena+ ------------------ */
p.navi {
 clear:both;
 font-size:.8em;
 width:100%;
 text-align:right;
 padding-top:1.4em;
 }
.navi a:link, .navi a:visited, .navi a:hover, .navi a:active {
 border-bottom:none;
 text-decoration:none;
 color:#2d3473;
}

.naviTop {
 background:url("/images/up.gif") no-repeat 0px 50%;
 border-width:0;
 padding:0 1em .4em 1.8em;
}

.naviPrint {
 background:url("/images/print.gif") no-repeat 0px 50%;
 border-width:0;
 padding:0 1em .4em 1.8em;
}

/* ----- EDITED  ------------------ */
h6.edited {
 margin:0;
 padding:.8em 0 0 0;
 border:0;
 font-size:.8em;
 font-weight:normal;
 clear:left;
}

/* ----- SERVICE MAP ------------------ */
#serviceMap {
  margin-left: 0;
  padding-left: 0;
  border: none;
} 
#serviceMap li {
  margin-left: 0;
  padding-left: 2px;
  border: none;
  list-style: none;
}

#serviceMap a:link, #serviceMap a:visited, #serviceMap a:hover, #serviceMap a:active {
 border-bottom:none;
 text-decoration:none;
}

/* ----- SEARCH RESULTS ------------------ */
#searchResults {
} 
#searchResults li {
 list-style-type:decimal;
}

#searchResults a:link, #searchResults a:visited, #searchResults a:hover, #searchResults a:active {
 border-bottom:none;
 text-decoration:none;
}

/* ----- PORADA ----- ------------------ */
#porada li {
 list-style-type:decimal;
 margin-bottom:2em;
}
#porada img{
 display:block;
 clear:both;
 margin: 0 auto;
} 

/* ----- MAPA BPO ----- ------------------ */
#mapaBPOtext {
 margin-top:360px;
}
#mapaBPO {
 position:absolute;
 top:165px;
 margin-left:65px;
}
#mapaBPO img {
 display:block;
}

/* ----- SERVICE MAP,LANGUAGE VERSIONS, SERACH  ------------------ */
#map {
 position:absolute;
 top:18px;
 margin:0;
 margin-left:544px;
 width:120px;
}
#map a:link, #map a:visited, #map a:hover, #map a:active {
 background: url('/images/redSquare.gif') no-repeat 0px 65%;
 border:0;
 margin:0;
 padding:0 0 0 12px;
 color:#6a82a3;
 font-size:.9em;
 font-weight:bold;
 text-decoration: none;
}

#language {
 position:absolute;
 top:49px;
 margin:0;
 margin-left:635px;
 width:120px;
}

#search{
 position:absolute;
 top:48px;
 margin:0;
 margin-left:210px;
 width:320px;
}
#search h2{
 background: url('/images/redSquare.gif') no-repeat 0px 65%;
 border:0;
 margin:0;
 padding:0 0 0 12px;
 font-size:.9em;
 font-weight:bold;
 display:inline;
}

#search form{
 display:inline;
 border:0;
 margin:0;
 padding:0;
 font-weight:normal;
}

#miniSearch {
 display:inline;
}

#searchbox {
 font-size:1em;
 width:115px; 
 border:1px solid #ccb; 
 margin: 0; 
 margin-left:4px; 
 margin-right:2px; 
}