/*Resetujemy ustawienia przeglądarki*/
* 
{
padding: 0;
margin: 0;
border: 0;

}
body, html {
color: #000; 
font-family: Verdana, Arial, Tahoma, sans-serif;
height: 100%;
text-align: center; /*** Centrowanie strony w starych IE ***/
}
body {
	font-size: 70%;
	background-image: url(../img/bg_strglowna_niebieski.jpg);
	background-repeat: repeat-x;
	background-position: 0px 120px;;

	
}
p {padding: 6px 0 6px 0;}

a {
color: #777777;
outline: none;
text-decoration: none;
}
a:hover{
color: #BCBCBC;
text-decoration: none;
}

h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a, #header h2{
color: #fff;
}
.clear { clear: both; }

.picleft {
position:relative;
float:left;
padding-left:0px;
padding-right:10px;
padding-bottom:5px;
}


#mainContainer {

width: 820px;
   min-height: 100%;
     height: auto !important;  
      margin: 0 auto -96px;
background: #FFFFFF;
text-align: left; /*** wracamy do ustawienia align left ***/
}
* html #mainContainer {
 height: 100%; /*** IE nie parsuje min-height, dlatego ustawiamy dodatkowo tą wartość ***/
}
/**************************
HEADER
**************************/
#top {

height:120px;
margin-top:-25px;
position:relative;
top:48px;
width:820px;
z-index:1;

}
#top a:link, a:visited {
text-decoration: none;
color: #777777;

}

#top a {

color: #777777;
}

#top a:hover {
	color: #E12E30;
	font-weight: normal;
}


#top a:active {
		color: #E12E30;

	font-weight: bold;

}

body#sitemap a#sit,
body#careers a#car

{
	color: #E12E30;
	font-weight: bold;
	
	}


#header {
	padding: 0px 10px 0px;
	height: 237px;
	width:800px;
	background: url(../img/bg_strglowna_niebieski.jpg) repeat-x;
}

#mainfooter {
background:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	padding: 20px 12px 15px;

}
#menu {
	position:relative;
	z-index: 2;
	background: url(../img/menu_standard.png) repeat-x;

}
#menu  a:link{ text-decoration:none;color:white; }
#menu  a:hover { text-decoration:none;color:white; }
#menu  a:visited { text-decoration:none;color:white; }


#rightmenu {

bottom:100px;
color:#777777;
float:right;
position:absolute;
right:2px;
z-index:2;


}


#headerbox {
position: absolute;
	left: 62%;
	top: 100px;
	z-index: 1;
	margin:0px;
	padding:0px;



}


#contentbox {

height:42px;
width:535px;
background: url(../img/content_header_bg_06.jpg) repeat-x;
padding-top: 0px;
padding-right: 8px;
padding-bottom: 0px;
padding-left: 0px;font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
color: #FFFFFF;


}

.m_button  {
	float:right;
	background: #79A3E1;
	
	background-image: url(../img/menu_standard.png);
	height: 19px;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-top: 5px;
	padding-left: 13px;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	
}
/**************************
CONTENT i KOLUMNY
**************************/
.outer {
padding-left: 165px;  
}
* html .outer {
/*** Tu nie musimy hackować IE ***/
}
.inner {
width: 595px; /*** Mozilla tego wymaga, ale uwaga na IE 7 - przy zbyt dużej wartości powstaje scroll horyzontalny ***/
}
* html .inner {
width: 100%;
}
/*** Wymagane dla prawidłowego wyświetlania w IE
***/
.float-wrap {
float: left;
width: 820px;
margin-left: -165px; /*** Ta sama wartość co .outer padding-left ale ujemna ***/
}
* html .float-wrap {
/*** Nie musimy hackować IE ***/
}
#content {
float: right;
width: 543px;
background: #fff;
text-align: justify;
}

#content a  {
	color: #DF5451;
	outline: none;
	font-weight: bold;

}

#content ul {
list-style-image: url(../img/bullet.png);
}

* html #content {
position: relative; /*** IE wymaga tego ustawienia  ***/
}
.contentWrap{
	padding-top: 8px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #F6F6EA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}


.contentWrap2 {
	padding: 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	background-color: #F6F6EA;
	height:356px;
	text-align: center;
	
}
.contentWrap2 ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap2 li {
padding-bottom: 2px;
}



.contentWrap2 div.img
{
	height: auto;
	width: 162px;
	float: left;
	text-align: center;
	padding-top:8px;
	padding-bottom: 10px;
	padding-left:8px;
	padding-right:8px;
	position:relative;
	left:4px;
	background: #FFFFFF;
}
.contentWrap2 div.img img
{
display: inline;

border: 1px solid #ffffff;
}
.contentWrap2 div.img a:hover img {border: 1px solid #E33638;}
.contentWrap2 div.desc
{
	text-align: center;
	width: 165px;
	margin: 2px;
	font: normal 14px Arial, Helvetica, sans-serif;
}
#contentWrap2 div.jk
{
float:left;
}


#contentWrap2  a {

text-decoration: none;
	font-weight: normal;
	color: #909090;

}

#contentWrap2 a:link {
text-decoration: normal;
		font-weight: normal;
	color: #909090;

}

#contentWrap2 a:visited {

text-decoration: normal;
	font-weight: normal;
	color: #909090;

}


#contentWrap2 a:hover {
		color: #E12E30;
		font-weight: normal;
}


#contentWrap2 a:active {
    color: #E12E30;
	font-weight: bold;


}




.contentWrap3{
	padding: 12px;
	background-color: #F6F6EA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
}
.contentWrap3 ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap3 li {
padding-bottom: 2px;
}



.CWrap2Header {
    margin-top: 12px;
	padding: 0px;
	background-color: #F6F6EA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
}







/**************************
LEWA KOLUMNA
**************************/

#left {
	float: left;
	width: 250px;
	min-height: 250px;
	padding: 0px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
* html #left {
position: relative; /*** IE wymaga tego ustawienia ***/
height: 250px;
}

#left a {

color: #BCBCBC;
	font-weight: normal;

}


#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
    height:20px;
	padding-bottom: 10px;
	font-size: 16px;
	color: #909090;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2F2F2;
	padding-top: 10px;
}


#left h3 {
	font-size: 19px;
	color: #777777;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F2F2F2;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#left a:link, a:visited {
text-decoration: none;
color: #909090;

}


#left a:hover {
		color: #E12E30;
	font-weight: normal;
}


#left a:active {
	color: #E12E30;
	font-weight: bold;

}
/*************************
RIGHT COLUMN
**************************/
#right {
margin: -250px 0 0 -820px; /*** Prawa kolumna na górę strony ***/
float: left; 
width: 810px;
background: #FFFFFF;
padding: 5px;
height: 101px;
}
#right2 {
margin: -70px 0 0 -760px;
float: right; 
width: 750px;
background: #cfc;
padding: 5px;
height: 40px;
}
* html #right {
position: relative; /*** Wymagane przez IE ***/
margin-top: -125px; /***IE trochę inaczej odczytuje wartości padding, więc musimy użyć tego ustawienia ***/
}
#right ul {
float: right;
list-style: none;
}
#right li {
display: inline; /*** Wyrównanie horyzontalne ***/
padding-right: 15px;
}
/**************************
FOOTER
**************************/
#footer {
	width: auto;
	height:124px;
	margin: 0 auto; /*** Oddzielnie centrujemy footer, bo jest poza głownym szkieletem ***/
	text-align: center;
	background: #081a45;
	color: #FFFFFF;

}
#foot a:link, a:visited {
text-decoration: none;
color: #FFFFFF;

}


#foot a:hover {
	color: #BCBCBC;
	font-weight: normal;
}


#foot a:active {
	color: #BCBCBC;
	font-weight: bold;

}


#footerbox {

width:820px;
text-align: left;
margin: 0 auto;
background: #081a45;
}

#footertext {

float:left;
padding-top:30px;
padding-left:20px;
width:515px;
line-height: 1.4;
color: #FFFFFF;

}


#news {
	width:229px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	text-align: justify;
	margin-top: 10px;
    position:relative;
    top:-14px;
}

#news .bullet {
	padding: 0px 5px 1px 3px;
}

#news a {

text-decoration: none;
	font-weight: bold;
	color: #E33638;

}

#news a:link {
text-decoration: none;
	font-weight: bold;
	color: #E33638;

}

#news a:visited {

text-decoration: none;
	font-weight: bold;
	color: #E33638;

}


#news a:hover {
		color: #E95F5F;
		font-weight: bold;
}


#news a:active {
	color: #E33638;
	font-weight: bold;

}


#news2 {
	width:229px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	text-align: justify;
	margin-top: 10px;
}

#news2 .bullet {
	padding: 0px 5px 1px 3px;
}

#news2 a {

text-decoration: none;
	font-weight: bold;
	color: #E33638;

}

#news2 a:link {
text-decoration: none;
	font-weight: bold;
	color: #E33638;

}

#news2 a:visited {

text-decoration: none;
	font-weight: bold;
	color: #E33638;

}


#news2 a:hover {
		color: #E95F5F;
		font-weight: bold;
}


#news2 a:active {
	color: #E33638;
	font-weight: bold;

}

.spacer {

height:10px;

}

#newsdate {

background-color:#F6F6EA;
padding:5px;

}


.newsheader {
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #F2F2F2

}

 .push {
       height: 108px;

   }
   
  .foot {
       height: 124px;
	   text-align: center;
	
	color: #FFFFFF;
   }