/* CSS Document by Sasa Foric, 2007. */
/* contact - webmaster@pevec.hr */


/*-- WEB FORMATTING --*/
body {
	font-family: Trebuchet MS, Arial;
	padding: 0px;
	margin: 0px;
	background-color: #d7d7d7;
	background-image: url("http://www.pevec.hr/img/index/background.gif");
	background-repeat: repeat-x;
}

div, p, ul {
	padding: 0px;
	margin: 0px;
}

a {
	color: #666667;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.search_frame a {
	color: #000000;
	text-decoration: none;
}
/*-- / WEB FORMATTING --*/


/*-- FULL RESET DOWN FOOTER --*/
#resetfirst {
	position: relative;
	width: 100%;
	margin: 0px;
}

#resetsecond {
	position: absolute;
	width: 100%;
	margin: 0px;
}
/*-- / FULL RESET DOWN FOOTER --*/


/*-- MAIN PART --*/
#position {
	position: relative;
	width: 752px;
	margin: 0px auto 0px auto;
}

#main {
	width: 750px;
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
	background-color: #dfdfdb;
	margin: auto;
}

#index {
	margin: 0px;
}
/*-- / MAIN PART --*/


/*-- PEVEC RADIO --*/
#pevec_radio_small {
	display: block;
	position: absolute;
	top: 21px;
	left: -20px;
	width: 20px;
	height: 88px;
	border-right: 1px solid #767676;
	cursor: pointer;
}

#pevec_radio_big {
	display: none;
	position: absolute;
	top: 21px;
	left: -155px;
	width: 155px;
	height: 88px;
	font-size: 0px;
	border-right: 1px solid #767676;
}
/*-- / PEVEC RADIO --*/


/*-- HEADER --*/
#top {
	font-size: 10px;
	line-height: 17px;
	width: 750px;
	height: 19px;
	border-bottom: 2px solid #cccbcc;
	background: #f4f4f4;
}

#top a {
	color: #000000;
	text-decoration: none;
}

#top a:hover {
	color: #949494;
	text-decoration: none;
}

#top .copyright {
	float: left;
	display: inline;
	width: 262px;
	height: 19px;
	text-align: left;
	margin: 0px 0px 0px 8px;
}

#top .information {
	float: left;
	display: inline;
	width: 472px;
	height: 19px;
	text-align: right;
	margin: 0px 8px 0px 0px;
}

#top .information span {
	font-weight: bold;
}

#header {
	position: relative;
	width: 750px;
	height: 88px;
}

#index #header {
	position: relative;
	width: 750px;
	height: 88px;
}

#header .logo {
	float: left;
	width: 270px;
}

#index #header .left_logo {
	float: left;
	width: 263px;
	height: 88px;
}

#index #header .logo {
	float: left;
	width: 226px;
	height: 88px;
}

#index #header .right_logo {
	float: left;
	width: 156px;
	height: 88px;
}

#header .banner {
	float: left;
	width: 480px;
	font-size: 0px;
}

#index #header .counter {
	float: left;
	width: 105px;
	height: 88px;
	background-color: #00923f;
}
/*-- / HEADER --*/


/*-- BAR --*/
#bar {
	width: 750px;
	height: 32px;
}

#link {
	float: left;
	width: 270px;
	height: 32px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

#link .centering {
	width: 120px;
	height: 16px;
	text-align: center;
	margin: 0px 0px 0px 15px;
}

#bar #link a {
	color: #ffffff;
	text-decoration: none;
}

#bar #link a:hover {
	color: #c1c0bf;
	text-decoration: none;
}

#link .one {
	position: relative;
	float: left;
	width: 135px;
	height: 16px;
	background-color: #666667;
}

#link .two {
	position: relative;
	float: left;
	width: 135px;
	height: 16px;
	background-color: #7f7f7f;
}

#link .three {
	position: relative;
	float: left;
	width: 135px;
	height: 16px;
	background-color: #7f7f7f;
}

#link .four {
	position: relative;
	float: left;
	width: 135px;
	height: 16px;
	background-color: #666667;
}

#link .cubeproi {
	position: absolute;
	top: 5px;
	left: 10px;
	bottom: 5px;
	width: 6px;
	height: 6px;
	font-size: 0px;
	background-color: #f18000;
}

#link .cubetrgo {
	position: absolute;
	top: 5px;
	left: 10px;
	bottom: 5px;
	width: 6px;
	height: 6px;
	font-size: 0px;
	background-color: #00923f;
}

#link .cubetrans {
	position: absolute;
	top: 5px;
	left: 10px;
	bottom: 5px;
	width: 6px;
	height: 6px;
	font-size: 0px;
	background-color: #e9d502;
}

#link .cubeinsta {
	position: absolute;
	top: 5px;
	left: 10px;
	bottom: 5px;
	width: 6px;
	height: 6px;
	font-size: 0px;
	background-color: #0089e1;
}

#link .cubeugos {
	position: absolute;
	top: 5px;
	left: 10px;
	bottom: 5px;
	width: 6px;
	height: 6px;
	font-size: 0px;
	background-color: #8a3f34;
}

#toolbar {
	float: left;
	width: 480px;
	height: 32px;
	background-color: #f4f4f4;
}

#index #toolbar {
	float: left;
	width: 750px;
	height: 32px;
	background-color: #f4f4f4;
}

#toolbar .space {
	float: left;
	width: 14px;
	height: 32px;
}

#toolbar .right_space {
	float: left;
	width: 7px;
	height: 32px;
}

#index #toolbar .space {
	float: left;
	width: 14px;
	height: 32px;
}

#index #toolbar .center_space {
	float: left;
	width: 395px;
	height: 32px;
}

#toolbar .center_space {
	float: left;
	width: 125px;
	height: 32px;
}

#toolbar .icon {
	float: left;
}

#toolbar #search {
	float: left;
	width: 165px;
	height: 32px;
	background-color: #ffffff;
}

#search .find {
	position: relative;
	float: left;
	width: 117px;
	height: 32px;
}

#search .searchfield {
	position: absolute;
	left: 7px;
	top: 6px;
	border: 1px solid #dcdbdc;
	font-weight: bold;
	font-family: Trebuchet MS;
	font-size: 10px;
	color: #848484;
	background-color: #f4f4f4;
}

#toolbar .space_radno {
	float: left;
	width: 77px;
	height: 32px;
}
/*-- / BAR --*/


/*-- BARS --*/
#bars {
	width: 750px;
	height: 4px;
}

#bars .gray {
	width: 750px;
	height: 2px;
	font-size: 0px;
	background-color: #cccbcc;
}

#bars .white {
	width: 750px;
	height: 2px;
	font-size: 0px;
	background-color: #ffffff;
}
/*-- / BARS --*/


/*-- CONTENT --*/
#content {
	width: 750px;
	background-color: #dfdfdb;
}

#leftmenu {
	display: inline;
	float: left;
	width: 135px;
	background-color: #dfdfdb;
}

#center {
	float: left;
	width: 450px;
	background-color: #ffffff;
}

#index #center {
	float: left;
	width: 316px;
	background-color: #ffffff;
}

#border_left {
	width: 449px;
	border-left: 1px solid #ffffff;
}

#index #border_left {
	width: 315px;
	border-left: 1px solid #ffffff;
}

#border_right {
	width: 449px;
	border-right: 1px solid #ffffff;
}

#rightmenu {
	float: left;
	width: 165px;
	background-color: #dfdfdb;
}

#index #rightmenu {
	position: relative;
	float: left;
	width: 299px;
	background-color: #dfdfdb;
}
/*-- / CONTENT --*/


/*-- LEFT MENU --*/
#leftmenu .head {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	line-height: 20px;
	color: #ffffff;
	margin: 0px 0px 0px 8px;
}


/*-- field --*/
#leftmenu .field {
	width: 135px;
}

#leftmenu .menu {
	clear: left;
	width: 131px;
	height: 16px;
	font-size: 11px;
	line-height: 16px;
	margin: 2px 2px 0px 2px;
	padding: 0px 0px 1px 0px;
	cursor: pointer;
}

#leftmenu .menu a {
	color: #000000;
	text-decoration: none;
}

#leftmenu .menu a:hover {
	color: #000000;
	text-decoration: none;
}

#leftmenu .menu .cube {
	display: inline;
	float: left;
	width: 5px;
	height: 5px;
	font-size: 0px;
	background-color: #292929;
	margin: 5px 6px 0px 6px;
}

#leftmenu .menu .text {
	float: left;
}
/*-- / field --*/


/*-- head color --*/
#leftmenu .green {
	width: 135px;
	height: 20px;
	background-color: #00923f;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

#leftmenu .green_first {
	width: 135px;
	height: 20px;
	background-color: #00923f;
	border-bottom: 1px solid #d0d0d0;
}

#leftmenu .lightgreen {
	width: 135px;
	height: 20px;
	background-color: #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

#leftmenu .lightgreen_first {
	width: 135px;
	height: 20px;
	background-color: #69b03c;
	border-bottom: 1px solid #d0d0d0;
}

#leftmenu .blue {
	width: 135px;
	height: 20px;
	background-color: #319eab;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

#leftmenu .darkblue_first {
	width: 135px;
	height: 20px;
	background-color: #0089e1;
	border-bottom: 1px solid #d0d0d0;
}


#leftmenu .darkblue {
	width: 135px;
	height: 20px;
	background-color: #0089e1;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

#leftmenu .gray {
	width: 135px;
	height: 20px;
	background-color: #666667;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

#leftmenu .dark {
	width: 135px;
	height: 20px;
	background-color: #343232;
	border-top: 1px solid #d0d0d0;
}

#leftmenu .yellow_first {
	width: 135px;
	height: 20px;
	background-color: #f0b400;
	border-bottom: 1px solid #e0e0e0;
}

#leftmenu .yellow {
	width: 135px;
	height: 20px;
	background-color: #f0b400;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

#leftmenu .orange_first {
	width: 135px;
	height: 20px;
	background-color: #f18000;
	border-bottom: 1px solid #d0d0d0;
}

#leftmenu .orange {
	width: 135px;
	height: 20px;
	background-color: #f18000;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

#leftmenu .redugo_first {
	width: 135px;
	height: 20px;
	background-color: #8a3f34;
	border-bottom: 1px solid #d0d0d0;
}

#leftmenu .redugo {
	width: 135px;
	height: 20px;
	background-color: #8a3f34;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

#leftmenu .red {
	width: 135px;
	height: 20px;
	background-color: #d62213;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

#leftmenu #player {
	width: 135px;
	height: 20px;
	background-color: #319eab;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}
/*-- / head color --*/


#leftmenu .map {
	width: 135px;
	height: 143px;
}
/*-- / LEFT MENU --*/


/*-- ANKETE --*/
/*-- left menu --*/
#leftmenu #form {
	display: inline;
	position: relative;
	width: 135px;
}

#leftmenu #form .cheat {
	left: 0px;
	top: 0px;
	width: 135px;
}

#leftmenu .anketaupit .text {
	width: 129px;
	font-size: 11px;
	color: #ffffff;
	line-height: 16px;
}

#leftmenu .choose {
	width: 135px;
}

#leftmenu .choose .row {
	width: 135px;
	background-color: #ffffff;
}

#leftmenu .choose .row .radio {
	top: 0px;
	float: left;
	width: 22px;
	height: 21px;
}

#leftmenu .choose .row .text {
	float: left;
	width: 109px;
	font-size: 11px;
	text-align: left;
	line-height: 16px;
	margin: 1px 0px 0px 0px;
}

#leftmenu .buttons {
	width: 135px;
	height: 20px;
	border-top: 1px solid #dfdfdb;
	border-bottom: 1px solid #bcbcbc;
}

#leftmenu .buttons .right {
	float: left;
	width: 75px;
	height: 20px;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	font-family: Trebuchet MS;
	line-height: 22px;
	color: #ffffff;
	border: 0px;
	background-color: #343232;
}


/*-- green --*/
#leftmenu #green .anketaupit {
	width: 129px;
	border-bottom: 1px solid #dfdfdb;
	background-color: #69b03c;
	padding: 2px 3px 2px 3px;
}

#leftmenu #green .buttons .left {
	float: left;
	width: 60px;
	height: 20px;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	font-family: Trebuchet MS;
	line-height: 22px;
	color: #ffffff;
	border: 0px;
	background-color: #69b03c;
}
/*-- / green --*/
/*-- / left menu --*/


/*-- right menu --*/
#rightmenu #form {
	display: inline;
	position: relative;
	width: 165px;
}

#rightmenu #form .cheat {
	left: 0px;
	top: 0px;
	width: 165px;
}

#rightmenu .anketaupit .text {
	width: 159px;
	font-size: 11px;
	color: #ffffff;
	line-height: 16px;
}

#rightmenu .choose {
	width: 165px;
}

#rightmenu .choose .row {
	width: 165px;
	background-color: #ffffff;
}

#rightmenu .choose .row .radio {
	top: 0px;
	float: left;
	width: 22px;
	height: 21px;
}

#rightmenu .choose .row .text {
	float: left;
	width: 139px;
	font-size: 11px;
	text-align: justify;
	line-height: 16px;
	margin: 1px 0px 0px 0px;
}

#rightmenu .buttons {
	width: 165px;
	height: 20px;
	border-top: 1px solid #dfdfdb;
	border-bottom: 1px solid #bcbcbc;
}

#rightmenu .buttons .right {
	float: left;
	width: 90px;
	height: 20px;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	font-family: Trebuchet MS;
	line-height: 22px;
	color: #ffffff;
	border: 0px;
	background-color: #343232;
}


/*-- blue --*/
#rightmenu #blue .dark {
	border-top: 1px solid #868686;
}

#rightmenu #blue .anketaupit {
	width: 159px;
	border-bottom: 1px solid #dfdfdb;
	background-color: #0c96de;
	padding: 2px 3px 2px 3px;
}

#rightmenu #blue .buttons .left {
	float: left;
	width: 75px;
	height: 20px;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	font-family: Trebuchet MS;
	line-height: 22px;
	color: #ffffff;
	border: 0px;
	background-color: #0c96de;
}
/*-- / blue --*/


/*-- orange --*/
#rightmenu #orange .dark {
	border-top: 1px solid #868686;
}

#rightmenu #orange .anketaupit {
	width: 159px;
	border-bottom: 1px solid #dfdfdb;
	background-color: #f18000;
	padding: 2px 3px 2px 3px;
}

#rightmenu #orange .buttons .left {
	float: left;
	width: 75px;
	height: 20px;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	font-family: Trebuchet MS;
	line-height: 22px;
	color: #ffffff;
	border: 0px;
	background-color: #f18000;
}
/*-- / orange --*/


/*-- redugo --*/
#rightmenu #redugo .anketaupit {
	width: 159px;
	border-bottom: 1px solid #dfdfdb;
	background-color: #8a3f34;
	padding: 2px 3px 2px 3px;
}

#rightmenu #redugo .buttons .left {
	float: left;
	width: 75px;
	height: 20px;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	font-family: Trebuchet MS;
	line-height: 22px;
	color: #ffffff;
	border: 0px;
	background-color: #8a3f34;
}
/*-- / redugo --*/


/*-- yellow --*/
#rightmenu #yellow .dark {
	border-top: 1px solid #868686;
}

#rightmenu #yellow .anketaupit {
	width: 159px;
	border-bottom: 1px solid #dfdfdb;
	background-color: #f0b400;
	padding: 2px 3px 2px 3px;
}

#rightmenu #yellow .buttons .left {
	float: left;
	width: 75px;
	height: 20px;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	font-family: Trebuchet MS;
	line-height: 22px;
	color: #ffffff;
	border: 0px;
	background-color: #f0b400;
}
/*-- / yellow --*/
/*-- / right menu --*/


/*-- glasaj --*/
#anketa {
	position: relative;
	width: 372px;
	height: 260px;
	background-color: #ffffff;
}

#anketa .header {
	width: 372px;
	height: 19px;
	font-size: 10px;
	line-height: 17px;
	background-color: #f4f4f4;
}

#anketa .header .left {
	float: left;
	width: 186px;
	height: 19px;
}

#anketa .header .left .smallhead {
	margin: 0px 0px 0px 8px;
}

#anketa .header .right {
	float: left;
	width: 186px;
	height: 19px;
}

#anketa .header .right .smallhead {
	text-align: right;
	margin: 0px 8px 0px 0px;
}

#anketa .gray {
	width: 372px;
	height: 2px;
	font-size: 0px;
	background-color: #cccbcc;
}

#anketa .head {
	width: 352px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 18px;
	margin: 5px 10px 0px 10px;
}


/*-- answer --*/
#anketa .answers {
	width: 320px;
	margin: 20px 36px 0px 10px;
	border-bottom: 1px solid #ffffff;
}

#anketa .answer {
	clear: left;
	width: 320px;
	height: 16px;
	border-bottom: 2px solid #ffffff;
}

#anketa .answer .text {
	float: left;
	width: 130px;
	height: 16px;
	font-size: 11px;
	text-align: right;
}

#anketa .answer .text .smallhead {
	margin: 0px 8px 0px 0px;
}

#anketa .answer .row {
	float: left;
	width: 160px;
	height: 16px;
	font-size: 0px;
}

#anketa .answer .trgovacki_lanac_inside {
	height: 16px;
	font-size: 0px;
	background-color: #00af3f;
}

#anketa .answer .tr_inside {
	height: 16px;
	font-size: 0px;
	background-color: #f0b400;
}

#anketa .answer .pr_inside {
	height: 16px;
	font-size: 0px;
	background-color: #f18000;
}

#anketa .answer .ug_inside {
	height: 16px;
	font-size: 0px;
	background-color: #8a3f34;
}

#anketa .answer .in_inside {
	height: 16px;
	font-size: 0px;
	background-color: #0089e1;
}

#anketa .answer .percent {
	float: left;
	width: 30px;
	height: 16px;
	font-size: 11px;
	text-align: right;
	line-height: 16px;
}
/*-- / answer --*/


#anketa .votes {
	position: absolute;
	top: 234px;
	left: 11px;
	width: 150px;
	height: 18px;
	font-size: 11px;
	line-height: 16px;
}


/*-- button --*/
#anketa .position {
	position: absolute;
	top: 231px;
	left: 262px;
	width: 100px;
	height: 25px;
}

#anketa .button {
	position: relative;
	width: 100px;
	height: 19px;
}

#anketa .cheat {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 19px;
}

#anketa .color {
	width: 100px;
	height: 19px;
	font-size: 11px;
	text-align: center;
	font-family: Trebuchet MS;
	line-height: 15px;
	color: #000000;
	border: 0px;
	background-color: #ffffff;
}
/*-- / button --*/


#anketa .bottom {
	position: absolute;
	top: 260px;
	left: 0px;
	width: 380px;
	height: 12px;
	font-size: 0px;
}


/*-- colors --*/
/*-- trgovacki lanac --*/
#anketa .bottom .trgovacki_lanac_colors .one {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #00923f;
}

#anketa .bottom .trgovacki_lanac_colors .two {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #009f45;
}

#anketa .bottom .trgovacki_lanac_colors .three {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #00a743;
}

#anketa .bottom .trgovacki_lanac_colors .four {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #00af3f;
}

#anketa .bottom .trgovacki_lanac_colors .five {
	float: left;
	width: 76px;
	height: 12px;
	background-color: #43b83b;
}


/*-- transport --*/
#anketa .bottom .tr_colors .one {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #f0b400;
}

#anketa .bottom .tr_colors .two {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #f6c121;
}

#anketa .bottom .tr_colors .three {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #f9ca3c;
}

#anketa .bottom .tr_colors .four {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #fad460;
}

#anketa .bottom .tr_colors .five {
	float: left;
	width: 76px;
	height: 12px;
	background-color: #fbdc7e;
}


/*-- proizvodnja --*/
#anketa .bottom .pr_colors .one {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #f18000;
}

#anketa .bottom .pr_colors .two {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #fc8a0a;
}

#anketa .bottom .pr_colors .three {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #fd951f;
}

#anketa .bottom .pr_colors .four {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #fea33c;
}

#anketa .bottom .pr_colors .five {
	float: left;
	width: 76px;
	height: 12px;
	background-color: #ffb159;
}


/*-- ugostiteljstvo --*/
#anketa .bottom .ug_colors .one {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #7a382e;
}

#anketa .bottom .ug_colors .two {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #8a3f34;
}

#anketa .bottom .ug_colors .three {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #93463b;
}

#anketa .bottom .ug_colors .four {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #a15449;
}

#anketa .bottom .ug_colors .five {
	float: left;
	width: 76px;
	height: 12px;
	background-color: #a95f54;
}


/*-- instalotehna --*/
#anketa .bottom .in_colors .one {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #0465a8;
}

#anketa .bottom .in_colors .two {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #006fbd;
}

#anketa .bottom .in_colors .three {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #037acd;
}

#anketa .bottom .in_colors .four {
	float: left;
	width: 74px;
	height: 12px;
	background-color: #0484dd;
}

#anketa .bottom .in_colors .five {
	float: left;
	width: 76px;
	height: 12px;
	background-color: #0491f4;
}
/*-- / colors --*/
/*-- / glasaj --*/
/*-- / ANKETE --*/


/*-- THUMB --*/
#center #thumb {
	float: left;
	width: 134px;
	background-color: #ffffff;
}

#thumb .shorcut {
	position: relative;
	width: 134px;
	height: 135px;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	text-align: right;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

#thumb .shorcut .image {
	width: 134px;
	height: 115px;
	background-color: #ffffff;
}

#thumb .shorcut .white {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 134px;
	height: 136px;
	background-color: #ffffff;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}


/*-- colors --*/
/*-- blue --*/
/*-- darkblue --*/
 #thumb .shorcut .text_0 {
	width: 126px;
	height: 20px;
	padding: 0px 8px 0px 0px;
	background-color: #666667;
}

#thumb .shorcut .text_1 {
	width: 126px;
	height: 20px;
	padding: 0px 8px 0px 0px;
	background-color: #319eab;
}

/*-- orange --*/
#thumb .shorcut .text_2 {
	width: 126px;
	height: 20px;
	padding: 0px 8px 0px 0px;
	background-color: #f18000;
}

/*-- green --*/
#thumb .shorcut .text_3 {
	width: 126px;
	height: 20px;
	padding: 0px 8px 0px 0px;
	background-color: #00923f;
}

/*-- brown --*/
#thumb .shorcut .text_4 {
	width: 126px;
	height: 20px;
	padding: 0px 8px 0px 0px;
	background-color: #77645c;
}

/*-- red --*/
#thumb .shorcut .text_5 {
	width: 126px;
	height: 20px;
	padding: 0px 8px 0px 0px;
	background-color: #d62213;
}

/*-- gray --*/
 #thumb .shorcut .text_6 {
	width: 126px;
	height: 20px;
	padding: 0px 8px 0px 0px;
	background-color: #404040;
}

/*-- darkblue --*/
 #thumb .shorcut .text_7 {
	width: 126px;
	height: 20px;
	padding: 0px 8px 0px 0px;
	background-color: #0089e1;
}

/*-- redugo --*/
 #thumb .shorcut .text_8 {
	width: 126px;
	height: 20px;
	padding: 0px 8px 0px 0px;
	background-color: #8a3f34;
}

/*-- yellow --*/
 #thumb .shorcut .text_9 {
	width: 126px;
	height: 20px;
	padding: 0px 8px 0px 0px;
	background-color: #f0b400;
}
/*-- / colors --*/
/*-- / THUMB --*/


/*-- SEARCH --*/
.search_frame {
	width: 295px;
	border-bottom: 1px solid #ffffff;
}

.search_frame .head {
	width: 295px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 18px;
	margin: 5px 10px 0px 10px;
}

.search_frame .text {
	width: 295px;
	height: 15px;
	font-size: 11px;
	text-align: justify;
	line-height: 14px;
	color: #666667;
	margin: 0px 10px 5px 10px;
}

.search_frame a {
	color: #000000;
	text-decoration: none;
}

.search_frame a:hover {
	color: #666667;
	text-decoration: none;
}
/*-- / SEARCH --*/


/*-- FRAME - CONTENT IS INSIDE THIS DIV --*/
#center #frame {
	float: left;
	width: 315px;
	min-height: 930px;
	_height: 930px;
	background-color: #ffffff;
}

#index #center #frame {
	float: left;
	width: 315px;
	min-height: 430px;
	_height: 430px;
	background-color: #ffffff;
}

#index #center #frame .color {
	width: 315px;
	height: 430px;
	background-color: #dfdfdb;
}

#index #frame .news {
	width: 315px;
	height: 20px;
	background-color: #666667;
}

#index #frame .news .smallhead {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	line-height: 20px;
	color: #ffffff;
	margin: 0px 0px 0px 8px;
}


/*-- show news --*/
#index #frame #show_news {
	float: left;
	width: 315px;
	height: 195px;
}

#index #frame #show_news .cube {
	float: left;
	width: 150px;
	height: 185px;
	background-color: #ffffff;
	margin: 5px 0px 5px 0px;
}

#index #frame #show_news .cube .inside {
	clear: left;
	width: 140px;
	height: 175px;
	margin: 5px;
}

#index #frame #show_news .cube .inside .head {
	clear: left;
	width: 140px;
	height: 16px;
}

#index #frame #show_news .cube .inside .head .image{
	float: left;
	width: 12px;
	height: 16px;
}

#index #frame #show_news .cube .inside .head .text {
	float: left;
	width: 118px;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	line-height: 16px;
}

#index #frame #show_news .cube .inside .head .text .smallhead {
	margin: 0px 0px 0px 5px;
}

#index #frame #show_news .cube .inside .head a {
	color: #000000;
	text-decoration: none;
}

#index #frame #show_news .cube .inside .head a:hover {
	color: #666667;
	text-decoration: none;
}

#index #frame #show_news .cube .inside .image_news {
	width: 115px;
	height: 95px;
	margin: 0px 12px 0px 13px;
}

#index #frame #show_news .cube .inside .short_text {
	width: 140px;
	height: 59px;
	font-size: 11px;
	text-align: normal;
	line-height: 14px;
	margin: 5px 0px 0px 0px;
}

#index #frame #show_news .vertical {
	float: left;
	width: 5px;
	height: 182px;
	margin: 5px 0px 5px 0px;
}
/*-- / show news --*/


/*-- input news --*/
#index #inputnews {
	clear: left;
	width: 305px;
	height: 210px;
	background-color: #ffffff;
	margin: 0px 5px 5px 5px;
}

#index #inputnews a {
	color: #000000;
	text-decoration: none;
}

#index #inputnews a:hover {
	color: #666667;
	text-decoration: none;
}

#index #inputnews .newsi {
	width: 295px;
	height: 200px;
	padding: 5px;
}

#index #inputnews .newsi .Container {
	position: relative;
	width: 295px;
	height: 200px;
}

#index #inputnews .newsi .Container #Scroller-1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 278px;
	height: 200px;
	overflow: hidden;
}

#index #inputnews .newsi .Container #Scroller-1 .Scroller-Container {
	position: absolute;
	top: 0px;
	left: 0px;
}

#index #inputnews .newsi .Container #Scroller-1 .Scroller-Container .text {
	float: left;
	width: 278px;
	height: 50px;
	text-align: normal;
}

#index #inputnews .newsi .Container #Scroller-1 .Scroller-Container .text .head {
	width: 278px;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #343232;
}

#index #inputnews .newsi .Container #Scroller-1 .Scroller-Container .text .shorty {
	width: 278px;
	height: 34px;
	font-size: 11px;
	line-height: 14px;
}

#index #inputnews .newsi .Container .arrows {
	position: absolute;
	top: 0px;
	left: 283px;
	width: 12px;
	height: 200px;
}

#index #inputnews .newsi .Container .arrows .above {
	width: 12px;
	height: 12px;
	cursor: pointer;
}

#index #inputnews .newsi .Container .arrows .line {
	width: 4px;
	height: 166px;
	background-color: #dfdfdb;
	margin: 5px 4px 5px 4px;
}

#index #inputnews .newsi .Container .arrows .down {
	width: 12px;
	height: 12px;
	cursor: pointer;
}
/*-- / input news --*/


/*-- scroll center --*/
#index .Container {
	position: relative;
	float: left;
	width: 316px;
	height: 551px;
}

#index .Container .scroll_above {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 316px;
	height: 21px;
	background-color: #ffffff;
	cursor: pointer;
}

#index .Container #Scroller-1 {
	position: absolute;
	top: 21px;
	left: 0px;
	width: 316px;
	height: 508px;
	overflow: hidden;
}

#index .Container #Scroller-1 .Scroller-Container {
	position: absolute;
	top: 0px;
	left: 0px;
}

#index .Container .scroll_bottom {
	position: absolute;
	top: 529px;
	left: 0px;
	width: 316px;
	height: 21px;
	font-size: 0px;
	background-color: #ffffff;
	border-bottom: 1px solid #dfdfdb;
	cursor: pointer;
}
/*-- / scroll center --*/


/*-- navigation --*/
#navigation {
	width: 315px;
	height: 16px;
	font-size: 9px;
	font-weight: bold;
	line-height: 15px;
	color: #ffffff;
}

#navigation .left {
	float: left;
	width: 242px;
	height: 16px;
	background-color: #343232;
}

#navigation .right {
	float: left;
	width: 73px;
	height: 16px;
	background-color: #120a08;
}

#navigation .left .smallhead {
	margin: 1px 0px 0px 11px;
}

#navigation .right .smallhead {
	text-align: center;
}

#navigation .right .smallhead_normal {
	font-weight: normal;
	text-align: center;
}

#navigation .image {
	float: left;
	width: 13px;
	height: 16px;
}

#navigation .right .opsirnije {
	text-align: center;
	margin: 0px 0px 0px 0px;
}

#navigation .right .opsirnije a {
	color: #ffffff;
	text-decoration: none;
}

#navigation .right .opsirnije a:hover {
	color: #c1c0bf;
	text-decoration: none;
}
/*-- / navigation --*/


/*-- karta --*/
#karta {
	width: 265px;
	height: 265px;
	text-decoration: none;
	margin: 0px 25px 15px 25px;
}
/*-- / karta --*/


/*-- clanak --*/
#float .clanak {
	clear: left;
	width: 100%;
	margin: 0px;
	border: 0px;
}

.clanak {
	clear: left;
	width: 295px;
	margin: 0px 10px 0px 10px;
	border-bottom: 1px solid #ffffff;
}

.clanak .head {
	width: 295px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 18px;
}

.clanak .text {
	font-size: 11px;
	text-align: justify;
	line-height: 14px;
}

.clanak .head a {
	color: #000000;
	text-decoration: none;
}

.clanak .head a:hover {
	color: #666667;
	text-decoration: none;
}

.clanak .bold {
	font-weight: bold;
}


/*-- default --*/
.clanak .default {
	clear: left;
	width: 295px;
	margin: 5px 0px 5px 0px;
}

.clanak .default .uppercase {
	width: 295px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 18px;
	text-transform: uppercase;
}

.clanak .default .head {
	margin: 0px 0px 5px 0px;
}

.clanak .default img {
	margin: 0px 5px 0px 0px;
}

.clanak .default .showcase img {
	margin: 0px 0px 0px 0px;
}
/*-- / default --*/


/*-- short --*/
.clanak .short {
	clear: left;
	width: 295px;
	height: 113px;
	margin: 5px 0px 5px 0px;
}

.clanak .short .image {
	float: left;
	width: 115px;
	height: 95px;
}

.clanak .short .vertical {
	float: left;
	width: 5px;
	height: 95px;
}

.clanak .short .text {
	float: left;
	width: 175px;
	height: 85px;
	margin: 5px 0px 5px 0px;
}
/*-- / short --*/


/*-- simple --*/
.clanak .simple {
	clear: left;
	width: 295px;
	height: 33px;
	margin: 5px 0px 8px 0px;
}

.clanak .simple .head {
	width: 295px;
}

.clanak .simple .date {
	float: left;
	width: 55px;
	height: 14px;
	font-size: 10px;
	line-height: 15px;
	color: #666667;
}

.clanak .simple .text {
	float: left;
	width: 240px;
	height: 15px;
	text-align: left;
	color: #666667;
}
/*-- / simple --*/


/*-- showcase --*/
.clanak .showcase {
	clear: left;
	width: 295px;
	margin: 5px 0px 0px 0px;
	border-bottom: 1px solid #ffffff;
}
/*-- / showcase --*/


/*-- beammeup --*/
.clanak .beammeup {
	clear: left;
	width: 295px;
	margin: 5px 0px 0px 0px;
	border-bottom: 1px solid #ffffff;
}
/*-- / beammeup --*/


/*-- logos --*/
.clanak .logos {
	clear: left;
	width: 200px;
	text-align: center;
	border-bottom: 1px solid #ffffff;
	margin: 10px 43px 10px 42px;
}
/*-- / logos --*/


/*-- rowline --*/
.clanak .rowlines {
	clear: left;
	width: 295px;
	margin: 5px 0px 5px 0px;
}

.clanak .rowline {
	clear: left;
	width: 295px;
	height: 16px;
	font-size: 11px;
	text-align: justify;
	line-height: 14px;
	border-bottom: 1px solid #ffffff;
}

.clanak .rowline .color_1 {
	width: 295px;
	height: 16px;
	background-color: #f4f4f4;
}

.clanak .rowline .color_2 {
	width: 295px;
	height: 16px;
	background-color: #ffffff;
}

.clanak .rowline .left .smallhead {
	margin: 0px 0px 0px 5px;
}

.clanak .rowline .right .smallhead {
	width: 142px;
	text-align: right;
	margin: 0px 5px 0px 0px;
}

.clanak .rowline .left {
	float: left;
	width: 147px;
	height: 16px;
	border-right: 1px solid #ffffff;
}

.clanak .rowline .right {
	float: left;
	width: 147px;
	height: 16px;
}
/*-- / rowline --*/


/*-- katalog --*/
#float .clanak .katalog {
	width: 100%;
	height: 60px;
	font-size: 11px;
	text-align: justify;
	line-height: 14px;
	margin: 0px 0px 10px 0px;
}

.clanak .katalog {
	width: 295px;
	height: 60px;
	font-size: 11px;
	text-align: justify;
	line-height: 14px;
	margin: 10px 0px 0px 0px;
}

.clanak .katalog .image {
	float: left;
	width: 40px;
	height: 60px;
}

.clanak .katalog .vertical {
	float: left;
	width: 8px;
	height: 60px;
}

#float .clanak .katalog .insert {
	float: left;
	width: 235px;
	height: 60px;
}

.clanak .katalog .insert {
	float: left;
	width: 247px;
	height: 60px;
}

#float .clanak .katalog .insert .text {
	float: left;
	width: 235px;
	height: 44px;
}

.clanak .katalog .insert .text {
	float: left;
	width: 247px;
	height: 44px;
}

#float .aktualni .text {
	float: left;
	width: 235px;
	height: 60px;
}

.aktualni .text {
	float: left;
	width: 247px;
	height: 60px;
}

.clanak .katalog .insert .left {
	float: left;
	width: 12px;
	height: 16px;
}

.clanak .katalog .insert .right {
	float: left;
	width: 235px;
	height: 16px;
}

.clanak .katalog .insert .right .smallhead {
	margin: 0px 0px 0px 5px;
}
/*-- / katalog --*/
/*-- / clanak --*/


/*-- akcija --*/
.artikli_na_akciji .akcija {
	clear: left;
	width: 315px;
	height: 16px;
	border-top: 0px;
	border-bottom: 1px solid #e2e2e2;
}

.akcija {
	clear: left;
	width: 315px;
	height: 16px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}

.akcija .green {
	float: left;
	width: 73px;
	height: 16px;
	background-color: #69b03c;
}

.akcija .green .image {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0px 0px 0px 4px;
}

.akcija .green .smallhead {
	float: left;
	width: 48px;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #ffffff;
	padding: 0px 0px 0px 5px;
}

.akcija .left {
	float: left;
	width: 169px;
	height: 16px;
	background-color: #343232;
}

.akcija .left .smallhead {
	font-size: 9px;
	font-weight: normal;
	line-height: 15px;
	color: #ffffff;
	margin: 0px 0px 0px 10px;
}

.akcija .right {
	float: left;
	width: 73px;
	height: 16px;
	background-color: #120a08;
}

.akcija .right .smallhead {
	font-size: 9px;
	line-height: 15px;
	color: #ffffff;
	text-align: center;
}


/*-- artikl --*/
.akcija_artikl {
	width: 315px;
	height: 192px;
	margin: 0px 0px 5px 0px;
	background-color: #f4f4f4;
}

.akcija_artikl .side_1 {
	float: left;
	width: 157px;
	height: 192px;
	border-right: 1px solid #ffffff;
}

.akcija_artikl .side_2 {
	float: left;
	width: 157px;
	height: 192px;
}

.artikl {
	width: 147px;
	margin: 5px;
}

.artikl .head {
	width: 147px;
	height: 20px;
	font-size: 10px;
	line-height: 15px;
}

.artikl .image {
	position: relative;
	width: 147px;
	height: 95px;
	background-color: #ffffff;
}

.artikl .image .center {
	width: 115px;
	height: 95px;
	margin: 0px 16px 0px 16px;
}

.artikl .text {
	width: 147px;
	height: 42px;
	font-size: 10px;
	line-height: 13px;
	margin: 5px 0px 0px 0px;
}
/*-- / artikl --*/


/*-- cijene --*/
.cijene {
	width: 157px;
	height: 18px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}

.cijene .mpc_prije {
	position: relative;
	float: left;
	width: 79px;
	height: 18px;
	color: #ffffff;
	background-color: #343232;
}

.cijene .before {
	position: absolute;
	left: 6px;
	bottom: 2px;
	width: 70px;
	height: 14px;
	font-size: 12px;
	line-height: 14px;
	text-align: right;
	text-decoration: line-through;
	color: #ffffff;
}

.cijene .before_hide {
	position: absolute;
	left: 6px;
	bottom: 2px;
	width: 70px;
	height: 14px;
	font-size: 12px;
	line-height: 14px;
	text-align: right;
	color: #979797;
}

.cijene .mpc {
	position: relative;
	float: left;
	width: 78px;
	height: 18px;
	color: #ffffff;
	background-color: #69b03c;
}

.cijene .actual {
	position: absolute;
	left: 6px;
	bottom: 2px;
	width: 70px;
	height: 14px;
	font-size: 12px;
	line-height: 14px;
	text-align: right;
	color: #ffffff;
}

.cijene .text {
	position: absolute;
	left: 3px;
	top: 2px;
	width: 45px;
	height: 9px;
	font-size: 9px;
	line-height: 9px;
}

.cijene .text_hide {
	position: absolute;
	left: 3px;
	top: 2px;
	width: 45px;
	height: 9px;
	font-size: 9px;
	line-height: 9px;
	color: #979797;
}
/*-- / cijene --*/

.napomena {
		font-size: 10px;
		color: #acacac;
}
/*-- / akcija --*/

/*-- rezervacija --*/
.resfield {
	border: 1px solid #dcdbdc;
	font-weight: bold;
	font-family: Trebuchet MS;
	font-size: 10px;
	color: #848484;
	background-color: #f4f4f4;
	margin: 0px 0px 0px 10px;
}

.resfield2 {
	border: 1px solid #dcdbdc;
	font-weight: bold;
	font-family: Trebuchet MS;
	font-size: 10px;
	color: #848484;
	background-color: #f4f4f4;
	margin: 10px 0px 0px 0px;
}

.redovi {
	clear: left;
	margin: 5px 0px 0px 0px;
}

.redic {
	float: left;
	width: 85px;
}

.preglednik .redic {
	float: left;
	width: 100px;
	color: #666667;
}

.tekstic {
	float: left;
	width: 200px;
}

.rightbutton {
	width: 295px;
	text-align: right;
}

.zvjezdica {
	color: #ff0000;
}

.buttongr {
	border: 1px solid #dcdbdc;
	font-weight: bold;
	font-family: Trebuchet MS;
	font-size: 10px;
	color: #ffffff;
	background-color: #69b03c;
	margin: 0px 2px 0px 0px;
}

.buttonor {
	border: 1px solid #dcdbdc;
	font-weight: bold;
	font-family: Trebuchet MS;
	font-size: 10px;
	color: #ffffff;
	background-color: #f18000;
	margin: 0px 2px 0px 0px;
}

.buttonye {
	border: 1px solid #dcdbdc;
	font-weight: bold;
	font-family: Trebuchet MS;
	font-size: 10px;
	color: #ffffff;
	background-color: #f0b400;
	margin: 0px 2px 0px 0px;
}

.buttonbl {
	border: 1px solid #dcdbdc;
	font-weight: bold;
	font-family: Trebuchet MS;
	font-size: 10px;
	color: #ffffff;
	background-color: #0c96de;
	margin: 0px 2px 0px 0px;
}

.buttonre {
	border: 1px solid #dcdbdc;
	font-weight: bold;
	font-family: Trebuchet MS;
	font-size: 10px;
	color: #ffffff;
	background-color: #8a3f34;
	margin: 0px 2px 0px 0px;
}
/*-- / rezervacija --*/

/*-- insert --*/
/*-- rule --*/
.rule {
	clear: left;
	width: 295px;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	text-align: justify;
	color: #000000;
	line-height: 16px;
	margin: 0px 10px 0px 10px;
}

.rule .image {
	float: left;
	width: 12px;
	height: 16px;
}

.rule .text {
	float: left;
	width: 283px;
	height: 16px;
}

.rule .text .smallhead {
	margin: 0px 0px 0px 5px;
}

.rule a {
	color: #000000;
	text-decoration: none;
}

.rule a:hover {
	color: #666667;
	text-decoration: none;
}
/*-- / rule --*/


/*-- divide --*/
.divide {
	clear: left;
	width: 295px;
	height: 24px;
	font-size: 9px;
	line-height: 15px;
	color: #ffffff;
	margin: 0px 10px 0px 10px;
}

.divide .image {
	float: left;
	width: 19px;
	height: 20px;
	margin: 2px 0px 2px 0px;
}

.divide .left {
	float: left;
	width: 203px;
	height: 16px;
	font-weight: bold;
	background-color: #343232;
	margin: 4px 0px 4px 0px;
}

.divide .left .smallhead {
	margin: 0px 0px 0px 5px;
}

.divide .right {
	float: left;
	width: 73px;
	height: 16px;
	background-color: #120a08;
	margin: 4px 0px 4px 0px;
}

.divide .right .smallhead {
	font-weight: normal;
	text-align: center;
}

.divide .right .smallhead_uppercase {
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
}
/*-- / divide --*/


/*-- back --*/
.back {
	position: relative;
	width: 315px;
	height: 16px;
	font-size: 11px;
	text-align: justify;
	line-height: 16px;
	margin: 0px 0px 10px 0px;
}

.back .text {
	position: absolute;
	left: 240px;
	width: 50px;
	height: 16px;
	text-align: right;
}

.back .image {
	position: absolute;
	left: 293px;
	width: 12px;
	height: 16px;
}

.back .text a {
	color: #666667;
	text-decoration: none;
}

.back .text a:hover {
	color: #000000;
	text-decoration: none;
}
/*-- / back --*/
/*-- / insert --*/





/*-- square clanak --*/
.square {
	width: 305px;
	font-size: 11px;
	text-align: justify;
	line-height: 16px;
	border-bottom: 1px solid #ffffff;
	margin: 0px 5px 0px 5px;
}

.square .head {
	width: 295px;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
}

.square .head .image {
	float: left;
	width: 12px;
	height: 16px;
}

.square .head .right {
	float: left;
	width: 283px;
	height: 16px;
}

.square .head .right .smallhead {
	margin: 0px 0px 0px 5px;
}

.square .text {
	width: 295px;
	text-align: justify;
}


/*-- square gray --*/
.square .gray {
	width: 295px;
	padding: 5px;
	background-color: #f4f4f4;
}
/*-- / square gray --*/


/*-- square transparent --*/
.square .transparent {
	width: 295px;
	padding: 5px;
	background-color: #ffffff;
}
/*-- / square transparent --*/
/*-- / square clanak --*/


/*-- radna mjesta --*/
.radna_mjesta {
	position: relative;
	width: 295px;
	height: 16px;
	margin: 2px 10px 0px 10px;
	border-bottom: 1px solid #ffffff;
}

.radna_mjesta .head {
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	line-height: 16px;
	margin: 0px 0px 0px 23px;
}

.radna_mjesta .head_red {
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	line-height: 16px;
	margin: 0px 0px 0px 23px;
}

.radna_mjesta .cube {
	position: absolute;
	top: 5px;
	left: 10px;
	bottom: 5px;
	width: 6px;
	height: 6px;
	font-size: 0px;
	background-color: #292929;
}

.radna_mjesta .head a {
	color: #000000;
	text-decoration: none;
}

.radna_mjesta .head a:hover {
	color: #666667;
	text-decoration: none;
}

.radna_mjesta .head_red a {
	color: #43973b;
	text-decoration: none;
}

.radna_mjesta .head_red a:hover {
	color: #2e7428;
	text-decoration: none;
}

.radna_mjesta .bold {
	font-weight: bold;
}
/*-- / radna mjesta --*/
/*-- / FRAME - CONTENT IS INSIDE THIS DIV --*/


/*-- RIGHT MENU --*/
#rightmenu .head {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	line-height: 20px;
	color: #ffffff;
	margin: 0px 0px 0px 8px;
}


/*-- novosti --*/
#rightmenu .black {
	width: 165px;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	line-height: 20px;
	color: #ffffff;
	background-color: #000000;
}

#rightmenu .novosti {
	width: 165px;
	height: 132px;
	font-size: 11px;
	text-align: left;
	line-height: 16px;
	color: #ffffff;
}

#rightmenu .novosti .left {
	float: left;
	width: 92px;
	height: 16px;
	font-size: 9px;
	font-weight: bold;
	line-height: 15px;
	color: #ffffff;
	background-color: #343232;
}

#rightmenu .left .smallhead {
	margin: 0px 0px 0px 10px;
}

#rightmenu .novosti .right {
	float: left;
	width: 73px;
	height: 16px;
	font-size: 9px;
	font-weight: bold;
	line-height: 15px;
	color: #ffffff;
	background-color: #120a08;
}

#rightmenu .novosti .right .image {
	float: left;
	width: 13px;
	height: 16px;
}

#rightmenu .right .opsirnije {
	text-align: center;
	margin: 0px 0px 0px 0px;
}

#rightmenu .right .opsirnije a {
	color: #ffffff;
	text-decoration: none;
}

#rightmenu .right .opsirnije a:hover {
	color: #c1c0bf;
	text-decoration: none;
}

#rightmenu .novosti .area {
	clear: left;
	width: 165px;
	height: 50px;
	background-color: #818181;
}

#rightmenu .novosti .area .text {
	clear: left;
	width: 159px;
	height: 45px;
	line-height: 14px;
	background-color: #818181;
	padding: 2px 3px 2px 3px;
}
/*-- / novosti --*/


/*-- asortiman robe --*/
#rightmenu .contain {
	margin: 0px;
}

#rightmenu .contain a {
	color: #666667;
	text-decoration: none;
}

#rightmenu .contain a:hover {
	color: #666667;
	text-decoration: none;
}

#rightmenu .asortiman {
	width: 165px;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	line-height: 20px;
	color: #ffffff;
	background-color: #666667;
	border-top: 1px solid #868686;
	cursor: pointer;
}

#rightmenu .container {
	margin: 0px;
}

#rightmenu .contain .container .menu .text {
	float: left;
	color: #666667;
}

#rightmenu .cube {
	display: inline;
	float: left;
	width: 5px;
	height: 5px;
	font-size: 0px;
	background-color: #292929;
	margin: 5px 6px 0px 6px;
}

#rightmenu .menu {
	clear: left;
	width: 161px;
	height: 16px;
	font-size: 11px;
	line-height: 16px;
	padding: 2px 0px 1px 0px;
	margin: 0px 0px 0px 2px;
	cursor: pointer;
}


/*-- colors --*/
#rightmenu .tehnika .menu {
	border-right: 2px solid #319eab;
}

#rightmenu .tehnika .menu .cube {
	background-color: #319eab;
}

#rightmenu .opremanje .menu {
	border-right: 2px solid #f18000;
}

#rightmenu .opremanje .menu .cube {
	background-color: #f18000;
}

#rightmenu .vrt .menu {
	border-right: 2px solid #00923f;
}

#rightmenu .vrt .menu .cube {
	background-color: #00923f;
}

#rightmenu .gradnja .menu {
	border-right: 2px solid #77645c;
}

#rightmenu .gradnja .menu .cube {
	background-color: #77645c;
}

#rightmenu .sport_zabava .menu {
	border-right: 2px solid #d62213;
}

#rightmenu .sport_zabava .menu .cube {
	background-color: #d62213;
}

#rightmenu .siroka_potrosnja .menu {
	border-right: 2px solid #404040;
}

#rightmenu .siroka_potrosnja .menu .cube {
	background-color: #404040;
}
/*-- / colors --*/
/*-- / asortiman robe --*/


/*-- field menu --*/
#rightmenu .field {
	width: 165px;
}

#rightmenu .field .menu {
	clear: left;
	width: 161px;
	height: 16px;
	font-size: 11px;
	line-height: 16px;
	padding: 2px 0px 1px 0px;
	margin: 0px 2px 0px 2px;
}

#rightmenu .field .menu .text {
	float: left;
	color: #000000;
}

#rightmenu .field .menu a {
	color: #000000;
	text-decoration: none;
}

#rightmenu .field .menu a:hover {
	color: #000000;
	text-decoration: none;
}
/*-- / field menu --*/


/*-- colors --*/
#rightmenu .green_top {
	width: 165px;
	height: 20px;
	background-color: #00923f;
	border-top: 1px solid #7a7a7a;
}

#rightmenu .green_last {
	width: 165px;
	height: 20px;
	background-color: #0779c3;
	border-top: 1px solid #868686;
	border-bottom: 1px solid #d0d0d0;
}

#rightmenu .blue_zabava {
	width: 165px;
	height: 20px;
	background-color: #208692;
	border-top: 1px solid #868686;
	border-bottom: 1px solid #d0d0d0;
}

#rightmenu .lightgreen {
	width: 165px;
	height: 20px;
	background-color: #69b03c;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

#ugostiteljstvo #rightmenu .redugo {
	width: 165px;
	height: 20px;
	background-color: #8a3f34;
	border-top: 1px solid #7a7a7a;
	border-bottom: 1px solid #d0d0d0;
}

#rightmenu .darkgray {
	width: 165px;
	height: 20px;
	background-color: #343232;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

#rightmenu .dark {
	width: 165px;
	height: 20px;
	background-color: #343232;
	border-top: 1px solid #d0d0d0;
}

#rightmenu .redugo {
	width: 165px;
	height: 20px;
	background-color: #8a3f34;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

#rightmenu #player {
	width: 165px;
	height: 20px;
	background-color: #319eab;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}
/*-- / colors --*/


/*-- dodatni sadrzaj --*/
#dodatni {
	width: 155px;
	margin: 5px;
	height: 130px;
}

#dodatni .image {
	float: left;
	width: 35px;
	height: 40px;
}

#ugostiteljstvo #dodatni .image {
	float: left;
	width: 35px;
	height: 40px;
	cursor: pointer;
}

#dodatni .vertical {
	float: left;
	width: 5px;
	height: 40px;
}

#dodatni .horizontal {
	clear: left;
	width: 155px;
	height: 5px;
	font-size: 0px;
}


/*-- dodatni small --*/
.dodatni_small {
	clear: left;
	width: 286px;
	height: 24px;
	margin: 0px 15px 0px 14px;
}

.dodatni_small .small {
	float: left;
	width: 25px;
	height: 24px;
}

#ugostiteljstvo .dodatni_small .small {
	float: left;
	width: 25px;
	height: 24px;
}

.dodatni_small .vertical {
	float: left;
	width: 4px;
	height: 24px;
	font-size: 0px;
}

.horizontal_small {
	clear: left;
	width: 286px;
	height: 4px;
	font-size: 0px;
	margin: 0px 15px 0px 14px;
}
/*-- / dodatni small --*/
/*-- / dodatni sadrzaj --*/


/*-- text --*/
#index #image {
	margin-top: auto;
	margin-bottom: 0px;
	width: 299px;
	height: 429px;
	background-color: #dfdfdb;
}

#index #rightmenu .left {
	width: 131px;
	height: 368px;
}

#index #rightmenu .inside {
	margin: 2px 0px 0px 0px;
}

#index #rightmenu .head {
	clear: left;
	height: 16px;
	margin: 0px 5px 0px 5px;
	margin: 0px 5px 0px 5px;
}

#index #rightmenu .head .image {
	float: left;
	width: 12px;
	height: 16px;
}

#index #rightmenu .head .text {
	float: left;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	line-height: 16px;
}

#index #rightmenu .head .text .smallhead {
	margin: 0px 0px 0px 5px;
}

#index #rightmenu .text_field_1 {
	width: 111px;
	height: 162px;
	font-size: 11px;
	text-align: justify;
	line-height: 14px;
	margin: 5px 10px 0px 10px;
}

#index #rightmenu .text_field_2 {
	width: 111px;
	height: 164px;
	font-size: 11px;
	text-align: justify;
	line-height: 14px;
	margin: 5px 10px 0px 10px;
}

#index #rightmenu .text_field_3 {
	width: 279px;
	height: 29px;
	font-size: 11px;
	text-align: justify;
	line-height: 14px;
	margin: 5px 5px 0px 5px;
}
/*-- / text --*/


/*-- char --*/
#index #rightmenu .char {
	position: absolute;
	top: 0px;
	left: 133px;
	width: 166px;
	height: 370px;
}

#index #rightmenu .char .above {
	width: 166px;
	height: 185px;
}

#index #rightmenu .char .down {
	width: 166px;
	height: 185px;
}

#index #rightmenu .bottom {
	width: 289px;
	height: 53px;
	font-size: 11px;
	text-align: justify;
	line-height: 14px;
	margin: 0px 5px 5px 5px;
}

#index .radioinc {
	width: 135px;
	text-align: center;
	margin: 3px 0px 0px 0px;
}
/*-- / char --*/
/*-- / RIGHT MENU --*/


/*-- LINKS --*/
#index #link {
	clear: left;
	width: 750px;
	height: 230px;
	background-color: #ffffff;
}

#index #link .centering {
	width: 133px;
	height: 16px;
	text-align: center;
	margin: 0px 0px 0px 16px;
}

#index #link a {
	color: #ffffff;
	text-decoration: none;
}

#index #link a:hover {
	color: #c1c0bf;
	text-decoration: none;
}

#index #link .gray {
	position: relative;
	width: 149px;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	border-bottom: 1px solid #e2e2e2;
	background-color: #7f7f7f;
}

#index #link .gray_long {
	position: relative;
	width: 150px;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	border-bottom: 1px solid #e2e2e2;
	background-color: #7f7f7f;
}

#index #link .darkgray {
	position: relative;
	width: 149px;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	border-bottom: 1px solid #e2e2e2;
	background-color: #666667;
}

#index #link .image {
	width: 149px;
	height: 105px;
	border-bottom: 1px solid #e2e2e2;
}

#index #link .image_long {
	width: 150px;
	height: 105px;
	border-bottom: 1px solid #e2e2e2;
}

#index #link .text {
	width: 139px;
	height: 57px;
	font-size: 11px;
	text-align: left;
	line-height: 14px;
	color: #000000;
	font-weight: normal;
	margin: 5px 5px 0px 5px;
}

#index #link .text_long {
	width: 140px;
	height: 57px;
	font-size: 11px;
	text-align: left;
	line-height: 14px;
	color: #000000;
	font-weight: normal;
	margin: 5px 5px 0px 5px;
}

#index #link .icon {
	width: 139px;
	height: 45px;
	margin: 0px 5px 0px 5px;
}

#index #link .icon_long {
	width: 140px;
	height: 45px;
	margin: 0px 5px 0px 5px;
}

#index #link .one {
	float: left;
	width: 149px;
	height: 185px;
	border-right: 1px solid #ffffff;
	background-color: #ffffff;
}

#index #link .two {
	float: left;
	width: 149px;
	height: 185px;
	border-right: 1px solid #ffffff;
	background-color: #ffffff;
}

#index #link .three {
	float: left;
	width: 150px;
	height: 185px;
	background-color: #ffffff;
}

#index #link .four {
	float: left;
	width: 149px;
	height: 185px;
	border-left: 1px solid #ffffff;
	background-color: #ffffff;
}

#index #link .five {
	float: left;
	width: 149px;
	height: 185px;
	border-left: 1px solid #ffffff;
	background-color: #ffffff;
}

#index #link .cubetrgo {
	position: absolute;
	top: 5px;
	left: 10px;
	bottom: 5px;
	width: 6px;
	height: 6px;
	font-size: 0px;
	background-color: #00923f;
}

#index #link .cubeproi {
	position: absolute;
	top: 5px;
	left: 10px;
	bottom: 5px;
	width: 6px;
	height: 6px;
	font-size: 0px;
	background-color: #f18000;
}

#index #link .cubetrans {
	position: absolute;
	top: 5px;
	left: 10px;
	bottom: 5px;
	width: 6px;
	height: 6px;
	font-size: 0px;
	background-color: #e9d502;
}

#index #link .cubeinsta {
	position: absolute;
	top: 5px;
	left: 10px;
	bottom: 5px;
	width: 6px;
	height: 6px;
	font-size: 0px;
	background-color: #0089e1;
}

#index #link .cubeugos {
	position: absolute;
	top: 5px;
	left: 10px;
	bottom: 5px;
	width: 6px;
	height: 6px;
	font-size: 0px;
	background-color: #8a3f34;
}
/*-- / LINKS --*/


/*-- BOTTOM --*/
#bottom {
	clear: left;
	width: 750px;
	height: 0px;
	font-size: 0px;
}

#index #bottom {
	clear: left;
	width: 750px;
	height: 76px;
	font-size: 0px;
	border-top: 1px solid #cccbcc;
}

/*-- / BOTTOM --*/


/*-- STALNA PONUDA --*/
.stalna_ponuda {

}

.stalna_ponuda .full_image {
	position: relative;
	clear: left;
	width: 293px;
	height: 238px;
	border: 1px solid #ffffff;
	margin: 5px 0px 0px 0px;
}

.stalna_ponuda .full_image .ponuda_icon {
	position: absolute;
	right: 0px;
	top: -35px;
}

.stalna_ponuda .proizvodi_naslov {
	clear: left;
	width: 295px;
	height: 18px;
	font-size: 11px;
	text-align: justify;
	line-height: 18px;
	margin: 0px 10px 0px 10px;
}

.clanak .head {
	width: 295px;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 18px;
}

.clanak .text {
	font-size: 11px;
	text-align: justify;
	line-height: 14px;
}


/*-- artikl stalna ponuda --*/
.stalna_artikl {
	width: 315px;
	height: 130px;
	margin: 0px 0px 0px 0px;
	background-color: #f4f4f4;
}

.stalna_artikl .side_1 {
	float: left;
	width: 157px;
	height: 130px;
	border-right: 1px solid #ffffff;
}

.stalna_artikl .side_2 {
	float: left;
	width: 157px;
	height: 130px;
}

.stalna {
	position: relative;
	width: 147px;
	margin: 5px;
}

.stalna .head {
	width: 147px;
	height: 20px;
	font-size: 10px;
	font-weight: normal;
	line-height: 15px;
	text-align: center;
}

.stalna .image {
	width: 147px;
	height: 95px;
	background-color: #f4f4f4;
}

.stalna .image .center {
	position: relative;
	width: 113px;
	height: 93px;
	border: 1px solid #ffffff;
	margin: 0px 16px 0px 16px;
}

.stalna .image .center .position {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 103px;
	height: 83px;
}

.stalna .image .center img {
	width: 103px;
	height: 83px;
}

.stalna .ponuda_icon_small {
	position: absolute;
	right: 33px;
	bottom: 5px;
}

.clanak .stranice {
	width: 295px;
	font-size: 11px;
	text-align: center;
	line-height: 14px;
}

/*-- back --*/
.pre_sli {
	position: relative;
	width: 295px;
	height: 16px;
	font-size: 11px;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
}

.pre_sli .prethodna {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 94px;
	height: 16px;
}

.pre_sli .center {
	position: absolute;
	top: 0px;
	left: 97px;
	width: 100px;
	height: 16px;
}

.pre_sli .next {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 95px;
	height: 16px;
}

.pre_sli .next .text {
	width: 74px;
	text-align: right;
}

.pre_sli .prethodna .text {
	text-align: right;
}

.pre_sli .center .text {
	width: 100px;
	text-align: center;
}

.pre_sli .text {
	float: left;
	height: 16px;
}

.pre_sli .prethodna .image {
	float: left;
	width: 19px;
	height: 16px;
}

.pre_sli .prethodna .image img {
	margin: 0px 3px 0px 0px;
}

.pre_sli .next .image {
	float: left;
	width: 19px;
	height: 16px;
}

.pre_sli .next .image img {
	margin: 0px 0px 3px 0px;
}

.pre_sli .text a {
	color: #666667;
	text-decoration: none;
}

.pre_sli .text a:hover {
	color: #000000;
	text-decoration: none;
}
/*-- / back --*/
/*-- / artikl stalna ponuda --*/
/*-- / STALNA PONUDA --*/


/*-- DOWNFOOTER --*/
#downfoot {
	position: relative;
	width: 100%;
	height: 55px;
	background-color: #f4f4f4;
	border-top: 1px solid #cccbcc;
	border-bottom: 1px solid #d7d7d7;
}

#downfoot a {
	color: #ffffff;
	text-decoration: none;
}

#downfoot a:hover {
	color: #d9d9d9;
	text-decoration: none;
}

#downfoot .color_gr {
	width: 100%;
	height: 26px;
	margin: 3px 0px 0px 0px;
	background-color: #00923f;
}

#downfoot .color_re {
	width: 100%;
	height: 26px;
	margin: 3px 0px 0px 0px;
	background-color: #8a3f34;
}

#downfoot .color_bl {
	width: 100%;
	height: 26px;
	margin: 3px 0px 0px 0px;
	background-color: #0074c5;
}

#downfoot .color_do {
	width: 100%;
	height: 26px;
	margin: 3px 0px 0px 0px;
	background-color: #f18000;
}

#downfoot .color_or {
	width: 100%;
	height: 26px;
	margin: 3px 0px 0px 0px;
	background-color: #e1a900;
}

#downfoot .content {
	width: 750px;
	height: 26px;
	margin: auto;
}

#downfoot .content .left {
	float: left;
	width: 72%;
	height: 26px;
	color: #ffffff;
	font-size: 10px;
	line-height: 25px;
	text-indent: 5px;
}

#downfoot .content .right {
	float: left;
	width: 19%;
	height: 26px;
	color: #ffffff;
	font-size: 10px;
	line-height: 25px;
	text-align: right;
}

#downfoot .content .image {
	float: left;
	width: 8%;
	height: 26px;
	text-align: right;
}

#downfoot .content .image img {
	margin: 4px 0px 0px 0px;
}

#downfoot .gray {
	width: 100%;
	height: 25px;
	margin: 1px 0px 0px 0px;
	background-color: #666667;
}

#downfoot .gray .content {
	width: 750px;
	height: 25px;
	margin: auto;
	color: #ffffff;
	text-align: center;
	font-size: 11px;
	line-height: 24px;
	text-indent: 5px;
}
/*-- / DOWNFOOTER --*/


/*-- FLOAT --*/
#float {
	position: absolute;
	top: 250px;
	left: 62px;
	width: 620px;
	height: 240px;
}

#float .blacktransp {
	width: 620px;
	height: 240px;
	background-color: #000000;
	filter:alpha(opacity=10);
	opacity: 0.1;
	-moz-opacity:0.1;
}

#float .white {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 612px;
	height: 232px;
	background-color: #ffffff;
	border: 1px solid #c9c9c9;
	filter:alpha(opacity=90);
	opacity: 0.90;
	-moz-opacity:0.90;
}

#float .float_close {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

#float .content {
	position: absolute;
	top: 19px;
	left: 19px;
	width: 582px;
	height: 202px;
}

#float .content .left {
	float: left;
	width: 50%;
	height: 202px;
}

#float .content .right {
	float: left;
	width: 50%;
	height: 202px;
}
/*-- / FLOAT --*/


/*-- BOZIC --*/
#bozic {
	position: absolute;
	top: 698px;
	left: 1px;
	width: 750px;
	height: 107px;
}
/*-- / BOZIC --*/


/*-- VIDI --*/
.vidi {
	width: 135px;
	height: 39px;
}

.vidi img {
	width: 88px;
	height: 31px;
	margin: 8px 23px 0px 24px;
}
/*-- / VIDI --*/