/* CSS RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;	background:transparent;}

 body {line-height:1;} 



  blockquote, q {quotes:none;}

	 blockquote:before, blockquote:after, q:before, q:after {content:'';content: none;} /* remember to define focus styles! */ :focus {outline:0;} /* remember to highlight inserts somehow! */

	  ins {text-decoration:none;} 

		del {text-decoration:line-through;} /* tables still need 'cellspacing="0"' in the markup */

		 table {border-collapse:collapse; border-spacing:0;}
/*

#a8b5c9
*/

body {background-color:#fff; font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Sans-serif; }

#unia{ width:95%; height:165px; background:#fff url("images/loga_m.jpg") top center no-repeat; margin:0 auto; padding:0 20px;
}
#unia h1{
font-weight:bold; padding-top:100px; margin:0 auto; text-align:center; font-size:13px; width:800px;
}

#unia h2{
font-weight:bold; padding-top:10px; font-size:12px; width:800px; margin: 0 auto
}


#body_wrap {background:#E1EEF5 url("images/bg_top.png") repeat-x;}

#width_wrap {display:block; width:977px; background:transparent url("images/bg_white_bar.png") top left no-repeat; margin:0 auto;}

#header_wrap {height:206px; display:block; background:transparent url("images/panorama.jpg")  no-repeat 340px 78px; }

#content_wrap {display:block; padding:0 20px 60px 37px; overflow:hidden; min-height:375px;}

#home #content_wrap {padding:0 0 60px 60px;}







ul { margin-left:10px; margin-top:2px; padding:5px;}





/* HEADER */

h1 a {width:320px; height:99px; background:transparent url("images/logo.png")  no-repeat; display:block; text-indent:-9999px; float:left; margin:10px 0 0 17px;}

/* Menu */

#menu_wrap {float:left; width:635px; height:40px; display:block; margin:15px 0 0 5px;}

#menu_nav {list-style:none; margin-left:60px }

#menu_nav li {font-size:22px; font-weight:bold; float:left; color:#F58428;  }

#menu_nav a {display:block; border-right:1px solid #667AB5; color:#6478B3; font-weight:bold; padding-left:15px; padding-right:15px;   height:30px; text-decoration:none; }

#menu_nav a:hover {background:#fff; text-decoration:none;}













#menu_nav li li a, #menu_nav li li a:link, #menu_nav li li a:visited {

	background: #b0cbe5;

	width: 110px;

	color: #333333;

	float: none;

	font-size: 14px;

	font-weight: normal;

	margin: 0px;

	padding: 5px 10px 2px 10px;

	text-decoration: none;

	border-bottom: 1px solid #fff;

	border-left: 1px solid #fff;

	border-right: 1px solid #fff;

	}

	

#menu_nav li li a:hover, #menu_nav li li a:active {

	background: #fff;

	color: #000;

	padding: 5px 10px 2px 10px;	

	}



#menu_nav li ul {

	z-index: 9999;

	position: absolute;

	list-style:none;

	left: -999em;

	height: auto;

	width: 190px;

	margin: 0px;

	padding: 0px;

	}



#menu_nav li li { 

	}



#menu_nav li ul a { 

	width: 160px;

	}



#menu_nav li ul a:hover, #menu_nav li ul a:active { 

	}



#menu_nav li ul ul {

	margin: -32px 0 0 191px;

	}



#menu_nav li:hover ul ul, #menu_nav li:hover ul ul ul, #menu_nav li.sfhover ul ul, #menu_nav li.sfhover ul ul ul {

	left: -999em;

	}



#menu_nav li:hover ul, #menu_nav li li:hover ul, #menu_nav li li li:hover ul, #menu_nav li.sfhover ul, #menu_nav li li.sfhover ul, #menu_nav li li li.sfhover ul {

	left: auto;

	}



#menu_nav li:hover, #menu_nav li.sfhover { 

	position: static;

	}

























/*

background-image:url("images/kreska.png"); background-position: right;

 background-repeat:no-repeat;

*/

/*

#menu_home a {width:70px;}

#menu_about a { width:70px;}

#menu_distribution a { width:100px;}

#menu_training a {width:70px;}

#menu_contact a { width:70px;}





#menu_home a:hover {}

#menu_about a:hover {}

#menu_distribution a:hover {}

#menu_training a:hover {}

#menu_contact a:hover {}





#home #menu_home a {background-position:-9px -239px; width:70px;}

#about #menu_about a {background-position:-79px -239px; width:126px;}

#distribution #menu_distribution a {background-position:-205px -239px; width:167px;}

#training #menu_training a {background-position:-372px -239px; width:124px;}

#contact #menu_contact a {background-position:-498px -239px; width:134px;}

#terms {}

#privacy {}

*/

/* CONTENT */

#content_wrap .left {display:block; width:300px; float:left; padding-top:20px;}

#content_wrap .right {display:block; width:600px; float:left; margin-left:26px; padding:20px 0 0 20px; background:transparent url("images/bg_shine.png") 2px 0 no-repeat;}



/* HOME CONTENT */

#home #gallery_section {display:block; height:570px; margin:0 0 40px 0;}

#home #gallery_section #gallery {display:block; float:left; width:250px; height:570px; }



/* background:transparent url("images/bg_gallery.jpg") no-repeat; */



#home #gallery_section h2 {display:block; float:left; width:201px; height:570px; background:transparent url("images/dystrybutor.png")  no-repeat; text-indent:-9999px;  margin:2px 57px 0 0;}



#slideshow {position:relative; width:250px; height:570px; top:25px; left:1px;}

#slideshow img {position:absolute; top:0; left:0; z-index:8;}

#slideshow img.active {z-index:10;}

#slideshow img.last-active {z-index:9;}



.float_wrap {display:block; margin-bottom:20px;}

#home .three_col {display:block; width:280px; float:left; margin-right:40px;}

#home .three_col_last {display:block; width:280px; float:left; margin-right:0;}



#home #about_box h3 {height:43px; background:transparent url("images/sprite_h2.png") -10px -18px no-repeat; padding:21px 0 0 80px; margin-bottom:.3em;}

#home #about_box p, #home #distribution_box p, #home #training_box p {display:block; height:80px;}

#home #distribution_box h3 {height:43px; background:transparent url("images/sprite_h2.png") -10px -137px no-repeat; padding:21px 0 0 85px; margin-bottom:.3em;}

#home #training_box h3 {height:43px; background:transparent url("images/sprite_h2.png") -10px -250px no-repeat; padding:21px 0 0 74px; margin-bottom:.3em;}



#home .click a {cursor:pointer; width:194px; height:46px; background:transparent url("images/sprite_buttons_logos.png") -10px -10px no-repeat; display:block; text-indent:-9999px; border:none;}

#home .click a:hover {background-position:-10px -66px;}

#home .click a:active {background-position:-10px -122px;}

#home .learn a {cursor:pointer; width:194px; height:46px; background:transparent url("images/sprite_buttons_logos.png") -214px -10px no-repeat; display:block; text-indent:-9999px; border:none;}

#home .learn a:hover {background-position:-214px -66px;}

#home .learn a:active {background-position:-214px -122px;}



/* Left Picture/Map */

.left h2 {display:block; width:278px; height:224px; background:transparent url("images/sprite_buttons_logos.png") -4px -420px no-repeat; text-indent:-9999px; margin-top:10px;}

#left_picture {margin-top:20px; width:283px; height:240px; margin-left:-1px; background:transparent url("images/left_picture.png") no-repeat;}

#contact #left_picture {padding-top:12px; height:228px;}

#left_picture img {margin:12px 0 0 11px; width:260px; height:207px;}

#left_picture #map {margin:0 0 0 11px; width:260px; height:207px;}

#left_picture #map img {margin:12px 0 0 0;}

#map_link {display:block; margin:-2px 0 30px ;}

#map_link a.external {color:#6eb1bf; text-decoration:underline; font-size:.8em; background:transparent url("images/icon_link.png") no-repeat center right; padding-right:17px;}

#map_link a:hover {color:#adc360; text-decoration:none; border-bottom:none;}

#map_link a:visited {color:#787eac;}



/* TEXT ELEMENTS */

/* Headline Tags */

h3 {font-family:"Times New Roman", serif; font-size:2.3em; color:#3c656c; font-weight:normal; margin-bottom:.5em;}

#home h3 {font-size:1.9em;}

#page-id-3 h3 {height:43px; background:transparent url("images/sprite_h2.png") -10px -18px no-repeat; padding:16px 0 0 84px; margin-bottom:.5em;}

#distribution h3 {height:43px; background:transparent url("images/sprite_h2.png") -10px -137px no-repeat; padding:16px 0 0 90px; margin-bottom:.5em;}

#training h3 {background:transparent url("images/sprite_h2.png") -10px -252px no-repeat; padding:16px 0 0 78px; margin-bottom:.5em;}

#contact h3 {height:43px; background:transparent url("images/sprite_h2.png") -10px -371px no-repeat; padding:16px 0 0 73px; margin-bottom:.5em;}

h4 {font-family:"Times New Roman", serif; font-size:1.3em; color:#3c656c; font-weight:normal; margin-bottom:.4em; line-height:1.25em;}

#content_wrap .right h4 {margin-top:25px; margin-bottom:.5em;}



/* Paragraph Tags */

.right p, li  {color:#404040; line-height:1.45em; text-align:justify;}



.right li  {background:url("images/punkt_kropla.png") no-repeat scroll 10px 3px transparent;

padding:0 0 10px 30px; list-style-type:none;

}



p a {color:#0086CF; text-decoration:underline;}

p a.external {cursor:pointer; color:#6eb1bf; text-decoration:underline; background:transparent url("images/icon_link.png") no-repeat center right; padding-right:17px;}

p a:hover {color:#FF6000; text-decoration:none; border-bottom:none;}

/* p a:visited {color:#787eac;} */

 p a:visited {color:#3141AC;}

p em {font-style:italic; color:#479077;}

p strong {font-weight:bold; color:#4b5985;}

.clear {clear:both; display:block;}













/* 3 COLUMN */

#content_wrap .right .three_col {display:block; width:186px; margin:0 20px 0 0; float:left;}

#content_wrap .right .three_col_last {display:block; width:186px; margin:0 0 0 0; float:left;}

#content_wrap .right .three_col img, #content_wrap .right .three_col_last img {margin-bottom:10px;}

#content_wrap .right .three_col p, #content_wrap .right .three_col_last p {margin-bottom:.2em;}



/* FORM */



form {margin-top:20px;}

#contact .submit {width:160px; height:43px; background:transparent url("images/sprite_buttons_logos.png") -418px -10px; display:block; border:none; cursor:pointer; text-indent:-9999px;}

#contact .submit:hover {background:transparent url("images/sprite_buttons_logos.png") -418px -66px;}

#contact .submit:active {background:transparent url("images/sprite_buttons_logos.png") -418px -122px;}

#training .submit {width:180px; height:43px; background:transparent url("images/sprite_buttons_logos.png") -588px -10px; display:block; border:none; cursor:pointer; text-indent:-9999px;}

#training .submit:hover {background:transparent url("images/sprite_buttons_logos.png") -588px -66px;}

#training .submit:active {background:transparent url("images/sprite_buttons_logos.png") -588px -122px;}

form {display:block;}

form fieldset {margin-bottom:15px;}

form fieldset label {display:block; margin-bottom:.375em; color:#3c656c;}

form fieldset input {height:23px; width:250px; padding:3px 0 2px 30px;}

form fieldset input, form fieldset textarea {display:block; border:1px solid #869a9d; font-family:'Courier New', Courier, monospace; font-size:.9em; color:#5b5a5a; margin-right:5px;}

form fieldset input.error, form fieldset textarea.error {border:1px solid #99160e;}

form fieldset input.error {height:23px; width:250px; padding:3px 0 2px 30px;}

form fieldset textarea.error {height:150px; width:300px; padding:7px 0 2px 30px;}

form fieldset textarea {resize:none; height:150px; width:300px; padding:7px 0 2px 30px;}

/* Form ID */

form fieldset #name {background:#f2f8f8 url("images/sprite_input.png") -10px -10px no-repeat;}

form fieldset #name.error {background:#f2f8f8 url("images/sprite_input_hover.png") 7px 7px no-repeat; color:#212121;}

form fieldset #company {background:#f2f8f8 url("images/sprite_input.png") -10px -75px no-repeat;}

form fieldset #phone {background:#f2f8f8 url("images/sprite_input.png") -10px -140px no-repeat;}

form fieldset #email {background:#f2f8f8 url("images/sprite_input.png") -10px -205px no-repeat;}

form fieldset #email.error {background:#f2f8f8 url("images/sprite_input_hover.png") 7px -179px no-repeat; color:#212121;}

form fieldset #textarea {background:#f2f8f8 url("images/sprite_input.png") -10px -270px no-repeat;}

form fieldset #textarea.error {background:#f2f8f8 url("images/sprite_input_hover.png") 6px -238px no-repeat; color:#212121;}

/* Form ID Focus */

form fieldset #name:focus {background:#f2f8f8 url("images/sprite_input_hover.png") 7px 7px no-repeat; color:#212121;}

form fieldset #company:focus {background:#f2f8f8 url("images/sprite_input_hover.png") 7px -54px no-repeat; color:#212121;}

form fieldset #phone:focus {background:#f2f8f8 url("images/sprite_input_hover.png") 7px -115px no-repeat; color:#212121;}

form fieldset #email:focus {background:#f2f8f8 url("images/sprite_input_hover.png") 7px -179px no-repeat; color:#212121;}

form fieldset #textarea:focus {background:#f2f8f8 url("images/sprite_input_hover.png") 6px -238px no-repeat; color:#212121;}



/* ERROR */

#errorExplanation {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:30px 0 20px 0; display:block; border:1px solid #869a9d; background:#f2f8f8 url("images/bg_error.png") 0 -187px repeat-x;}

#errorExplanation h3 {height:50px; display:block; background:transparent url("images/bg_error.png") -1px 0px no-repeat; margin:-10px 0 0 20px; color:#99160e; padding:20px 0 10px 80px;}

#errorExplanation p {padding: 0 20px;}

#errorExplanation ul {list-style:none; margin-top:10px;  padding-left:20px; margin-bottom: 20px;}

#errorExplanation ul li {background:transparent url("images/bg_error.png") -1px -91px no-repeat; line-height:1.45em; margin-bottom:.3em; color:#99160e; padding-left:22px;}



.error {background:transparent url("images/bg_error.png") -1px -91px no-repeat; line-height:1.45em; color:#99160e; padding-left:22px;}





/* FOOTER */

#footer_wrap {     background-color: #A8B5C9;
    height: 150px;
    margin: 0 auto;}

#footer {background-color: #A8B5C9;
    line-height: 15px;
    margin: 0 auto;
    padding: 15px 0 0;
    width: 700px; }

#footer_kropla {background: url("images/stopka_kropla.jpg")  no-repeat; width:78px; height:65px;  float:left; display:block; }

#footer_tekst {font-size:13px; width:220px; float:left; display:block; padding-left:20px }

#footer_logo {background: url("images/stopka_rys.jpg")  no-repeat; width:105px; height:65px; float:left; display:block;  }

#footer .left {display:block; width:300px; float:left; padding-top:0; margin-top:25px;}

#footer .left ul {list-style:none;}

#footer .left ul li {color:#8ee2c5; font-size:.8em; margin-bottom:.35em; background:none; padding-left:0; }



#footer .right {display:block; float:right; padding:25px 0 0 20px;}

#footer .right ul {list-style:none;}

#footer .right ul li {display:inline; font-size:.8em; border-right:1px solid #154133; margin-right:7px; padding-right:10px; background:none; padding-left:0;}

#footer .right ul li a {color:#e5f2f2; text-decoration:underline;}

#footer .right ul li a:hover {text-decoration:none;}

#footer .right ul li.last {padding-right:none; margin-right:none; border-right:none;}



#footer #tech {width:144px; height:33px; display:block; background:transparent url("images/tech_design.png") no-repeat; float:right; margin:10px 18px 0 0; text-indent:-9999px;}

#footer #tech:hover {background-position:0 -33px;}

hr { color:#E1EEF5;
 border-top: 1px dashed #667AB5;
 border-bottom:none;
 border-left:none;
 border-right:none;
}

table.stats
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 280px;



background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.stats td
{background-color: #BFE3F9;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.stats td.hed
{background-color: #0086CF;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;} 


#oferta {
	width: 580px;
	margin: 0px auto;
	border-collapse: collapse;
	border: 1px solid #362f2d;
 }
#oferta .rowa {
	background: #ffffff;
	height: 20px;
		font-size: 14px;
		font-weight:bold;
}
#oferta .rowb {
	background: #ffffff;
	height: 20px;
	font-size: 13px;
}

#oferta .cell {
	padding: 10px;
	border: 1px solid #362f2d;
}
