body {
	text-align: center; font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px; color: #6F6F6F; line-height: 15px; margin:0; padding:0;
	background:  url(../images/opt/bg.jpg) repeat left top;
}

a {text-decoration: none; color: #000036; font-weight: normal; text-decoration: none}
a:hover {color: #000036; text-decoration: none}
/*td, table, div, img, form, input, textarea {*/
td, table, div, form, input, textarea {
	border:none; padding:0px; margin:0px; font-size:11px; color:#336699;
}

h1,h2,h3,h4,h5{margin: 0; padding: 0}

.center {
	width:801px; text-align: left; margin-left: auto; margin-right: auto; left:100%; right:100%;
	border: none;
	
}

.hide {display: none;}
.clear {clear:both;}
.left{float: left; display: inline}
.right{float: right; display: inline}


.form{border: solid 1px #990000; width:250px;}
.baton{font-size:8pt; background:#000000; border: solid 1px #990000;  font-family: Tahoma, Verdana, Arial; }
.kontakt{ float:right; margin-right:80px; margin-top:-210px;}
.kontakt_dane{width:100px; display:block;}
.banki{margin-left:3px;}
.imgfolio{margin-left:15px; border:1px solid #C10000;}

/* OVER TOP */

#topover{padding-top: 0px}
#topover div{float: right; width: 801px; height:29px; background:#fff; }
#topover ul{list-style-type: none; margin: 0; padding: 0}	
#topover ul li{float: right; }
#topover ul li a{text-indent: -9999px; height: 29px; display: block; overflow: hidden; background:#fff; } 
	#t1{background:    url(../images/opt/email.jpg) no-repeat; width: 30px;}
	#t2{background:    url(../images/opt/home.jpg) no-repeat; width: 31px;}
#topover h1{font-size: 11px; color:#cccccc; float: left; vertical-align:middle; padding-top:7px; background:#fff; height:29px; width:600px;}
#topover h1 a{font-size: 11px; color:#cccccc; }
#topover h1 a:hover{font-size: 12px; color:#AA2425; }

/* TOP */

#top {padding-top: 0px; padding-bottom:0px; margin:0px}
#top div{float: right; width: 801px; height:223px; margin-bottom:0px;}

		
/* TOP MENU */ 

#menu{float:right; clear: both; margin:0px; margin-bottom:-34px;}
#menu ul{float:right; list-style-type: none; margin: 0; padding: 0; height: 14px; }	
#menu ul li{float:right; margin-top: 0px; margin-bottom:0px; height: 14px;}
#menu ul li a,
#menu ul li div{padding-top:20px; height: 14px; text-align:center; display: block; border-right: 0px solid #fff; overflow: hidden; color: white;}

	#mm4{background:    url(../images/opt/1top.jpg) no-repeat; width: 131px; width:85px; padding-left:46px;}	
	#mm3{background:    url(../images/opt/2top_menu.jpg) no-repeat; width: 84px;}	
	#mm2{background:    url(../images/opt/3top_menu.jpg) no-repeat; width:  85px;}	
	#mm1{background:    url(../images/opt/flagi.jpg) no-repeat; width: 103px;}

		
	#mm4:hover{background:    url(../images/opt/1top.jpg) no-repeat 0 -34px;  width:85px; padding-left:46px; color: #336699;}	
	#mm3:hover{background:    url(../images/opt/2top_menu.jpg) no-repeat  0 -34px; color: #336699;}	
	#mm2:hover{background:    url(../images/opt/3top_menu.jpg) no-repeat   0 -34px; color: #336699;}	
	#mm1:hover{background:    url(../images/opt/flagi.jpg) no-repeat 0 0px; color: #336699;}

.topMenuItem a {
	font-family: Arial; 
	font-size: 12px;
	font-weight: bolder;
	color: #145699;
	height:20px;
	padding-top:0px;
	padding-left:5px;
}

.topMenuItem a:hover {
	font-family: Arial; 
	font-size: 12px;
	font-weight: bolder;
	color:#666666;
}

.schowaj {
	font-family: Tahoma, Arial, Verdana, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	color:#876;
}

/*menu cont*/

#menucont{clear: both; margin:0px; }
#menucont ul{list-style-type: none; margin: 0; padding: 0; height: 39px; width:801px;}	
#menucont ul li{float: left; margin-top: 0px; margin-bottom:0px; height: 39px;}
#menucont ul li a{text-indent: -9999px; height: 39px; display: block; border-right: 0px solid #fff; overflow: hidden}

	#m1{background:    url(../images/opt/onas.jpg) no-repeat; width: 208px;}	
	#m2{background:    url(../images/opt/kosmetyka.jpg) no-repeat; width: 191px;}	
	#m3{background:    url(../images/opt/optyka.jpg) no-repeat; width:  191px;}	
	#m4{background:    url(../images/opt/odziez.jpg) no-repeat; width: 211px;}
		
	#m1:hover{background:    url(../images/opt/onas.jpg) no-repeat 0 -39px;}	
	#m2:hover{background:    url(../images/opt/kosmetyka.jpg) no-repeat  0 -39px;}	
	#m3:hover{background:    url(../images/opt/optyka.jpg) no-repeat   0 -39px;}	
	#m4:hover{background:    url(../images/opt/odziez.jpg) no-repeat 0 -39px;}

/*menu contfoto*/

#menucontfoto{clear: both; margin:0px; background: url(../images/opt/bg_lewy.jpg) 0 0 repeat-y; }
#menucontfoto ul{list-style-type: none; margin: 0; padding: 0; height: 77px; width:801px;}	
#menucontfoto ul li{float: left; margin-top: 0px; margin-bottom:0px; height: 77px;}
#menucontfoto ul li a{text-indent: -9999px; height: 77px; display: block; border-right: 0px solid #fff; overflow: hidden}

	#m5{ width: 208px; }	
	#m6{ width: 191px; }	
	#m7{ width:  191px; }	
	#m8{ width: 191px; }

	
/* MENU STYLE */

/* To zmienia wyglad elementow */

#menu ul li ul li a {text-indent: 0;  font-size: 11px; font-weight:bold; background: #f0f0f0;  border: 1px solid #ccc; color:#666666; padding-left:5px;}
#menu ul li ul li a:hover {text-indent: 0;  font-size: 11px; font-weight:bold; background: white  url(../images/opt/st_menu_roll.jpg) no-repeat  140px 4px;  border: 1px solid #ccc; color:#9B0000; padding-left:5px;}
#menu ul li ul li {width: 160px; height: 20px; overflow: hidden;}


/* To robi efekt */

#nav li ul {
	display: block; 
	
}

#nav li {
	float: left;
	position: relative;
}

#nav li > ul {
	top: auto;
	left: auto;
}

#nav li.over { z-index: 1000; display: block; position: absolute; width: 140px; background: red; }

/* CONTENT */
#content {background: url(../images/opt/bg_content.jpg) 0 0 no-repeat; width:801px; display:block; }
#fototop {background: url(../images/opt/left_top_foto.jpg) 0 0 no-repeat; width:399px; height:251px;}
#foto {margin-top:-221px; margin-left:22px; width:371px; height:221px;}
#logo {float:right; background: url(../images/opt/logotyp.jpg) 0 0 no-repeat; width:402px; height:217px; margin-top:-217px;}
.center #fototop .place { width:371px; height:221px; }
.center #fototop .object { width:371px; height:221px;}

.center #fototop .top_text {
	width:200px; 
	height:50px; 
	position:absolute;
	top:200px; 
	left:100px; 
	text-align:center; 
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size: 16px; 
	color:#666666;
}

.center #fototop .foto {
	width:371px; 
	height:201px; 
	position:absolute;
	top:30px;
	left:22px;
	width:371px;
}

		
/* LEWA */

	#lewa{width: 801px; min-height:350px; margin-left:0px; padding-left:0px; padding-top:0px; background: url(../images/opt/bg_lewy.jpg) 0 0 repeat-y; background-color:#ccc; }
	#lewa h4{ float: left; width:200px; height:25px; padding-left:39px; margin-top:20px; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 16px;}
	#lewa p {font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; color:#666666; padding-left:40px; margin-bottom:0; }
	#lewa .path {margin-left:39px; padding-top:3px; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; color:#336699;}
	#lewa a {font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; color:#666666;}
	#lewa span {font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; color:#666666;}
	#lewa .text {width: 520px;}
	#lewa .text2 { width:780px; }
	
/* MENU PRAWE */

	#prawe_menu{float:right; width: 231px; height:309px; margin:0px; padding-right:20px; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 8px; color:#ccc; }
	#prawe_menu_search { height: 100px; background: url(../images/opt/bg_prawy_search.jpg) 0 0 no-repeat; }
	#prawe_menu_newsletter { height: 100px; background: url(../images/opt/bg_prawy_newsletter.jpg) 0 0 no-repeat; display: none; }
	#prawe_menu_bottom { height: 109px; background: url(../images/opt/bg_prawy_bottom.jpg) 0 0 no-repeat; display: none; }
	#search {float:right;padding-top:100px; margin-top:-15px; }	
	#signin {padding-top:75px; padding-left:20px;}
	#signout {float:right; margin-top:-15px; }

#search_form{margin-top:-44px; margin-left:23px;}
#newsletter_form{margin-top:-54px; margin-left:23px;}
	
	
/* FOOTER */

#footer {float: left; padding-left:18px; padding-right:5px; background: url(../images/opt/footer_bg.jpg) 0 0 no-repeat; width:801px; height:93px; }
#footer .center {margin-top: 0px;}
#footer p {margin: 0; padding: 0;}
#footer ul{margin-left:18px; margin-top:0px; list-style-type: none;  padding: 0; height: 75px; width:801px;}	
#footer ul li{float: left; margin-top: 0px; margin-bottom:0px; height: 75px;}
#footer ul li a{text-indent: -9999px; height: 75px; display: block; border-right: 0px solid #fff; overflow: hidden}

	#l1{background:    url(../images/opt/logo1.jpg) no-repeat; width: 84px;}	
	#l2{background:    url(../images/opt/logo2.jpg) no-repeat; width: 106px;}	
	#l3{background:    url(../images/opt/logo3.jpg) no-repeat; width:  88px;}	
	#l4{background:    url(../images/opt/logo4.jpg) no-repeat; width: 69px;}
	#l5{background:    url(../images/opt/logo5.jpg) no-repeat; width: 87px;}	
	#l6{background:    url(../images/opt/logo6.jpg) no-repeat; width: 79px;}	
	#l7{background:    url(../images/opt/logo7.jpg) no-repeat; width:  98px;}	
	#l8{background:    url(../images/opt/logo8.jpg) no-repeat; width: 56px;}
	#l9{background:    url(../images/opt/logo9.jpg) no-repeat; width:  44px;}	
	#l10{background:    url(../images/opt/logo10.jpg) no-repeat; width: 54px;}


/*BANNER*/
#banner{width:468px; height:60px;}




