@import url("initial.css");

body {background:#fff;color:#444444;text-align:center;font:.75em/1.3 "Trebuchet MS", helvetica, sans-serif}

#site {background:url(../img/side.png) repeat-y 1px 0;border-left:3px solid #eeeeee;border-right:3px solid #eeeeee;border-bottom:10px solid #eeeeee;padding:0 1px 1px;width:857px;margin:0 auto;text-align:left}

#header {position:relative;height:197px;background:#fff url(../img/bgheader.jpg) no-repeat 0 0}
.webroku {position:absolute;left:45px;bottom:5px}
#roh {width:35px;height:5px;position:absolute;bottom:-5px;right:226px;background:url(../img/roh.png) no-repeat 0 0}
#logo {position:absolute;top:45px;left:30px}
#navset {position:absolute;top:0;right:10px;background:url(../img/headlinks.png) no-repeat 0 0;width:25.5em;height:53px}
#navset li {float:left;line-height:47px;text-align:center;display:block;height:53px}
#navset li a {text-decoration:none;color:#e10023;background:url(../img/icons.gif) no-repeat 0 4px;padding-left:15px}
#navset li#n1 {width:7.5em}
#navset li#n2 {width:9em}
#navset li#n2 a {background-position:-85px 4px}
#navset li#n3 {width:9em;background:url(../img/headlinks.png) no-repeat 100% 0}
#navset li#n3 a {background-position:-190px 4px}

#phones {position:absolute;top:65px;right:10px}
#phones li {display:block;width:168px;height:54px;background:url(../img/phones.png) no-repeat 0 0}
#phones li span {width:100%;height:100%;display:block;position:relative;z-index:-1}
#phones li#p2 {background-position:0 -55px}

#content {clear:both;width:640px;float:right;background:#fff url(../img/topbg.png) repeat-x 0 0}
#nav {background:url(../img/navbg.png) no-repeat 0 0;line-height:38px;padding-left:15px;width:625px}
#nav li {float:left;position:relative}
#nav li a {color:#fff;background:#a20019 url(../img/topbg.png) repeat-x 0 0;text-decoration:none;font-weight:bold;display:block;padding:0 10px}
#nav li ul {position:absolute;left:0;top:auto;display:none;width:200px;float:none}
#nav li ul ul {position:absolute;left:100%;top:-.1em;display:none}
#nav ul li {width:100%;padding:0}
#nav ul li a {display:block;text-decoration:none;color:#fff;padding:0 10px;width:100%;line-height:1.6em}
* html #nav ul li a {height:1%}
#nav li:hover li:hover a, #nav li.over li.over a, #nav li:hover li:hover li:hover a, #nav li.over li.over li.over a, #nav li:hover li a:hover, #nav li.over li a:hover, #nav li:hover li:hover li:hover a:hover, #nav li.over li li a:hover, #nav li:hover li:hover li:hover li:hover a:hover, #nav li.over li.over li.over li.over a:hover {color:#fff;background:#770013}
#nav li:hover a, #nav li.over, #nav li.over a, #nav li.over a:hover, #nav li.active, #nav li.active a ,#nav li.selected, #nav li.selected a {background:#770013 url(../img/menuhover.png) repeat-x 0 0}
#nav li:hover li a, #nav li.over li a, #nav li:hover li:hover li a, #nav li.over li.over li a, #nav li:hover li:hover li:hover li a, #nav li.over li.over li.over li a {color:#fff;background:#920017}
#nav li ul li a {padding:2px 5px}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.over ul ul, #nav li.over ul ul ul {display:none}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.over ul, #nav li li.over ul, #nav li li li.over ul {display:block}


#article {clear:both;padding:15px 10px 10px 25px}
#breadcrumbs {margin-bottom:20px;color:#da0022}
#breadcrumbs span {color:#da0022}
#breadcrumbs a {color:#444444}

h1 {color:#e10023;font-size:140%;margin-bottom:5px}
#article h2, #article h3, #article h4 {color:#e10023;margin:10px 0 5px}
#article h2 {font-size:130%}
#article h3 {font-size:120%}
#article h4 {font-size:110%}
.perex {font-weight:bold;font-size:110%;color:#36435f;background:#fff url(../img/dot.png) repeat-x 0 100%;padding-bottom:10px;margin-bottom:10px}
/*.desc {width:410px;margin-right:20px}*/
.desc p {margin-bottom:10px}
.anim {margin-bottom:10px}

#article ul {margin:10px 0 10px 20px}
#article ul li {background:#fff url(../img/redarrow.gif) no-repeat 0 4px;padding-left:10px}
#article table {margin:10px 0;border-collapse:collapse}
#article table td {border:1px solid #36435f;padding:1px 2px}

#article #banners {clear:both}
#article .banners-inner {background:url(../img/banners.png) no-repeat 0 0;float:left}
#article .banners-inner ul {padding:0;margin:10px 10px 0;width:140px}
#article .right ul {width:200px}
#article .banners-inner>ul {margin:10px 20px 0}
#article .banners-inner ul li a {color:#fff;text-decoration:none}
#article .banners-inner ul li {background:url(../img/arrows.gif) no-repeat 0 3px;padding-left:10px;margin-bottom:8px;height:1%}
#article .banners-inner>ul li {margin-bottom:10px;height:auto}
#article .banners-inner ul li.more {background-position:0 -95px;padding:3px 0 0 15px}
#article .banners-inner>ul li.more {background-position:0 -93px;padding-top:5px}
#article .right ul li.more {background-position:0 -95px;padding-top:3px}
#article .right>ul li.more {background-position:0 -93px;padding-top:5px}
#article .banners-inner ul li.more a {text-decoration:underline} 
#article .left {width:366px}
#article .left ul {float:left}
#article .right {background-position:100% 0;width:239px}
#article .banners-inner h2 {display:block;height:36px;background:url(../img/bannershead.png) no-repeat 0 0;margin:0 !important}
#article .banners-inner h2 span {width:100%;height:100%;display:block;position:relative;z-index:-1}
#article .banners-inner #b1 {width:366px;background-position:0 0}
#article .banners-inner #b2 {width:239px;background-position:-368px 0}
#content #article img {display:inline !important}



.articles {clear:both;margin-bottom:10px;background:#fff url(../img/dot.gif) repeat-x 0 100%;padding-bottom:10px}
.articles span {background:#fff url(../img/imgbg.gif) no-repeat 0 100%;padding:3px;width:102px}
.articles span.float-right {float:right;margin-left:10px}
.articles span.float-left {float:left;margin-right:10px}
.articles em {font-size:85%;color:#888888}
.articles h3 {font-size:120%}
.articles h3 a {color:#36435f;text-decoration:none}
.articles h3 a:hover {text-decoration:underline}

#article .scope {float:left;width:280px;margin:0}
#article .fs {margin-right:20px;}
#article .scope li {background:#fff url(../img/dot.gif) repeat-x 0 100%;padding:5px;margin-bottom:5px;}
#article .scope li h3 {font-size:120%}
#article .scope li h3 a {color:#36435f;text-decoration:none}
#article .scope li h3 a:hover {text-decoration:underline}

#side {float:left;width:216px}
#site>#side {width:217px}

#side h3 {display:block;height:38px;background:url(../img/txt1.jpg) no-repeat 0 0}
#side h3 span {width:100%;height:100%;display:block;position:relative;z-index:-1}
#side h3#products {background-position:0 -38px}

.news {background:#fff url(../img/newsbg.gif) no-repeat 100% 100%;padding:10px;margin-left:5px;font-size:85%}
.news dt {background:url(../img/arrows.gif) no-repeat 0 -29px;padding-left:10px}
.news dd a {color:#e10023;font-weight:bold;font-size:110%}
.news dd.more {text-align:right;margin-bottom:-3px}
.news dd.more a {color:#939393;font-weight:normal;font-size:100%}

#chapterpager {float:right}
#chapterpager td {padding:0 5px;vertical-align:middle}
#chapterpager td a {color:#47587c;text-decoration:none}
#chapterpager td a:hover {text-decoration:underline}
#chapterpager td .active {color:#e10023;font-size:110%;font-weight:bold}

#article #chapters {background:url(../img/shaddow.gif) repeat-x 0 0;height:3em;margin:0 0 10px;padding:5px 0 0}
#article #chapters li {background:url(../img/shaddow.gif) repeat-x 0 0;float:left;display:inline;padding:0 10px;line-height:2.5em}
#article #chapters li#cimg {margin:-3px 0 0 -7px}
#article #chapters li.active {background:#fff url(../img/shaddowa.gif) repeat-x 0 0;padding:0 5px;color:#e20023}
#article #chapters li a {color:#969dab;text-decoration:none}
#article #chapters li a:hover {color:#36435f}

#article #chtbl {clear:both;border-collapse:collapse;background:#fff url(../img/dot.gif) repeat-x 0 0;width:100%}
#article #chtbl td {border:0;padding:3px 0 0;font-size:85%;vertical-align:middle}
#article #chtbl td a {color:#828ea6}
#article #chtbl td#print {background:url(../img/articleicons.gif) no-repeat 0 -16px;padding:0 0 0 15px;width:115px}
#article #chtbl td#mail {background:url(../img/articleicons.gif) no-repeat 0 -35px;padding:0 0 0 15px;width:130px}
#article #chtbl td#pager img {float:right}

#article .relatedBox {float:left;width:295px}

fieldset {clear:both;border:1px solid #D0D1D3;margin:.66em 0 .99em 0;padding:9px;background:url(../img/gradient.gif) repeat-x left bottom}
legend {margin:.66em 10px .66em 0;padding:0 10px;color:#DB2B36}
input, textarea, select {font-size:1em}
/*label.required {border-bottom:1px dotted #DB2B36;cursor:help}*/
fieldset table td {border:0 !important}
.col-labels {width:190px}
.col-label {width:220px}
.alert, .info {border:1px solid #DB2B36;background:#fae100;padding:10px}
#article .alert ul li {background:#fae100 url(../img/arrows.gif) no-repeat 0 -27px}
.error {border:1px solid #ff0000}
.error-msg {color:#ff0000}

/**************************************************************/
#form input, #form textarea, #form select {border:1px solid #cac9b9}
#form .red {border:1px solid red}
#form label.red {border:none;color:red}
#form .customRed {border:none;color:red}
#validationMessage {padding:5px;border:1px solid red;margin-bottom:10px;color:red;font-weight:bold;display:none}
#form .errorMessage {color:red;margin-left:10px;font-size:0.8em}
/*************************************************************/

#photogallery {padding-top:10px;height:10em}
#photogallery dl {width:104px;float:left;margin-right:11px}
#photogallery dl.last {margin-right:0}
#photogallery dl dt {background:#fff url(../img/imgbg.gif) no-repeat 0 100%;padding:3px}
#photogallery dl dd {background:url(../img/articleicons.gif) no-repeat 10px 4px;padding:2px 0 2px 25px;font-size:85%}
#photogallery dl dd a {color:#828ea6}

#side .arrows {color:#595959;background:url(../img/arrows.gif) no-repeat 0 -97px;padding-left:10px;margin:10px 15px;clear:both;display:block}

#pnav {background:url(../img/products.png) no-repeat 0 0;margin:0;padding:11px 0 10px}
#pnav li {height:37px;margin-bottom:15px}
#pnav li a {color:#36435f;background:url(../img/products.png) no-repeat 0 0;text-decoration:none;font-weight:bold;display:block;padding:7px 0 0 17px;height:27px}
#pnav li a:hover {color:#e00022}
#pnav li#pr1 {margin-bottom:14px}
#pnav li#pr1 a {background-position:0 -11px}
#pnav li#pr1 a:hover {background-position:-218px -11px}
#pnav li#pr3 a {background-position:0 -62px;padding:10px 0 0 17px}
#pnav li#pr3 a:hover {background-position:-218px -62px}
#pnav li#pr4 {margin-bottom:13px}
#pnav>li#pr4 {margin-bottom:14px}
#pnav li#pr4 a {background-position:0 -114px;padding:9px 0 0 17px}
#pnav li#pr4 a:hover {background-position:-218px -114px}
#pnav li#pr5 {margin-bottom:13px}
#pnav>li#pr5 {margin-bottom:14px}
#pnav li#pr5 a {background-position:0 -166px;padding:4px 80px 5px 17px}
#pnav li#pr5 a:hover {background-position:-218px -166px}
#pnav li#pr2 {margin-bottom:12px}
#pnav>li#pr2 {margin-bottom:16px}
*:first-child+html #pnav li#pr2 {margin-bottom:12px}
#pnav li#pr2 a {background-position:0 -218px;padding:8px 0 0 17px}
#pnav li#pr2 a:hover {background-position:-218px -218px}
#pnav li#pr6 {margin-bottom:12px}
#pnav>li#pr6 {margin-bottom:14px}
#pnav li#pr6 a {background-position:0 -270px;padding:9px 0 0 17px}
*:first-child+html #pnav li#pr6 {margin-bottom:12px}
#pnav li#pr6 a:hover {background-position:-218px -270px}
#pnav li#pr7 a {background-position:0 -320px;padding:3px 70px 5px 17px}
#pnav li#pr7 a:hover {background-position:-218px -320px}


#ds-box {background:#232b3d url(../img/dsbg.jpg) repeat-x 0 0;padding-bottom:15px}
#ds-box h3 {background-position:0 -216px;height:40px}
#ds-box ul {margin:5px 17px 0}
#ds-box ul li {background:url(../img/arrows.gif) no-repeat 0 3px;padding-left:10px}
#ds-box ul li a {color:#fff;text-decoration:none}
h3#sc {background-position:0 -76px;height:67px}
h3#servis {background-position:0 -142px;height:75px}
h3#sc a, h3#servis a {z-index:10;display:block}
h3#sc a {height:67px}
h3#servis a {height:75px}

#footer {font-size:90%;padding:10px 0 30px}

/* SLIMBOX */

#lbOverlay{position:absolute;left:0;width:100%;background-color:#000;cursor:pointer;}
#lbCenter,#lbBottomContainer{position:absolute;left:50%;overflow:hidden;background-color:#fff;}
.lbLoading{background:#fff url(../img/loading.gif) no-repeat center;}
#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none;}
#lbPrevLink{left:0;}
#lbPrevLink:hover{background:transparent url(../img/prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink{right:0;}
#lbNextLink:hover{background:transparent url(../img/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;}
#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url(../img/closelabel.gif) no-repeat center;margin:5px 0;}
#lbCaption,#lbNumber{margin-right:71px;}
#lbCaption{font-weight:bold;}

.float-left {
  margin-right:10px;
}