@media screen{
body {background:#f9f9f9 url( "../images/layout/bg.png" ) left top repeat-x;color:#4f4f4f;font-family:sans-serif;line-height:1.3;font-size:80%;text-align:center;margin:0;padding:0}
html {overflow: scroll}

a:link, a:active, a:visited {color:#164292;text-decoration:underline}
a:hover {text-decoration:none}

h1,h2,h3,h4,h5,h6,p,table,fieldset,img,ul,li {text-align:left;margin:0;padding:0}
h1 {font-size:170%}
h2 {font-size:150%}
h3 {font-size:130%}
h4 {font-size:100%}

td{padding:5px 5px}
a img{border:0}

#master{width:961px;margin:0 auto}
#header{position:relative;width:961px;height:154px;margin-top:5px}
#header #logo{position:absolute;top:16px;left:32px;width:222px;height:137px;z-index:100}
#header #logo span{position:absolute;left:0;top:0;background:url(../images/layout/logo.png) 0 0 no-repeat;width:222px;height:137px}
#header #slide{position:absolute;right:0;top:0;background:#c0c6cf;width:706px;height:154px;overflow:hidden}
#header h1{position:absolute;display:block;right:58px;top:41px;width:250px;height:75px;z-index:1000}
#header h1{color:#fff;font-size:160%;font-style:italic;text-transform:uppercase;text-shadow:#000 1px 1px}

#content{position:relative;background:url(../images/layout/bg-contentin.png) 0 0 repeat-y;width:961px;text-align:left}
#content #bgContent{position:relative;color:#fff;font-size:85%;background:#164292;width:683px;height:34px;line-height:34px;padding-left:278px;z-index:100}
#content #bgContent a{color:#fff;text-decoration:underline}
#content #bgContent a:hover{text-decoration:none}

#right .refList{margin:8px 5px 8px 8px;float:left;width:298px}
#right .refImg{height:75px}
#right .refText{background:url(../images/layout/bg-reference-lis.png) 0 100% no-repeat;height:80px;width:298px;overflow:hidden}
#right .refText h3{margin:0;padding:7px 5px 2px 15px}
#right .refText h3 a{font-size:85%;color:#003399;text-decoration:none}
#right .refText p{margin:0;padding:2px 5px 2px 15px}

#right .refDet{background:url(../images/layout/bg-ref-top.png) 0 0 no-repeat;width:615px;padding-top:11px;margin-bottom:10px}
#right .refCont{background:#fbfbff;padding:0 7px;border-left:1px solid #dae1ed;border-right:1px solid #dae1ed}
#right .refCont img{margin-left:4px}
#right .refCont div{margin:0 10px 0 170px}
#right .refCont p{padding:2px 0;margin:0}
#right .refCont h3{padding:0;margin:0}
#right .refCont span{font-weight:bold}
#right .refDet .refBott{clear:left;background:url(../images/layout/bg-ref-bott.png) 0 0 no-repeat;height:11px}

#right .prodList{width:613px;margin:10px 0 0 5px}
#right .prodList h2{color:#164292;font-size:140%;padding:10px 10px 3px 10px;font-style:normal}
#right .prodList ul.down{margin-top:0px}
#right .prodImg{width:613px;height:85px;overflow:hidden}
#right .prodImg a img{outline:0}
#right .prodText{background:#fbfbff;border-left:1px solid #dae1ed;border-right:1px solid #dae1ed;border-bottom:1px solid #dae1ed}

#right .newsTitle{border-bottom:none;font-style:normal;padding:0 10px 2px 10px;margin-bottom:0}
#right .newsDate{padding:0 10px 2px 10px;margin-bottom:0}
#right .newsText{padding:3px 10px 20px 10px;margin-bottom:15px;border-bottom:1px solid #e0e0e0}

#left{position:relative;float:left;top:-36px;width:250px;margin-left:32px;z-index:1000}
#left ul.menu{position:relative;display:block;background:#fcfcfc url(../images/layout/bg-menu.png) 0 0 repeat-x;width:213px;list-style:none;margin:0;padding:0 0 6px 0;z-index:100}
#left ul.menu li{padding:6px 0 6px 0;margin:0 8px;border-bottom:1px solid #d9dada}
#left ul.menu li a{background:url(../images/next/arr-menu.png) 2px 5px no-repeat;display:block;color:#164292;text-decoration:none;font-weight:bold;padding-left:13px}
#left ul.menu li a:hover{text-decoration:underline}

#left ul.menu ul{list-style:none;margin:5px 0 0 0;padding:0}
#left ul.menu ul li{margin:0;padding:5px 0 5px 7px;border:none}
#left ul.menu ul li a{background:url(../images/next/arr-menu2.png) 0 6px no-repeat;font-weight:normal;font-size:90%;padding-left:9px}

#left ul.menu ul ul{font-size:95%;margin:5px 0 0 3px}
#left ul.menu ul ul li{margin:0;padding:3px 0 3px 7px}

#left .shapeMenu{position:relative;background:#fff;width:213px;padding:0 5px 5px 4px;margin-bottom:20px}
#left .bgMenu{position:absolute;right:-9px;bottom:-10px;background:url(../images/layout/bg-shadow-left.png) 0 0 no-repeat;width:232px;height:100px}
#left .shapeLeft{font-size:90%;position:relative;background:#fafbfd;width:213px;padding:5px 5px 5px 4px;margin-bottom:15px}

#left .shapeContent{position:relative;background:url(../images/layout/bg-menu.png) 0 0 repeat-x;width:190px;padding:0 12px 17px 12px;z-index:1000}
#left h2{color:#164292;font-size:110%;padding:10px 7px;margin-bottom:7px;border-bottom:1px solid #d9dada}
#left p{font-size:95%;margin-top:3px}
#left p.date{margin-top:7px}
#left h3{font-size:95%;}
#left h3 a {color:#164292;background:url(../images/next/arr-h3.gif) 0 4px no-repeat;padding-left:12px }
#left h3,#left p{padding:0 5px}

#right{float:left;width:625px}
#right h1{color:#164292;font-size:170%;font-style:italic;border-bottom:1px solid #d9dada;padding:15px 10px 10px 10px;margin-bottom:15px}
#right h2{color:#4d5151;font-size:140%;font-style:italic;border-bottom:1px solid #d9dada;padding:15px 10px 10px 10px;margin-bottom:15px}
#right h3{color:#164292;font-size:120%;padding:10px 10px 2px 10px}
#right h4 {padding:5px 10px 2px 10px}

#right p{padding:1px 10px 15px 10px}
#right ul{list-style:none;margin:10px 10px;padding:0}
#right ul li{background:url(../images/next/arr-li.png) 0 7px no-repeat;padding:3px 0 3px 22px}
#right ul.down li{background:url(../images/icons/down.gif) 2px 9px no-repeat;padding:5px 0 5px 22px}

#right .info{padding:0 10px 6px 10px;margin:0;font-size:110%}
#right .fotoList{padding:6px}
#right .fotoList img{padding:5px;border:1px solid #ccc;margin:4px}
#right .fileList{padding:10px;margin:10px;background:#fcfcfc;border:1px solid #e5e5e5}

.small,a.back,p.newsDate{font-size:80%;color:#888}
.back{background:url(../images/icons/back.gif) 0 55% no-repeat;padding-left:12px}

#footer{color:#fff;background:#164292;height:30px;line-height:30px; margin:10px 16px 0 18px;padding:5px 15px}
#footer a{color:#fff}
#footer .created{font-size:80%}

/* others */
.tar {text-align:right}
.tac {text-align:center}
.tal {text-align:left}
.fl  {float:left}
.fr {float:right}
.b{font-weight:bold}
.clear{clear:left;height:1px;font-size:1px}
.vp5{padding:0 5px}
#right .pb5{padding-bottom:5px}
.mr10{margin-right:10px}
.ml15{margin-left:15px}
.hidd {position:absolute;top:-5000px}

}
@media print{
body {font-family:"Times New Roman CE",Georgia,"Times New Roman",Times,serif;color:#000}
div{padding:0;margin:0}
#header,#left,#bgContent,.skryta,#footer{display:none}
img{float:left;border:none;margin:.5em}
fieldset{border:none;border-bottom:1px solid #333;margin:0;padding:0 0 .5em 0}
h1,h2,h3,h4{margin:0;clear:left}
ul{clear:left}
h1{font-size:180%;padding-top:0;margin-bottom:.5em;border-bottom:1px solid #000}
h2,h3{padding:.2em 0 0 0;margin:0}
h2{font-size:140%}
h3{font-size:120%}
p{margin-top:.2em;padding:0}
a{text-decoration:underline}
table{width:100%; text-align:center}
th,td{text-align:center}
td,th{border:1px solid #000}
}