/*
CSS Style for:   www.mladi.ba
author:   NASHSTUDIO - www.nashstudio.ba
licence: NASHSTUDIO - www.nashstudio.ba
 
Definisanje boje
	Siva250: 	#FAFAFA	Siva245: 	#F5F5F5
	Siva240: 	#F0F0F0	Siva235: 	#EBEBEB
	Siva230: 	#E6E6E6	Siva225: 	#E1E1E1
	Siva220: 	#DCDCDC	Siva215: 	#D7D7D7
	Siva210: 	#D2D2D2	Siva205: 	#CDCDCD
	Siva200: 	#C8C8C8	Siva180: 	#B4B4B4
	Plava:		#015198
	Zuta:		#f9c400
 */
/***	Main
*/
* { margin: 0px; padding: 0px; }
body, html { background: url(/_dzn/bgr_body.gif); font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; text-align: left; color: #555555; margin: 0px; padding: 0px; }
img { border: 0px; margin: 0px; padding: 0px; }
a { text-decoration: underline; color: #015198; }
a.vise {color: #015198; white-space: nowrap; padding-right: 7px; background: url(/_dzn/str_vise.gif) no-repeat 100% 60%; zoom: 1;}
a:hover { text-decoration: none; }
/***	Float
 */
.floatLeft { float: left; }
.floatRight { float: right; }
.floatClear { clear: both; }
/***	Heder
*/
.heder100 {width: 100%; height: 105px; background: #015198 url(/_dzn/bgr_heder.gif) repeat-x;}
.heder {width: 960px; height: 105px; margin: 0px auto 0px auto;}
/***	Navigacija
*/
#navigacija {width: 958px; height: 30px; background: url(/_dzn/bgr_nav.gif) repeat-x; margin: 0px auto 0px auto; padding: 0px; border: 1px solid #C8C8C8; border-top: none;}
#navigacija li {display: inline;}
#navigacija a {float: left; height: 0; margin: 0px; padding-top: 30px; overflow: hidden;}
#navigacija a {background-image: url(/_dzn/navigacija.png); background-repeat: no-repeat;}

#navigacija li#a-pocetna a {width: 81px; background-position: 0 0;}
#navigacija li#a-ocentru a {width: 85px; background-position: -81px 0;}
#navigacija li#a-projekti a {width: 80px; background-position: -166px 0;}
#navigacija li#a-organizacije a {width: 110px; background-position: -246px 0;}
#navigacija li#a-saradnja a {width: 89px; background-position: -356px 0;}
#navigacija li#a-desavanja a {width: 96px; background-position: -445px 0;}
#navigacija li#a-foto a {width: 114px; background-position: -541px 0;}
#navigacija li#a-kontakt a {width: 82px; background-position: -652px 0;}

#navigacija li#a-pocetna a:hover {background-position: 0 -30px;}
#navigacija li#a-ocentru a:hover {background-position: -81px -30px;}
#navigacija li#a-projekti a:hover {background-position: -166px -30px;}
#navigacija li#a-organizacije a:hover {background-position: -246px -30px;}
#navigacija li#a-saradnja a:hover {background-position: -356px -30px;}
#navigacija li#a-desavanja a:hover {background-position: -445px -30px;}
#navigacija li#a-foto a:hover {background-position: -541px -30px;}
#navigacija li#a-kontakt a:hover {background-position: -652px -30px;}

#navigacija li#a-pocetna a:active {background-position: 0 -60px;}
#navigacija li#a-ocentru a:active {background-position: -81px -60px;}
#navigacija li#a-projekti a:active {background-position: -166px -60px;}
#navigacija li#a-organizacije a:active {background-position: -246px -60px;}
#navigacija li#a-saradnja a:active {background-position: -356px -60px;}
#navigacija li#a-desavanja a:active {background-position: -445px -60px;}
#navigacija li#a-foto a:active {background-position: -541px -60px;}
#navigacija li#a-kontakt a:active {background-position: -652px -60px;}

#navigacija.pocetna li#a-pocetna a {background-position: 0 -90px !important;}
#navigacija.ocentru li#a-ocentru a {background-position: -81px -90px !important;}
#navigacija.projekti li#a-projekti a {background-position: -166px -90px !important;}
#navigacija.organizacije li#a-organizacije a {background-position: -246px -90px !important;}
#navigacija.saradnja li#a-saradnja a {background-position: -356px -90px !important;}
#navigacija.desavanja li#a-desavanja a {background-position: -445px -90px !important;}
#navigacija.galerije li#a-foto a {background-position: -541px -90px !important;}
#navigacija.kontakt li#a-kontakt a {background-position: -652px -90px; !important}
/***	Bigboard
*/
.bigboard { width: 960px; background: url(/_dzn/bgr_bigboard.gif) repeat-y; margin: 20px auto 0px auto; }
.bigboardLeft {width: 658px; background: #EBEBEB url(/_dzn/bgr_div.gif) repeat-x 0 -31px; border: 1px solid #C8C8C8; border-bottom: none; float: left;}
.bigboardLeft h1 {font-size: 20px; color: #015198; margin: 6px 9px 0px 9px;}
.bigboardLeft h1.datum { color: #C8C8C8; float: right;}
.bigboardLeft h2 {font-size: 18px; color: #015198; margin: 6px 9px 0px 9px;}
.bigboardLeft h3 {font-size: 16px; color: #015198; margin: 6px 9px 0px 9px;}
.bigboardLeft h4 {font-size: 14px; color: #015198; margin: 10px 9px 0px 9px; padding-top: 5px; border-top: 1px solid #C8C8C8; display: block;}
.bigboardLeft h5 {font-size: 12px; font-weight: normal; color: #555555; margin: 3px 9px 0px 9px;}
.bigboardLeft p {font-size: 14px; margin: 10px 9px 0px 9px;}
.bigboardLeft a.galerija {width: 120px; height: 90px; background: #EBEBEB no-repeat center center; text-indent: -9999px; display: inline; margin: 10px 0px 0px 8px; padding: 0px; border: 1px solid #C8C8C8; float: left;}
.bigboardLeft a.galerija:hover {border: 1px solid #015198;}
.bigboardLeft a.ponuda {width: 180px; height: 124px; background: #EBEBEB no-repeat center center; text-indent: -9999px; display: inline; margin: 10px 0px 0px 8px; padding: 0px; border: 1px solid #C8C8C8; float: left;}
.bigboardLeft a.ponuda:hover {border: 1px solid #015198;}
.bigboardLeft img {margin: 10px 0px 0px 9px;}
.bigboardLeft ul {font-size: 14px; color: #555555; list-style: disc; display: block; padding-left: 25px; margin-top: 5px; margin-bottom: 5px;}
.bigboardLeft ul li {padding-left: 0px; margin-bottom: 3px;}
.bigboardRight {width: 289px; background: #EBEBEB url(/_dzn/bgr_div.gif) repeat-x; border: 1px solid #C8C8C8; border-bottom: none; margin-left: 9px; float: left;}
.bigboardRight h2 {font-size: 14px; color: #015198; margin: 10px 9px 5px 9px; }
.bigboardRight p { font-size: 13px;  margin: 0px 9px 5px 9px; line-height: 20px;}
/*
.bigboardRight a.bulet {width: 247px; height: 22px; background-image: url(/_dzn/dot_01.png); background-repeat: no-repeat; color: #555555; border-bottom: 1px solid #C8C8C8; margin-left: 9px; padding: 7px 5px 0px 19px; display: block; overflow: hidden;}
*/
.bigboardRight a.bulet {width: 247px; background-image: url(/_dzn/dot_02.png); background-repeat: no-repeat; color: #555555; border-bottom: 1px solid #C8C8C8; margin-left: 9px; padding: 5px 5px 7px 19px; display: block; overflow: hidden; line-height:18px;}
.bigboardRight a.bulet:hover {background-position: 0 -40px; color: #015198;}
.bigboardBottom {width: 960px; height: 10px; background: url(/_dzn/bgr_bigboard_bot.gif) no-repeat; clear: both;}
/***    Banneri
*/
.banner960 {width:960px;height:110px;margin:10px auto 0;}
/***	Osoblje
*/
.osoblje { width: 640px; height: 162px; margin: 5px 9px 0px 9px; padding: 5px 0px 0px 0px; border-top: 1px solid #C8C8C8; }
.osoblje img {margin: 0px; border: 1px solid #015198; float: left;}
.osoblje h1 {width: 490px; font-size: 18px; display: block; margin: 5px 10px 0px 10px; float: left;}
.osoblje h2 {width: 490px; font-size: 12px; font-style: italic; font-weight: normal; color: #555555; display: block; margin: 0px 9px 30px 9px; float: left;}
.osoblje p {width: 490px; display: block; margin: 0px 9px 9px 9px; float: left;}
/***	Naslovi
**/
.naslovi {height: 30px; background: url(/_dzn/bgr_naslovi.gif) no-repeat 0 30px; display: block; text-indent: -9999px; overflow: hidden; }
/***	Izdvajamo
*/
.izdvajamo {width: 960px; margin: 10px auto 0px auto;}
.izdvajamo .box {width: 312px; height: 318px; background: #EBEBEB url(/_dzn/bgr_div.gif) repeat-x; border: 1px solid #C8C8C8; float: left;}
.izdvajamo .box h1 {font-size: 14px; color: #015198; margin: 5px 8px 0px 8px;}
.izdvajamo .box p {margin: 2px 8px 0px 8px; }
.izdvajamo .box a.slika { width: 294px; height: 184px; background: #EBEBEB; text-align: center; display: block; margin: 10px 0px 0px 9px;}
/***	Greska
*/
.greska { width: 440px; height: 210px; background: url(/_dzn/centar_error.png) no-repeat left center; margin: 5px 9px 0px 9px; padding: 40px 0px 0px 200px; border-top: 1px solid #C8C8C8; }
.greska h3 {font-size: 16px; color: #015198; margin: 0px 0px 0px 0px;}
.greska p {font-size: 14px; margin: 10px 0px 0px 0px;}
.greska ul {font-size: 14px; color: #555555; list-style: disc; display: block; padding-left: 15px; margin-top: 10px; margin-bottom: 5px;}
.greska ul li {padding-left: 0px; margin-bottom: 5px;}
/***	Prijatelji
***/
.prijatelji {width: 958px; margin: 10px auto 0px auto; background: #EBEBEB url(/_dzn/bgr_div.gif) repeat-x; text-align: center; border: 1px solid #C8C8C8;}
/***	Futer
***/
.futer {width: 100%; margin-top: 20px; background: #EBEBEB url(/_dzn/bgr_div.gif) repeat-x 0 -31px; border-top: 1px solid #C8C8C8; border-bottom: none;}
.futer .linije {width: 955px; background: url(/_dzn/bgr_futer.gif) repeat-y; margin: 10px auto 0px auto; padding-bottom: 10px;}
.futer .box {width: 160px; font-size: 11px; float: left; margin: 0px; padding: 0px 0px 0px 10px; list-style-type: none;}
.futer .box li {height: 20px; display: block; padding-top: 2px;}
.futer .box p {margin-top: 5px;}
.futer .box a {color: #015198;}
.futer .box a.kat {font-weight: bold;}
.futer .box a.rub {color: #555555;}