/* 
	client: Children's Cultural Center Belgrade
	http://dkcb.org.yu
	.................................
	Copyright 2005 Urtica [urtica.org]
*/

/*<group=globalnav>*/

#header {
	background:  url(../img-components/dkcb_header.gif) no-repeat;
	width: 800px;
	height: 60px;
}

#header-eng {
	background: url(../img-components/dkcb_header-eng.gif) no-repeat;
	width: 800px;
	height: 60px;
}

#header-logo {
	background: url(../img-components/dkcb_logo.gif) no-repeat left center;
	width: 800px;
	height: 60px;
	color: #ff0000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

.h0 {
	padding-left: 64px;
}

.content-info {
	color: #666666;
	width: 200px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
}

.column-info {
	float: left;
	width: 200px;
}

.globalnav-blank {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-indent: 10px;
	text-decoration: none;
	color: #666666;
}

.lang {
	color: #ff0000;
	margin-right: 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin-bottom: 5px;
}

.lang a:link {
	text-decoration: none;
	color: #009900;
}

.lang a:visited {
	text-decoration: none;
	color: #009900;
}

.lang a:hover {
	color: #ff0000;
	text-decoration: none;
}

.lang a:active {
	color: #ff0000;
	text-decoration: none;
}

.globalnav {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-indent: 10px;
	text-decoration: none;
	color: #ff0000;
}

.globalnav a:link {
	color: #0066ff;
	text-decoration: none;
}

.globalnav a:visited {
	color: #0066ff;
	text-decoration: none;
}

.globalnav a:hover {
	color: #ff0000;
	text-decoration: none;
}

.globalnav a:active {
	color: #ff0000;
	text-decoration: none;
}
	
/*</group>*/

/*<group=navlist>*/

#navback-temp {
	background: #66ffff url(../img-components/navhead-temp.gif) no-repeat center top;
}

#navback0 {
	background: #66ffff url(../img-components/navhead0.gif) no-repeat center top;
}

#navback0b {
	background: url(../img-components/navhead0b.gif) no-repeat center top;
}

#navback1a {
	background: #66ffff url(../img-components/navhead1a.gif) no-repeat center top;
}

#navback1b {
	background: #66ffff url(../img-components/navhead1b.gif) no-repeat center top;
}

#navback2a {
	background: #66ffff url(../img-components/navhead2a.gif) no-repeat center top;
}

#navback2b {
	background: #66ffff url(../img-components/navhead2b.gif) no-repeat center top;
}

#navback2c {
	background: #66ffff url(../img-components/navhead2c.gif) no-repeat center top;
}

#navback2d {
	background: #66ffff url(../img-components/navhead2d.gif) no-repeat center top;
}

#navback2e {
	background: #66ffff url(../img-components/navhead2e.gif) no-repeat center top;
}

#navback2arh {
	background: #66ffff url(../img-components/navhead2arh.gif) no-repeat center top;
}

#navback3a {
	background: #66ffff url(../img-components/navhead3a.gif) no-repeat center top;
}

#navback4a {
	background: #66ffff url(../img-components/navhead4a.gif) no-repeat center top;
}

#navback4b {
	background: #66ffff url(../img-components/navhead4b.gif) no-repeat center top;
}

#navback4c {
	background: #66ffff url(../img-components/navhead4c.gif) no-repeat center top;
}

#navback4d {
	background: #66ffff url(../img-components/navhead4d.gif) no-repeat center top;
}

#navback4e {
	background: #66ffff url(../img-components/navhead4e.gif) no-repeat center top;
}

#navback5a {
	background: #66ffff url(../img-components/navhead5a.gif) no-repeat center top;
}

#navback5b {
	background: #66ffff url(../img-components/navhead5b.gif) no-repeat center top;
}

#navback5c {
	background: #66ffff url(../img-components/navhead5c.gif) no-repeat center top;
}

#navback5d {
	background: #66ffff url(../img-components/navhead5d.gif) no-repeat center top;
}

#navback6a {
	background: #66ffff url(../img-components/navhead6a.gif) no-repeat center top;
}

.navlist {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ff0000;
}

.navlist a:link {
	color: #0066ff;
	text-decoration: none;
}

.navlist a:visited {
	color: #0066ff;
	text-decoration: none;
}

.navlist a:hover {
	color: #ff0000;
	text-decoration: none;
}

.navlist a:active {
	color: #ff0000;
	text-decoration: none;
}

ul.navlist {
	list-style: none;
	padding-right: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 82px;
	direction: ltr;
	padding-left: 10px;
}

li {
	padding-bottom: 15px;
}

#najava-ombudsman {
	background: url(../img-components/i-ombudsman.gif) no-repeat left center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	width: 200px;
	text-align: left;
}

#najava-icaf {
	background: url(../img-components/i-icaf.gif) no-repeat left center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	width: 200px;
	text-align: left;
}

#najava_re {
	background: url(../img-components/i-re2.gif) no-repeat left center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	width: 200px;
	text-align: left;
	height: 50px;
}

.najava {
	direction: ltr;
	color: #666666;
	text-decoration: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.najava a:link {
	color: #0066ff;
	text-decoration: none;
}

.najava a:visited {
	color: #0066ff;
	text-decoration: none;
}

.najava a:hover {
	color: #ff0000;
	text-decoration: none;
}

.najava a:active {
	color: #ff0000;
	text-decoration: none;
}

ul.najava {
	list-style: none;
	direction: ltr;
	margin: 1px 2px 1px 23px;
	padding: 1px 2px 1px 23px;
}

li.najava {
	margin-top: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	margin-bottom: 1px;
}

.header-najava {
	font-size: 14px;
	color: #666666;
	font-style: normal;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 18px;
}
	
/*</group>*/

/*<group=content 
glavni stilovi za kontrolu velicine, boje i ravnanja fonta su:
.content
.foto-content
p          
   
 >*/

.content {
	color: #666666;
	width: 560px;
	margin: 10px 20px 10px 10px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.content a:link {
	color: #0066ff;
	text-decoration: none;
}

.content a:visited {
	color: #0066ff;
	text-decoration: none;
}

.content a:hover {
	color: #ff0000;
	text-decoration: none;
}

.content a:active {
	color: #ff0000;
	text-decoration: none;
}

.foto-content {
	width: 560px;
	margin-bottom: 10px;
	color: #666666;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.inactive-over {
	color: #ff0000;
}

.h6 {
	color: #999999;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 10px;
}

.h6 a:link {
	color: #999999;
	text-decoration: none;
}

.h6 a:visited {
	color: #999999;
	text-decoration: none;
}

.h6 a:hover {
	color: #ff0000;
	text-decoration: none;
}

.h6 a:active {
	color: #ff0000;
	text-decoration: none;
}

.h6_2 {
	color: #000099;
	margin-bottom: 10px;
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.h6_2 a:link {
	color: #000099;
	text-decoration: none;
}

.h6_2 a:visited {
	color: #000099;
	text-decoration: none;
}

.h6_2 a:hover {
	color: #ff0000;
	text-decoration: none;
}

.h6_2 a:active {
	color: #ff0000;
	text-decoration: none;
}

h1 {
	font-size: 14px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 18px;
}

.italic_light {
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
}

p {
	margin-bottom: 1.2em;
	margin-top: 0.6em;
	text-align: left;
}

.teze {
	display: list-item;
	list-style: outside square;
	margin-left: 1.3em;
	padding-left: 0.3em;
}

.lista {
	text-decoration: none;
}

ul.lista {
	margin-left: 1.3em;
	list-style: square outside;
	padding-left: 0.3em;
}

li.lista {
	padding-bottom: 0.5ex;
}

.prolog {
	font-style: italic;
}

.column-left {
	float: left;
	width: 270px;
}
.column-right {
	float: right;
	width: 270px;
}

.column-no {
	width: 560px;
	float: left;
}

.column2-left {
	width: 180px;
	float: left;
}

.column2a-right {
	width: 170px;
	float: left;
}

.column2b-right {
	width: 170px;
	float: right;
}

.wide-left {
	float: left;
	width: 430px;
}

.wide-right {
	float: right;
	width: 110px;
}

.line {
	border-top: 1px solid #99ff99;
	margin-right: 20px;
	margin-left: 10px;
	font-size: 5px;
}

.line2 {
	border-top: 1px solid #99ff99;
	font-size: 5px;
}

.block-okvir {
	border: 1px solid #99ff99;
	padding: 0.7em;
	display: block;
	color: #b7b7b7;
	font-size: 10px;
	text-align: justify;
}

/* 	img ---
	img0 [home] = ?
	imgSmall = 107 x 80 px
	imgMed = 170 x 124 px
	imgBig = 267 (270) x 200 (202) px

 */

.img0-content {
	margin-bottom: 1.3em;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
}

.img0b-content {
	float: left;
	margin-top: 0.3em;
	margin-right: 1.3em;
	margin-bottom: 0.3em;
}

.img0c-content {
	float: left;
	margin-top: 0.3em;
	margin-right: 1.3em;
	margin-bottom: 0.8em;
}

.imgBig-content {
	margin-bottom: 1.7em;
	margin-top: 0.3em;
}

.imgBig2-content {
	margin-top: 0.3em;
	margin-bottom: 1em;
}

.imgBig3-content {
	margin-top: 0.3em;
}

.imgSmall-content {
	margin-top: 0.3em;
}

.imgMed-content {
	margin-top: 0.3em;
	margin-bottom: 1.3em;
}

.header2 {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	line-height: 1.1em;
}

.header0 {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	line-height: 1.1em;
	color: #000000;
}
	
/*</group>*/

/*<group=foot>*/

#footer {
	margin: 10px;
	color: #666666;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background:  url(../img-components/footer_logo.gif) no-repeat left top;
}

.f1 {
	margin-bottom: 6px;
	margin-top: 6px;
	margin-left: 30px;
}

.f1 a:link {
	text-decoration: none;
	color: #0066ff;
}

.f1 a:visited {
	color: #0066ff;
	text-decoration: none;
}

.f1 a:hover {
	color: #ff0000;
	text-decoration: none;
}

.f1 a:active {
	color: #ff0000;
	text-decoration: none;
}
	
/*</group>*/