/*
 *	VCZ CSS
 *
 */
 
/*
 *	General tags
 */
 
html {
	background: #D8D1B2;
}

body {
	position: relative;
	float: left;
	width: 930px;
	padding: 0 127px 50px 127px;
	margin: 0 0 0 -593px;
	left: 50%;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333;
	background: url(/images/bodyBack.jpg) 0 38px no-repeat;
	z-index: 0;
}
 
a, a:link, a:visited {
	font-weight: bold;
	color: #A90800;
	text-decoration: none;
}

a:hover {
	color: #333;
}
 
/*
 *	Common CSS
 */
 
div#header {
	position: relative;
	float: left;
	width: 930px;
  height: 140px;
	padding-top: 18px;
}

h1#logo, 
h2#logo {
	position: relative;
	float: left;
}

h1#logo a, 
h2#logo a {
	position: relative;
	float: left;
	display: block;
	width: 259px;
	height: 92px;
	overflow: hidden;
	text-indent: 999px;
}

h1#logo img,
h2#logo img {
	position: relative;
	float: left;
}

div#header form, div#header form fieldset {
	position: relative;
	float: left;
	width: 225px;
	margin: 0 7px 0 210px;
}

div#header form fieldset {
	margin: 0;
}

div#header p {
	position: relative;
	float: left;
	width: 225px;
	font-size: 10px;
	line-height: 15px;
}

div#header p strong { font-size: 11px; }

div#header p a {
	position: relative;
	float: left;
	display: block;
}

ul#tabs {
	position: relative;
	float: left;
	height: 60px;
	width: 693px;
	z-index: 0;
}

ul#tabs li {
	position: absolute;
	width: 211px;
	height: 50px;
	padding: 10px 10px 0 10px;
	z-index: 0;
	bottom: 0;
	overflow: hidden;
}

ul#tabs li#tab1 { background: url(/images/tab1.png) -16px top no-repeat; left: 0; }
ul#tabs li#tab2 { background: url(/images/tab2.png) -16px top no-repeat; left: 231px; }
ul#tabs li#tab3 { background: url(/images/tab3.png) -16px top no-repeat; left: 462px; }

ul#tabs li h2, ul#tabs li h2 a {
	position: relative;
	float: left;
	height: 26px;
	overflow: hidden;
	width: 211px;
}

ul#tabs li h2 a { text-indent: 999px; }

ul#tabs li#tab1 h2 { background: url(/images/tab1Heading.png) left top no-repeat; }
ul#tabs li#tab2 h2 { background: url(/images/tab2Heading.png) left top no-repeat; }
ul#tabs li#tab3 h2 { background: url(/images/tab3Heading.png) left top no-repeat; }

ul#tabs li p { 
	position: relative;
	float: left;
	width: 211px;
	color: #D8D1B2; 
	padding: 0;
}

ul#tabs li p a, ul#tabs li p a:link, ul#tabs li p a:visited, ul#tabs li p a:hover {
  display: block;
  height: 28px;
  padding-top: 3px;
  color: #D8D1B2;
  font-weight: normal;
}

ul#tabs li.active {
	width: 227px;
	height: 47px;
	padding: 25px 10px 10px 25px;
	z-index: 1;
}

ul#tabs li#tab1.active { background: url(/images/tab1.png) left bottom no-repeat; left: -16px; }
ul#tabs li#tab2.active { background: url(/images/tab2.png) left bottom no-repeat; left: 215px; }
ul#tabs li#tab3.active { background: url(/images/tab3.png) left bottom no-repeat; left: 446px; }

ul#tabs li.active p { height: 20px; }

div#ei {
	position: relative;
	float: right;
	height: 60px;
}
div#ei a {
	position: relative;
	float: right;
	line-height: 15px;
	margin: 40px 0 5px 0;
}

div#testContent {
	position: relative;
	float: left;
	width: 930px;
	height: 500px;
	background: #CCC6AA;
}

div#footer {
	position: relative;
	float: left;
	display: inline;
	width: 902px;
	background: #664B20;
	padding: 7px;
	margin: 0 7px;
}

div#footer2 {
	position: relative;
	float: left;
	display: inline;
	width: 902px;
	background: #D8D1B2;
	padding: 7px;
	margin: 0 7px;
}

div#footer p {
	position: relative;
	float: left;
	color: #FFF;
}

div#footer ul, div#footer li {
	position: relative;
	float: left;
}

div#footer li { margin: 0 0 0 16px; }

div#footer ul a, div#footer ul a:link, div#footer ul a:visited {
	color: #FF7F00;
}
	
div#footer ul a:hover {
	color: #FFF;
}

a.a2, a.a2:link, a.a2:visited {
	font-weight: bold;
	color: #FF7F00;
	text-decoration: none;
}

a.a2:hover {
	color: #FFF;
}

.cl { position: relative; float: left; clear: left; }
.pt7 { padding-top: 7px; }

.st1 { font-weight: bold; font-size: 11px; }

/*

Header - user logged in
*/

div#ud {
	position: relative;
	float: right;
	width: 558px;
	height: 147px;
	margin: 0 7px 0 0;
}

div#ud div.col1, div#ud div.col2 {
	position: relative;
	float: left;
	width: 230px;
}
div#ud div.col1 { padding-left: 98px; }

div#ud img#up {
	position: absolute;
	left: 0;
	top: 0;
	width: 84px;
	height: 84px;
	padding: 18px 7px;
}

div#ud div.col1 p {
	position: relative;
	float: left;
	width: 200px;
}
div#ud div.col2 p { width: 230px; }

div#ud ul.sts, div#ud ul.sts li {
	position: relative;
	float: left;
	width: 230px;
	font-size: 11px;
}

div#ud ul.sts li {
	border-bottom: 1px dashed #333;
	line-height: 13px;
	width: 200px;
	padding: 3px 30px 3px 0;
}
div#ud ul.sts li.last { border-bottom: none; }

div#ud ul.sts li img {
	position: absolute;
	top: 4px;
	right: 0;
	width: 23px;
	height: 11px;
}

/*	Button links */
a.button {
	position: relative;
	float: left;
	border: none;
	font-size: 11px;
	line-height: 16px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	padding: 10.5px 0;
	margin-left: -8px;
}

a.button:hover { color: #FF7F00; }

a.btnUrediSvojProfil { width: 137px; background: url(/images/buttons/btnUrediSvojProfil.png) left top no-repeat; }
a.btnOdjaviSe { width: 90px; background: url(/images/buttons/btnOdjava.png) left top no-repeat; }
a.btnSviProfili { width: 98px; background: url(/images/buttons/btnSviProfili.png); clear: left; }
a.btnSviOrganizatori { width: 141px; background: url(/images/buttons/btnSviOrganizatori.png); clear: left; }

/*
 *	Headings
 */
 
/*	H1
*/

h1.hh1 {
	position: relative;
	float: left;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	text-indent: 999px;
	width: 700px;
	margin: -4px -300px 14px 0;
}

h1.lokalnoVolontiranje { background: url(/images/headings/lokalnoVolontiranje.png) left top no-repeat; }
h1.pretrazivanjeProjekata { background: url(/images/headings/pretrazivanjeProjekata.png) left top no-repeat; }
h1.medunarodnoVolontiranje { background: url(/images/headings/medunarodnoVolontiranje.png) left top no-repeat; }
h1.volonteri { background: url(/images/headings/volonteri.png) left top no-repeat; }
h1.partneri { background: url(/images/headings/partneri.png) left top no-repeat; }
h1.vcz { background: url(/images/headings/vcz2.png) left top no-repeat; }
h1.infoPult { background: url(/images/headings/infoPult.png) left top no-repeat; }
h1.ukljuciteSe { background: url(/images/headings/ukljuciteSe2.png) left top no-repeat; }

div#l1 h1 {
	position: relative;
	float: left;
	width: 246px;
	font-family: Arial, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #664B20;
	margin: 14px 0;
}

h1#nr {
	position: relative;
	float: left;
	margin-left: -14px;
	padding-left: 14px;
	width: 685px;
	font-size: 24px;
	line-height: 48px;
	font-weight: bold;
	color: #FFF;
	background: #FF7F00;
}
 
/*	H2
*/
h2.hh2, h2.ch2 { 
	position: relative; 
	float: left; 
	overflow: hidden; 
	text-indent: 999px; 
}

h2.hh2 { height: 19px; line-height: 19px; margin: 0 0 7px 0; }

h2.prijaviSe { width: 111px; background: url(/images/headings/prijaviSe.png) left 0px no-repeat; }
h2.nisiRegistriran { width: 220px; background: url(/images/headings/nisiRegistriran.png) left 0px no-repeat; }
h2.hejTi { width: 83px; background: url(/images/headings/hejTi.png) left 0px no-repeat; }
h2.statusi { width: 86px; background: url(/images/headings/statusi.png) left 0px no-repeat; }

h2.ch2 { height: 33px; line-height: 33px; margin: 0 0 14px 0; }

h2.novosti { width: 272px; background: url(/images/headings/novosti.png) left bottom no-repeat; }
h2.vcz { width: 224px; background: url(/images/headings/vcz.png) left bottom no-repeat; }
h2.ukljuciteSe { width: 224px; background: url(/images/headings/ukljuciteSe.png) left top no-repeat; }

div#l1 h2, div#l2 h2 {
	position: relative;
	float: left;
	width: 246px;
	font-family: Arial, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #664B20;
	margin: 14px 0;
}

div#l2 h2 {
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 7px 0;
}
div#l2 h2.w4 { width: 440px; }

h2.sh2 {
	position: relative;
	float: left;
	padding: 0 0 11px 0;
	margin: 0 0 10px 0;
	background: url(/images/sh2Back.png) left bottom repeat-x;
	width: 224px;
}

h2.sh2 span {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	text-indent: 999px;
}

h2.pronadiProjekt span { background: url(/images/headings/pronadiProjekt2.png) left 3px no-repeat; }
h2.projekti span { background: url(/images/headings/projekti.png) left 3px no-repeat; }
h2.eMailNovosti span { background: url(/images/headings/eMailNovosti.png) left 3px no-repeat; }
h2.izdvojeniProjekt span { background: url(/images/headings/izdvojeniProjekt2.png) left 3px no-repeat; }
h2.aktualniProjekti span { background: url(/images/headings/aktualniProjekti3.png) left 3px no-repeat; }
h2.uBrojevima span { background: url(/images/headings/uBrojevima2.png) left 0px no-repeat; }
h2.iskustvaIPrice span { background: url(/images/headings/iskustvaIPrice2.png) left 0px no-repeat; }
h2.vodicZaVolontiranje span { height: 47px; line-height: 47px; background: url(/images/headings/vodicZaVolontiranje.png) left 0px no-repeat; }
h2.novostiIDogadanja span { height: 47px; line-height: 47px; background: url(/images/headings/novostiIDogadanja2.png) left 0px no-repeat; }
h2.partneriPrijava span { background: url(/images/headings/partneriPrijava.png) left 0px no-repeat; }
h2.ukljuciteSe span { background: url(/images/headings/ukljuciteSe3.png) left 0px no-repeat; }
h2.contact span { background: url(/images/headings/contact.png) left 0px no-repeat; }
h2.stats span { background: url(/images/headings/stats.png) left 0px no-repeat; }

form.fc1 h2 {
	position: relative;
	float: left;
	width: 440px;
	font-size: 20px;
	font-family: Arial, sans-serif;
	font-weight: 700;
	color: #664B20;
	padding: 7px 14px;
	line-height: 26px;
}
/*	H3
*/

h3.th3 { 
	position: relative;
	float: left;
	padding: 0 0 11px 0;
	margin: 0 0 14px 0;
}

#tabCont1 h3.th3, #tabCont2 h3.th3 { background: url(/images/th3Back.png) left bottom repeat-x; }
#tabCont3 h3.th3 { background: url(/images/th3BackBlue.png) left bottom repeat-x; }

.col1 h3.th3 { width: 370px; }
.col2 h3.th3 { width: 294px; }
.col3 h3.th3 { width: 224px; }


h3.th3 span {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	text-indent: 999px;
}

h3.izdvojeniProjekt span { background: url(/images/headings/izdvojeniProjekt.png) left 4px no-repeat; }
h3.aktualniProjekti2 span { background: url(/images/headings/aktualniProjekti.png) left 4px no-repeat; }
h3.pronadiProjekt span { background: url(/images/headings/pronadiProjekt.png) left 4px no-repeat; }
h3.upoznajVolontera span { background: url(/images/headings/upoznajVolontera.png) left 4px no-repeat; }
h3.iskustvaIPrice span { background: url(/images/headings/iskustvaIPrice.png) left 1px no-repeat; }
h3.uBrojevima span { background: url(/images/headings/uBrojevima.png) left 4px no-repeat; }
h3.mogucnostiSuradnje span { background: url(/images/headings/mogucnostiSuradnje.png) left 1px no-repeat; }
h3.kakoSeUkljuciti span { background: url(/images/headings/kakoSeUkljuciti.png) left 1px no-repeat; }
h3.nasiPrijatelji span { background: url(/images/headings/nasiPrijatelji.png) left 1px no-repeat; }
h3.nasaPotpora span { background: url(/images/headings/nasaPotpora.png) left 1px no-repeat; }

h3.ch3 {
	position: relative;
	float: left;
	width: 440px;
	padding: 0 0 11px 0;
	margin: 0 0 10px 0;
	background: url(/images/ch3Back.png) left bottom repeat-x;
}

h3.ch3 span {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	text-indent: -999px;
}

h3.povezaniSadrzaj span { background: url(/images/headings/povezaniSadrzaj.png) left 3px no-repeat; margin-top: 28px;}
h3.aktualniProjekti span { background: url(/images/headings/aktualniProjekti2.png) left 3px no-repeat; margin-top: 11px;}
h3.crtice span { background: url(/images/headings/crticeIzVolonterskogZivota.png) left 3px no-repeat; margin-top: 0px;}
h3.viSte span { background: url(/images/headings/viSte.png) left 3px no-repeat; margin-top: 11px;}
h3.viseOPartnerima span { background: url(/images/headings/viseONasimPartnerima.png) left 2px no-repeat; margin-top: 0px;}
h3.saznajteVise span { background: url(/images/headings/saznajteViseONama.png) left 3px no-repeat; margin-top: 0px;}
h3.novostiDogadanja span { background: url(/images/headings/novostiIDogadanja.png) left 3px no-repeat; margin-top: 0;}
h3.izdvojeniProjekti span { background: url(/images/headings/izdvojeniProjekti.png) left 3px no-repeat; margin-top: 11px;}
h3.fotoGalerije span { background: url(/images/headings/fotoGalerije.png) left 3px no-repeat; margin-top: 0;}
h3.profiliVolontera span { background: url(/images/headings/profiliVolontera.png) left 3px no-repeat; margin-top: 0px;}
h3.profiliOrganizatora span { background: url(/images/headings/profiliOrganizatora.png) left 3px no-repeat; margin-top: 11px;}
h3.volonterskiKarton span { background: url(/images/headings/volonterskiKarton.png) left 3px no-repeat; margin-top: 11px;}
h3.procitajte span { background: url(/images/headings/procitajte.png) left 2px no-repeat; margin-top: 0;}
h3.procitajte2 span { background: url(/images/headings/procitajte.png) left 2px no-repeat; margin-top: 0;}
h3.izvjestaji span { background: url(/images/headings/godisnjiIzvjestaji.png) left 2px no-repeat; margin-top: 0;}
h3.predstavljamoOrganizatora span { background: url(/images/headings/predstavljamoOrganizatora.png) left 3px no-repeat; margin-top: 0;}
h3.fotoGalerija span { background: url(/images/headings/fotoGalerija.png) left 3px no-repeat; margin-top: 0;}

h3.profiliVolontera span.sort,
h3.profiliOrganizatora span.sort  {
	position: absolute;
	bottom: 6px;
	right: 0;
	text-indent: 0px;
	text-align: right;
	width: auto;
	background: none;
	margin: 0;
}

h3.profiliVolontera, 
h3.crtice, 
h3.viseOPartnerima, 
h3.saznajteVise,
h3.izvjestaji,
h3.novostiDogadanja,
h3.fotoGalerije,
h3.procitajte2 { margin-top: -14px; }

#sidebar h3, #sidebar h3 a { font-size: 13px; }

h3.sh3 { margin-bottom: 14px; }

div#l4 h3 {
	position: relative;
	float: left;
	clear: both;
}

/*	H4
*/

h4.th4 {
	position: relative;
	float: none;
	margin: 0 0 7px 0;
}

h4.th4 a, h4.th4 a:link, h4.th4 a:visited {
	font-size: 13px;
	font-weight: bold;
	color: #FF7F00;
}
h4.th4 a:hover { color: #FFF; }

/*.col1 h4.th4 { float: right; width: 195px; margin-right: 20px; }*/

ul#tabCont1 .col2 ul li h4.th4,
ul#tabCont3 .col2 ul li h4.th4 { margin-bottom: 0; }

.col1 form h4 {
	position: relative;
	float: left;
	width: 315px;
	height: 19px;
	line-height: 19px;
	overflow: hidden;
	text-indent: 999px;
	background: url(/images/headings/prijavaZaPartnere.png) left top no-repeat;
}

dl#ap li h4 {
	position: relative;
	float: left;
}

#cn1 h4, #cn2 h4 { font-size: 13px; }

/*
 *	Forms ,Fieldsets & Legends (h6)
 */

ul#tabCont1 .col3 form, ul#tabCont1 .col3 form fieldset,
ul#sidebar li form, ul#sidebar li form fieldset  {
	position: relative;
	float: left;
	width: 224px;
}
ul#tabCont1 .col3 form fieldset,
ul#sidebar li.pp form fieldset { margin-bottom: 10px; }

/*ul#tabCont1 .col3 form fieldset h6.legend,
ul#sidebar li.pp form fieldset h6.legend*/
form fieldset h6.legend,
form fieldset h6.legend2
 {
	position: relative;
	float: left;
	clear: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 21px;
	color: #D8D1B2;
	margin: 0 0 0 0;
	padding: 0;
	width: 100%;
}

form fieldset h6.legend2 { margin-top: 10px; }

ul#sidebar li.pp form fieldset h6.legend,
form#s1 fieldset h6.legend,
form#s1 fieldset h6.legend2 { color: #333; }

ul#tabCont1 .col3 form ul, ul#tabCont1 .col3 form li,
ul#sidebar li.pp form ul, ul#sidebar li.pp form ul li {
	position: relative;
	float: left;
	width: 224px;
}
/*ul#tabCont1 .col3 form li,
ul#sidebar li.pp form li */
form ul li { min-height: 21px; }

ul#sidebar li.pp form ul, ul#sidebar li.pp form ul li {
	padding: 0;
	background: none;
}

.col1 form{ 
	position: relative;
	float: left;
	display: inline;
	width: 315px;
	z-index: 10;
	height: 76px; 
	margin: 12px 0 0 -23px;
	background: url(/images/arrowPrijavaZaPartnere.png) left top no-repeat; 
	padding: 13px 18px;
}

.col1 form fieldset {
	position: relative;
	float: left;
	width: 315px;
	padding: 10px 0 0 0;
}

.col1 form p {color: #333;}

form#s1 {
	position: relative;
	float: left;
	width: 440px;
	padding: 14px 14px 14px 14px;
	margin: 0 -14px -14px -14px;
	background: #EBE8D8;
	z-index: 0;
}

form#s1 fieldset { width: 210px; }

fieldset.fc1 { position: relative; float: left; clear: left; }
fieldset.fc2 { position: relative; float: right; clear: right; }
fieldset.fc3 { position: relative; float: left; clear: both; }

/*
 *	Inputs & Form elements
 */
 
input.text, input.check, input.button, label, select {
	position: relative;
	float: left;
}

input.check { margin: 0 5px 0 0; }

input.text,
input.text2,
input.text3,
input.text4 {
	padding: 6px;
	background: #FFF;
	border: 1px solid #A90800;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #664B20;
}

input.text2 { width: 170px; margin-top: 5px;}

div#header input.text { width: 198px; margin: 0 0 5px 0; }
.col1 form input.text {	width: 88px; margin: 0 7px 0 0; }
ul#sidebar input.text { width: 210px; }

div#header input.check { margin: 5px 0 0 48px; }

div#header label { margin: 5px 0 0 3px; }

input.button {
	border: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	padding: 10.5px 0;
	margin-left: -8px;
}

input.button:hover { color: #FF7F00; }
input.btnPronadiProjekte:hover {color: #A90800; }
#sidebar input.btnPronadiProjekte:hover {color: #FF7F00; }

input.btnPrijava { width: 80px; background: url(/images/buttons/btnPrijava.png) left top no-repeat; margin-top: -5px; }
.col1 input.btnPrijava  { margin-top: -4px; }
input.btnPronadiProjekte { width: 141px; background: url(/images/buttons/btnPronadiProjekte.png) left top no-repeat; margin-top: -5px; }
input.btnPronadiProjekte2 { width: 141px; background: url(/images/buttons/btnPronadiProjekte2.png) left top no-repeat; margin-top: 10px; }
#sidebar input.btnPronadiProjekte { background: url(/images/buttons/btnPronadiProjekte2.png) left top no-repeat; margin-top: 0px; }
#sidebar input.btnPrijava { margin-top: 2px; }
input.btnOcjeniProjekt { width: 131px; background: url(/images/buttons/btnOcjeniProjekt.png); }
input.btnNisamRadio { width: 211px; background: url(/images/buttons/btnNisamRadio.png); }
input.btnPrijaviSe { width: 90px; background: url(/images/buttons/btnOdjava.png); }

ul#tabCont1 .col3 label {
	display: block;
	line-height: 21px;
}

ul#tabCont1 .col3 select,
ul#sidebar li.pp select { 
	width: 224px;
	margin: 5px 0 0 0;
}

form#s1 select {
	margin: 5px 0 0 0;
}

ul#tabCont1 .col3 input.check,
ul#sidebar li.pp input.check,
form#s1 input.check { height: 1.3em; }

form fieldset ul, form fieldset ul li {
	position: relative;
	float: left;
	clear: left;
}

form fieldset ul li, form fieldset ul { width: 100%; }

/*
 *	Specific CSS
 */

/*ul#tabCont1, ul#tabCont2, ul#tabCont3 {
	position: absolute;
	top: 220px;
	left: 127px;
	z-index: 1;
}*/

ul#tabCont1, ul#tabCont2, ul#tabCont3 {
	position: relative;
	float: left;
	z-index: 1;
	width: 930px;
}

ul#tabCont1 { 
	background: url(/images/tabCont2.jpg) left bottom no-repeat #664B20; /* Preload */
	background: url(/images/tabCont3.jpg) left bottom no-repeat #A90800; /* Preload */
	background: url(/images/tabCont1.jpg) left bottom no-repeat #333333; 
}
ul#tabCont2 { background: url(/images/tabCont2.jpg) left bottom no-repeat #664B20; }
ul#tabCont3 { background: url(/images/tabCont3.jpg) left bottom no-repeat #A90800; }

ul#tabCont1.inactive, 
ul#tabCont2.inactive, 
ul#tabCont3.inactive { 
	position: absolute;
	top: 220px;
	left: 127px;
	height: 0px;
	max-height: 0px;
	overflow: hidden;
	z-index: 0;
}

li.col1, li.col2, li.col3 {
	position: relative;
	float: left;
	min-height: 387px;
	height: auto !important;
	height: 387px;
	padding: 7px;
	color: #FFF;
	z-index: 1;
}

ul#tabCont1.inactive li, 
ul#tabCont2.inactive li, 
ul#tabCont3.inactive li {
	z-index: 0;
}

li.col1 { width: 370px; }
li.col2 { width: 294px; }
li.col3 { width: 224px; }

/*ul#tabCont1 li.col1 { background: url(/images/col1Red.jpg) left bottom repeat-y; }
ul#tabCont1 li.col2 { background: url(/images/col2Red.jpg) left bottom no-repeat; }
ul#tabCont1 li.col3 { background: url(/images/col3Red.jpg) left bottom no-repeat; }

ul#tabCont2 li.col1 { background: url(/images/col1Green.jpg) left bottom repeat-y; }
ul#tabCont2 li.col2 { background: url(/images/col2Green.jpg) left bottom no-repeat; }
ul#tabCont2 li.col3 { background: url(/images/col3Green.jpg) left bottom no-repeat; }

ul#tabCont3 li.col1 { background: url(/images/col1Blue.jpg) left bottom repeat-y; }
ul#tabCont3 li.col2 { background: url(/images/col2Blue.jpg) left bottom no-repeat; }
ul#tabCont3 li.col3 { background: url(/images/col3Blue.jpg) left bottom no-repeat; }*/

/*.col1 p {
	position: relative;
	float: none;
}*/

.col1 img.c1i {
	position: relative;
	float: left;
	/*margin: -21px 0 0 -18px;*/
	width: 147px;
	height: 147px;
	padding: 16px 15px 15px 15px;
	margin: -5px 0px -8px -22px;
	background: url(/images/imgFrame3.png) left top no-repeat;
}

.col1 ul, .col1 ul li {
	position: relative;
	float: left;
	width: 430px;
	z-index: 2;
}

.col1 ul { margin: 12px -30px -2px -23px; }

.col1 ul li { 
	height: 41px;
	width: 414px;
	padding: 3px 8px;
	margin: 0 0 2px 0;
}

.col1 ul li.lokalnoVolontiranje { background: url(/images/arrowLokalnoVolontiranje.png) left top no-repeat; }
.col1 ul li.medunarodnoVolontiranje { background: url(/images/arrowMedunarodnoVolontiranje.png) left top no-repeat; }
.col1 ul li.postaniVolonter { background: url(/images/arrowPostaniVolonter.png) left top no-repeat; }
.col1 ul li.vodicZaVolontiranje { background: url(/images/arrowVodicZaVolontiranje.png) left top no-repeat; }

.col1 ul li a, .col1 ul li a:link, .col1 ul li a:visited {
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: 999px;
	height: 41px;
	line-height: 41px;
	background-position: 10px -41px;
	background-repeat: no-repeat;
}

.col1 ul li.lokalnoVolontiranje a { width: 335px; background-image: url(/images/links/lokalnoVolontiranje.png); }
.col1 ul li.medunarodnoVolontiranje a { width: 414px; background-image: url(/images/links/medunarodnoVolontiranje.png); }
.col1 ul li.postaniVolonter a { width: 252px; background-image: url(/images/links/postaniVolonter.png); }
.col1 ul li.vodicZaVolontiranje a { width: 301px; background-image: url(/images/links/vodicZaVolontiranje.png); }

.col1 ul li a:hover {
	background-position: 10px 0px;
	background-repeat: no-repeat;
}

ul#tabCont1 .col2 ul, ul#tabCont1 .col2 ul li,
ul#tabCont3 .col2 ul, ul#tabCont3 .col2 ul li {
	position: relative;
	float: left;
	width: 294px;
}

ul#tabCont1 .col2 ul li,
ul#tabCont3 .col2 ul li {
	margin-bottom: 14px;
}

ul#tabCont1 .col2 ul p,
ul#tabCont3 .col2 ul p {
	position: relative;
	float: left;
	width: 294px;
	font-size: 10px;
	color: #FFF;
}

ul#tabCont1 .col3 form p,
ul#sidebar li.pp form p {
	position: relative;
	float: left;
	width: 224px;
	font-size: 10px;
	line-height: 15px;
	margin-top: -10px;
}

ul#tabCont1 .col3 a, ul#tabCont1 .col3 a:link, ul#tabCont1 .col3 a:visited { color: #FF7F00; }
ul#tabCont1 .col3 a:hover {color: #FFF;}

ul#tabCont2 .col2 blockquote {
	position: relative;
	float: left;
	width: 294px;
	font-size: 14px;
	line-height: 24px;
	color: #D8D1B2;
}

ul#tabCont2 .col2 p.author {
	position: relative;
	float: left;
	width: 294px;
	font-weight: bold;
	line-height: 21px;
	color: #D8D1B2;
}

ul#tabCont2 .col2 a {
	font-size: 13px;
	line-height: 24px;
	color: #FF7F00;
}

ul#tabCont2 .col3 dl, ul#tabCont2 .col3 dl dt, ul#tabCont2 .col3 dl dd {
	position: relative; 
	float: left;
	width: 224px;
}
ul#tabCont2 .col3 dl { padding-bottom: 80px; }

ul#tabCont2 .col3 dl dt {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #D8D1B2;
}

ul#tabCont2 .col3 dl dd { 
height: 31px; z-index: 2; 
}

ul#tabCont2 .col3 dl dd span, ul#tabCont2 .col3 dl dd img,
dl.pl dd span, dl.pl dd img { 
	position: relative;
	float: left;
	height: 31px;
}

dl.pl dt, dl.pl dd { clear: left; }
dl dd img.barStart { width: 10px; margin-left: -10px; }
dl dd img.barEnd { width: 9px; margin-right: -9px; }
dl dd span.bar { background: url(/images/bar.png) left top no-repeat; }

#tabCont3 .col3 { overflow: hidden; }

#tabCont3 .col3 a {
	position: relative;
	float: left;
	display: inline;
	width: 174px;
	height: 174px;
	overflow: hidden;
	margin: 18px 25px;
}

#tabCont3 .col3 a img {
	position: absolute;
	width: 174px;
	height: 174px;
	top: 0;
	left: 0;
}

div#c1, div#c2 {
	display: inline;
	position: relative;
	float: left;
	margin: 0 7px;
	width: 916px;
	background: #FFF;
	z-index: 1;
}

div#c2 { 
	width: 440px;
	padding: 0 245px 88px 231px;
	background: url(/images/c2Back.jpg) bottom right no-repeat #FFF;
	line-height: 18px;
}


div#sc1, 
div#sc2 {
	position: relative;
	float: left;
	padding: 14px 7px;
	margin: 0 7px 84px 0;
}

div#sc1 { width: 272px; }
div#sc2 { width: 224px; }

div#sc1 h2, div#sc1 ul, div#sc1 ul li, div#sc1 h3, div#sc1 p
div#sc2 h2, div#sc2 ul, div#sc2 ul li, div#sc2 p {
	position: relative;
	float: left;
}

div#sc1 h2, div#sc1 ul, div#sc1 ul li, div#sc1 h3, div#sc1 p { width: 272px; }
div#sc2 h2, div#sc2 ul, div#sc2 ul li, div#sc2 p { width: 224px; }

div#sc2 ul { margin: 4px 0 0 0; }
div#sc1 ul li { padding: 0 0 14px 0; }
div#sc2 ul li { line-height: 22px; }

div#sc1 h3 a, div#sc1 h3 a:link, div#sc1 h3 a:visited{
	font-size: 11px;
	line-height: 16px;
}

div#sc1 li.hl h3 a, div#sc1 li.hl h3 a:link, div#sc1 li.hl h3 a:visited{
	font-size: 13px;
	line-height: 16px;
}

p.dt { 
	font-size: 10px;
	line-height: 13px;
	text-transform: uppercase; 
	color: #787878;
}

div#im1 {
	position: relative;
	float: right;
	width: 378px;
	padding: 16px;
	height: 261px;
	margin: -83px -23px 0 -9px;
	background: url(/images/imgFrame4.png) left top no-repeat;
	z-index: 2;
}

div#im1 img {
	position: relative;
	float: left;
	width: 378px;
	height: 261px;
}

div#im1 p.caption {
	position: absolute;
	bottom: 16px;
	right: 16px;
	width: 378px;
	font-size: 10px;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	text-indent: 7px;
	color: #D8D1B2;
	background: #353534;
	
}

#c1 ul#cm1, #c1 ul#cm1 li {
	position: relative;
	float: left;
	width: 378px;
}

#c1 ul#cm1 li.e, #c1 ul#cm1 li.e a { background-color: #EBE8D8; }

#c1 ul#cm1 li a {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-indent: 999px;
	overflow: hidden;
	background-position: 7px 0px;
	background-repeat: no-repeat;
}

#c1 ul#cm1 li a:hover { 
	background-position: 7px -40px; 
	background-color: #A90800;
}

#c1 ul#cm1 li a.ukljuciteSe { background-image: url(/images/links/ukljuciteSe.png); }
#c1 ul#cm1 li a.volontirajte { background-image: url(/images/links/volontirajte.png); }
#c1 ul#cm1 li a.suorganizirajteProjekte { background-image: url(/images/links/suorganizirajteProjekte.png); }
#c1 ul#cm1 li a.nauciteVise { background-image: url(/images/links/nauciteVise.png); }
#c1 ul#cm1 li a.ukljuciteVasuTvrtku { background-image: url(/images/links/ukljuciteVasuTvrtku.png); }
#c1 ul#cm1 li a.podrziteNas { background-image: url(/images/links/podrziteNas.png); }

a#ip {
	position: relative;
	float: left;
	width: 172px;
	height: 44px;
	padding: 15px 32px 15px 17px;
	margin: -8px 0 -8px -22px;
	background: url(/images/arrowInfoPult.png) left top no-repeat;
	width: 188px;
	font-weight: normal;
	line-height: 13px;
	color: #FFF;
}

a#ip span, a#ip:link span, a#ip:visited span {
	position: relative;
	float: left;
	display: block;
	width: 172px;
	height: 18px;
	margin: 0 0 2px 0;
	line-height: 18px;
	overflow: hidden;
	text-indent: 999px;
	background: url(/images/links/infoPult2.png) left -18px no-repeat;
}

a#ip:hover span { background-position: left 0px; }

div#bvt {
	position: relative;
	float: left;
	width: 357px;
	margin: -53px 0 0 0;
	padding: 0 0 7px 7px;
	background: url(/images/bvtBack.jpg) right top no-repeat;
	clear: both;
}

div#bvt h2 {
	position: relative;
	float: left;
	width: 357px;
	height: 14px;
	margin: 0 0 6px 0;
	overflow: hidden;
	text-indent: 999px;
	background: url(/images/headings/besplatniVolonterskiTelefon.png) left top no-repeat;
}

div#bvt p.tel, div#bvt p {
	position: relative;
	float: left;
	width: 357px;
	color: #856F4D;
}

div#bvt p.tel {
	height: 27px;
	line-height: 27px;
	margin: 0 0 3px 0;
	overflow: hidden;
	text-indent: 999px;
	background: url(/images/brTel.png) left top no-repeat;
}

/*	Content - START */

div#cn1,
div#cn2 {
	position: relative;
	float: left;
	width: 440px;
}

div#cn1 p,
div#cn2 p {
	position: relative;
	float: left;
	width: 440px;
	padding-bottom: 7px;
}

div#cn2 ul, div#cn2 ol {
	position: relative;
	float: left;
	width: 426px;
	padding-left: 14px;
}

div#cn2 ul { list-style: square; }
div#cn2 ol { list-style: decimal; }

div#cn2 ul.el { list-style: none; padding-left: 0; width: 440px;}

/*	Content - END */

/*	Menu - START */
ul#menu {
	position: relative;
	float: left;
	width: 210px;
	padding: 18px 17px 0 27px;
	/*margin: -25px 0 0 -258px;*/
	background: url(/images/menuBack.png) left top no-repeat;
	position: absolute;
	left: -26px;
	top: -25px;
	z-index: 1;
}

ul#menu li {
	position: relative;
	float: left;
	width: 210px;
	padding: 7px 0 8px 0;
	background: url(/images/menuItemBack.png) bottom left repeat-x;
}

ul#menu li.last { background: none; }

ul#menu li a, ul#menu li a:link, ul#menu li a:visited {
	position: relative;
	float: left;
	display: block;
	width: 210px;
	overflow: hidden;
	text-indent: 999px;
	background-position: left 0px;
	background-repeat: no-repeat;
}
ul#menu li a {
  height: 22px;
	line-height: 22px;
}

ul#menu li a.naslovnica { background-image: url(/images/links/naslovnica.png); }
ul#menu li a.lokalnoVolontiranje { background-image: url(/images/links/lokalnoVolontiranje2.png); height: 45px; line-height: 45px; }
ul#menu li a.medunarodnoVolontiranje { background-image: url(/images/links/medunarodnoVolontiranje2.png); height: 45px; line-height: 45px; }
ul#menu li a.volonteri { background-image: url(/images/links/volonteri.png); }
ul#menu li a.partneri { background-image: url(/images/links/partneri.png); }
ul#menu li a.vcz { background-image: url(/images/links/vcz.png); }
ul#menu li a.infoPult { background-image: url(/images/links/infoPult.png); }
ul#menu li a.ukljuciteSe { background-image: url(/images/links/ukljuciteSe.png); }

ul#menu li a:hover, 
ul#menu li.active a, ul#menu li.active a:link, ul#menu li.active a:visited { background-position: left -22px; }

ul#menu li a.lokalnoVolontiranje:hover,
ul#menu li.active a.lokalnoVolontiranje { background-position: left -45px; }
ul#menu li a.medunarodnoVolontiranje:hover,
ul#menu li.active a.medunarodnoVolontiranje { background-position: left -45px; }

ul#menu li ul { display: none; }

ul#menu li.active ul, ul#menu li.active ul li {
	display: block;
	position: relative;
	float: left;
	width: 210px;
}

ul#menu li.active ul { padding: 4px 0 0 0; }

ul#menu li.active ul li {
	height: auto;
	line-height: 22px;
	background: none;
	padding: 0;
}

ul#menu li.active ul li a, ul#menu li.active ul li a:link, ul#menu li.active ul li a:visited {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	margin: 0;
	text-indent: 0;
	color: #FF7F00;
}

ul#menu li.active ul li a:hover { color: #FFF; }

ul#menu li.active ul li a.active, ul#menu li.active ul li a.active:link, ul#menu li.active ul li a.active:visited {
	color: #FFF;
	padding-left: 10px;
	background: url(/images/menuLinkActiveBack.png) left 8px no-repeat;
}

/*	Menu - END */


/*	Breadcrumbs - START */
div#bc, div#bc span, div#bc ul, div#bc ul li {
	position: relative;
	float: left;
	clear: none;
	font-weight: bold;
	font-size: 10px;
	line-height: 29px;
}

div#bc {
	width: 683px;
	margin: 0 -245px 0 0;
}

div#bc span { font-weight: normal; }

div#bc ul li a { margin: 0 3px; }

/*	Breadcrumbs - END */

div#hd1 {
	position: relative;
	float: left;
	width: 440px;
	padding: 14px 245px 14px 14px;
	margin: 0 -245px 0 -14px;
	background: url(/images/hd1Back.jpg) right bottom no-repeat #664B20;
}
div#hd1.volonteri { background: url(/images/hd1Back2.jpg) right bottom no-repeat #664B20; }
div#hd1.partneri { background: url(/images/hd1Back3.jpg) right bottom no-repeat #664B20; }
div#hd1.infoPult, div#hd1.ukljuciteSe, div#hd1.vcz { background: url(/images/hd1Back4.jpg) right bottom no-repeat #664B20; }

div#hd1 p {
	width: 362px;
	color: #FFF;
	line-height: 18px;
}

div#hd1 a, div#hd1 a:link, div#hd1 a:visited { color: #FF7F00;}
div#hd1 a:hover { color: #FFF;}

a.lm { 
	position: relative;
	float: left;
	clear: left;
}

div#l1, div#l2, div#l4 {
	position: relative;
	float: left;
	width: 362px;
	padding: 0 323px 14px 14px;
	margin: 0 -245px 25px -14px;
	background: #EBE8D8;
	z-index: 0;
}

div#l1.im {
	min-height: 212px;
	height: auto !important;
	height: 212px;
}

div#l2 {
	width: 440px;
	padding: 14px 245px 14px 14px;
	margin: 0 -245px 25px -14px;
	/*min-height: 161px;
	height: auto !important;
	height: 161px;*/
}

div#l1 div.l1ui {
  position: relative;
  float: left;
  width: 362px;
  clear: left;
}

div#l1 div.l1ui p {
  padding-bottom: 7px;
}

div#l1 p, div#l2 p {
	position: relative;
	float: left;
	font-size: 13px;
	line-height: 18px;
	color: #664B20;
	width: 362px;
	clear: left;
}

div#l2 p {
	width: 267px;
	clear: none;
}
div#l2 p.w4 { width: 440px; }

div#l2 a { 
	display: block;
	position: relative;
	float: left;
	clear: left; 
}

div#l4 {
	margin-bottom: 0;
	padding-top: 14px;
	color: #664B20;
	font-size: 13px;
	line-height: 18px;
}

div#l4 dl, div#l4 dt, div#l4 dd, div#l4 p {
	position: relative;
	float: left;
}

div#l4 ul, div#l4 li, div#l4 h3 {
  position: relative;
  float: left;
  width: 100%;
}

div#l4 dl, div#l4 ul { clear: both; padding-bottom: 20px; }
div#l4 dt { clear: left; font-weight: bold; padding-right: 5px; }
div#l4 p { clear: left; width: 100%;}

img.il1 {
	position: absolute;
	width: 306px;
	height: 211px;
	padding: 16px 15px 15px 16px;
	top: -1px;
	right: -22px;
	background: url(/images/imgFrame2.png) left top no-repeat;
	z-index: 1;
}

img.il2 {
	position: relative;
	float: right;
	width: 147px;
	height: 147px;
	padding: 16px 15px 15px 15px;
	margin: -8px -8px -8px 0;
	background: url(/images/imgFrame3.png) left top no-repeat;
}

ul.ps, ul.ps li {
	position: relative;
	float: left;
	width: 440px;
	line-height: 22px;
}

ul#ap, ul#ap li,
ul#vk, ul#vk li {
	position: relative;
	float: left;
	width: 440px;
}

ul#ap li,
li.bl { margin: 0 0 14px 0; }

ul#ap li h4 a,
li.bl h4 a { font-size: 13px; }

ul#vk li  { padding-bottom: 20px; }

ul#vk p.dt { font-size: 11px; width: 100%; }

ul#vk p { 
	position: relative;
	float: left;
}

/*	Sidebar - START */
ul#sidebar {
	position: relative;
	float: right;
	width: 238px;
	padding: 14px 10px 0 18px;
	margin: -14px -262px 0 -4px;
	background: url(/images/sidebarBack.png) left top no-repeat;
	z-index: 10;
}
/*
ul#sidebar.sb1 { top: 279px; }
ul#sidebar.sb2 { top: 43px; }
ul#sidebar.sb3 { top: 197px; }
*/

ul#sidebar li {
	position: relative;
	float: left;
	width: 224px;
	padding: 10px 7px 14px 7px;
	background: url(/images/sidebarBack.jpg) left bottom repeat-x #F9EBB4;
}

ul#sidebar li.vzv { background: url(/images/sidebarVodicBack.jpg) right bottom no-repeat #F9EBB4; }

ul#sidebar li ul, ul#sidebar li li {
	position: relative;
	float: left;
	/*width: 238px;*/
	background: none;
	padding: 0;
	margin: 0;
}

ul#sidebar li ul.ul1 li { margin-bottom: 10px; }

ul#sidebar li p { line-height: 16px; }

ul#sidebar li.vzv p { width: 75px;}

ul#sidebar ul#us { margin-top: -10px; }
ul#sidebar ul#us li { width: 238px; margin: 0 -7px; }

ul#sidebar ul#us li.odd { background: #EDD996; }
ul#sidebar ul#us li.even { background: transparent; }

ul#sidebar ul#us li a {
	position: relative;
	float: left;
	display: block;
	width: 238px;
	height: 30px;
	line-height: 30px;
	text-indent: -999px;
	overflow: hidden;
	background-position: 7px 0px;
	background-repeat: no-repeat;
}

ul#sidebar ul#us li a:hover { 
	background-position: 7px -30px; 
}

ul#sidebar ul#us li a.ukljuciteVasuTvrtku { background-image: url(/images/links/ukljuciteVasuTvrtku2.png); }
ul#sidebar ul#us li a.suorganizirajteProjekte { background-image: url(/images/links/suorganizirajteProjekte2.png); }
ul#sidebar ul#us li a.podrziteNas { background-image: url(/images/links/podrziteNas2.png); }

/*	Sidebar - END */

/*	Kalendar */
div.ot1 {	/*narandzasti naslovi*/
	position: relative;
	float: left;
	width: 440px;
	height: 40px;
	margin: 0 0 0 -14px;
	padding: 0 14px;
	background:#FF7F00;
}
div.ot1 h2, div.ot1 span { 
	position: relative;
	float: left;
	width: 300px;
	font-size:24px;
	line-height: 40px;
	font-family:Arial,Helvetica,Sans-serif;
	font-weight:bold;
	color:#fff; 
}

.ot1n, .ot1p { 
	position: relative;
	display:block;
	width:24px;
	height:21px;
	background:url(/images/kalendar_right.gif) no-repeat;
	text-indent:-5000px;
	float:right;
	margin-top:10px; 
}
.ot1p { width:29px; background:url(/images/kalendar_left.gif) no-repeat;}

table.cal { position: relative; float: left;margin-left:-14px;width:468px; }
table.cal td { padding-left:15px;padding-top:5px;padding-bottom:5px; }
table.cal td.odd { background: #EBE8D8; }
table.cal td.even { background: transparent; }
table.cal td span.dta { color:#664B20;font-size:14px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold; }
table.cal td span.dt { color:#B2A58F;font-size:14px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold; }
table.cal td p { padding-top:10px;padding-bottom:10px; }

/*	Profili - boje */

span.blt, span.pf, a.pf, a.pf:link, a.pf:visited, a.pf:hover {
	position: relative;
	float: left;
	font-size: 18px;
	line-height: 1.25;
}
span.blt {
	color: #AAA;
	padding: 0 0.5em;
}

.pc1 { color: #5C5C5C; }
.pc2 { color: #474747; }
.pc3 { color: #858585; }

/*	Profil - stranica */

/*martin add ons*/

p.det {
  text-transform: uppercase;
  color: #585858;
  font-size: 10px;
  line-height: 1.5;
}

/* marko add ons*/

div#l3 h1 {
	position: relative;
	float: left;
	width: 640px;
	font-family: Arial, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #664B20;
	margin: 14px 0;
}
div#l3 h2 {
	position: relative;
	float: left;
	width: 640px;
	font-family: Arial, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #664B20;
	margin: 14px 0;
}

div#l3 {
	position: relative;
	float: left;
	width: 362px;
	padding: 0 323px 100px 14px;
	margin: 0 -245px 25px -14px;
	background: #EBE8D8;
	z-index: 0;
}
div#l3 p {
	position: relative;
	float: left;
	font-size: 13px;
	line-height: 18px;
	color: #664B20;
	width: 640px;
	clear: left;
}

div#cn3 {
	position: relative;
	float: left;
	width: 710px;
	margin-top:-110px;
  margin-right: -360px;
}

img.il3 {
	position: relative;
	float: left;
	width: 147px;
	height: 147px;
	padding: 16px 15px 15px 15px;
	margin: -8px 1px 4px -8px;
	background: url(/images/imgFrame3.png) left top no-repeat;
}
table.opciPodaci {width:468px; position: relative; float: left; margin: 0 -14px; clear: left; margin-bottom: 7px;}
td.polje {font-weight:bold;padding-left:16px;padding-top:4px;padding-bottom:4px;padding-right: 4px;}
tr.odd td {background-color:#F4F1E8;}
tr.even td {background-color: transparent;}
#cn2 fieldset { clear: left; }

#ajaxContainer h4 { 
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #664B20;
	padding-top: 7px;
	clear: both; 
}

div#ajaxContainer {
  position: relative;
  float: left;
}

p#ajaxContainer,
div#ajaxContainer {
	color: #666;
	font-size: 16px;
}

p#ajaxContainer a { font-size: 11px; }
div#cn2 li.bl p {float:none;}
ul.el, li.bl {position: relative; float: left; width: 100%;}
li.bl img.il2 {margin-top:-10px; float: right; }
ul#sidebar ul.sap li { margin-bottom: 5px; line-height: 1.2;}
.napomena {font-size:10px;line-height:11px;}

div#cn2 li.bl p {float:none; position: relative; width: auto; }

#ui-datepicker-div {
	z-index: 10;
	margin: 0 0 0 -199px;
}