/*zakladne nastavenia css*/
* { padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px }
body { margin: 0; padding: 0; font-family: Tahoma, sans-serif; font-size: 85%; background: #003b89; color:#9cb4d6; }
object, p, ul, li, hr { margin: 0; padding: 0; border-width: 0; display: block; }
img { margin: 0; padding: 0; border-width: 0; }
h1, h2, h3, h4, h5, h6 { margin-top: 0.3em; }
ul{ list-style-type:none; }
form { margin: 0; padding: 0; }

#web { margin: 0px auto 0 auto; width: 750px; text-align: left; }

#topPan {width:750px; height:30px; position:relative; margin:0px auto; padding-top: 16px; color: #4e7eb8; background: url(top.png) no-repeat; font-size: 82%; }
#topPan .left { float: left; }
#topPan .left a { background: #1d5196; padding: 2px; color: #bccbe0; text-decoration: none; }
#topPan .left a:hover { background: #fff; padding: 2px; color: #000; text-decoration: none; }
#topPan .right { float: right; padding-right: 95px }
#topPan .right a { color: #99b1d0; text-decoration: none; }
#topPan .right a:hover { color: #fff; text-decoration: none; }

/*header*/

#header { position:relative; margin:0 auto; clear: both; }
#header .image { width: 655px; height: 459px; float: left; background: url(image.png) no-repeat; color:#fff; }
#header .image ul { padding: 395px 10px 10px 0px; list-style: none; }
#header .image li { list-style: none; padding: 0 0 3px 10px; float: left; }
#header .image li a { color: #fff; padding: 5px; text-decoration: none; }
#header .image li a:hover { background: #96a8bb; padding: 5px; color: #000; text-decoration: none; }
#header .image li a.active { background: #96a8bb; padding: 5px; color: #000; text-decoration: none; }
#header .odd { width: 54px; height: 459px; float: left; background: url(links_bg.png) no-repeat; }
#header .org_links { width: 41px; height: 459px; float: left; }
#header .org_links .blank { width: 41px; height: 17px; }
#header .org_links a { text-decoration: none; }
#header .org_links a:hover img { border: solid 1px #fff; }

/*content*/

#contentPan { position:relative; margin:0 auto; clear: both; }
#contentPan .main { width: 655px; float: left; }
#contentPan .main .box_main { width: 350px; float: left; font-size: 92%; padding-right: 13px; }
#contentPan .main .box_main .head { width: 340px; height: 67px; background: url(bg_h_left.png) no-repeat; padding-left: 8px; margin-bottom: 15px; color: #fff; }
#contentPan .main .box_main .head h1 { font-size: 180%; clear: both; font-weight: normal; padding-right: 0px; padding-bottom: 4px; padding-top: 9px; margin: 0px; color: #fff; }
#contentPan .main .box_main img { float: left; font-size: 92%; margin-left: 8px; margin-right: 1em; border: #1457af 3px solid; }
#contentPan .main .box_main strong { color: #fff; }
#contentPan .main .box_main p { padding:0px 0px 10px 8px; }
#contentPan .main .box_main a { color: #6c93ca; text-decoration: underline; }
#contentPan .main .box_main a:hover { color: #fff; text-decoration: none; }
#contentPan .main .box_main ul { padding: 0px 0px 0px 8px; }
#contentPan .main .box_main ul li { background:url(arrow.gif) 0 8px no-repeat; color:#fff; line-height:18px; padding:0 0 0 14px; }

#contentPan .main .box_info { width: 292px; float: left; font-size: 92%; }
#contentPan .main .box_info .head { width: 265px; height: 67px; background: url(bg_h_right.png) no-repeat; padding-left: 27px; }
#contentPan .main .box_info .head h1 { font-size: 160%; clear: both; font-weight: normal; padding-right: 0px; padding-bottom: 4px; padding-top: 12px; margin: 0px; color: #99b1d0; }

.spravodaj { padding-left: 24px; }
.spravodaj .imidz { display: block; float: left; color: #FE9A00; border: #1457af 3px solid; }
.spravodaj .message_top { display: block; font-weight: bold; color: #fff; margin-left: 11em; text-transform: uppercase; }
.spravodaj .message { display: block; margin-left: 11em; text-align: left; color: #9cb4d6; }
.spravodaj .message a { font-weight: bold; color: #fff; text-decoration: none; }
.spravodaj .message a:hover { text-decoration: underline; }
.spravodaj .hide { display: block; padding-top: 20px; }

#contentPan .odd { width: 54px; height: 209px; float: left; background: url(free_bg.png) no-repeat; }
#contentPan .slogan { width: 41px; height: 300px; float: left; background: url(slogan.png) no-repeat; }

/*galeria*/

#galeria { width: 655px; float: left; height: 73px; background: url(bg_foto.png) no-repeat; }

/*footer*/

#footerodd { height: 10px; margin: 0; padding: 0; clear: both; }
#footer { text-align: left; height: 59px; margin: 0px; padding-top: 12px; clear: both; color: #b3c5dc; font-size: 84%; background: url(footer.png) no-repeat 0px 10px; }
#footer .align { padding-right: 0px; padding-left: 15px; padding-bottom: 0px; padding-top: 10px; }
#footer a { color: #809dc4; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: none; }