/*** DOKUMENT ***/
* body  { color: #222; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 10px 0; padding: 0; background: #697189 url(upozadina.gif) repeat 0 0; text-align: center; }
P  { color: #222; font-size: 12px; margin: 10px 0 0 0; padding: 0; }
div, ul, li, h1, h2, h3, h4, dl, dt, dd { margin: 0; padding: 0; border: none; }
ul, li { list-style: none; }
TD  { color: #222; font-size: 12px; }
img { border: none; }

/*** linkovi */
a:link, a:visited { text-decoration: none; color: #ffffff;  font-size: 12px;}
a:hover  { text-decoration: none; color: #3063AC; }

a.slPl:link, a.slPl:visited { text-decoration: none; color: #3063AC; }
a.slPl:hover  { text-decoration: none; color: #E27311; }
a.slCrv:link, a.slCrv:visited { text-decoration: none; color: #A01A00; }
a.slCrv:hover  { text-decoration: none; color: #E27311; }
a.slSiv:link, a.slSiv:visited { text-decoration: none; color: #555; }
a.slSiv:hover  { text-decoration: none; color: #222; }

.divLinkovi A:link, .divLinkovi A:visited { text-decoration: none; color: #222222; font-size: 11px; font-weight: bold; }
.divLinkovi A:hover  { text-decoration: none; color: #3063AC; font-size: 10px; font-weight: bold; }

/*** slova-opcenito */
.slSiv { color: #6D6D6D; font-weight: normal; }
.slPl { color: #11366C; font-weight: bold; }
.slPl b { font-size: 9px; color: #FC9B11; }
.slCrv { color: #770000; }
.slNar { color: #E27311; }
.slPla { color: #E27311; }
.slMar { color: #E27311; }

.slTSiv { color: #555; }
.sl10 { font-size: 12px; }
.sl11 { font-size: 13px; }


.divTipStupac p { font-size: 12px; }
.divTipStupac b { font-size: 12px; }
.divTipText p { line-height: 140%; margin-left: 12px; }
.divSreInfo div { font-size: 12px; margin: 6px 10px; }
.divLinkovi { font-size: 12px; }
.divSreSazetak p { line-height: 140%; color: #555555; margin-left: 0px; }
.divSreReferenca { font-size: 12px; text-align: right; margin-top: 6px; }
.divSreReferenca1 { font-size: 12px; color: #770000; text-align: right; margin-top: 6px; }
.divPaketiBox { font-size: 12px; text-align: right; margin-top: 6px; }  
.divSrePaket { color: #777777; font-size: 12px; }
.divSrePaket b { color: #11366C; font-size: 13px; font-weight: bold;  }

/*** naslovi */
.divNasTraka h1 { color: #FFFFFF; font-size: 12px; padding: 1px 0 0 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; }

.divTipText h1 { color: #11366C; font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
.divTipText h2 { color: #11366C; font-size: 13px; margin-top: 20px; margin-left: 12px; }
.divTipText .divFormular h2 { margin-top: 0; }
.divTipText h3 { font-size: 13px; }
.divTipText .divRefOstale h3 { font-size: 12px; }
.divTipLinkovi h1 { color: #2E7A41; font-size: 13px; margin: 10px 0 0 10px; font-family: Arial, Helvetica, sans-serif; }
	.divTipLinkovi h1 a, .divTipLinkovi h1 a:link, .divTipLinkovi h1 a:hover, .divTipLinkovi h1 a:visited { color: #2E7A41; }
.divTipLinkovi h2 { font-size: 13px; margin: 20px 0 0 10px; }
.divTipLinkovi2 h1 { font-size: 28px; margin: 20px 0 0 10px; }
.divRefBox h2, .divStoradBox h2, .divStoradBoxHover h2 { color: #111111; font-size: 13px; margin: 0; }
.divPaketiBox h1 { color: #11366C; font-size: 13px; margin: 0 auto; }

.divTipText h1, .divTipText h2, .divTipText h3, .divTipLinkovi h1, .divTipLinkovi h2, .divPaketiBox h1 { background: url(krizicV.gif) no-repeat 0 center; padding-left: 12px; font-weight: bold; }


/*** POZADINE I SLOVA ***/
.divSadrzaj, #divSadrzaj { text-align: left; width: 748px; margin: 0 auto; }
 
/*** zaglavlje ---------------------------***/
.divZaglavlje { no-repeat 0 0; height: 73px; }
	.divLogo { position: relative; top: 7px; left: 30px; text-align: left; }
	.divEnglish { position: relative; top: 52px; right: 12px; float: right; z-index: 100; }

/*** naslov ---------------------------***/
.divNaslovi { background: no-repeat 0 0; height: 24px; }
	.divNasTraka { position: relative; top: 4px; left: 168px; width: 569px; }
	.tblNasRub { height: 20px; width: 569px;  background-repeat: no-repeat; background-position: top left ;}
	.tblNasRubL { height: 20px; width: 219px; background-repeat: no-repeat; background-position: top left ;}
	.tblNasRubLC { height: 20px; width: 411px; background-repeat: no-repeat; background-position: top left ;}
	.tblNasRubD { height: 20px; width: 158px; background-repeat: no-repeat; background-position: bottom right;}
		
/*** sredina ---------------------------***/
.tblSredina	{ width: 584px; }
.tblSrePoz1 { background: url(pozadina1.gif) repeat-y 0 0; }
.tblSrePoz2 { background: url(pozadina2.gif) repeat-y 0 0; }
.tblSrePoz3 { background: url(pozadina3.gif) repeat-y 0 0; }

.tblSredina1	{ width: 584px; }
.tblSrePoz11 { background: url(pozadina1.gif) repeat-y 0 0; }
.tblSrePoz12 { background: url(pozadina1.gif) repeat-y 0 0; }
.tblSrePoz13 { background: url(pozadina1.gif) repeat-y 0 0; }



	/*** menu */
	.tblMenu	{ background: url(menuPoz.gif) no-repeat 10px 0; width: 164px; }
	.divMenu { margin: 10px 5px 25px 10px; padding: 0; }
		.divMenu div.crta { background: url(menu-crta.gif) no-repeat bottom left; padding-bottom: 1px; }
		.divMenu div span.krizic { font-size: 9px; font-weight: bold; color: #9B2323; }
	
		/* menu-podloge */
		div a.slMenu { display: block; padding: 3px 5px; width: 139px; }
		div a.slPodMenu { display: block; padding: 3px 5px 3px 20px; width: 124px; }
	
		/* menu-glavni menu */
		A.slMenu:link, A.slMenu:visited { color: #000000; font-size: 11px; }
		a.slMenu:hover { color: #E27311; font-size: 11px; background-color: #EAEAEA; }
	
		/* menu-podmenu */
		A.slPodMenu:link, A.slPodMenu:visited { color: #11366C; font-size: 10px; }
		A.slPodMenu:hover  { color: #000000; font-size: 10px; background-color: #EAEAEA; }
	
	/*** paketi - naslovnica */
	.divPaketi { padding: 0; margin: 5px 0 0 0;  }
	.divPaketi li { display: block; margin:0; padding: 0 0 12px 0; }
	.divPaketi li a { display: block; margin:0; padding: 4px 0 12px 50px; }
		.divPaketi #divPaket1 { background: url(paketi/prisutnostM.jpg) no-repeat 10px 0; }
		.divPaketi #divPaket2 { background: url(paketi/osobnostM.jpg) no-repeat 10px 0; }
		.divPaketi #divPaket3 { background: url(paketi/svjezinaM.jpg) no-repeat 10px 0; }
				
	/*** paketi */
	.divPaketiBox { border: 2px solid #f2f2f2; padding: 5px; }
		.divPaketiBox img, .divSrePaket img { margin: 10px auto -10px auto; display: block; }

	ul.divPaketiButton { padding: 0; margin: 10px 16px 0 16px; font-size: 10px; }
		ul.divPaketiButton li { background-image: url(krizicMPaketi.gif); background-repeat: no-repeat; background-position: -1px -2px !important;  background-position: 0 0; background-color: #f2f2f2; border: 1px solid #FDA930; display: block; margin: 4px 0; }
		ul.divPaketiButton li a { display: block; border: 1px solid #FFF; padding: 1px 5px 1px 13px;}
		
	/*** stupac sa linkovima */
	div ul.divLinkovi { padding: 0; margin: 5px 10px 10px 14px; }
	div ul.divLinkovi li { background: url(kockicaM.gif) no-repeat 0 7px; padding: 2px 0 0 13px; }
	
	/*** kako radimo/sto radimo */
	.divPovezano { background-color: #FAFAFA; border: 2px solid #f2f2f2;  }
	.divDQ { margin: 5px 0px 10px 15px; text-align: center; width: 238px; float: right; }
	.divPovezano { margin-top: 20px; width: 138px; }
	.divDQ div, .divPovezano div { padding: 5px; margin-top: 10px; }
		.divDQ p { font-size: 11px; line-height: 1.2em; color: #555; font-weight: bold; margin: 5px 0 0 0; padding: 0; }
		.divPovezano div.naslov { margin-bottom: -7px; }
		.divPovezano dt { margin: 5px 0 0 0; padding: 0; }
		.divPovezano dd { margin: 2px 0 0 12px; padding: 0; }
		
	.divStoradBox { padding: 5px; margin-top: 15px; border: 2px solid #f2f2f2; color: #6D6D6D; }
	.divStoradBoxHover { padding: 5px; margin-top: 15px; border: 2px solid #FDA930; background-color: #f5f5f5; color: #6D6D6D; cursor:pointer; }
		.divStoradBoxSlika { float: left; width: 72px; padding: 0 4px; }
		.divStoradBoxT { float: left; width: 269px; }	
		.divStoradBoxTS { float: left; width: 400px; }
		.divStoradBoxT ul, .divStoradBoxTS ul  { list-style: none; margin: 5px 0; }	
			.divStoradBoxT li, .divStoradBoxTS li  { margin: 2px 0 0 1px; }
			.divStoradBoxT h2.visoki, .divStoradBoxTS h2.visoki { line-height: 60px; }
	
	.tblSmjestaj { width: 470px; border-collapse: collapse; border: solid 1px #eee; margin: 10px auto 10px auto; }
	    .tblSmjestaj td { border: solid 1px #eee; padding: 3px; }
		
	/*** stranice za klijente */
	.divSreSazKlijentiL { float: left; width: 343px; height: 105px; margin-bottom: 12px !important; margin-bottom: 0; }
	.divSreSazKlijentiD { float: right; width: 155px; height: 105px; }
	.ulKlijenti { margin: 0; padding: 0; }
	    .ulKlijenti li.liKlijentiL { margin: 0; padding: 0; float: left; clear:left; width: 95px; text-align: right; height: 25px; line-height: 25px; }
	    .ulKlijenti li.liKlijentiD { margin: 0; padding: 0; float: right; clear:right; width: 43px; height: 25px; line-height: 25px; padding-left: 5px; }
	
	/*** reference */
	.divSreReferenca dt { color: #949494; margin-top: 8px; text-align: left; }
		.divSreReferenca dd { color: #949494; text-align: left; }
		
	.divRefBox { padding: 5px; margin-top: 15px; border: 2px solid #f2f2f2; color: #6D6D6D; }
		.divRefBoxO { float: right; border-left: 2px solid #f2f2f2; border-bottom: 2px solid #f2f2f2; padding: 3px 0 3px 3px; font-size: 10px; }
		.divRefBoxSlika { float: left; width: 150px; padding: 0 4px; }
		.divRefBoxT { float: left; width: 382px; }	
		.divRefBoxT ul, .divRefBoxT li, .divSreSazetak ul, .divSreSazetak li  { list-style: none; }	
			.divRefBoxT li  { margin-top: 5px; }
	
	.divRefOstale { padding: 3px; color: #6D6D6D; border: 2px solid #f2f2f2; }
		.divRefOstaleL { margin: 6px 3px 0 0; }
		.divRefOstaleD { margin: 6px 0 0 3px; }
		.divRefOstale div { margin: 2px 0 2px 11px; }
		.divRefOstale div.bezMargine { margin: 5px 2px; }
	
	.divSreSazetak ul { margin: 15px 0 10px 11px; color: #444444; font-size: 11px; }
		.divSreSazetak li { margin-top: 8px; }
	
	.divSreCitat { padding: 7px; background-color: #F2F2F2; margin: 8px; color: #777777; }
		.divSreCitat ul { margin: 5px 0 0 0; list-style: none; font-size: 10px; text-align: right; }
	
	.divRefCitiranje { background: url(navodniciG.gif) no-repeat 0 0; padding: 0 0 0 15px; font-family: georgia; }
	
	.divRedLinkovi { border: 2px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; margin: 7px; font-size: 10px; color: #777777; }	
		.divRedLinkovi div { border-bottom: 1px solid #f2f2f2; padding: 3px; }	
	
	/*** stranice za klijente */
	.divSreSazKlijentiL { float: left; width: 343px; height: 110px; margin-bottom: 12px !important; margin-bottom: 0; }
	.divSreSazKlijentiD { float: right; width: 155px; height: 110px; }
        .divSreSazKlijentiD li.liKlijentiL { margin: 0; padding: 0; float: left; clear:left; width: 95px; text-align: right; height: 25px; line-height: 25px; }
	    .divSreSazKlijentiD li.liKlijentiD { margin: 0; padding: 0; float: right; clear:right; width: 43px; height: 25px; line-height: 25px; padding-left: 5px; }
	
	/*** tipovi */
	.divTipStupac { padding: 12px;  }
	.divTipText { padding: 12px; }
	
	/*** ostalo */
	.divSreSazetak { padding: 12px; background-color: #FAFAFA; border: 2px solid #ECECEC; }
	.divSreReferenca, .divSrePaket { padding: 11px; text-align: center; }
	.imgSjena { background-color: #e2e2e2; padding: 3px; }
	.imgRefSjena { background-color: #e2e2e2; padding: 3px; margin: 12px auto 0 auto; text-align: center; display: block; }
	.divCiscenje { clear: both; }
	.divSreInfo { float: right; width: 200px; margin-top: 5px; }
	.divSreServeri { margin: 10px 0 0 15px; background-color: White; padding: 3px; }
	
	
	dl.dlServer dt { clear: right; padding-top: 5px; }
		dl.dlServer dd { float: right; width: 30px; }
		
/* zanozje ---------------------------*/
.divZanozje { background: url(dpozadina.gif) no-repeat 0 0; height: 24px; }
	.slNapomena { position: relative; top: 3px; left: 165px; width: 494px; color: #FFFFFF; font-size: 10px; text-align: center; }
	.slNapomena a { color: #FFFFFF; }
	.divZanIkone { float: right; padding: 6px 20px 0 0; }
	.divZanLogo { padding-left: 40px; }

	
/*** FORMULAR ***/
.input, textarea, select, .gumbek  { font-family: Arial, Verdana, Helvetica, sans-serif; }
.divFormular { border: 2px solid #f2f2f2; margin-top: 12px; padding: 10px; }

.divFormular dl, .divFormular ul { margin-top: 15px; }
.divFormular dt, .divFormular li { margin: 10px 0 0 12px; }
.divFormular dd { margin: 2px 0 0 12px; }
.divFormular li { background: url(krizicM.gif) no-repeat 0 7px; padding: 2px 0 0 10px; }

.input { background-color: #FFFFFF; border: 1px solid #86A8D9; font-size: 11px; margin-top: 2px; }
.gumbek { background-color: #FFFFFF; border: 1px solid #86A8D9; font-size: 11px; font-weight: bold; margin: 10px 0 7px 0; }
textarea {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 2px; }


/*** BOJE ***/
.bjCrvena { background-color: #9B2323; }
.bjPlava { background-color: #56768D; }
.bjSSiva { background-color: #FAFAFA; border-left: 1px solid #DFDFDF
; border-right: 1px solid #DFDFDF
; padding: 1px 0; }
.bjSiva { background-color: #F2F2F2; border-left: 1px solid #DFDFDF
; border-right: 1px solid #DFDFDF
; padding: 1px 0; }