:focus { -moz-outline-style: none; }

*{
margin: 0px;
padding: 0px;
font: 12px arial, verdana ;
}

body{
padding: 20px;
height: 102%;
color: #555555;
text-align: center;
}

div#cl{
	clear: both;
	}

div#contener{
	margin: 0 auto;	
	width: 950px;
	text-align: left;
	}

div#box-logo{
	float: left;
	}
	
div#box-logo a{
	background: transparent url('images/Poradnia-Dietetyczna-ESCA-smakuj-zdrowie.gif') no-repeat;
	text-indent:-2000em;
	overflow:hidden;
	display: block;
	height: 51px;
	width: 318px;
		}


/**********************
FORMULARZ GORNY ZOSTAW NUMER
**********************/
div#box-formularz{
padding-top: 10px;
	float: right;
	width: 220px;
	font-size: 9px;
	font-family: tahoma , arial;
	}
	
form input.inputEmail{
		background:url('images/input-middle.gif') repeat-x;
		border: none;
		float: left;
		height: 25px;
		padding: 5px;
		}
		
form input.submit-button {
		margin: 0px;
		border: 0px;
		background:url('images/submit-green.gif') no-repeat;
		height: 25px;
		width: 42px;
		}
		
form span.inputRight{
		background:url('images/input-right.gif') no-repeat;
		height: 25px;
		width: 20px;
		float:left;
		}
		
form span.inputLeft{
		background:url('images/input-left.gif') no-repeat;
		height: 25px;
		width: 10px;
		float:left;
		}
		
		
	
/**********************
MENU - NAWIGACJA GLOWNA
**********************/	
div#box-glowna-nawigacja{
	margin: 20px 0px;
	padding: 20px 0px 0px 0px;
	width: 950px;
	float: left;
	border-top: 2px solid #99cc33;
	
	}
	div#box-glowna-nawigacja ul{
		list-style: none;
		}
		div#box-glowna-nawigacja ul li{
			float: left;
			}
			div#box-glowna-nawigacja ul li a{
				display: block;
				overflow: hidden;
				line-height: 150px;
				height: 30px;
				}
	
				/* Oferta Indywidualna */
				li#ofertaIndywidualna a{ 
					background: transparent url(images/menu.gif) 0px 5px no-repeat;	width: 145px;}
				
				li#ofertaIndywidualna a:hover{
					background: transparent url(images/menu.gif) 0px -60px no-repeat; width: 145px;}
				
				 .navi-oferta-indywidualna li#ofertaIndywidualna a {
						background: transparent url(images/menu.gif) 0px -28px no-repeat; width: 145px;}	
					
				/* Oferta specjalna */
				li#ofertaSpecjalna a{ 
					background: transparent url(images/menu.gif) -148px 5px no-repeat;	width: 121px;}
						
					
				li#ofertaSpecjalna a:hover{
					background: transparent url(images/menu.gif) -148px -60px no-repeat; width: 121px;}
					
			.navi-oferta-specjalna li#ofertaSpecjalna a{
				background: transparent url(images/menu.gif) -148px -28px no-repeat; width: 121px;}	

	/* Oferta dla firm */
				li#ofertadlafirm a{ 
					background: transparent url(images/menu.gif) -270px 5px no-repeat;	width: 105px;}
						
						li#ofertadlafirm a:hover{
					background: transparent url(images/menu.gif) -270px -60px no-repeat; width: 105px;}
						
				.navi-oferta-dla-firm li#ofertadlafirm a{
				background: transparent url(images/menu.gif) -270px -28px no-repeat; width: 105px;}
				
				
					
					/*  partnerzy  */
				li#partnerzy a{ 
					background: transparent url(images/menu.gif) -373px 5px no-repeat;	width: 67px;}
						
				
				li#partnerzy a:hover{
					background: transparent url(images/menu.gif) -373px -60px no-repeat; width: 67px;}
					
				.navi-partnerzy li#partnerzy a{
				background: transparent url(images/menu.gif) -373px -28px no-repeat; width: 67px;}
					
					/*  aktualnosci  */
				li#aktualnosci a{ 
					background: transparent url(images/menu.gif) -440px 5px no-repeat;	width: 88px;}
				
				li#aktualnosci a:hover{
					background: transparent url(images/menu.gif) -440px -60px no-repeat; width: 88px;}
					
				.navi-aktualnosci li#aktualnosci a{
				background: transparent url(images/menu.gif) -440px -28px no-repeat; width: 88px;}
					
					/*  Oporadni  */
				li#Oporadni a{ 
					background: transparent url(images/menu.gif) -528px 5px no-repeat;	width: 73px;}
						
				
				
				li#Oporadni a:hover{
					background: transparent url(images/menu.gif) -528px -60px no-repeat; width: 73px;}
					
				.navi-o-poradni li#Oporadni a{
				background: transparent url(images/menu.gif) -528px -28px no-repeat; width: 73px;}
					
					/*  Kontakt  */
				li#Kontakt a{ 
					background: transparent url(images/menu.gif) -600px 5px no-repeat;	width: 58px;}
						
		
				
				li#Kontakt a:hover{
					background: transparent url(images/menu.gif) -600px -60px no-repeat; width: 58px;}
					
				.navi-kontakt li#Kontakt a{
				background: transparent url(images/menu.gif) -600px -28px no-repeat; width: 58px;}
					
				#spacer{
				width:45px;
				display:block;
				border:1px white solid;
				}
				
/*********************************
SUB NAWIGACJA - RAMKA
**********************************/

div#subnavigacja {
	width: 100%;
	float: left;
	margin: 0px 0px 20px 0px;
	}
	div#subnavigacja ul {
		list-style: none;		
		display: inline;
		}
		div#subnavigacja ul li{
			display: inline;
			}
			div#subnavigacja ul li a{
				background: url('images/listek.gif') no-repeat 0px 2px;
				padding: 0px 40px 0px 30px;
				text-decoration: none;
				color: #cc3366;
				}
				div#subnavigacja ul li a:hover{
					background: url('images/listek.gif') no-repeat 0px -12px;
					color: #77aa11;
					}
					
				
							

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

div#box-lewy{
	float: left;
	width: 300px;
	background: #777777;
	}
	
		LEWA NAWIGACJA ROZWIJANA

		div.menu{
			padding: 10px;
			}

		div.menu ul.rozwijanie li a{
			padding: 10px 5px;
			text-decoration: none;
			display: block;
			}

		div.menu ul.rozwijanie li a:hover{
			background: red;
			}
			
		div.menu ul.rozwijanie{
			display: none;
			color: yellow;
			padding: 0px 0px 0px 20px;
			}

		div.menu:hover ul{
				margin: 0px 0px 0px -20px;
				display: block;
				list-style: none;
				}
				
**********************/	
div#box-content{

	float:left;
	width: 950px;
	overflow:hidden;
	}

	/* strona glowna */
	div#box-content.main-page{
		height: 529px;
		background: url('images/maingfx.jpg') no-repeat;
		}
		
		div#box-content div#baner-glowny-esca {
		text-align: center;
		width: 100%;
		height: 350px;
		margin: 20px 0px 50px 0px;
		}
		
		div#box-content.main-page div#claim-esca {
			color: white;
			width: 500px;
			float: left;
			margin: 20px 30px;
			
			}
			
		div#box-content.main-page div#zadzwon-umow-sie {
			background: transparent url('images/Zadzwon-i-umow-sie-na-wizyte.gif') no-repeat 40px 22px;
			width:300px;
			height:80px;
			text-indent: -3000px;
			overflow:hidden;
			}
			
			
	/* OFERTA INDYWIDUALNA */
	div#box-content.oferta-indywidualna {
		height: 529px;
		background: url('images/oferta-indywidualna.jpg') no-repeat;
		}

		div#lewy-text-box {
			background: white;
			opacity: .85; 	/* opacity FFox */
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";	/* opacity IE */
			filter: alpha(opacity=85);	/* opacity IE */					
			width: 600px;
			margin: 50px 0px 0px 0px;
			padding: 20px;
			text-align: justify;
			}
			div#lewy-text-box ul{
				padding: 0px 0px 0px 30px;
				}
			 div.content-one h2 {
				font-size: 3em;
				font-weight: 100;
				color: #cc3366; /* magenta */
				}
				
			div.content-one h3 {
				font-size: 1.3em;
				font-weight: 600;
				margin: 10px 0px;
				line-height: 20px;
				color: #77aa11; /* green */
				}
				
			 div.content-one p {
				font-size: 1.2em;
				font-weight: 100;
				margin: 10px 0px;
				line-height: 20px;
				color: #555555; /* GREY */
				}
				
				div#zobacz-tez {
				border-top: 2px solid #99cc33;
				background: white;
			opacity: .85; 	/* opacity FFox */
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";	/* opacity IE */
			filter: alpha(opacity=85);	/* opacity IE */					
				width: 100%;
				margin: 0px 0px 20px 0px;
				padding: 20px;
					}
					div#zobacz-tez ul {
						background: url('images/zobacz-tez.gif') no-repeat;
						padding: 0px 0px 0px 100px;
						}

						div#zobacz-tez ul li{
							list-style: none;
							display: inline;
							padding: 0px 15px;
							}
							div#zobacz-tez ul li a{
								font-size:  0.9em;
								color: #000000;
								}
								div#zobacz-tez ul li a:hover{
									text-decoration: none;
									}


	/* O PORADNI */		
		div#box-content.o-poradni{
			background: url('images/o-poradni_03.jpg');
			}
			div#box-content.o-poradni div#prawy-text-box.content-one {
				background: #fff;
				margin: 30px 0px ;
				padding: 20px;
				width: 480px;
				}
		
	/* OFERTA INDYWIDUALNA */		
		div#box-content.oferta-indywidualna-dla-nakmlodszych {
		height: 529px;
		background: url('images/dla-najmlodszych.jpg') no-repeat;
		}
		
		div#prawy-text-box {
			float:right;
			background: white;
			opacity: .85; 	/* opacity FFox */
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";	/* opacity IE */
			filter: alpha(opacity=85);	/* opacity IE */					
			width: 600px;
			margin: 50px 0px 0px 0px;
			padding: 20px;
			text-align: justify;
			}
			div#prawy-text-box ul{
				padding: 0px 0px 0px 30px;
				}
	/* OFERTA DLA OSOB CHORYCH */		
		div#box-content.oferta-indywidualna-dla-osob-chorych {
		height: 529px;
		background: url('images/dla-osob-chorych.jpg') no-repeat;
		}		
		
	/* OFERTA DLA OSOB CHORYCH */		
		div#box-content.oferta-indywidualna-dla-kobiet-w-ciazy {
		height: 529px;
		background: url('images/oferta-dla-ciezarnych.jpg') no-repeat;
		}			
	
	/* OFERTA DLA FIRM */		
		div#box-content.oferta-dla-firm {
		height: 500px;
		background: url('images/oferta-dla-firm.jpg') no-repeat;
		}		
		
		
	/* OFERTA SPECJALNA --> E-Dietetyk */		
		div#box-content.e-dietetyk{		
			background: url('images/e-dietetyk.jpg') no-repeat;
			height: 550px;
			}	
			div#box-content.e-dietetyk div#prawy-text-box.content-one {	
				margin: 150px 0px 0px 0px;
				}
				
				/* SUB NAWIGACJA E-DIETETYKA 	*/
			div#box-content.e-dietetyk div#zobacz-tez.left-zobacz-tez {
				margin: 50px 0px;
				}
				
			
	
	/* PARTNERZY */
	#box-partner{
		padding: 20px;
		margin: 10px;
		text-align: justify;
		}
		#box-partner a{
			line-height: 30px;
			text-decoration: none;			
			font-weight: bolder;
			color: #666;
			}
		
		#box-partner p{
			line-height: 22px;
			}
				
		#box-partner img {
			float: left;
			border: 0px;
			padding: 0px 30px 0px 0px;
			}
		#box-partner h4{
			font-size: 22px;
			color: #cc3366;
			}
	
	
	/* AKTUALNOSCI	*/	

	#box-aktualnosc {
		background: #e9e9e9;
		padding: 20px;
		margin: 10px 0px;
		width: 900px;
		border: 3px solid #e9e9e9;
		}
		#box-aktualnosc p{
			line-height: 20px;	
			padding: 2px 0px;
			font-size: 14px;
			}
			#box-aktualnosc:hover{
				background: #f5f5f5;
				color: black;
				border: 3px solid #eee;
				}
				
			#box-aktualnosc h1{
				font-size: 24px;
				}
/**********************
PRAWA KOLUMNA

div#box-prawy{
	float:left;
	width: 200px;
	background: #999999;
	}
**********************/		


/**********************
AKTUALNOSCI
**********************/	
div#box-news{
	font-size: 11px;
	float: left;
	width: 350px;
	background: url('images/aktualnosci-green.gif') no-repeat;
	overflow:hidden;
	padding: 20px 0px 0px 0px;
	margin: 20px 0px 10px 0px;
	}
	div#box-news h2{
		font-weight: bolder;
		line-height: 18px;
		}
	div#box-news a{
		font-size:11px;
		text-decoration: none;
		color: #444;
		line-height: 18px;
		}
		div#box-news a:hover{
			color: #000;
			}
/**********************
ZADAJ PYTANIE DUZA FORMATKA
**********************/		
div#box-zadaj-pytanie{
	float: left;
	width: 300px;
	background: url('images/zadaj-pytanie-green.gif') no-repeat;
	overflow:hidden;
	padding: 20px 0px 0px 5px;
	margin: 20px 0px 10px 40px;
	}
	div#box-zadaj-pytanie h4{
		font-size: 10px;
		font-family: tahoma , arial;
		}
	
form span.LargeinputLeft{
	background: url('images/large-input-left.gif') no-repeat;
	height: 63px;
	width: 13px;
	float: left;
	}
	
form span.LargeinputRight{
	background: url('images/large-input-right.gif') no-repeat;
	height: 63px;
	width: 20px;
	float: left;
	}
	
form textarea {
	background: url('images/large-input-middle.gif') repeat-x;
	border: 0px; 
	height: 63px;
	float: left;
	width:245px;
	padding-top: 5px;
	OverFlow:auto;
	}	

/**********************
wspolpracujemy z BANER
**********************/	

div#wspolpracujemy-z{
	float: right;
	width: 210px;
	height: 100px;
	background: url('images/wspolpraca-green.gif') no-repeat;
	overflow:hidden;
	padding: 20px 0px 0px 0px;
	margin: 20px 0px 10px 10px;
	}
	
	
/**********************
STOPKA - FOOTER
**********************/			
div#footer {
	width: 900px;
	float: left;
	text-align: center;
	margin: 20px 0px 0px 0px;
	font-size: 9px;
	}
	div#footer  a{
		text-align: right;
		position: relative;
		margin: 20px;
		font-size: 9px;
		text-decoration: none;
		color: #666;
		text-align: center;
		margin: 10px 0px;
		display: block;
		}
		div#footer  a:hover {
			color: #000;
			text-decoration: underline;
			}
		
/************************
	WSPOLPRACUJEMY Z SLIDER
************************/
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:300px;
		height:100px;
		overflow:hidden; 
		}	
		
div#slider img {
border: 0px;
}		
		
	
/* // Easy Slider */

#thanksform {
	float: left;
	margin: 100px 0px 100px 200px;
	}
	#thanksform h2 {
		font-weight: lighter;
		font-size: 26px;
		color: #cc3366;
		}
	#thanksform h3 {
		font-weight: lighter;
		font-size: 20px;
		color: #77aa11;
		}