@import "tt.css";
@import "kat.css";
@import "ss.css";
@import "dock.css";
body{background: url(../graphic/backgroundtis.jpg) #ffffff no-repeat;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;color:#333;margin:0;padding:0;text-align:left;direction:ltr;unicode-bidi:embed; overflow: auto;}

* {
  margin:0;
  padding:0;
}

img { -ms-interpolation-mode: bicubic; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...); }
h1, h2, h3, h4, h5{font-size:13px;color:#333;margin:0;padding:0}
p{font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;text-align:left}
a{cursor:pointer;color:#2d5d05;-moz-outline-style:none;text-decoration:none}
a:hover{text-decoration:underline}
a:active {outline:none;}
:focus {
 -moz-outline-style:none;
} 
img{border:0}
ul{margin:0;padding:8px 0 ;}
ol{margin-left:10px;}
ul li, ol li {
margin-left:20px;
}
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.clearfix{display:block;clear:both;}
.ie6 .clearfix,
.ie7 .clearfix,
.ie8 .clearfix{zoom:1}

#pre #pre_aba{/*border-right:none;*/width:auto;padding:4px 15px 0 15px}
.ie6 #pre #pre_aba{margin-bottom:-4px}
#pre #pre_aba a:hover{text-decoration:none}
#pre #pre_aba img{opacity:.5;filter:alpha(opacity=50)}
#pre #pre_aba .bookmark_text{color:#333;vertical-align:top;padding-left:4px}
#pre #pre_aba a:hover .bookmark_text{text-decoration:underline}

#pre #pre_a_t{border-right:1px solid #b5b5b5;padding-left:5px;padding-right:5px;margin-top:1px; width:45px;}
#pre_bar {padding:0 15px}
#pre_bar .pre_c:hover .tt{display:block}

body #pre{position:fixed;z-index:99;bottom:0;right:0;color:#111;font-size:11px;height:25px;padding:0;width:100%; background:url(../graphic/dole_norm.png) repeat-x 0 -24px; min-width: 1240px;}

html .ie6 #pre{margin-bottom:-1px;}
#pre_ui{border-right:1px solid #b5b5b5;/*margin-left:15px;margin-right:15px;*/position:relative;overflow:visible !important}
#pre #pre_b_r .pre_a{float:right}
.ff2 #pre_b_r{float:none}
#pre .pre_a{float:left;padding:0;height:22px;margin-top:1px}
.center_dole1 {position: absolute; left: 50%;overflow: visible;}
.center_dole2 {width: 530px; margin-left: -250px; position: absolute; text-align: center; left: 50%; visibility: visible;}
.pre_a3{float:left; text-align:center;}
#pre .pre_b{padding:4px 6px 0 6px;height:25px;color:#333;cursor:pointer;border-left:1px solid #b5b5b5;border-right:1px solid #b5b5b5;width:16px;position:relative; text-align: center;}
#pre .pre_b:hover{ text-decoration:none;border-left:1px solid #b5b5b5;border-right:1px solid #b5b5b5;}
#pre .pre_b2{padding:0 6px;height:25px;color:#e62058;cursor:pointer;border-left:1px solid #b5b5b5;border-right:1px solid #b5b5b5;width:16px;position:relative; text-align: center; font-weight:bold;}
#pre .pre_b2:hover{ text-decoration:none;border-left:1px solid #b5b5b5;border-right:1px solid #b5b5b5;color:#333; font-weight:bold;}
#pre #pre_popout_section .pre_b{border-left:none}
#pre #pre_error_section{position:relative;border-left:1px solid #b5b5b5}
#pre.popped_out .pre_b{border-right:1px solid #b5b5b5}
#pre #pre_a_t{border-left:1px solid #b5b5b5}
#pre #pre_b_r .hover,
#pre #pre_b_l .hover{color:#000;background-color:#fff}
#pre #pre_b_r .pre_popout_button.hover.focused{border-color:#333}
#pre #pre_ui .focused{border-color:#333;background-color:#fff;margin:-1px 0 1px 0;z-index:15}
#pre .pre_b .inn_butt{padding:3px 0}
#pre .pre_b2 .inn_butt{border-top:1px solid white;padding:3px 0;}
#pre .pre_b2.focused{border-bottom:1px solid #333}
#pre .pre_b2.focused .inn_butt{border-top:1px solid #ccc;padding:4px 0}
#pre .pre_b2:hover{/*background-color:#fff;*/ background:url(../graphic/dole_over.jpg) #FFF repeat-x left top;}
#pre .pre_b.focused{border-bottom:1px solid #333}
#pre .pre_b.focused .inn_butt{border-top:1px solid #ccc;padding:4px 0}
#pre .pre_b:hover{/*background-color:#fff;*/ background:url(../graphic/dole_over_belo.jpg) #FFF repeat-x left top;}
#pre .tt,
#pre_popout_sidebar .tt{background:url(../graphic/ka_dole.gif) no-repeat right bottom;bottom:28px;display:none;padding-bottom:4px;position:absolute;right:6px;z-index:20}
#pre_popout_sidebar .focused .tt{display:none}
#pre .tt a{color:#fff;text-decoration:underline}
.accessibility_tip{position:absolute;right:-999px;top:-999px;filter:alpha(opacity=0);opacity:0;width:0;height:0;overflow:hidden}
#pre #pre_b_l .tt{background:url(../graphic/ka_dole.gif) no-repeat left bottom;left:6px;right:auto}
#pre .hover .tt{display:block}
#pre .tt strong,
#pre_popout_sidebar .tt strong{background:#2d5d05;color:#fff;display:block;font-weight:normal;padding:3px 8px;text-align:center;white-space:nowrap}
#pre .pre_menu_opts_wrapper{position:absolute;bottom:26px;z-index:14;right:0;padding:0;margin:0;background:none;border:none}
.ie7 #pre .pre_menu_opts_wrapper{bottom:25px}
#pre .pre_menu_offscreen{left:-10000px}
.opera #pre .pre_menu_opts_wrapper{position:fixed;right:15px}
#pre #pre_ui .pre_menu_opts_wrapper_left{right:auto;left:0}
#pre .pre_menu_opts{cursor:auto;padding:0;border:1px solid #333;border-bottom:none;background:#fff;background-repeat:no-repeat;background-position:right bottom;width:231px;border-bottom:1px solid black}
#pre #pre_b_r .pre_menu_opts{width:200px}
#pre_bar .pre_menu_opts h2{background-color:#526ea6;color:#fff;padding:0;margin:-1px -1px 0 -1px;font-size:11px;border:1px solid #254588;border-bottom:1px solid #526ea6;cursor:pointer;width:100%;position:relative}
#pre_bar .pre_menu_opts h2 .pre_minimize{float:right;width:9px;height:2px;background-color:#adbed8;overflow:hidden;position:absolute;right:5px;top:10px}
.ie6 #pre_bar .pre_menu_opts h2{margin:0;border:none}
#pre_bar .pre_menu_opts h2:hover .pre_minimize{background-color:#fff}
#pre_bar .pre_menu_opts h2 span{display:block;padding:3px 8px}
.pre_menu_opts .pre_menu_header{background-color:#eee;padding:3px 6px 4px;text-align:right}
.pre_menu_opts .pre_menu_subheader{padding:5px 6px 0;margin:1px;border:none;background:none}
.pre_menu_opts .pre_menu_subheader h3{border-bottom:1px solid #b9c4da;color:#222;font-size:11px;padding-bottom:3px}
.pre_menu_opts .pre_menu_content_wrapper{overflow:hidden;position:relative}
.pre_menu_opts .pre_menu_content_wrapper.scroll{overflow:auto;overflow-x:hidden}
#buddy_list .pre_menu_opts .pre_menu_content_wrapper.scroll{clear:both}
#pre #pre_popout_section{width:30px}
#pre #pre_popout_section .pre_b{border-left:1px solid #e0e0e0}
#pre #pre_popout_section .pre_b .im_icon{display:none}
#pre #pre_popout_section .pre_b .pop_icon{margin-top:4px}
.ie6 #pre #pre_b_r #pre_popout_section .pre_b{border-left:1px solid #e0e0e0;border-right:1px solid #b5b5b5}
.ie6 #pre #pre_b_r #pre_popout_section .pre_b .im_icon{display:block;margin-top:4px}
.ie6 #pre #pre_b_r #pre_popout_section .pre_b .pop_icon{display:none}
#pre_bar .button_container{position:relative;float:left;width:30px}

#pre_bar #pre_c_tab{border-right:1px solid #b5b5b5}

#pre_bar #pre_c_tab:hover{text-decoration:none}
#pre .pre_a .slider_num_missed,
#pre_bar #pre_c_count strong{color:#fff;position:absolute;top:-4px;right:0;padding:1px 0 0;height:16px;font-size:9px;text-align:center}
#pre_bar .del_button{visibility:hidden;cursor:pointer;float:right;height:16px;width:16px;background:url(../graphic//rsrc.php/z4HKO/hash/2w85g3xc.gif) no-repeat center top}
#pre_bar .hover .del_button{visibility:visible}
#pre_bar .drag .del_button{visibility:hidden}

span#clock {margin: 0;padding: 0 2px;color:#FFFFFF;font-family:Tahoma;font-size: 11px;font-weight: normal;}
#linkovi3 {text-align: right;height: 23px;width: 300px; position: absolute; top: 3px; right: 0px;}
#linkovi3 a { height: 20px !important; padding-bottom: 3px; float: right; padding-right: 5px;}
#link_falco {background:url(../graphic/falco.png) no-repeat 0 0 !important;width: 66px; height: 20px;}
#link_falco:hover {background:url(../graphic/falco.png) no-repeat 0 -20px !important;}
#link_krono {background:url(../graphic/kronospan.png) 0 0 no-repeat;width: 66px; height: 20px;}
#link_krono:hover {background:url(../graphic/kronospan.png) 0 -20px no-repeat;}
#link_egger {background:url(../graphic/egger.png) 0 0 no-repeat;width: 66px; height: 20px;}
#link_egger:hover {background:url(../graphic/egger.png) 0 -20px no-repeat;}
#link_incoll {background:url(../graphic/incoll.png) 0 0 no-repeat;width: 66px; height: 20px;}
#link_incoll:hover {background:url(../graphic/incoll.png) 0 -20px no-repeat;}
#sredina1 {text-align: center;position: absolute;left: 50%;top: 50%;height: 1px;width: 1px;overflow: visible;display: block;}
#content {width: 700px;height: 500px;margin-left: -350px;margin-top: -250px;position: absolute;text-align: center; overflow:visible; /*padding: 10px; background-color:#999;*/}
.loading {background: url(../graphic/loader.gif) no-repeat center center;height:48px; position: absolute; left: 50%; top:5px; width: 30px;display:none; }
#logo1 {text-align: center;position: absolute;left: 0;top: 15px;height: 1px;width: 1px;overflow: visible;display: block;}
#logo2 {width: 151px;height: 35px;margin-left: 0;margin-top: 0;position: absolute;text-align: center;top: 0;left: 0;visibility: visible;}
#logo_link {width: 151px;height: 35px;background:url(../graphic/logo_tis_1.png) no-repeat 0 0;}
#logo_link:hover {background:url(../graphic/logo_tis_1.png) 0 -35px no-repeat;}
#browseri1 {text-align: center;position: absolute;left: 150px;top: 0px;width: 80px;height: 13px;display: block;}
#browseri_link {width: 80px;height: 13px;background:url(../graphic/browseri.png) no-repeat 0 0;}
#browseri_link:hover {background:url(../graphic/browseri.png) 0 -13px no-repeat;}
/*#psm1 {text-align: center;position: absolute;right: 0;bottom: 50px;width: 25px;height: 26px;display: block;}*/
#psm_link {width: 18px;height: 18px;background:url(../graphic/profi_max_studio_logo_m.png) no-repeat 0 0;}
#psm_link:hover {background:url(../graphic/profi_max_studio_logo_m.png) 0 -18px no-repeat;}
#vreme {width: 17px;height: 18px;background:url(../graphic/sat.png) no-repeat 0 0;}
#vreme:hover {background:url(../graphic/sat.png) 0 -18px no-repeat;}
#kontakt {width: 17px;height: 18px;background:url(../graphic/kontakt.png) no-repeat 0 0;}
#kontakt:hover {background:url(../graphic/kontakt.png) 0 -18px no-repeat;}
#matis {width: 52px;height: 22px;background:url(../graphic/matis.png) no-repeat 0 0; margin-left: 10px !important;}
#matis:hover {background:url(../graphic/matis.png)0 -22px no-repeat;}
#zatvori {width: 22px;height: 22px;background:url(../graphic/zatvori.gif) no-repeat 0 0;}
#zatvori:hover {background:url(../graphic/zatvori.gif) 0 -22px no-repeat;}
#zatvori_content_div { float: right; margin-top: -25px; margin-right: -25px;}
#zatvori_content {width: 22px;height: 22px;background:url(../graphic/zatvori.gif) no-repeat 0 0;}
#zatvori_content:hover {background:url(../graphic/zatvori.gif) 0 -22px no-repeat;}
#vesti {position: absolute; right: 1px; top: 141px; width: 160px; height:169px; background-color: #f1ede8; z-index: -1;}
#vesti:hover { border:#be919e solid 1px; right: 0px; top: 140px;}
.linkovi_vesti {position: absolute; right: 1px; top: 341px; width: 160px; background-color: #f1ede8; z-index: -1;}
.vesti_div {background:url(../graphic/vesti/novosti.png) no-repeat 100% 0;padding-top:30px;}
.vesti_datum {background:url(../graphic/vesti/vesti_datum.png) no-repeat 100% 0; height: 18px; color:#f1ede8; padding-top: 1px; width: 160px; padding-bottom: 0px; text-align: center;}
.vesti_datum span { padding-left: 10px; font-weight: bold; text-align: center;}
.vesti_div div p { margin-right: 10px !important; margin-left: 10px !important; margin-bottom: 20px !important; color: #484848; text-align: center;}
#naslov_content_div { float: left; margin-top: -25px; margin-left: 10px; color:#2d5d05; font-weight: bold; font-size: 18px;}
.detaljnije {width: 93px;height: 17px;background:url(../images/shared/detaljnije.png) no-repeat 0 0;}
.detaljnije:hover {background:url(../images/shared/detaljnije.png) 0 -17px no-repeat;}
#vesti_img { border:#F1EDE8 solid 2px; width: 156px; height: 40px; margin-top:2px;}
#vesti_img:hover { border:#be919e solid 2px;}
.kon {background:url(../graphic/vesti/kontakt.jpg);}
.akc {background:url(../graphic/vesti/akcija.jpg);}
.dl {background:url(../graphic/vesti/dl.jpg);}

.32 { width: 24%; float:left;}
/*.bordo { color:#E62058 ;}*/
.bordo { color:#2d5d05;}
.loader { margin: 0; padding: 0; border: 0; background:#EBE3D8 url(../graphic/loader.gif) no-repeat center;}
.loader_home { padding: 0; border: #ebe4d9 solid 8px; background:#EBE3D8 url(../graphic/loader.gif) no-repeat center; float: left; margin: 0 5px; width: 149px; height: 176px;}
.loader_home:hover { border: #2d5d05 solid 8px; }
.loader_kontakt { padding: 0; border: #c0c0c0 solid 1px; background:#EBE3D8 url(../graphic/loader.gif) no-repeat center; margin: 10px 0 0 0; }
.loader_kontakt:hover { border: #2d5d05 solid 1px; }
.loader2 { margin: 0; padding: 0; border: #ebe4d9 solid 8px; background:#ffffff url(../graphic/loader.gif) no-repeat center;}
.loader2:hover {border: #2d5d05 solid 8px;}
.galerija_loader { margin: 0; padding: 11px 11px 9px 10px; border: 0; width: 95px; height: 75px; background: url(../graphic/loader.gif) no-repeat center;}
.galerija_okvir { margin: 0; padding: 0; border: 0; width: 116px; height: 95px; background: url(../graphic/galerija_blank.png) no-repeat center; float: left;}

.novosti_naslov {width: 305px;height: 24px; background:url(../graphic/novosti_blank.png) 0 0 no-repeat; color:#f1ede8; text-align: left; float: left;}
.novosti_naslov span { padding-left: 20px; font-weight: bold; line-height: 24px;}

.o_nama_levo, .o_nama_desno { color:#3D3D3D; /*color:#E62058;*/ text-align: left; background-color: #FFF; /*font-weight: bold;*/ overflow: visible; font-size: 11px;}
.o_nama_levo {width: 390px; float: left; border:#ebe4d9 solid 8px; margin-left: -60px;}
.o_nama_desno {width: 390px; float: right; border:#ebe4d9 solid 8px; margin-right: -60px;}
.o_nama_levo p, .o_nama_desno p { padding: 5px 10px 2px 10px; text-indent: 15px; font-size: 11px;}

.mal_img {width: 68px; height: 52px; float: left; border:#EDE8E4 solid 2px;}
.mal_img:hover { border:#69A93B solid 2px;}
.mal_img_link {width: 68px; height: 52px;}