/* CSS Document */

body {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif;font-size: 10px;color:#999999;margin:0;padding:0;background:#FFFFFF;}

input, textarea {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif;font-size: 11px;color:#4C4C4C;margin:0;padding:0;}

img {padding:0px;margin:0px;border: 0px none;}
a {color:#8BAB22; text-decoration:none;}
a:hover {color:#CFCFD9;}

a.g1 {color:#999999;}
a.g1:hover {color:#999999; text-decoration:underline;}

ul {padding:0px; margin:15px 5px 5px 20px;}
li {padding:3px;}
.textline { line-height:130%;}

#container {margin:0 auto;}
#content {width:780px; padding:10px 20px 20px 20px;}
#top {margin:0 auto;background:#FFFFFF;text-align:left;}
#logo {margin:0 auto; padding:0 ;height:80px;background:#D5D5DF;text-align:left; position:relative;}
#menu2 {position:absolute; height:24px; width:177px; top:59px; left:612px;}
#menu {margin:0 auto; padding:0 0 0 35px; height:23px;background:#000000 url(gfx/bg_menu.gif) top repeat-x; text-align:left;}

/* MENU TOP */
#menutop {padding:1px 0 0 0;}
#menutop ul {margin:0px; padding:0px; height:22px;}
#menutop ul li {list-style:none; display:inline;}

/* MENU TOP */

#menutop ul {
	        margin:0px;
			padding:0px;
			height:20px;
			list-style-type: none;
		}
#menutop ul li {
			margin: 0; padding: 0;
			list-style:none; 
			display:inline;
			float:left;
}

#menutop ul li a {
			display: block;
			height: 20px;
			}
				
#menutop ul li#news_link a:hover {width: 48px; background: url(/gfx/menutop/link1.gif) 0px -21px no-repeat;}
menutop ul li#news_link {width: 48px;} /* safari */
#menutop ul li#news_link a {width: 48px; background: url(/gfx/menutop/link1.gif) 0px 0 no-repeat;}
menutop ul li#news_link {width: 48px;} /* safari */

#menutop ul li#onas_link a:hover {width: 48px; background: url(/gfx/menutop/link2.gif) 0px -21px no-repeat;}
menutop ul li#onas_link {width: 48px;} /* safari */
#menutop ul li#onas_link a {width: 48px; background: url(/gfx/menutop/link2.gif) 0px 0 no-repeat;}
menutop ul li#onas_link {width: 48px;} /* safari */

#menutop ul li#portfolio_link a:hover {width: 67px; background: url(/gfx/menutop/link3.gif) 0px -21px no-repeat;}
menutop ul li#portfolio_link {width: 67px;} /* safari */
#menutop ul li#portfolio_link a {width: 67px; background: url(/gfx/menutop/link3.gif) 0px 0 no-repeat;}
menutop ul li#portfolio_link {width: 67px;} /* safari */

#menutop ul li#kontakt_link a:hover {width: 67px; background: url(/gfx/menutop/link4.gif) 0px -21px no-repeat;}
menutop ul li#kontakt_link {width: 67px;} /* safari */
#menutop ul li#kontakt_link a {width: 67px; background: url(/gfx/menutop/link4.gif) 0px 0 no-repeat;}
menutop ul li#kontakt_link {width: 67px;} /* safari */

/* ANIMATION */
#animation {margin:0 auto;height:240px;background:url(gfx/bg_anim.gif) top repeat-x; text-align:left; padding:0 0 0 20px}
#animation2 {margin:0 auto;height:240px;background:url(gfx/bg_anim2.gif) top repeat-x; text-align:left; padding:0 0 0 20px}

/* FOOT */
#footer {margin:0 auto;background:#93BD07 url(gfx/bg_foot.gif) top repeat-x; text-align:left; height:19px; color:#FFFFFF; 
padding:5px 0 0 20px; font:10px Arial, Helvetica, sans-serif}
#monde-contact {margin:0 auto; text-align:left; height:40px;}
#monde-contact a {color:#999999; text-decoration:none;}
#monde-contact a:hover {color:#8BAB22;}
.monde-contact1 {width:160px; text-align:left; float:left; color:#999999; font:10px Arial, Helvetica, sans-serif; 
padding:10px 0px 10px 20px;}
.monde-contact2 {width:160px; text-align:left; float:left; color:#999999; font:10px Arial, Helvetica, sans-serif; 
padding:10px 0px 10px 0px;}

.button1 {padding:5px 13px 5px 0; text-align:left;}
.button1 a {text-decoration:none;}
.button1 a:hover {color:#CFCFD9;}

.button2 {
	padding:5px 13px 5px 0;
	text-align:left;
}

/* TITLE */
h1.onas {padding:0px; margin:0px;}
h1.bold {font:  bold 16px Arial, Helvetica, sans-serif; color:#7C7C7C; padding:0px; margin:20px 0 3px 0;}
h2 {padding:0px; margin:0px;}
h3 {font:  normal 16px Arial, Helvetica, sans-serif; color:#4C4C4C; padding:0px; margin:10px 0 3px 0;}
h3.bold {font:  bold 16px Arial, Helvetica, sans-serif; color:#7C7C7C; padding:0px; margin:20px 0 3px 0;}


/* LAYOUT - NEWS */
#column1 {width: 210px;  float:left; padding:0; margin:0;}
#column2 {width: 220px;  float:left; padding:0 0 0 30px; background: url(gfx/lines_vert.gif) 10px 5px no-repeat;}
#column3 {width: 240px;  float:left; padding:0 0 0 30px;}
.portfolio { padding:3px;}

#list1 {padding:0px; margin:15px 5px 15px 0px;}
#list1 li {padding:3px 3px 3px 15px; background:url(gfx/punkt.gif) left no-repeat; list-style:none;}


/* LAYOUT2 - ONAS */ 
#column21 {width: 230px;  float:left; padding:0; margin:0;}
#column22 {
	width: 230px;
	float:left;
	padding:0 0 0 30px;
	background: url(gfx/lines_vert.gif) 10px 5px no-repeat;
	height: 280px;
	position: relative;
}
#column23 {width: 230px;  float:left; padding:0 0 0 30px; background: url(gfx/lines_vert.gif) 10px 5px no-repeat;
height: 280px;
position: relative;
}

/* LAYOUT3 - PORTFOLIO */ 

h4 {font:  normal 16px Arial, Helvetica, sans-serif; color:#4C4C4C; padding:0px; margin:15px 0 10px 0;}
#column31 {width: 130px;  float:left; padding:0; margin:0;}
#column32 {
	width: 210px;
	float:left;
	padding:25px 0 0 10px;
	background: url(gfx/lines_vert.gif) 0px 0px no-repeat;
}
#column33 {width: 410px;  float:left; padding:35px 0 0 20px; background: url(gfx/lines_vert.gif) 0px 10px no-repeat;}

/*NAV PORTFOLIO */

#nav_portfolio2  {list-style-type:none;margin:22px 20px 20px 5px;}
#nav_portfolio2 li {margin: 0; padding: 0;list-style-type:none; height: 20px;}
#nav_portfolio2 li a {display: block; color:#999999;}
#nav_portfolio2 li a:hover {display: block;color:#8BAB22;font: 10px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
.selected2 {color:#93BD07; font-weight:bold;}

#portfoliofoto {position:relative; background: url(gfx/bg_portfolio.gif) left top no-repeat; height:187px; width:401px;}


.foto2 {
	width:390px;
	height:77px;
	position:absolute;
	top: 6px;
	left: 6px;
}
.foto2a {
	width:185px;
	height:77px;
	position:absolute;
	left: 6px;
	top: 105px;
}
.foto2b {
	width:185px;
	height:77px;
	position:absolute;
	left: 209px;
	top: 105px;
}

#info {border-collapse:collapse; border-style:none; width:400px;}
.infotxt {padding:0 0 10px 0;}
.td1 {width:100px; text-align:left;}
.td2 {width:280px; text-align:right;}




/* NAVIGATION - PORTFOLIO */

     #nav_portfolio ul {
	        margin:0px;
			padding:10px 0 0 0px;
			width: 120px;
			list-style-type: none;
			float: left;
		}
			#nav_portfolio ul li {
				height: 25px;
				margin: 0; padding: 0;
			}
				#nav_portfolio ul li a {
					display: block;
					height: 25px;
				}
				#nav_portfolio ul li#www_link a:hover {width: 120px; background: url(gfx/menu/link1.gif) -6px -25px no-repeat;}
				 nav_portfolio ul li#www_link {width: 120px;} /* safari */
				#nav_portfolio ul li#www_link a {width: 120px; background: url(gfx/menu/link1.gif) -6px 0 no-repeat;}
				 nav_portfolio ul li#www_link {width: 120px;} /* safari */
				 
				#nav_portfolio ul li#aplikacje_link a:hover {width: 120px; background: url(gfx/menu/link2.gif) -6px -25px no-repeat;}
				 nav_portfolio ul li#aplikacje_link {width: 120px;} /* safari */
				#nav_portfolio ul li#aplikacje_link a {width: 120px; background: url(gfx/menu/link2.gif) -6px 0 no-repeat;}
				 nav_portfolio ul li#aplikacje_link {width: 120px;} /* safari */		 
				 
				#nav_portfolio ul li#esklepy_link a:hover {width: 120px; background: url(gfx/menu/link3.gif) -6px -25px no-repeat;}
				 nav_portfolio ul li#esklepy_link {width: 120px;} /* safari */
				#nav_portfolio ul li#esklepy_link a {width: 120px; background: url(gfx/menu/link3.gif) -6px 0 no-repeat;}
				 nav_portfolio ul li#esklepy_link {width: 120px;} /* safari */
				 
				 
				 #nav_portfolio ul li#mikrosite_link a:hover {width: 120px; background: url(gfx/menu/link4.gif) -6px -25px no-repeat;}
				 nav_portfolio ul li#mikrosite_link {width: 120px;} /* safari */
				#nav_portfolio ul li#mikrosite_link a {width: 120px; background: url(gfx/menu/link4.gif) -6px 0 no-repeat;}
				 nav_portfolio ul li#mikrosite_link {width: 120px;} /* safari */
				 
				 #nav_portfolio ul li#multimedia_link a:hover {width: 120px; background: url(gfx/menu/link5.gif) -6px -25px no-repeat;}
				 nav_portfolio ul li#multimedia_link {width: 120px;} /* safari */
				#nav_portfolio ul li#multimedia_link a {width: 120px; background: url(gfx/menu/link5.gif) -6px 0 no-repeat;}
				 nav_portfolio ul li#multimedia_link {width: 120px;} /* safari */
				 
				 #nav_portfolio ul li#gadgety_link a:hover {width: 120px; background: url(gfx/menu/link6.gif) -6px -25px no-repeat;}
				 nav_portfolio ul li#gadgety_link {width: 120px;} /* safari */
				#nav_portfolio ul li#gadgety_link a {width: 120px; background: url(gfx/menu/link6.gif) -6px 0 no-repeat;}
				 nav_portfolio ul li#gadgety_link {width: 120px;} /* safari */
				 
				#nav_portfolio ul li#print_link a:hover {width: 120px; background: url(gfx/menu/link7.gif) -6px -25px no-repeat;}
				 nav_portfolio ul li#print_link {width: 120px;} /* safari */
				#nav_portfolio ul li#print_link a {width: 120px; background: url(gfx/menu/link7.gif) -6px 0 no-repeat;}
				 nav_portfolio ul li#print_link {width: 120px;} /* safari */
				 
				 #nav_portfolio ul li#branding_link a:hover {width: 120px; background: url(gfx/menu/link8.gif) -6px -25px no-repeat;}
				 nav_portfolio ul li#branding_link {width: 120px;} /* safari */
				#nav_portfolio ul li#branding_link a {width: 120px; background: url(gfx/menu/link8.gif) -6px 0 no-repeat;}
				 nav_portfolio ul li#branding_link {width: 120px;} /* safari */
				 
	
.inputkontakt {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif;font-size: 10px;color:#999999;margin:0;padding:0;background:#FFFFFF; width:200px;}
.textkontakt {font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif;font-size: 10px;color:#999999;margin:0;padding:0;background:#FFFFFF; width:200px; height:100px;}

/* CONTACT */

#column41 {width: 230px;  float:left; padding:0; margin:0;}
#column42 {
	width: 520px;
	float:left;
	padding:0 0 0 30px;
	background: url(gfx/lines_vert.gif) 10px 5px no-repeat;
	height: 280px;
	position: relative;
}



.form{width: 150px; height: 17px; background: #ECECEE; margin: 0; padding: 0 2px 0 0; border-top: none; border-bottom: 1px solid #E9EAEA; border-left:none; border-right:none;}
.form2{width: 280px; height:130px; background: #ECECEE; margin: 0; padding: 0 2px 0 0; border-top: none; border-bottom: 1px solid #E9EAEA; border-left:none; border-right:none;}


.buttons {
padding: 10px 0 0 180px;
}


.formsend {
width:80px;
height:26px;
border: 0px solid;
background: url(gfx/formsend.gif);
display:block;
}


.formreset {
width:64px;
height:24px;
border: 0px solid;
background: url(gfx/formsend.gif);
}


#contactform {width:450px; padding: 20px 0 0 0;}
.tresc {padding:5px 0 3px 0;}
#contact1 {width:160px; float:left;}
.title  {height:15px; padding:5px 0 0 0;}
#contact2 {width:280px; float:right;}

.uzupelnij {
width:450px;
padding: 80px 0 0 30px;
}

.wyslana{
width:450px;
padding: 80px 0 0 30px;
}