*{font-family:sans-serif,Verdana; font-size:13px; color:#333;}
body{background-color:#D4D4D4; margin:0px;}
p{text-indent:1em; letter-spacing:0.03em; margin:5px 0px 0px 5px;}
h1, p{margin:0px 0px 15px 0px; padding:0px;}
h3, ul, li{margin:0px 0px; padding:0px;}
h1{font-size:1.4em; margin-bottom:20px; letter-spacing:.2em; border-bottom:3px solid #427EBD;}
h3{font-size:1.1em; letter-spacing:.02em; color:#1F5192; margin:10px 0px 10px 0px;}
h3.list{margin-top:40px;}
h3.title {font-size:1.3em; letter-spacing: 0.2em; color: Black;}
h4{margin:10px 0px 10px 0px;}
li{list-style:none;}
dl{letter-spacing:0.03em; margin:5px 0px 0px 5px;}
dt{background:url(arrow_black.gif) left center no-repeat; margin:3px 0px; padding-left:12px;}
acronym{_border-bottom-style:dotted; _border-bottom-width:2px; /* IE */}
cite {font-weight:bold;}
a{text-decoration:none; color:#4683C3; padding:2px;}/*#3568A0*/
a:hover{text-decoration:none; color:#000; background:#e7e7e7;}

#container{background:#FFF; width:930px; margin:20px auto; margin-bottom:20px; padding:20px; border:1px solid #000;}

/* --- Header */
#header{margin:0px 0px; padding:0px 0px; height:75px;} 
#header h1{display:none;}

#header #logo a:hover{background:none;}

#siteLangs ul{float:right; margin:-4px 2px 0;}
#siteLangs ul li{display:inline; margin:0 0 0 8px;}
#siteLangs ul li a{color:#1F5192; font-weight:bold; text-decoration:none; font-size:85%;}
#siteLangs ul li a:hover{text-decoration:none; color:#6A6A6A;}
#siteLangs .active a:hover{color:#6A6A6A;}
#siteLangs .active a{color:#6A6A6A; text-decoration:none;}

#manager{margin:0px 2px 17px 0; border-bottom:2px solid #E3E5E6;}
#menuSite{text-align:right; padding:0; margin-top:-8px; border-bottom:1px solid #000; padding-bottom:4px;}
#menuSite ul{font-weight:bold;}
#menuSite ul li{display:inline;}
#menuSite ul li a{margin:0 3px; padding:5px 15px 5px 15px; background:url(1px_cab.gif); border:1px solid #131313; border-bottom:none; color:#e3e5e6;}
#menuSite li a:hover{text-decoration:none; background:none; background-color: #4784C5; color:#fff;}
#menuSite .active{background:none; background-color: #E3E5E6; margin:0px 2px; padding:5px 15px 5px 15px; border:1px solid #131313; border-bottom:none;}

/* --- Column left */
#col_left{overflow:hidden; float:left; width:185px; margin:20px 0; _margin:15px 0;}
#webmenu{margin:0px; padding:0; border:1px solid #A5B2BC; border-top:none;}
#webmenu li{margin:0; background:url(bgbox.jpg); margin-bottom:1px; display:block; font-weight:bold; _display:inline-block; _width:100%; border-top:1px solid #A5B2BC;}
#webmenu li.active{background:#E3E5E6}
#webmenu li.active span.active{padding:3px 3px 3px 10px; display:block;}
#webmenu li a{color:#fff; padding:3px; padding-left:10px; display:block; border:1px solid #fff;}
#webmenu li a:hover{color:#000; border-left:4px solid #000;}
#webmenu li ul{margin:0; color:#fff; }
#webmenu li ul li{margin:0;  background:none; background-color:#fff;}
#webmenu li ul li.active span.active{padding:3px; padding-left:19px; background:#E3E5E6;}
#webmenu li ul li a{padding:3px 3px 3px 15px; display:block; color:#4683C3; border:none;}
#webmenu li ul li a:hover{background:#E3E5E6; border-left:4px solid #4784C5; padding-left:17px; text-decoration:none;}

/* --- Content */
#content{float:left; padding:10px 20px 10px 20px; width:500px; min-height:500px; height:auto; _height:500px; /* IE */ margin: 5px 5px 20px 5px;
/*background:url(logo_ds2.jpg) 350px bottom no-repeat;*/}
#content ul{margin:5px 25px;}
#content ul li{font-weight:bold; font-size:.9em; list-style-type:square; margin-bottom:5px;}
#content ul li.cat{padding-left:12px; background:url(arrow_blue.gif) left top no-repeat; list-style-type:none;}
#content ul.boxes{margin:50px 25px;}
#content ul.boxes li{display:inline; float:left; margin-left:10px; list-style-type:none;}
#content ul.boxes li a{display:block; background:url(box_blue.jpg) no-repeat; height:40px; width:130px; text-align:center; color:#fff; padding:50px 0; font-size:140%; font-weight:bold;}
#content ul.boxes li a:hover{background:url(box_grey.jpg) no-repeat; text-decoration:none; color:#000;}

/* --- Column right */
#col_right{float:left; width:185px; margin: 20px 0; _margin:15px 0; padding:0px 2px; min-height:400px; height:auto; _height:400px; /* IE */}
#col_right a {padding:0px;}

/* --- Foot */
#foot{ overflow:hidden; _display:inline-block; /* IE */ clear:both; background-color:#1B1B1B; margin: 0px -20px -20px; text-align:center; padding:2px 1px 1px 1px;}
#foot2{border:1px solid #A5B2BC; padding:5px;}
#foot *{color:#e3e5e6;}
#foot ul{	margin:5px 0;}
#foot ul li{display:inline; margin:0px 0px;}
#foot a:hover{background:none; text-decoration:underline;}
#footMenu{margin:3px 0px;}
#footMenu li{background:url(guio.gif) left  no-repeat;}
#footMenu li.ini{background:none;}
#footMenu li a{margin:0 5px 0 5px; font-size:.95em; padding-left:10px;}


/* Varis */
#som img{margin:5px; float:right; width:180px; height:220px;}

.box{border:1px solid #A5B2BC; padding:1px; margin:0;}
.box h3{margin:0px; background:url(bgbox.jpg) repeat-x; color:#e3e5e6; text-decoration:none; border-bottom:1px solid #A5B2BC;}
#col_right .box h3 a, .box h3 a{display:block; color:#fff; padding:2px 3px 4px 5px;}
#col_right .box h3 a:hover, .box h3 a:hover{color:#000; text-decoration:none; background:#E3E5E6;}
.box p{text-indent:0%; margin:0px;}
.body p{margin-bottom:5px;}

#content .box h3{background:#fff; padding:1px;}
#content .box h3 a{background:#A2A8AF; padding:3px; border:1px solid #A5B2BC;}
#content .box h3 a:hover{background:url(bgbox.jpg) repeat; color:#fff;}
#content .box div.news_list div.item {margin: 5px;}
#content .box div.news_list div.item p.title {background:#e3e5e6; margin-top: 15px; padding: 4px; font-weight:bold;}
#content .box div.news_list div.item div.body p {font-size: 0.9em;}
#content .box div.news_list div.item a.follow {margin-left: 350px;}

.catalogue{margin-top:30px;}
.items{padding-bottom:10px; margin-bottom:15px; border-bottom:1px dotted #000;}
.catalogue .last{border-bottom:none;}
.items h3.title{font-size:2.5em; letter-spacing:0.2em; margin-bottom:15px;}
.item h3.title{font-size:2.em; letter-spacing:.3em;}
.item h3.title a{background:url(arrow.gif) left 5px no-repeat; padding-left:10px; text-decoration:underline;}
.item .body{margin:7px;}
.catalogue .item .body{margin:30px 5px 0 5px;}
.catalogue .item .body p{margin:16px 0 16px 0;}

.news_list{margin:2px;}
.news_list li{background:url(arrow.gif) left 5px no-repeat; padding-left:10px;}
.news_list li a{display:block; margin:4px 0 8px 0;}
.news_list li a:hover{background:#E3E5E6; text-decoration:none; color:#000;}
.news_list dt a {color:#000; font-weight:bold;}
.news_list dd{margin:2px 3px 5px 15px; padding:0px;}
.news_list dd a{margin-left:10px;}
.news_list .item .body p{text-indent:1em;}

.banner{margin:35px 0px; text-align:center;}
.uppercase{text-transform:uppercase;}
.strong{font-weight:bold;}
.frase{margin:5px 10px 35px 10px; color:#3568A0; font-style:oblique; text-align:right; font-weight:bold;}
.team{text-align:right; font-weight:bold;}
.product{background:#e7e7e7; margin:0px; padding:1px; font-size: 90%; margin-top:25px; border:1px solid #A5B2BC;}
.product h4{text-align:center; font-size:120%; margin:1px 0 10px 0;}
.product h4 a, .note h3{color:#fff; display:block; background:#A2A8AF; padding:3px 0 3px 0; border:1px solid #A5B2BC;}
.product h4 a:hover{color:#fff; background:url(bgbox.jpg) repeat; text-decoration:none;}
.note{background:#e7e7e7;padding:4px 10px 4px 10px; font-size: 90%; margin:25px 0 40px 0; border:1px solid #A5B2BC; clear:both;}
.note h3{margin-top:-10px !important; margin-top:0px; padding:2px 2px 2px 12px;}
.catalogue .note{padding:0 20px 20px 20px;}
.catalogue .note h3{margin-top:-10px !important; margin-top:0px;}
.att{color:#f00;}
.mail{vertical-align:middle;}
.ext{background:url(external.png) right center no-repeat; padding-right:12px;}
a.ext:hover{background-color:#e7e7e7; background:url(external.png) right center no-repeat; padding-right:12px;}
.logo{vertical-align:middle; margin:0px 2px; border:none;}
.image_right{margin:5px; float:right;}
.image_left{margin:5px; float:left;}
.image_center{margin:-20px 0 -30px 0; text-align:center;}
.image_center img{vertical-align:middle;}
.image_center img.separator{margin-right:40px;}
.border{border:2px dotted #000; margin-bottom:20px;}
.font_small{font-size:.8em;}
.no_indent{text-indent:0%;}
.contactus{text-align:center; border:1px solid #000; width:75%; margin:20px auto; padding:10px 10px 10px 10px;}
.margin{margin-top:30px;}
.right{text-align:right; margin-right:30px; font-size:85%; font-weight:bold; margin-top:-10px !important; margin-top:0px;}
.right a{padding:3px;}
.right a:hover{text-decoration:none; color:#000; background:#A2A8AF;}
.left, h4.left{text-align:left;}
.center{text-align:center;}
.links_more {margin-top: 40px;}
.highlight {color: #000; font-size:110%; font-weight:bold;}
.remark {font-weight:bold;}
.clear{clear:both;}
.note_remark{padding:8px 1px 8px 1px; background-color:#fff; border:1px dashed #000; font-weight:bold; text-align:center; margin:10px 80px 20px 80px; font-size:15px; color:#000;}
img.fright{margin:5px 0 5px 5px; float:right; padding:0;}

#map {margin:0px; padding:0px;}
#map td{text-align:center; background:#000; padding:1; height:23px;}
#map a{color:#e3e5e6; display:block; padding:12px 3px; background:#000; height:23px;}
#map a:hover{color:#000; text-decoration:none; background:#e3e5e6;}
#map .header {background:#417DBC; color:#e3e5e6;}
#map .header a{background:#417DBC; color:#e3e5e6;}
#map .separator a{background:#737479; color:#e3e5e6; height:18px; padding:6px 3px;}
#map .header a:hover, #map .separator a:hover{background:#e3e5e6; color:#000;}
#map .empty{background:none;}

.contactform {width:430px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 10px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.contactform label.left {float:left; width:140px; margin:0; padding:2px; font-size:100%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); /*font-family:verdana,arial,sans-serif;*/ font-size:110%;}
.contactform input.field {width:255px; padding:2px; border:solid 1px rgb(200,200,200); /*font-family:verdana,arial,sans-serif;*/ font-size:110%;}
.contactform textarea {width:255px; padding:2px; border:solid 1px rgb(200,200,200); /*font-family:verdana,arial,sans-serif;*/ font-size:110%;}
.contactform input.button {float:right; width:6.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; /*font-family:verdana,arial,sans-serif;*/ color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}