* {margin:0px; padding:0px}
html, body {height:100%}
body {background:#f3f3f3 url("bkg/background.png") repeat-x;}
a img {border:none}
#wrap {width:980px; min-height:100%; margin:0px auto 0px auto; padding:0px 0px 0px 0px;}
* html #wrap {height:100%;}
* html #fix {height:1px; clear:both}
#footer {clear:both; height:99px; width:980px; margin:-99px auto 0px auto; background:#59b459 url("bkg/footer.png") no-repeat; }

/* --- HEADER --- */

#header {height:126px; background:url("bkg/header.jpg") no-repeat;}
#header p.l {padding:19px 0px 0px 884px; margin-bottom:3px}
#header p {padding:0px 0px 0px 830px;}
#header span {display:none; margin:0px; padding:0px}
a.s {background:url("bkg/services.png") 0px 18px no-repeat}
a.a {background:url("bkg/about.png") 0px 18px no-repeat}
a.c {background:url("bkg/contact.png") 0px 18px no-repeat}
a.u {background:url("bkg/login.png") 0px 18px no-repeat}
a.len {background:url("bkg/lang.png") 0px 18px no-repeat}
a.s:hover, #index a.s, #photo a.s, #minilabs a.s, #rekl a.s {background:url("bkg/services.png") 0px 0px no-repeat}
a.a:hover, #abt a.a {background:url("bkg/about.png") 0px 0px no-repeat}
a.c:hover, #cnt a.c {background:url("bkg/contact.png") 0px 0px no-repeat}
a.u:hover {background:url("bkg/login.png") 0px 0px no-repeat}
a.len:hover {background:url("bkg/lang.png") 0px 0px no-repeat}
#header p a {display:block; width:150px; height:18px; margin:0px; padding:0px; line-height:18px}
#header p a.lbg {}
#header p a.len {width:38px;}

/* --- MENU --- */

#menu {height:63px; background:url("bkg/menu.png") no-repeat;}
#menu a {display:block; float:left; margin-right:0px;}
#menu #home {width:52px; height:63px; background:url("bkg/home.png") 0px 63px no-repeat; }
#menu #home:hover, #index #menu #home {width:52px; height:63px; background:url("bkg/home.png") 0px 0px no-repeat;}
#menu #foto {width:338px; height:63px; background:url("bkg/foto.png") 0px 63px no-repeat; }
#menu #foto:hover, #photo #menu #foto {width:338px; height:63px; background:url("bkg/foto.png") 0px 0px no-repeat;}
#menu #reklama {width:287px; height:63px; background:url("bkg/reklama.png") 0px 63px no-repeat;}
#menu #reklama:hover, #rekl #menu #reklama {width:287px; height:63px; background:url("bkg/reklama.png") 0px 0px no-repeat;}
#menu #minilab {width:303px; height:63px; background:url("bkg/minilab.png") 0px 63px no-repeat;}
#menu #minilab:hover, #minilabs #menu #minilab {width:303px; height:63px; background:url("bkg/minilab.png") 0px 0px no-repeat;}
#menu span {display:none;}
#menu h1 {margin:0px; padding:0px;}

/* --- GENERAL --- */

#main {padding:18px 10px 117px 70px; overflow:auto; clear:both;}
.tworight {float:right; width:423px;}
.twoleft {margin:0px 477px 0px 0px; padding:0px 0px 0px 0px;}
.right {float:right; width:270px}
.left {margin:0px 294px 0px 0px; padding:0px 18px 0px 0px;}
.leftcol, .centcol, .rightcol {float:left; width:264px;}
.leftcol {clear:both}
.leftcol, .centcol {margin-right:54px}
#cnt #main .rightcol {padding-top:18px}
#footer div {padding:9px 0px 0px 0px}
#footer .leftcol {margin:0px 27px 0px 0px; width:334px;}
#footer .leftcol h4, #footer .leftcol ul {margin-left:70px}
#footer .centcol {width:318px; margin-right:27px; border-left:1px solid #77ca77; border-right:1px solid #77ca77}
#footer .centcol ul, #footer .centcol h4 {padding-left:27px; padding-right:27px}

.tworight em {font-style:normal; text-transform:uppercase; color:#888}
#main p, #main ul {color:#333; font:13px/18px "Lucida Sans Unicode", Helvetika, Arial, sans-serif;}
.right ul {list-style:none}
ul li {list-style:none;}
#main .twoleft p, #main .tworight p {text-align:justify; margin:0px 0px 18px 0px}
#main .twoleft ul, #main .tworight ul {text-align:left; margin:0px 0px 18px 0px}
#main .twoleft ul li, #main .tworight ul li {padding:0px 0px 0px 18px; background:url("bkg/list.png") no-repeat;}
#main .tworight ul.portfolio {margin:0px; }
#main .tworight ul.portfolio li {font:12px/14px "Lucida Sans Unicode", Helvetika, Arial, sans-serif; padding:0px 0px 12px 0px; background:none }
#main .tworight img {margin-bottom:36px}
.leftcol p, .centcol p, .rightcol p, .leftcol ul, .centcol ul, .rightcol ul {margin:0px 0px 9px 0px; text-align:left}
#main .leftcol ul, #main .centcol ul, #main .rightcol ul {}
ul.decor li {padding:0px 0px 0px 18px; background:url("bkg/list.png") no-repeat;}
.left ul {color:#333; font:13px/18px "Lucida Sans Unicode", Helvetika, Arial, sans-serif; list-style:none}
.left p, .left ul {margin:0px 0px 18px 0px; text-align:justify}
#footer p, #footer ul {color:#ddd; font:12px/18px "Lucida Sans Unicode", Helvetika, Arial, sans-serif;}
#main .just p {text-align:justify}

a {text-decoration:none; color:#005e8c; }
#main a {}
strong a {padding:0px 4px; font-weight:normal; background:#ffffb2}
#footer a {color:#fff}
a:hover {color:#888}
#footer a:hover {color:#ccc}
#main ul a {padding:0px 0px 0px 18px; background:url("bkg/list.png") no-repeat;}
#main ul.decor a, #main .tworight ul a, #main .tworight ul a:hover {padding:0px; background:none;}
#main ul a:hover {background:url("bkg/hoverlist.png") no-repeat;}
#main ul.decor a:hover {background:none;}
h3.bnm a {color:#333}

.left h2 {font:bold 16px/36px "Lucida Sans Unicode", Arial, sans-serif; color:#333}
h1 {font:bold 16px/36px "Tahoma", Arial, sans-serif; text-transform:uppercase; color:#1a801a}
h2 {font:bold 16px/36px "Tahoma", Arial, sans-serif; color:#333}
h3 {margin:18px 0px 9px 0px; font:bold 14px/18px "Tahoma", Arial, sans-serif; color:#333}
h4 {margin:0px 0px 9px 0px; font:small-caps 14px/18px "Lucida Sans Unicode", Arial, sans-serif; color:#ddd}
h2.dec {background:url("bkg/z.png") no-repeat; padding:0px 0px 8px 45px; margin:0px 0px 9px 0px; border-bottom:1px dotted #bbb}
h5 {font:bold 16px/36px "Tahoma", Arial, sans-serif; color:#333}


.bnm {font-weight:bold; margin:0px; }

.fltleft {float:left; margin:0px 18px 18px 0px}
.margtop {margin-top:18px}
.margbottom {padding-bottom:17px; border-bottom:1px dotted #ccc}
.margright {margin-right:18px}
p.nomargin {margin-top:0px;}
.red {color:#e33900}
.rightborder {border-right:2px dotted #ccc}

/* --- SUBMENU --- */
#photo #submenu {margin:9px 27px 18px 61px; padding:9px 0px 0px 0px; overflow:visible; height:18px; border-left:2px dotted #ccc; border-bottom:2px dotted #ccc}
#rekl #submenu {margin:9px 432px 18px 61px; padding:9px 0px 0px 0px; overflow:visible; height:18px; border-right:2px dotted #ccc; border-bottom:2px dotted #ccc}
#minilabs #submenu {margin:9px 144px 18px 61px; padding:9px 0px 0px 0px; overflow:visible; height:18px; border-right:2px dotted #ccc; border-bottom:2px dotted #ccc}
#submenu span a {display:block; float:left; padding:0px 9px; margin:0px 9px; background:#8a998a; color:#fff; font:14px/36px "Tahoma", Arial; border-left:3px solid #f3f3f3; border-right:3px solid #f3f3f3; -moz-border-radius:9px }
#submenu span a:hover {background:#e33900}
#photo #submenu.prnt span a#print {background:#e33900}
#photo #submenu.ft span a#other {background:#e33900}
#rekl #submenu span a#g {margin:0px 9px 0px 0px;}
#rekl #submenu.gd span a#g {background:#e33900}
#rekl #submenu.wd span a#w {background:#e33900}
#minilabs #submenu span a#part {margin:0px 9px 0px 0px;}
#minilabs #submenu.prt span a#part {background:#e33900}
#minilabs #submenu.frnt span a#machine {background:#e33900}

/* --- SUBMENU2 --- */

.submenu {list-style:none; border-bottom:1px solid #ccc; }
.submenu li, .submenu h2 { display:inline;}
#left .submenu li h2 {display:inline; margin-right:10px; padding:0px 18px; font:bold 14px/18px "Lucida Sans Unicode", Arial, sans-serif; background:#fff; border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:3px solid #fff;
-moz-border-radius-topleft:9px; -moz-border-radius-topright:9px}
#left .submenu li h2.lnk {background:none; border-bottom:none}

/* --- PARTS TABLE --- */
#parts {width:580px;background:#f0f0f0; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px}
.minilab_model {padding:9px 0px; text-align:center; background:#ddeedd; border-bottom:1px solid #ccc;}
#parts li ul {display:block; height:100%; overflow:auto}
#parts li {list-style:none;}
#parts p {margin:9px 0px 9px 14px}
#parts img {margin-right:9px}
#parts li a, #parts li a:hover {background:none; padding:0px}
#parts li ul li {font: 12px/18px "Tahoma", sans-serif}
#parts li ul {overflow:auto; margin:0px; text-align:center; border-bottom:1px solid #ccc;}
#parts li ul li {display:block; float:left; padding:9px 0px;}
.parts_odd {background:url("bkg/parts1.png") repeat-y}
.parts_even {background:url("bkg/parts2.png") repeat-y}
.part_no {width:107px; }
.part_descr {width:288px}
.part_price {width:106px}
#parts li ul li.part_stock {width:68px; border-right:0px}
#parts sup {font-size:10px; line-height:1px}

/* --- PRICELIST --- */
.right #pricelist {font:12px/24px "Tahoma", Arial, sans-serif}
#pricelist {width:264px; background:#f0f0f0; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px}

.right #pricelist li span {display:block; height:24px; float:left; margin:0px; text-align:center;}
.right #pricelist li {clear:both; overflow:auto; border-bottom:1px solid #ccc}
.prices_odd {background:url("bkg/prices_odd.png") repeat-y}
.prices_even {background:url("bkg/prices_even.png") repeat-y}
 span.size {width:87px; }
span.price1 {width:87px}
span.price2 {width:87px}



/* --- FORMS --- */

#loginform {width:320px; margin:0px auto; }
#messageform {width:262px; border-bottom:1px dotted #1a801a;}
form {background:#d9ffd1 url("bkg/form_bkg.png") repeat-x; padding:0px 0px 18px 0px; border-top:1px dotted #1a801a; border-right:1px dotted #1a801a; border-left:1px dotted #1a801a}
#main form h3 {font:14px/18px Tahoma; position:relative; width:160px; padding:4px 0px; text-align:center; margin:-11px 0px 0px 20px; color:#555; border:1px solid #aaa; background:#ddeedd; -moz-border-radius: 4px;
-webkit-border-radius: 4px;}
#main form ul {padding:0px 20px 9px 0px; margin:0px; list-style:none; text-indent:none; text-align:right}
#main form li {margin:18px 0px 0px 0px; padding:0px; }
#main form p {margin:0px}
#main form p.aleft {text-align:left; padding:9px 0px 9px 20px}
#main form p.aright {text-align:right; padding:0px 20px 0px 0px}
#main  form .error {text-align:center; margin:6px 0px 0px 78px; background:red; font:12px/18px Tahoma; color: #fff}
#formbottom {width:322px; margin:0px auto; padding:9px 0px; background:#4aa64a;}
#formbottom a {margin:0px 20px 0px 30px; color:#fff; text-decoration:none; border:0px}
#formbottom a:hover {color:#ffff99}
input.a {width:180px; border-top:1px solid #4aa64a; border-left:1px solid #4aa64a; border-right:1px solid #a0eba0; border-bottom:1px solid #a0eba0}
label {padding-right:5px; cursor:pointer}
#rem {font:12px/18px Tahoma}
#remember {vertical-align: middle}
#submit {width:100px; margin:0px; padding:0px; background:#4aa64a; border:1px solid #fff; color:#fff; cursor:pointer}
#submit:hover {background:#d63600}
textarea {width:216px; margin:0px 0px 9px 22px; overflow:auto; border-top:1px solid #4aa64a; border-left:1px solid #4aa64a; border-right:1px solid #a0eba0; border-bottom:1px solid #a0eba0}