/*********************************************************************

protech.biz.pl stylesheet                           made by alquis.com

*********************************************************************/

/* 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, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol, ul {
  list-style: none;
}

/* layout & sizes ==================================================*/
p {
  font-size: .75em;
}
a.more {
  white-space: nowrap;
}
.r-image {
  float: right;
  margin-left: 15px;
}
.l-image {
  float: left;
  margin-right: 15px;
}
h1 {
  margin: 0 13px .2em;
  font-size: 1.35em;
}
#wrapper {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
address {
  font-size: .7em;
  text-align: right;
  padding: .2em 1em .25em;
}
#menu {
  border-bottom-width: 1px;
  overflow: hidden;
  margin: 3.2em 0 3em;
  padding: 0 10px 1em 0;
  font-size: .85em;
}
#menu ul {
  float: right;
}
#menu li {
  display: inline;
}
#menu ul a {
  padding: 0 .2em;
  margin-left: 2em;
}
#logo {
  position: absolute;
  top: 3.3em;
  left: .6em;
}
#header {
  margin: 3em 0 0 10px;
  height: 360px;
}
#header h1 {
  margin-left: 0;
}
#header p {
  font-size: .8em;
}

#new {
	border: 2px solid silver;
	margin: 15px 0px 0px 13px ;
	padding: 10px;
	background-color: #FFFFE0;
}

#new h3 {
	font: bold 18px helvetica, arial, sans-serif;
	color: red;
}

#new p {
	font: normal 14px helvetica, arial, sans-serif;
	line-height: 1.5em;
	margin-top: 10px;
}

#new li {
	font: normal 14px helvetica, arial, sans-serif;
	line-height: 1.5em;
}


#services {
  margin: 2em -24px 0 13px;
}
#services {
  margin-bottom: 2em;
}
#services h2 {
  margin: .1em 0 .2em;
  font-size: 1.1em;
}
#services p {
  line-height: 1.5em;
}
#services div {
  overflow: hidden;
  width: 300px;
  float: left;
  margin-right: 30px;
}
#services div img {
  float: left;
  margin-right: 15px;
}

#service {
  float: left;
  width: 600px;
  padding: 0 0 30px 100px;
  position: relative;
  overflow: hidden;
}
#service .video {
  margin-left: 11em;
}
#service h1 {
  font-size: 1.2em;
  margin-left: 0;
}
#service h2 {
  margin-top: 1.5em;
  padding-bottom: 1em;
}
#service p, #service h2, #service dl {
  margin-bottom: .8em;
  font-size: .8em;
}
#service dt {
  width: 13em;
  float: left;
}
#service dd {
  margin: 0 0 1em 14em;
}
#service .icon {
  position: absolute;
  top: 0;
  left: 10px;
}

#service-menu {
  width: 215px;
  padding-top: 10px;
  margin-left: 745px;
}
#service-menu ul {
  padding-bottom: 10px;
}
#service-menu li {
  
}
#service-menu li a {
  display: block;
  height: 32px;
  padding: 16px 5px 0 45px;
  margin-left: 35px;
  font-size: .9em;
}

#people {
  font-size: .8em;
}
#people ul {
  overflow: hidden;
}
#people h1 {
  font-size: 1em;
}
#people h2 {
  text-align: center;
  font-size: 1.2em;
  padding: .4em .2em;
}
#people h3 {
  margin-top: .6em;
  font-size: 1em;
}
#people span {
  padding-top: .6em;
}
#prezes {
  width: 400px;
  height: 200px;
  margin: 0 auto 30px;
  overflow: hidden;
}
#prezes img {
  float: left;
  margin: .2em 1em 1em;
}
#prezes div {
  margin: 95px 5px 0 160px;
  text-align: center;
}
#produkcja, #technologia, #sekretariat, #ksiegowosc {
  display: block;
  float: left;
  width: 200px;
  margin: 20px 22px 0;
}
#people ul ul ul li {
  border-width: 0 1px;
  text-align: center;
  padding: 1em .1em 1.4em;
}
#people #technologia2, #people #produkcja2, #people #sekretariat1, #people #referent2 {
  border-width: 0;
}

#contact {
  overflow: hidden;
}
#contact #map {
  position: relative;
  float: right;
  margin: 40px 70px 0 0;
}
#contact h2 {
  font-size: .75em;
  padding-top: 1.3em;
  padding-bottom: .3em;
  border-top-width: 1px;
}
#contact .address, #contact .office, #contact .office2 {
  width: 204px;
  border-left-width: 1px;
  border-right-width: 1px;
  padding-left: 17px;
  padding-right: 17px;
  margin-left: 2em;
}
#contact p.address, #contact p.office {
  padding-bottom: 1.3em;
}
#contact .address, #contact p.office2 {
  width: 206px;
  border-width: 0;
  padding-top: 1.5em;
}
#contact p.office2 {
  padding-top: 0;
  padding-bottom: 1.5em;
}
#contact .production-manager, #contact .production-manager2, #contact .engineer, #contact .engineer2 {
  float: left;
  margin: 2em 0 .3em;
  padding: 1em 2.5em 1.4em 2em;
  border-top-width: 0px;
  height: 5.7em;
}
#contact .production-manager  {width: 170px;}
#contact .production-manager2 {width: 115px;}
#contact .engineer            {width: 210px;}
#contact .engineer2           {width: 197px;}
#contact div p, #contact div h2 {
  border-top-width: 0;
}

#about, #technology, #clients {
  overflow: hidden;
  margin: .5em 13px;
}
#about p, #about ul, #technology p, #clients p {
  margin-bottom: .8em;
  font-size: .8em;
}
#about ul {
  margin-left: 1.5em;
}
#about h2, #technology h2, #clients h2 {
  font-size: .8em;
  margin: .2em 0 .3em;
}
div.logos {
  text-align: center;
  margin-top: 1em;
}
div.logos img {
  margin: 0 1em;
}

#footer {
  clear: both;
  margin: 2em 0 1em;
  height: 41px;
  position: relative;
}
#footer {
  font-size: .75em;
  padding-left: 15px
}
#footer div {
  padding-top: 14px;
}
#webdesign {
  width: 63px;
  height: 25px;
  position: absolute;
  right: 15px;
  top: 11px;
}
#webdesign small {
  display: none;
}

/* colors, backgrounds & fonts ====================================*/
body {
  font-family: Helvetica, Arial, sans-serif;
  background-color: #fff;
  color: #333;
}
a {
  color: #2c89a0;
}
a:hover, a:focus {
  
}
p, dl {
  line-height: 1.6em;
}
h1 {
  font-weight: normal;
}

acronym, abbr {
  border-bottom: 1px dotted #ababab;
  cursor:help;
  font-size:0.9em;
  letter-spacing:0.07em;
}
acronym:hover, acronym:focus, abbr:hover, abbr:focus {
  border-bottom: 1px dotted #204A87;
}

address {
  color: #fff;
  background: #a4a4a4 url(../images/top_bg.png) no-repeat 50% 100%;
  font-style: normal;
}
address a {
  text-decoration: none;
  color: #fff;
}
#menu, #contact *, #people * {
  border-color: #dedede;
  border-style: solid;
}
address a {
  text-decoration: none;
  color: #fff;
  letter-spacing: -.05ex;
}
#menu ul a {
  text-decoration: none;
  color: #ababab;
}
#menu li a:hover, #menu li a:focus {
  color: #204a87;
}
#menu li.current a {
  color: #000;
}
#header {
  background: transparent url(../images/bg.png) no-repeat 90% 10px;
  font-size: 1.05em;
}
#services h2 {
  font-weight: normal;
}
#services h2 a {
  text-decoration: none;
  color: #333;
}
#services h2 a:hover, #services h2 a:focus {
  color: #204a87;
}
#services p a {
  text-decoration: none;
}
#services p a:hover,#services p a:focus {
  text-decoration: underline;
}

#service h2 {
  font-weight: normal;
  font-style: italic;
  
}
#service dt {
  font-weight: bold;
  text-align: right;
}
#service-menu {
  background: #fff url(../images/border_200b.png) no-repeat 100% 0;
}
#service-menu ul {
  background: #fff url(../images/border_200b.png) no-repeat 100% 100%;
}
#service-menu li.current {
  background: #fff url(../images/current_srv.png) no-repeat 0 0;
}
#service-menu a {
  text-decoration: none;
  color: #666;
}
#service-menu a:hover,#service-menu a:focus  {
  color: #000;
}

#anodowanie, #chromowanie, #niklowanie, #miedziowanie, #anoforeza, #satynowanie, #patynowanie {
  background: transparent url(../images/anodowanie-s.png) no-repeat 0 8px;
}
#chromowanie {
  background-image: url(../images/chromowanie-s.png);
}
#niklowanie {
  background-image: url(../images/niklowanie-s.png);
}
#miedziowanie {
  background-image: url(../images/miedziowanie-s.png);
}
#anoforeza {
  background-image: url(../images/anoforeza-s.png);
}
#satynowanie {
  background-image: url(../images/satynowanie-s.png);
}
#patynowanie {
  background-image: url(../images/patynowanie-s.png);
}

#people ul {
  background: transparent url(../images/people_bg.png) no-repeat 50% 185px;
}
#people ul ul {
  background-image: none;
}
#people h1 {
  font-weight: bold;
}
#people h2 {
  background: #fff url(../images/border_200.png) no-repeat 0 0;
  color: #fff;
  font-weight: normal;
}
#prezes {
  background: #fff url(../images/border_400.png) no-repeat 0 0;
}
#people #technologia2, #people #produkcja2, #people #sekretariat1, #people #referent2 {
  background: #fff url(../images/border_200.png) no-repeat 0% 100%;
}

#contact .address, #contact p.office2 {
  background: transparent url(../images/round.png) no-repeat 0 0;
}
#contact p.office2 {
  background-position: 0 100%;
}
#contact .production-manager, #contact .production-manager2, #contact .engineer, #contact .engineer2 {
  background: transparent url(../images/bottom_grd.png) no-repeat 0 100%;
}
#contact .production-manager2, #contact .engineer {
  background-position: 50% 100%;
}
#contact .engineer2 {
  background-position: 100% 100%;
}

#about h2, #technology h2, #clients h2 {
  font-weight: bold;
}
#about em, #technology em,  #clients em {
  font-weight: bold;
  font-style: normal;
  
}
#about ul {
  line-height: 1.6em;
  list-style: disc;
}


#footer {
  background: transparent url(../images/footer_bg.png) no-repeat 50% 0;
}
#footer {
  color: #787878;
}
#webdesign {
  background: transparent url(../images/alquis.png) no-repeat 0 0;
}