/*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_main_03.jpg);
	background-repeat: repeat-x;
	background-position: 0px 120px;;

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

a {
color: #777777;
outline: none;
text-decoration: none;
}
a:hover{
color:#979797;
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;
}

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


.picright {
position:relative;
float:right;
padding-left:20px;
padding-right:0px;
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 {

width:820px;height:120px;
margin-top: -25px;position:relative;top:48px;
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;

}


#header {
	padding: 0px 10px 0px;
	height: 129px;
	width:800px;
	border-bottom: 3px solid #1E5BAE;
	background: url(../img/bg_main_03.jpg) repeat-x;
}

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

}
#menu {
position:relative;
z-index: 2;

}
#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: 61%;
	top: 120px;
	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  ***/
height: 500px;
}
.contentWrap{
	padding: 12px;
	background-color: #F6F6EA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	min-height:290px; 
    height:auto;
	
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}
/**************************
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:#979797;
	font-weight: normal;

}


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


#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:#979797;

}


#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;
	
	color: #FFFFFF;

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

}


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


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

}

#footerbox {

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

}

#footertext {

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

}

body#home a#homenav,
body#products a#prodnav,
body#faq a#faqnav,
body#milk_powders a#milkp,
body#milk_proteins a#milkpro,
body#fat_filled a#fatfill,
body#contract_man a#contractm,
body#tailored_made a#tailoredm,
body#quality a#quali,
body#innovation a#innov,
body#service_flex a#servicef,

body#dairy a#dair,
body#confectionery a#confection,
body#bakery a#bake,
body#ice_cream a#icecr,
body#direct_consumption a#directcons,
body#others a#oth,


body#partners a#partn,
body#market_expansion a#marketexp,
body#exhibitons a#exhibit,
body#conferences a#conf,
body#awards a#award,
body#careers a#car,


body#profile a#profi,
body#vision a#vis,
body#coreval a#cor,
body#instant a#inst,




body#contact a#connav {
	color: #E12E30;
	font-weight: bold;
}

body#sitemap a#sit,
body#lnote a#lnot
{
	color: #E12E30;
	font-weight: bold;
	
	}

   .push {
       height: 124px;

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