* {
  font-size: 12px; padding: 0; margin: 0 
}

a { color: #03537e; text-decoration: none }
a:hover { color: #2b8cc6; text-decoration: underline }

body { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; text-align: left; background: url(bg_main.jpg) #f8eab0 top left repeat-x }

img { border: 0 }

.top_box { position: relative; }
.top_box img { z-index: 100; position: absolute; left: 753px; top: -288px }

.main { width: 100%; height: 100%; border-collapse: collapse }
.main tr, td { margin: 0; padding: 0; vertical-align: top }
.main .head { height: 3% }
.main .head table { height: 321px; border-collapse: collapse }
.main .head table tr, td { margin: 0; padding: 0 }
.main .head .l { width: 20%; white-space: nowrap }
.main .head .r { width: 80%; background: url(logo3.jpg) top right no-repeat; text-align: right }
.main .head .r img { margin: 15px 5px }
.main .head .r p { width: 247px; text-align: right; line-height: 18px; font-weight: bold; margin: 3px 16px 0 0 }
.main .head .r p span { color: #fff }
.main .head .r  a { color: #fff; font-weight: normal }
.main .middle { height: 96%; background: url(bg_middle.jpg) bottom right no-repeat }

#cont { width: 100%; height: 100%; border-collapse: collapse }
#cont tr, td { margin: 0; padding: 0 }
#cont .l_col { width: 10%; height: 30%; background: url(bg_left_col.jpg) top left no-repeat }
#cont .l_col div { width: 242px; height: 325px; margin-top: 23px }
#cont .l_col p { margin: 0 0 0 15px; clear: left }
#cont .l_col a.mbut { display: block; float: left; font: bold 12px verdana; color: #000; text-decoration: none; background: url(bg_mm_r.jpg) top right no-repeat;  background-position: 100% -33px; padding-right: 20px; outline: none; clear: left }
#cont .l_col a.mbut span { display: block; line-height: 15px; background: url(bg_mm_l.jpg) no-repeat; background-position: 0% -33px; padding: 0 0 0 18px; }
#cont .l_col a.mbut:hover { background-position: 100% 3px; }
#cont .l_col a.mbut:hover span { background-position: 0% 3px; color: #fff; }

#cont .l_col .sm { margin: 0 0 0 44px; clear: left }
#cont .l_col a.smbut { display: block; float: left; font: normal 12px verdana; color: #3b3a3a; text-decoration: none; background: url(bg_sm_r.jpg) top right no-repeat;  background-position: 100% -33px; padding-right: 20px; outline: none; clear: left }
#cont .l_col a.smbut span { display: block; line-height: 15px; background: url(bg_sm_l.jpg) no-repeat; background-position: 0% -33px; padding: 0 0 0 18px; }
#cont .l_col a.smbut:hover { background-position: 100% 4px; }
#cont .l_col a.smbut:hover span { background-position: 0% 4px; color: #fff; }

#cont .content { width: 80%; padding: 0 14px 70px 14px }
#cont .content p { margin-bottom: 15px }
#cont .content .nav { font-size: 9px; color: #858383; margin-bottom: 25px }
#cont .content .nav a { font-size: 9px }
#cont .content .scr { color: #585858; text-align: center; margin-bottom: 0px }
 #cont .content .scr img { vertical-align: text-top; font-size: 11px }
#cont .content .scr a { margin: 0 3px; font-size: 11px; text-decoration: underline }
#cont .content .scr span { margin: 0 3px; font-size: 11px }

#cont_box { padding-bottom: 30px; border-collapse: collapse }
#cont_box td { padding-bottom: 30px }
#cont_box td img { margin: 0 15px 0 0 }

#cont .r_col { width: 10%; height: 70%; background: url(bg_right_col.jpg) top right no-repeat }
#cont .r_col div { width: 242px; margin-top: 23px }
#cont .r_col h1 { background: url(bg_news.jpg) bottom no-repeat; text-align: center; padding-bottom: 3px }
#cont .r_col p { text-indent: 15px; margin: 18px 39px 0 39px }

#cont .l_col2 { width: 10%; background: url(bg_left_colb.jpg) bottom left no-repeat; vertical-align: bottom }
#cont .l_col2 img { margin: 24px 0 73px 0 }

#form { width: 500px; border-collapse: collapse; margin: 40px 0 0 0px }
#form td { padding-bottom: 5px }
#form .f_td1 { width: 128px; font-size: 10px; text-align: right; padding: 2px 10px 0 0 }
#form .f_td3 { font-size: 11px; text-align: center; padding: 2px 10px 0 0 }
#form  b { color: #ce0000 }
#form .f_td2 { width: 372px; padding: 0 0 5px 0 }
#form .f_td2 b { font-size: 10px; font-weight: normal }
#form .inp { width: 372px; height: 20px; border: 1px solid #cdcabc }
#form .but { width: 74px; margin-left: 9px; height: 20px; background: #e7722b; font-weight: bold; color: #fff; border: 1px solid #91411b }
#form textarea { width: 372px; height: 72px; font-family:arial; border: 1px solid #cdcabc }

#file { border-collapse: collapse }
#file td { padding-bottom: 25px; vertical-align: top }
#file p { margin-left: 15px }
#file .doc { text-align: center; color: #6e6f6f; font-size: 10px }
#file .doc a { font-size: 11px; line-height: 20px }

#vloj { clear: left; border-collapse: collapse }
#vloj tr, td { margin: 0; padding: 0 }
#vloj td { padding-bottom: 30px }
#vloj .foto { width: 15% }
#vloj .foto2 { width: 15% }
#vloj .foto img { width: 290px; height: 193px; border: 1px solid #944827; margin: 0 15px 0 0 }
#vloj .foto2 img { width: 124px; height: 83px; border: 1px solid #944827; margin: 0 15px 0 0 }
#vloj .foto .look { width: 186px; height: 125px; border: none; margin: 0 15px 0 0 }
#vloj .txt { width: 85% }
#vloj h1 { margin: 0 0 5px 0 }
#cont .content #vloj p { margin-bottom: 5px }
#vloj p span { float: right }

.main .footer td { height: 1%; width: 50%; background: #218737 }
.main .footer .foot_l div { margin: 4px 0 0 18px }
.main .footer .foot_l a { margin-right: 10px }
.main .footer p { width: 199px; font-size: 10px; text-align: left; color: #fff; padding: 6px  }
.main .footer a { font-size: 10px; color: #f8eab0; text-decoration: underline }