* { padding:0; border:0; margin:0; text-decoration:none; font-family:Verdana, Tahoma; list-style:none; }
html { width:100%; background:url(images/html_bg.jpg) repeat-x top; }

body { width:970px; margin:0 auto; }

#top { width:970px; height:310px; background:url(images/top_bg.jpg) no-repeat bottom; float:left; }
.blue { color:#014c85; }
a#logotyp { height:55px; float:left; display:block; padding-left:76px; background:url(images/logotyp.jpg) left no-repeat; color:#3c3c3c; font-size:34px; position:relative; left:10px; top:25px; padding-top:7px; }
a#logotyp span.small { font-size:24px; color:#616161; }

h1#slogan { font-size:12px; color:#3c3c3c; float:left; width:380px; position:relative; top:93px; left:10px; font-weight:normal; }

#top #nav { font-family:tahoma; font-size:10px; float:right; }
#top #nav li { float:left; display:inline; }
#top #nav li a { float:left; display:block; height:15px; padding:17px 15px 1px 15px; position:relative; top:20px; color:#6f6f6f; }
#top #nav li a:hover { text-decoration:underline; }
#top #nav li a.home { background:url(images/icon_home.jpg) 50px 5px no-repeat; }
#top #nav li a.faq { background:url(images/icon_home.jpg) 20px 5px no-repeat; border-left:1px solid #d6e1e6; border-right:1px solid #d6e1e6; }
#top #nav li a.con { background:url(images/icon_contact.jpg) 30px 5px no-repeat; }

#top #menu { float:left; clear:left; font-size:12px; width:255px; margin-top:50px; position:relative; left:1px; }
#top #menu li { float:left; width:255px; height:37px; border-top:1px solid #3f3f3f; border-bottom:1px solid #363636; }
#top #menu li.first { border-top:0; }
#top #menu li.last { border-bottom:0; }
#top #menu li a { color:#FFFFFF; width:255px; height:25px; padding:12px 0 0px 0; display:block; float:left; background:url(images/menu_arrow.jpg) 20px 17px no-repeat; text-indent:40px; }
#top #menu li a:hover { text-decoration:underline; }

#top form { height:23px; float:right; width:180px; position:relative; top:20px; left:-10px }
#top form input.fraza { width:140px; height:12px; padding:4px 5px; float:left; display:block; border:1px solid #e2e2e2; font-size:10px; color:#6f6f6f; margin-right:5px; }

#content { width:970px; float:left; background:url(images/content_bg.jpg) repeat-x top; margin-top:1px; }

#content #left { width:235px; padding:10px; float:left; border:1px solid #c9dbe4; border-top: none; background:#e1e6ec; text-align:center; }
#content #left h4 { font-size:12px; color:#3c3c3c; float:left; width:229px; border-bottom:2px solid #d7d7d7; padding:6px 3px; text-align:left }
#content #left img { margin:10px 0; }
#content #left dl { width:222px; padding:5px; float:left; border:1px solid #c9dbe4; background:#ffffff; font-family:tahoma; font-size:11px; color:#707070; text-align:left; }
#content #left dl dt { float:left; clear:left; padding-right:5px; padding-left:17px; background:url(images/arrow_c.jpg) left no-repeat; }
#content #left dl dt.klient { background:url(images/arrow_k.jpg) left no-repeat; }
#content #left dl a { color:#014c85; }
#content #left dl dd { float:left; }

#content #main { width:396px; padding:10px 15px 0 15px; border-right:3px solid #d7d7d7; float:left;}
#content #main h2 { font-size:16px; font-family:tahoma ; color:#3c3c3c; float:left; }
#content #main img { float:left; border:1px solid #c1c6cd; margin:10px 10px 0px 0; }
#content #main p { font-size:11px; float:left; color:#505050; padding:10px 0px; width:396px; }
#content #main p.bold { width:236px; font-weight:bold; text-align:justify }
#content #main p.contact { clear: both; width: 120px; font-weight: bold; float: left; }
#content form { text-align: center; font-size:11px; color:#505050; }
#content form input.fraza { float: left;  width:140px; height:12px; border:1px solid #e2e2e2; font-size:10px; color:#6f6f6f; }
#content form textarea { float: left; width:200px; height:150px; border:1px solid #e2e2e2; font-size:10px; color:#6f6f6f; }


#content #right { float:left; width:255px; margin-left:12px; }
#content #right h4 { font-size:14px; color:#3c3c3c; float:left; width:249px; border-bottom:2px solid #d7d7d7; padding:6px 3px; text-align:left }
#content #right h4.kontakt { border:0; margin-top:6px; }
#content #right div.kon { width:245px; padding:5px; float:left; border:1px solid #d4d4d4; background:#e6e6e6; font-family:tahoma; font-size:11px; color:#707070; text-align:left; margin-bottom:10px }
#content #right div.kon ul { width:233px; padding:5px; float:left; border:1px solid #d4d4d4; background:#fff; font-family:tahoma; font-size:11px; color:#707070; text-align:left; margin-top:5px; font-weight:bold; }
#content #right div.kon ul li { margin:3px 0; }
#content #right div.kon ul li a { color:#707070; }
#content #right div.kon ul li img { margin:0 3px; vertical-align:-4px; width:15px; height:15px; }

#content #right #klienci { width:255px; float:left; }
#content #right #klienci li { display:inline; text-align:center; width:115px; padding:5px; float:left; }

#content #right img { margin:10px 0; }
#content #right dl { width:222px; padding:5px; float:left; border:1px solid #c9dbe4; background:#ffffff; font-family:tahoma; font-size:11px; color:#707070; text-align:left; }
#content #right dl dt { float:left; clear:left; padding-right:5px; padding-left:17px; background:url(images/arrow_c.jpg) left no-repeat; }
#content #right dl dt.klient { background:url(images/arrow_k.jpg) left no-repeat; }
#content #right dl a { color:#014c85; }
#content #right dl dd { float:left; }

#footer { width:970px; height:42px; float:left; background:url(images/footer_bg.jpg) top no-repeat #e0e6ec; margin:10px 0; clear:both; font-family:tahoma; font-size:11px; color:#505050; }
#footer a { color:#1f1f1f; font-weight:bold; }
#footer address { font-style:normal; position:relative; left:20px; top:15px; }