/* -- common css -- */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin: 0; padding: 0; border: 0; }
html { overflow-y: scroll; } /* always show vertical scrollbar in firefox */
html, body { font-family: Arial, Geneva, Helvetica, Sans-serif; font-size: 12px; color: #000; text-align: left; background-color: #fff; }
table { font-family: Arial, Geneva, Helvetica, Sans-serif; }
.clear { clear: both; }



/* -- common content css -- */

body { background: url(../img/body_bg.jpg) repeat-x; }
#wrapper { margin: 0 auto; width: 1190px; }
#head { background: url(../img/logo_bg.jpg) no-repeat center 0; height: 80px; width: 1190px; position: relative; }
#mid { }
#mid { width: 980px; margin: 10px auto 0 auto; }
#mid #left { float: left; width: 200px; }
#mid #right { float: right; width: 200px; }
#mid #content { float: left; width: 560px; margin: 0 10px; }
#foot { }

.gumb { font-size: 11px; font-weight: bold; color: #fff; background: url(../img/bg_gumb.jpg) repeat-x; width: 60px; border: 1px solid #999999; text-align: center; height: 22px; line-height: 18px; }


/* -- header -- */
#head .tabsn a { font-size: 12px;	position: absolute; text-decoration: none; text-align: center; font-weight: bold; text-transform: uppercase; background-position: 0px 9px; background-repeat: no-repeat; color: #fff; top: 32px; height: 41px; padding-top: 15px; z-index: 0; }
#head .tabsn a.gumb_izobrazevanje { background-image: url(../img/tabn1.gif); width: 115px; left: 250px; }
#head .tabsn a.gumb_podpora { background-image: url(../img/tabn2.gif); width: 75px; left: 370px; }
#head .tabsn a.gumb_gradiva { background-image: url(../img/tabn3.gif); width: 73px; left: 450px;  }
#head .tabsn a.gumb_spletne_skupnosti { background-image: url(../img/tabn4.gif); width: 144px; left: 528px }
#head .tabsn a.gumb_konference { background-image: url(../img/tabn5.gif); width: 98px; left: 677px; }
#head .tabsn a.gumb_razpisi { background-image: url(../img/tabn6.gif); width: 58px; left: 780px; }
#head .tabsn a.gumb_projekti { background-image: url(../img/tabn7.gif); width: 75px; left: 843px; }
/* -- Bojan - nov zavihek!!!! -- */
#head .tabsn a.gumb_zakonodaja { background-image: url(../img/tabn8.gif); width: 98px; left: 900px; }

#head .tabsn a.gumb_izobrazevanje:hover, #head .tabsn a.gumb_podpora:hover, #head .tabsn a.gumb_gradiva:hover,
#head .tabsn a.gumb_spletne_skupnosti:hover, #head .tabsn a.gumb_konference:hover, #head .tabsn a.gumb_razpisi:hover,
#head .tabsn a.gumb_projekti:hover, #head .tabsn a.gumb_zakonodaja:hover { background-position: 0px -46px; }


#head .header_language { position: absolute; right: 0px; top: 1px; width: 70px; }
#head .header_language a img { border: none; height: 25px; width: 34px; }
#head .header_language .slo_zastava { background: url(../img/slo_zastava.jpg) no-repeat 0 0; position: absolute; right: 150px; }
#head .header_language .eng_zastava { background: url(../img/eng_zastava.jpg) no-repeat 0 -13px; position: absolute; right: 110px;}
#head .header_language .eng_zastava:hover { background-position: 0px 0px; }




/* -- footer -- */

#foot { }

#foot .foot_links { text-align: center; }
#foot .foot_links a { color: #4c4c4c; text-decoration: underline; font-size: 11px; }
#foot .foot_links a:hover { color: #000; }

#foot .foot_investors { text-align: center; background-color: #e0e0e0; margin-top: 10px; padding: 10px 0; }
#foot .foot_investors a img { border: none; margin: 0 10px; }

#foot .subfoot { background: url(../img/footer.jpg) repeat-x; height: 219px; width: 100%; }
#foot .subfoot .wrap { width: 980px; margin: 0 auto; padding: 10px 0; }
#foot .subfoot .wrap .left_footer { float: left; width: 325px; position: relative; padding-right: 25px; padding-top: 10px; }
#foot .subfoot .wrap .left_footer h1 { font-size: 16px; font-weight: bold; color: #fff; margin-left: 10px; margin-bottom: 20px; border-bottom: dotted 1px #fff; }
#foot .subfoot .wrap .left_footer p { margin-left: 10px; }
#foot .subfoot .wrap .left_footer a { color: #fff; font-size: 11px; }
#foot .subfoot .wrap .left_footer a img { border: none; }
#foot .subfoot .wrap .left_footer .footer_arnes { position: absolute; top: 40px; left: 256px; }
#foot .subfoot .wrap .right_footer { float: right; width: 630px; padding-top: 14px; }
#foot .subfoot .wrap .right_footer p { font-size: 12px; color: #fff; border-bottom: dotted 1px #fff; margin-bottom: 10px; margin-left: 30px; }

/* -- left/right common -- */
#left div.shadow, #right div.shadow { background: url(../img/senca.jpg) no-repeat; height:12px; }


/* -- left --*/

#left {}
#left .leftbox { padding: 15px 10px; color: #fff; }
#left .leftbox h1 a, #left .leftbox h2 a, #left .leftbox h3 a, #left .leftbox ul li a { text-decoration: none; color: #fff; }
#left .leftbox h1 a:hover, #left .leftbox h2 a:hover, #left .leftbox h3 a:hover, #left .leftbox ul li a:hover { text-decoration: underline; color: #000; }
#left .leftbox h1 { font-size: 15px; }
#left .leftbox h2 { font-size: 13px; margin: 2px 0 7px 0; }
#left .leftbox h3 { font-size: 12px; margin: 5px 0 3px 0; }
#left .leftbox ul { padding-left: 20px; list-style-type: none; list-style-position: outside; list-style-image: url(../img/ico/puscica_majhna.gif); margin: 5px 0; }
#left .leftbox ul li { }
#left .leftbox table.calendar_events tr td, #left .leftbox table.calendar_events tr th { text-align: center; }


/* -- right --*/

#right { }
#right .rightbox { padding: 15px 10px; color: #676767; background-color: #f2f2f2 }
#right .rightbox h1 a, #right .rightbox .pusher, #right .rightbox h2 a, #right .rightbox h3 a { text-decoration: none; color: #000; }
#right .rightbox h1 a:hover, #right .rightbox h2 a:hover, #right .rightbox h3 a:hover, #right .rightbox ul li a:hover { text-decoration: underline; }
#right .rightbox h1, #right .rightbox .pusher { font-size: 13px; color: #000 }
#right .rightbox h2 { font-size: 12px; color: #676767 }
#right .rightbox h3 { font-size: 10px; color: #999999 }
#right .rightbox .block { padding-top: 20px; }

#right .rightbox .search { margin-bottom: 15px; }
#right .rightbox .search input[type=text] { background-color: #e3e3e3; border: solid 1px #999999; height: 18px; width: 110px; padding: 1px; float: left; }
#right .rightbox .search input[type=submit], #right .rightbox .search input[type=button] { float: right; }

#right .rightbox .pusher { cursor: pointer; font-weight: bold; width: 180px; background:url(../img/ico/puscica_desno.gif) no-repeat right center; }
#right .rightbox img[alt=hr] { width: 180px; height: 1px; margin: 5px 0 5px 0; }
#right .rightbox p.active { background-image: url(../img/ico/puscica_dol.gif); }
#right .rightbox .mover .block p { margin-bottom: 20px; }
#right .rightbox .block a { color: #000; text-decoration: underline; }
#right .rightbox .block a:hover { color: #999999; }

#right .rightbox .block .sio_login a { font-weight: bold; color: #676767; text-decoration: underline; }
#right .rightbox .block .sio_login a:hover { color: #000; }
#right .rightbox .block .sio_login ul { padding-left: 15px; }
#right .rightbox .block .sio_login ul li a { font-weight: normal;  }

#right .rightbox .povezava { margin-bottom: 5px; text-align: right; }
#right .rightbox .povezava a { color: #000; }
#right .rightbox .povezava a:hover { color: #999999; }


/* content common */


#content { }
#content .content_head { position: relative; margin-bottom: 20px; }
#content .content_head .content_head_links { position: absolute; top: 30px; right: 10px; text-align: right; }
#content .content_head .content_head_links a { font-size: 12px; color: #676767; text-decoration: none; }
#content .content_head .content_head_links a:hover { font-size: 12px; color: #000; text-decoration: underline; }
#content .content_head .content_head_links a img { border: none; }
#content .content_head p.bread_crumb { font-size: 12px; color: #676767; margin-bottom: 12px; border-bottom: dotted 1px #676767;  }
#content .content_head p.bread_crumb a { font-size: 12px; color: #676767; text-decoration: none; }
#content .content_head p.bread_crumb a:hover { color: #000; text-decoration: underline; }
#content .content_head h1 { font-size: 17px; color: #000; margin-bottom: 10px; }
#content .content_head h2, #content .content_body h2 { font-size: 15px; color: #676767; }


#content .content_body { color: #676767; }
#content .content_body p { margin-bottom: 5px; }
#content .content_body p a { color: #676767; text-decoration: underline; }
#content .content_body p a:hover { color: #000; }

#content .content_body hr { color: #e0e0e0; border: none; background-color: #e0e0e0; height: 1px; margin-bottom: 10px; }


#content .content_body .common_content {}
#content .content_body .common_content img.float_right { float:right; margin: 0 0 10px 10px; }
#content .content_body .common_content p { margin-bottom: 10px; text-align: justify; }
#content .content_body .common_content h2 { font-size: 15px; color: #676767; margin-bottom: 15px; }

#content .content_body .form { color: #676767; }
#content .content_body .form a { color: #676767; }
#content .content_body .form a:hover { color: #000; }
#content .content_body .form p { text-align: right; margin: 8px 0; font-size: 12px; }
#content .content_body .form p input[type=text] { width: 275px; border: solid 1px #e0e0e0; }
#content .content_body .form h1 { color: #676767; background-color: #f2f2f2; border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; line-height: 30px; font-weight: bold; font-size: 12px; padding-left: 10px; margin-bottom: 10px; }
#content .content_body .form ul { padding-left: 30px; margin-bottom: 15px; }

#content .content_body table.graylist {}
#content .content_body table.graylist thead tr { background-color: #f3f3f3; font-size: 15px; font-weight: bold; color: #676767; }
#content .content_body table.graylist thead tr th { border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; }
#content .content_body table.graylist tbody tr td { border-bottom: solid 1px #e0e0e0; }
#content .content_body table.graylist tr th { text-align: left; padding: 6px 2px; }
#content .content_body table.graylist tr td { padding: 6px 2px; color: #676767; }
#content .content_body table.graylist tr td a { color: #000; text-decoration: underline; }

#content .content_body p.result_head { margin-bottom: 10px; }
#content .content_body p.result_head option { color: #676767; font-size: 10px; }



#content {}
#content .tab_wrapper { height: 170px; margin: 0; }
#content .tab_wrapper .tabs { float: left; width: 225px; height: 160px; padding: 10px 0 0 0; background-color: #e3e3e3; }
#content .tab_wrapper .tabs h1 { color: #000; font-size: 16px; font-weight: bold; margin: 0 10px 5px 10px; border-bottom: dotted 1px #000; }
#content .tab_wrapper .tabs ul { list-style-type: none; width: 100%; }
#content .tab_wrapper .tabs ul li { }
#content .tab_wrapper .tabs ul li a { color: #676767; text-decoration: underline; position: relative; padding: 4px 10px; display: block; font-weight: bold; }
#content .tab_wrapper .tabs ul li a:hover, #content .tab_wrapper .tabs ul li a.selected { background-color: #f2f2f2; color: #000; }


#content .tab_wrapper .tab_content { float: right; width: 335px; height: 170px; background-color: #f2f2f2; position: relative; }
#content .tab_wrapper .tab_content div { padding: 10px 20px 0 20px; position: relative; }
#content .tab_wrapper .tab_content div h1 { font-size: 16px; font-weight: bold; margin: 2px 0 8px 0; }
#content .tab_wrapper .tab_content div h2 { font-size: 13px; font-weight: bold; margin: 2px 0 6px 0; color: #676767; }
#content .tab_wrapper .tab_content div p { font-size: 11px; color: #676767; }
#content .tab_wrapper .tab_content p.povezava { text-align: right; }
#content .tab_wrapper .tab_content div p.povezava a { text-decoration: underline; color: #000; font-size: 12px; }
#content .tab_wrapper .tab_content div p.povezava a:hover { color: #999999; }

#content div.shadow { background: url(../img/senca.jpg) no-repeat right; height: 12px; }