@charset "utf-8";
/*old css*/
body {
	font: normal 11px/16px Arial, Tahoma;
	background: #fff;
	color: #333333;
	margin: 0;
	padding: 0;
	height: 100%;
}
#site {
	position: absolute;
	width: 733px;
	height: 424px;
	left: 50%;
	top: 50%;
	margin: -212px 0 0 -366px;
	border: 1px solid #ccc;
}
#site2 {
	position: absolute;
	width: 100%;
	height: 100%;
}


/* CSS Document */
html, body {height: 100%; width: 100%; background: #ffffff;  padding: 0; margin: 0; color: #6f5c2d; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 22px;}
div#caly {height: 800px; width: 100%; background-color: #ffffff; padding: 0; margin: 0 auto; color: #000000; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; position: absolute; text-align: center;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*top*/
div#top { width: 100%; height: 21px; background-image: url(../img/line_top.png); background-repeat: repeat-x; z-index: 1; position: absolute; left: 0px; top: 0px;}
div#logo { width: 120px; height: 21px; background-image: url(../img/logo.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 2; }

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*center*/
div#center { width: 760px; height: 560px; margin: 0 auto; margin-top: 100px; z-index: 1;}

/*menu*/
/*-----------------------------------------------------*/
div#menu1_bg { width: 100%; height: 30px; background-image: url(../img/menu1_bg.png); background-repeat: repeat-x; position: absolute; left: 0px; top: 27px; }
div#menu1 { width: 760px; height: 30px; margin: 0 auto; position: absolute; top: 27px; }
ul#mg { list-style-type: none; }

a.menu_item1 { display: block; width: 163px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/PMbutton.png); background-repeat: no-repeat; position: absolute; left: 0px; top: 0px;} 
a.menu_item1:hover { background-image: url(../img/PMbutton_active.png); background-repeat: no-repeat;}
a#item1_active { background-image: url(../img/PMbutton_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/
a.menu_item2 { display: block; width: 97px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/DMbutton.png); background-repeat: no-repeat; position: absolute; left: 163px; top: 0px;} 
a.menu_item2:hover { background-image: url(../img/DMbutton_active.png); background-repeat: no-repeat;}
a#item2_active { background-image: url(../img/DMbutton_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/
a.menu_item3 { display: block; width: 50px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/Mbutton.png); background-repeat: no-repeat; position: absolute; left: 260px; top: 0px;} 
a.menu_item3:hover { background-image: url(../img/Mbutton_active.png); background-repeat: no-repeat;}
a#item3_active { background-image: url(../img/Mbutton_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/
a.menu_item4 { display: block; width: 144px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/MMbutton.png); background-repeat: no-repeat; position: absolute; left: 310px; top: 0px;} 
a.menu_item4:hover { background-image: url(../img/MMbutton_active.png); background-repeat: no-repeat;}
a#item4_active { background-image: url(../img/MMbutton_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/
a.menu_item5 { display: block; width: 74px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/TRbutton.png); background-repeat: no-repeat; position: absolute; left: 454px; top: 0px;} 
a.menu_item5:hover { background-image: url(../img/TRbutton_active.png); background-repeat: no-repeat;}
a#item5_active { background-image: url(../img/TRbutton_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/
a.menu_item6 { display: block; width: 62px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/Obutton.png); background-repeat: no-repeat; position: absolute; left: 528px; top: 0px;} 
a.menu_item6:hover { background-image: url(../img/Obutton_active.png); background-repeat: no-repeat;}
a#item6_active { background-image: url(../img/Obutton_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/
a.menu_item7 { display: block; width: 60px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/Ibutton.png); background-repeat: no-repeat; position: absolute; left: 590px; top: 0px;} 
a.menu_item7:hover { background-image: url(../img/Ibutton_active.png); background-repeat: no-repeat;}
a#item7_active { background-image: url(../img/Ibutton_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/
a.menu_item8 { display: block; width: 46px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/Pbutton.png); background-repeat: no-repeat; position: absolute; left: 650px; top: 0px;} 
a.menu_item8:hover { background-image: url(../img/Pbutton_active.png); background-repeat: no-repeat;}
a#item8_active { background-image: url(../img/Pbutton_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/
a.menu_item9 { display: block; width: 64px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/OFbutton.png); background-repeat: no-repeat; position: absolute; left: 696px; top: 0px;} 
a.menu_item9:hover { background-image: url(../img/OFbutton_active.png); background-repeat: no-repeat;}
a#item9_active { background-image: url(../img/OFbutton_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/
a.menu_item10 { display: block; width: 64px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/OFbutton2.png); background-repeat: no-repeat; position: absolute; left: 696px; top: 0px;} 
a.menu_item10:hover { background-image: url(../img/OFbutton2_active.png); background-repeat: no-repeat;}
a#item10_active { background-image: url(../img/OFbutton2_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/

/*menu2*/
div#menu2 { width: 760px; height: 30px; margin: 0 auto; position: absolute; top: 57px; }
ul#m2 { list-style-type: none; }

a.menu2_item1 { display: block; width: 127px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/agencja.png); background-repeat: no-repeat; position: absolute; left: 0px; top: 0px;} 
a.menu2_item1:hover { background-image: url(../img/agencja_active.png); background-repeat: no-repeat;}
a#item1_active2 { background-image: url(../img/agencja_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/
a.menu2_item2 { display: block; width: 96px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/ludzie.png); background-repeat: no-repeat; position: absolute; left: 127px; top: 0px;} 
a.menu2_item2:hover { background-image: url(../img/ludzie_active.png); background-repeat: no-repeat;}
a#item2_active2 { background-image: url(../img/ludzie_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/
a.menu2_item3 { display: block; width: 104px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/portfolio.png); background-repeat: no-repeat; position: absolute; left: 223px; top: 0px;} 
a.menu2_item3:hover { background-image: url(../img/portfolio_active.png); background-repeat: no-repeat;}
a#item3_active2 { background-image: url(../img/portfolio_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/
a.menu2_item4 { display: block; width: 98px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/narzedzia.png); background-repeat: no-repeat; position: absolute; left: 327px; top: 0px;} 
a.menu2_item4:hover { background-image: url(../img/narzedzia_active.png); background-repeat: no-repeat;}
a#item4_active2 { background-image: url(../img/narzedzia_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/
a.menu2_item5 { display: block; width: 108px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/prezentacja.png); background-repeat: no-repeat; position: absolute; left: 425px; top: 0px;} 
a.menu2_item5:hover { background-image: url(../img/prezentacja_active.png); background-repeat: no-repeat;}
a#item5_active2 { background-image: url(../img/prezentacja_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/
a.menu2_item6 { display: block; width: 102px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/newsroom.png); background-repeat: no-repeat; position: absolute; left: 533px; top: 0px;} 
a.menu2_item6:hover { background-image: url(../img/newsroom_active.png); background-repeat: no-repeat;}
a#item6_active2 { background-image: url(../img/newsroom_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/
a.menu2_item7 { display: block; width: 125px; height: 30px; text-indent: -9999px; overflow: hidden; background-image: url(../img/kontakt.png); background-repeat: no-repeat; position: absolute; left: 635px; top: 0px;} 
a.menu2_item7:hover { background-image: url(../img/kontakt_active.png); background-repeat: no-repeat;}
a#item7_active2 { background-image: url(../img/kontakt_active.png); background-repeat: no-repeat;}
/*-----------------------------------------------------*/

h1.naglowek { font-size: 20px; color: #e2001a; margin-bottom: 30px;  text-align: center;}
h2.tytul {font-size: 14px; text-align: left;}
li.lista { list-style-position: outside; text-align: left;}
p.content { text-align: left;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*bottom*/
div#bottom { width: 100%; height: 21px; background-image: url(../img/line_bottom.png); background-repeat: repeat-x; position: absolute; left: 0px; bottom: 0px; z-index: 1; } 

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*kontakt*/
div.vcard {font-size: 11px; color: #514B44; position: absolute; left: 6px; top: 0px;}
div.org { width: 100px; position: absolute; left: 0px; top: 0px;}
div.adr { width: 250px; position: absolute;  left: 105px; top: 0px;}
div.street-address { width: 70px; position: absolute; left: 0px; top: 0px;}
div.locality { width: 30px; position: absolute; left: 0px; top: 0px;}
div.postal-code { width: 20px;  position: absolute; left: 0px; top: 0px;}
div.tel { width: 110px; position: absolute; left: 280px; top: 0px; }
div.mail { width: 100px; position: absolute; left: 395px; top: 0px; }
a.email { color: #514B44; text-decoration: none;}
div.vcard a:hover { color: #000000;}

div.hcard {font-size: 11px; color: #000000; margin: 0 auto; text-align: left;}
a.kmail { color: #000000; text-decoration: none;}
a.kmail:hover { color: #514B44;}
a.mailh { color: #000000; text-decoration: none;}
a.mailh:hover { color: #514B44;}