@charset "utf-8";
/* CSS Document */
@font-face {font-family:myriad;src:url('MyriadPro-Cond.otf');}

body {margin:0;padding:0;background:#d7d1cd;}
* {margin:0;padding:0;}
p, alt, label, input, textarea, h1, h2, h3, h4, h5, h6, li, caption, td, span, div {font-family:"Times New Roman", Times, serif;font-size:14px;color:#3D393A;text-size-adjust:none;}
alt {font-size:10px;}
img {border:0;outline:none;}
a {text-decoration:none;outline:none;color:#843836;}
a:hover {color:#3d393a;}
h1 {font-size:18px;font-weight:normal;padding-bottom:4px;margin-bottom:32px;text-transform:uppercase;}
h1 span {color:blue;font-family:Tahoma;font-size:18px;}
h1 a {color:#04438e;font-family:Tahoma;font-size:18px;}
h1 a:hover {color:#04438e;}
h2 {font-size:16px;padding-bottom:16px;}
h3 {font-size:14px;padding-bottom:16px;}
h4 {font-weight:normal;font-size:24px;padding-bottom:8px;}
	h4 a {font-size:24px;color:#3d393a;}
	h4 a:hover {color:#3d393a;text-decoration:underline;}
h5 {font-size:20px;line-height:22px;padding-bottom:16px;}
h5 a {display:block;overflow:hidden;font-size:20px;line-height:22px;height:22px;color:#3D393A;}
h5 a:hover {color:#3D393A;text-decoration:underline;}
h5 small {font-size:13px;display:block;color:#985211;}

.fake_h {height:24px;margin-bottom:24px;background:url(../file/fake_h.gif) repeat-x;}
.fake_h img {float:left;}

.brown {color:#A7662D;}

.background {width:100%;min-width:1000px;background:url(../file_work/background.jpg) top center no-repeat #d7d1cd;}

.page {width:960px;margin:auto;padding:68px 20px 0 20px;}

.header {height:158px;background:url(../file_work/header.png)no-repeat;}
.header .logo{margin:-46px 0 0 18px;width:180px;height:159px;display:block;float:left;background:url(../file_work/logo.png) no-repeat;}

.header .navigator {padding-top:0px;height:32px;background:url(../file_work/nav_regular.gif) repeat-x;}
.header .navigator a {display:block;float:left;color:#ffffff;font-family:"Tahoma";font-size:14px;line-height:16px;padding:8px 15px;border-left:1px solid #fc7c32;border-right:1px solid #ad2f03;}
.header .navigator a:hover, .header2 .navigator a.curlink, .header2 .navigator a.curlink:hover {background:url(../file_work/nav_over.gif) top repeat-x;border-left:1px solid #017bda;color:#ffffff;text-shadow:0px 0px 6px #853836;}

.header .maskota {float:right;margin:-215px -25px 0px 0px;width:236px;height:226px;background:url(../file_work/maskota.png) no-repeat;}

.header .soc_net_small{float:left;margin:25px 0px 0px 0px;padding-left:6px;}
.header  .soc_net_small a:hover  img{filter:alpha(opacity=60);opacity:0.6;}
.header .soc_net_fb{margin-left:-15px;}

.control p{color:#909090;font-family:"Tahoma";font-size:10px;padding:25px 0 15px 0px;display : inline;}
.control p1{color:#fc7a01;font-family:"Tahoma";font-size:10px;padding:25px 0 15px 0px;}

.senka_horizontalna {background:url(../file_work/senka_horizontalna.png) no-repeat;}

.naslov_individualni_rad{padding:45px 0px 20px 0px;background:url(../file_work/naslov_individualni_rad.png) left no-repeat;}
.naslov_individualni_rad p {font-family:"Tahoma";font-size:12px;color:#909090;}
.lopta_piktogram{margin:15px 0 25px 0;float:left;height:38px;width:100%;background:url(../file_work/lopta_piktogram.png) no-repeat;text-align:justify;display:inline;word-wrap: break-word;}
.lopta_piktogram h6{font-family:"Tahoma";padding:5px 0 0 65px;font-size:24px;color:#909090}
.lopta_piktogram h5{font-family:"Tahoma";margin-top:-10px;padding:0px 0 0 65px;font-size:24px;color:#909090;line-height: 125%;}

.naslov_raspored_treninga{padding:0px 45px 45px 0px;background:url(../file_work/naslov_raspored_treninga.png) left no-repeat;}

.naslov_treneri{padding:45px 0px;background:url(../file_work/naslov_treneri.png) left no-repeat;}
.naslov_ekipe{padding:45px 0px;background:url(../file_work/ekipe_naslov_siva.png) left no-repeat;}
.naslov_istorija_kluba{padding:60px 0px;background:url(../file_work/naslov_istorija_kluba.png) left no-repeat;}
.text_istorija_kluba p {margin:0px 30px 0px 30px;overflow:hidden;word-wrap:break-word;font-family:"Tahoma";font-size:16px;line-height:25px;text-align:justify;color:#464646;}


.treneri_text_container{margin:-20px -55px 0px 0px;background:url(../file_work/lopta.png) right no-repeat;}
.treneri_zeljko{float:left;height:300px;background:url(../file_work/slika_zeljko.png) no-repeat;text-align:justify;word-wrap: break-word;}
.treneri_nenad{float:left;height:300px;background:url(../file_work/slika_nenad.png) right no-repeat;text-align:justify;display:inline;word-wrap: break-word;}

.header_berza {background:url(../file/head_berza_bg.gif) repeat-x #305888;}
.header_berza .navigator {background:url(../file/head_berza2_bg.gif) repeat-x;border-color:#2F517E;}
.header_berza .navigator a {border-right-color:#2F517E;border-left-color:#6799D8;}
.header_berza .navigator a:hover, .header_berza .navigator a.curlink, .header_berza .navigator a.curlink:hover {background:url(../file/navigator_berza_bg.gif) top repeat-x;text-shadow:0px 0px 6px #2F517E;}

.search {height:32px;}
input.search_input {width:168px;height:14px;line-height:14px;font-size:12px;oveflow:hidden;background:url(../file/search_input.png) top no-repeat;padding:3px 8px 3px 24px;margin:6px 6px 0 0;display:block;float:right;border:none;}
input.search_button {width:15px;height:20px;oveflow:hidden;background:url(../file/search_submit.png) top no-repeat;margin:6px 16px 0 0;display:block;float:right;border:none;cursor:pointer;}
input.search_berza_button {background:url(../file/search_berza_submit.gif) top no-repeat;}
input.search_input:focus, input.search_button:hover {background-position:0px -20px;}


.padajuci {display:none;width:85px;height:72px;background:#57330F;position:absolute;top:0px;left:0px;z-index:100;padding:5px 0px 10px 0px;}
.padajuci a {display:block;color:#F8F6F2;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;line-height:14px;padding:3px 10px;margin-top:5px;text-transform:uppercase;}
.padajuci a:hover {color:#ffffff;background:#AD6B2E;}
.pad_berza {background:#2B4F7B;}
.pad_berza a:hover {background:#6D89AB;}

.cont_index {background-color:#f7f7f7;}
.cont_klub{background:url(../file_work/lopta.png) no-repeat;background-position:580px 380px;background-color:#f7f7f7;}
.cont {background:url(../file_work/lopta.png) no-repeat;background-position:580px 15px;background-color:#f7f7f7;}
.top_line {line-height:4px;height:4px;border-bottom:3px solid #4C3316;}
.berza .top_line {border-bottom:3px solid #2E5689;}

.footer {float:bottom;height:70px;background-color:#363b41;width:960px}
.footsoc {width:80px;height:16px;line-height:16px;padding:4px 440px;text-align:center;}
.footsoc img {width:16px;height:16px;margin:0 2px;filter:alpha(opacity=100);opacity:1;float:left;}
.footsoc a:hover img {filter:alpha(opacity=85);opacity:0.85;}
.footer .linkovi {padding:27px 0px 0px 30px;text-align:left;color:#8a8a8a;font-size:10px;font-family:"Verdana";}
.footer .linkovi a {color:#8a8a8a;font-size:10px;margin:0px 2px;font-family:"Verdana";}
.footer .linkovi a:hover {color:#FFFFFF;}
.footer .potpis {float:right;margin-top:-20px;background:url(../file_work/futer_over.png);width:312px; height:28px;}
.footer .potpis p{float:left;font-family:"Verdana";margin:4px 0 0 10px;color:#8a8a8a;font-size:10px;}


.sadrzaj {padding:45px 44px 16px 44px;min-height:840px;}
.sadrzaj_bez_slika {padding:10px 44px 16px 44px;min-height:980px;}

.separator {float:left;padding-top:32px;background:url(../file/separator.png) top no-repeat;}

.pola .left {width:412px;display:inline;float:left;}
.pola .right {width:412px;display:inline;float:left;}

.ver1 .left img, .ver1 .right img {width:360px;height:225px;padding:26px 25px;background:url(../file/img_bg.png) no-repeat;display:block;}
.ver1 h2 {padding-top:20px;}
.ver1 p {text-align:justify;}
.ver1 .left h2, .ver1 .left p {padding-right:52px;}
.ver1 .right h2, .ver1 .right p {padding-left:52px;}
.ver1 div a:hover img {filter:alpha(opacity=80);opacity:0.8;}

.ver2 .left {width:396px;padding-right:16px;}
.ver2 .right {width:396px;padding-left:16px;}
.ver2 .left img.im, .ver2 .right img.im {width:390px;height:230px;padding:3px;display:block;margin-bottom:24px;}
.ver2 p {text-align:justify;padding:8px;}
.ver2 div a:hover img {filter:alpha(opacity=80);opacity:0.8;}

.ver3 .left {width:340px;padding-right:72px;}
.ver3 .right {width:340px;padding-left:72px;}
.ver3 .left img, .ver3 .right img {width:340px;height:204px;display:block;margin-bottom:8px;}
.ver3 div a:hover img {filter:alpha(opacity=80);opacity:0.8;}
.ver3 table {width:340px;}
.ver3 td {border-bottom:2px solid #ffffff;padding:4px 8px;}
.ver3 tr.par td {background:#E7E7E7;}
.ver3 tr.nepar td {background:#E8E5DE}

.ver4 .left {width:620px;padding-:32px;}
.ver4 .right {width:180px;padding-left:40px;margin-left:8px;background:url(../file_work/galerija_senka.png) left no-repeat;min-height:763px;}
.ver4 .left img {width:360px;height:225px;padding:26px 25px;background:url(../file/img_bg.png) no-repeat;display:block;float:left;margin-right:4px;}
.ver4 .left p {margin-top:16px;text-align:justify;}
.ver4 div a:hover img {filter:alpha(opacity=80);opacity:0.8;}

.loading {background:url(../file/loading.gif) left top no-repeat;min-height:20px;display:none;}

.berza_h1 {height:20px;font-size:14px;line-height:16px;border-bottom:1px solid #2E5689;margin-bottom:16px;}
.berza_h1 span {font-size:14px;line-height:16px;padding:2px 0;display:block;float:left;text-transform:uppercase;}
.berza_h1 a {display:block;float:right;margin-left:4px;color:#ffffff;background:#C2BCA5;font-size:12px;font-weight:bold;line-height:14px;padding:3px 16px;border-radius:8px 8px 0px 0px;-moz-border-radius:8px 8px 0px 0px;}
.berza_h1 a:hover, .berza_h1 a.current, .berza_h1 a.current:hover {background:#2E5689;color:#ffffff;}

.berza_h2 {height:20px;margin-bottom:45px;}
.berza_h2 span {display:block;float:left;line-height:14px;font-size:12px;padding:3px 4px;color:#5F5F5E;}
.berza_h2 a {font-family:Arial, Helvetica, sans-serif;display:block;float:left;line-height:14px;font-size:12px;padding:3px 0px;color:#5F5F5E;}
.berza_h2 a:hover {color:#5f5f5e;text-decoration:underline;}
.berza_h2 a.current, .berza_h2 a.current:hover {padding:3px 8px;border-radius:6px;-moz-border-radius:6px;color:#ffffff;background:#2E5689;text-decoration:none;}

.berza_reklame {width:157px;display:inline;float:right;}
.berza_reklame img {display:block;margin-bottom:16px;}
.berza_reklame a:hover img {box-shadow:0px 0px 10px #ccc;-webkit-box-shadow:0px 0px 10px #ccc;}

a.top_baner img {width:502px;height:76px;}

.bottom_baner {padding:12px 75px;height:48px;}
.bottom_baner img {width:136px;height:46px;float:left;border:1px solid #595959;margin:0 12px;}
