/*
BOJA 1: (ljubicasta) #484976
BOJA 1B: (ljubicasta tamnija) #5b5c84
BOJA 1C: (ljubicast jos tamnija) #6c6d91
BOJA 1NJ: (svetlija ljubicasta -- za 3. nivo menija): #d3d3de
BOJA 2: (zelena) #ec1c24

background-image: url(../images/basic/92/);
*/

#body {margin: 0; padding: 0; background-image: url(../images/basic/common/bg.gif);}
#container {position: absolute; top: 0; left: 50%; width: 767px; margin-left: -383px;}
p {margin-top:0;}
a img {border: 0;}

ul { margin: 10px; margin-left: 30px; padding: 0; list-style-image:url(../images/basic/92/bullet.gif);}
ul li {margin: 0; padding: 0; margin-bottom: 6px; line-height: 14px;}

a { color:#0c6da4; text-decoration: underline; }
a:hover { color: #0c6da4; text-decoration: none; }

.fotka {border: 3px solid #b3b3b3;}
	.left {float: left; margin: 0 10px 10px 0}
	.right {float: right; margin: 0 0 10px 10px}

.forma {padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #666; background-color:#ededed; border: 1px solid #999; padding-top: 2px; font-weight: normal;}

#header {margin: 0; heigth: 119px; background-color: #ed1c24; padding-top: 10px;}
	#logo {height: 120px; margin-left: 20px; margin-bottom: 1px; background-image: url(../images/basic/92/logo.gif); background-repeat: no-repeat;}
	#header_img {display: none; height: 223px; height: 47px; background-image: url(../images/basic/92/header_img.jpg); background-repeat: no-repeat;}
	#banner {margin-top: 24px; padding: 18px; padding-right: 16px; float: right; background-image: url(../images/basic/92/bg_menu2_ivica.gif); background-repeat: no-repeat; background-color: #d51920;}

#spor_menu { padding: 0px; margin: 5px 0px 12px 0px; height: 33px; background-image: url(../images/basic/common/bg_menu.gif); background-repeat: no-repeat; background-position: bottom;}
	#spor_menu form { padding: 5px 0px 0px 0px; margin: 0px 0px 0px 6px; }
	#spor_menu_unu {float: right; padding: 0px 6px 0px 0px;}
	#spor_menu_unu img {margin-left: 6px; margin-top: 2px;}
		#spor_menu_unu a{padding:5px;}
		#spor_menu_unu a:hover{background-color: #999; background-image: url(../images/basic/common/spor_menu_over.gif); background-repeat: repeat-x;}

#title_container {padding: 12px; padding-left: 14px; padding-top: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #484976; background-color: #ededed; background-image: url(../images/basic/common/bg_title_ivica.gif); background-repeat:no-repeat; background-position: top right; }
	#title_container .title {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 22px; color: #ec1c24; margin-bottom: 0;}

#left_menu {text-align: right; background-color: #ed1c24; background-image: url(../images/basic/92/bg_menu_ivica.gif); background-position: top left; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px;}
	#left_menu .select {display: block; border-right: 4px solid #ec1c24; padding: 2px; padding-right: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 9px; font-weight: bold; line-height: 18px; text-decoration: none;}
	#left_menu a {display: block; padding: 2px; padding-right: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 9px; font-weight: bold; line-height: 20px; text-decoration: none;}
	#left_menu a:hover {display: block; padding: 2px; padding-right: 8px; margin-left: 4px; margin-right: 4px; color: #FFF; font-size: 9px; font-weight: bold; text-decoration: underline; background-color: #0c6da4;}
		#left_menu #left_menu2 {text-align: right; background-color: #d51920; background-image: url(../images/basic/92/bg_menu2_ivica.gif); background-position: top left; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px;}
		#left_menu #left_menu2 a {font-weight: normal;}
			#left_menu #left_menu2 #left_menu3 {text-align: right; background-color: #bf161d; background-image: url(../images/basic/92/bg_menu3_ivica.gif); background-position: top left; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px;}
			#left_menu #left_menu2 #left_menu3 a {color: #d3d3de; line-height: 12px; font-weight: normal;}

#text { padding: 14px;  padding-right: 20px; padding-bottom: 2px; background-color: #FFF; line-height: 14px; border-top: 5px solid #cacaca;}
	.normal { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #474747; line-height: 13px; }
	.small { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 9px; color: #999; line-height: 12px; }
	.title1 {padding: 0px; padding-left: 6px; border-left: 4px solid #bb2048; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; font-weight: bold; color: #474747; margin: 0px; margin-bottom: 2px;}
	.title2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; font-weight: normal; color: #008349; line-height: 11px; padding: 0px; margin: 0px; }
	.antr {padding: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #ec1c24; line-height: 13px; background-color: #ededed; background-image: url(../images/basic/common/bg_ivica_antr.gif); background-position: bottom right; background-repeat: no-repeat;}

#vesti {padding: 10px; background-color: #0c6da4; line-height: 14px; border-top: 5px solid #cacaca;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #fff; line-height: 14px; text-decoration: none; }
	#vesti a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #fff; line-height: 14px; text-decoration: none; }
	#vesti a:hover {color: #fff; text-decoration: underline; background-color: #0a5783; }
	#vesti ul {margin: 20px; margin-top: 5px;}

#right_menu {padding-top: 10px; padding-bottom: 10px; padding-left: 10px; background-color: #ededed; line-height: 14px; border-top: 5px solid #cacaca; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333;}
	#right_menu a {display: block; border-left: 4px solid #cccccc; padding: 0; margin: 2px; padding-left: 8px; margin-right: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #484976;  font-weight: bold; line-height: 14px; text-decoration: none; background-color: #ededed; }
	#right_menu a:hover {display: block; border-left: 4px solid #484976; padding: 0; margin: 2px; padding-left: 8px; margin-right: 4px; color: #666; text-decoration: underline; background-color: #e1e1e1; }

#anketa { width: 123px; * width: 143px; padding: 10px; background-color: #ededed; line-height: 14px; border-top: 5px solid #cacaca; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333;}
	#anketa a { display: block; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #ea2d54; font-weight: bold; line-height: 14px; text-decoration: none; background-color: #ededed; }

#footer { height: 24px; * height: 33px; margin-top: 13px; padding: 9px 0px 0px 157px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #e9ebea; background-image: url(../images/basic/common/bg_footer.gif); background-repeat: no-repeat; background-position: right; }

/* OCP STILOVI */

.table_main1 { background-color: #FFFFFF; }
.table_main { color: #FFFFFF; background-color: #ffffff; }
.td_inner { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; background-color: #ffffff; font-size: 11px; color: #333333; line-height: 13px; padding: 2px; }
.td_inner1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; background-color: #ffffff; font-size: 11px; color: #333333; line-height: 13px; padding: 2px; }
.td_inner2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; background-color: #ffffff; font-size: 11px; color: #333333; line-height: 13px; padding: 2px; }
.td_inner3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; background-color: #ffffff; font-size: 11px; color: #333333; line-height: 13px; padding: 2px; }
.td_headerRow { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; background-color: #ffffff; font-size: 11px; color: #333333; line-height: 13px; padding: 2px; }
.td_headerCol { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; background-color: #ffffff; font-size: 11px; color: #333333; line-height: 13px; padding: 2px; }

.tekst_sa_slikom_cell { padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
.tekst_sa_slikom_slika_cell { padding-top: 2px; padding-right: 10px; padding-bottom: 10px; padding-left:2px; }
.dve_slike_cell { padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }

/*popup menu*/
#nav { width: 220px; padding: 0; margin: 0; float: left; z-index: 1; list-style: none; }
#nav li { width: 220px; position: relative; float: left; line-height: 1.25em; padding: 0; margin-bottom: -1px; list-style: none; }

#nav ul  { position: absolute; display: none; margin-left: 13.75em; margin-top: -1.35em; z-index: 0; background-color: #f4f4f4; }
#nav ul ul { position: absolute; display: none; margin-left: 13.75em; margin-top: -1.35em; background-color: #f4f4f4; }
#nav ul ul ul { position: absolute; display: none; margin-left: 13.75em; margin-top: -1.35em; background-color: #f4f4f4; }

#nav a { display: block; border: 1px solid #bec5cb; border-bottom-width: 0; padding: 0; padding-left: 5px; padding-top: 5px; padding-bottom: 4px; line-height: 13px; }
#nav a:hover { color: white; background-color: black; }

#nav li ul, #nav li:hover ul ul, #nav li.hover ul ul { display: none; }
#nav li:hover ul, #nav li:hover ul li:hover ul, #nav li.hover ul, #nav li.hover ul li.hover ul { display: block; }


.navChain { margin: 12px 0px 12px 0px; padding: 0px 12px 0px 12px; font-family: Verdana, Arial, Tahoma; font-size: 10px; color: #333; text-align: center; }

#coverImage { width: 180px; height: 255px; padding: 0px; margin: 0px; overflow: hidden; }