@charset "utf-8";
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	letter-spacing: 1px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	background-image: url(../grafika/body/pozadina_index.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #292b2b;
	text-decoration: underline;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #00aeef;
	text-decoration: underline;
}
.sjena-top {
	background-image:url(../grafika/body/sjena_tl_max.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.sjena-botom {
	background-image:url(../grafika/body/sjena_bl_max.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.sjena-left {
	background-image:url(../grafika/body/sjena_l_max.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.sjena-left-botom {
	background-image:url(../grafika/body/sjena_bl2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 75px;
}
.sjena-left-botom-max {
	background-image:url(../grafika/body/sjena_bl2_max.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.menilmax{
	background-image:url(../grafika/meni/menilmax.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.menirmax{
	background-image:url(../grafika/meni/menirmax.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.sjena-right {
	background-image:url(../grafika/body/sjena_tr_max.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.sjena-right2 {
	background-image:url(../grafika/body/sjena_trb2.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 9px;
}
.sjena-right-botom {
	background-image:url(../grafika/body/sjena_br2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 75px;
}
.meni-centar-l {
	background-image:url(../grafika/meni/mani_lab_t1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.meni-centar-r {
	background-image:url(../grafika/meni/mani_lab_t2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.meni-centar-bl {
	background-image:url(../grafika/meni/mani_lab_t3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.meni-centar-br {
	background-image:url(../grafika/meni/mani_lab_t4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.meni-centar-l-in1 {
	background-image:url(../grafika/meni/mani_lab_in1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.meni-centar-l-in2 {
	background-image:url(../grafika/meni/mani_lab_in2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.meni-centar-l-in1-max {
	background-image:url(../grafika/meni/mani_lab_in1_max.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.meni-centar-l-in2-max {
	background-image:url(../grafika/meni/mani_lab_in2_max.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.meni-centar-l-in3 {
	background-image:url(../grafika/meni/mani_lab_in3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.meni-centar-l-in4 {
	background-image:url(../grafika/meni/mani_lab_in4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.meni-centar-l-in5 {
	background-image:url(../grafika/meni/mani_lab_banners_max.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.meni-centar-l-in6 {
	background-image:url(../grafika/meni/mani_lab_banners.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.meni-centar-news {
	background-image:url(../grafika/meni/mani_lab_news.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.meni-centar-anketa {
	background-image:url(../grafika/meni/mani_lab_anketa.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.meni-shop-1 {
	background-image:url(../grafika/meni_shop/mani_shop_l.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000;
}
.meni-shop-max {
	background-image:url(../grafika/meni_shop/mani_shop_max.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #000;
}
.meni-shop-r {
	background-image:url(../grafika/meni_shop/mani_shop_r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000;
}
.meni-shop-2 {
	background-image:url(../grafika/meni_shop/mani_shop_2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #00adee;
}
.meni-linija {
	background-image:url(../grafika/meni/meni_linija.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #292b2b;
	font-size: 14px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.meni-txt {
	font-size: 14px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.txt-plavi {
	color: #00aeef;
	text-decoration: none;	
}
.search-l {
	background-image: url(../grafika/search/search_l.png);
	background-repeat: no-repeat;
	background-position: left top;	
}
.search-max {
	background-image: url(../grafika/search/search_max.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.search-r {
	background-image: url(../grafika/search/search_r.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.meni-item-normal {
	background-image: url(../grafika/meni/meni_normal.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	text-align: left;
	text-indent: 35px;
	color: #000000;
	height: 26px;
	width: 100%;
	clip: rect(auto,auto,auto,auto);
	letter-spacing: 2px;
	line-height: 26px;
	float: left;
	font-weight: bold;
}	
.meni-item:hover {
	background-image: url(../grafika/meni/meni_hover.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	text-align: left;
	text-indent: 35px;
	color: #000000;
	height: 26px;
	width: 100%;
	clip: rect(auto,auto,auto,auto);
	letter-spacing: 4px;
	line-height: 26px;
	float: left;
	font-weight: bold;
}
.meni-item-normal2 {
	background-image: url(../grafika/meni/meni_hover2.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	text-indent: 45px;
	color: #000000;
	height: 30px;
	width: 100%;
	clip: rect(auto,auto,auto,auto);
	line-height: 30px;
	float: left;
}	
.link-meni {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	text-align: left;
	text-indent: 25px;
	color: #000000;
	height: 26px;
	width: 100%;
	clip: rect(auto,auto,auto,auto);
	letter-spacing: 1px;
	line-height: 26px;
	float: left;
	font-weight: bold;
}	
.link-meni:hover {
	background-image: url(../grafika/meni/meni_hover2.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	text-align: left;
	text-indent: 25px;
	color: #00aeef;
	height: 26px;
	width: 100%;
	clip: rect(auto,auto,auto,auto);
	letter-spacing: 1px;
	line-height: 26px;
	float: left;
	font-weight: bold;
}			
.link-meni2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	text-align: left;
	text-indent: 40px;
	color: #00aeef;
	height: 18px;
	width: 100%;
	clip: rect(auto,auto,auto,auto);
	letter-spacing: 1px;
	line-height: 18px;
	float: left;
	font-weight: bold;
}	
.link-meni2:hover {
	background-image: url(../grafika/meni/meni_hover2a.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	text-align: left;
	text-indent: 40px;
	color: #00aeef;
	height: 18px;
	width: 201	px;
	clip: rect(auto,auto,auto,auto);
	letter-spacing: 1px;
	line-height: 18px;
	float: left;
	font-weight: bold;
}
.paging {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00aeef;
	text-decoration: none;
	height: 25px;
	width: 25px;
	float: left;
	background-image: url(../grafika/meni_shop/bg_paging.png);
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.paging:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00aeef;
	text-decoration: underline;
	height: 25px;
	width: 25px;
	float: left;
	background-image: url(../grafika/meni_shop/bg_paging.png);
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.pagingA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	height: 25px;
	width: 25px;
	float: left;
	background-image: url(../grafika/meni_shop/bg_paging.png);
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.pagingA:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: underline;
	height: 25px;
	width: 25px;
	float: left;
	background-image: url(../grafika/meni_shop/bg_paging.png);
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.box-kontakt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-image: url(../grafika/body/box_pozadina.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	border: 1px solid #000;
}
.news-pozadina {
	background-color: #292b2b;
	background-image: url(../grafika/body/news_pozadina.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.naslov-mali {
	font-size: 12px;
	text-transform: uppercase;
	color: #00aeef;
	text-decoration: none;
	font-weight: bold;
}
.naslov-mali:hover {
	font-size: 12px;
	text-transform: uppercase;
	color: #00aeef;
	text-decoration: underline;
	font-weight: bold;
}
.txt-bijeli-10px:hover{
	font-size: 9px;
	color: #FFF;
	text-decoration: none;	
}
.txt-bijeli-10px{
	font-size: 9px;
	color: #FFF;
	text-decoration: none;	
}
.rub-slike-news{
	border: 1px solid #CCC;	
}
.shop-txt-sivi {
	color: 555555;
	text-decoration: none;
	font-size: 11px;
}
.shop-cijena {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;	
}
.shop-cijena-stara {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: line-through;
}
.shop-cijena-velika {
	font-size: 30px;
	font-weight: bold;
	color: #000;
	text-decoration: none;	
}
.shop-cijena-stara-velika {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-decoration: line-through;
}
.shop-naslov-plavi{
	color: 00aeef;
	text-decoration: none;
	font-weight: bold;
}
.shop-naslov-plavi-veliki{
	color: 00aeef;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}
.shop-naslov-plavi-veliki:hover{
	color: 00aeef;
	text-decoration: underline;
	font-size: 18px;
	font-weight: bold;
}
.shop-bg {
	background-image: url(../grafika/shop/shop_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;	
}
.txt-bijeli {
	color: #FFF;	
}
.link2 {
	color: 00aeef;
	font-size: 12px;
	text-decoration: none;
}
.link2:hover {
	color: 00aeef;
	font-size: 12px;
	text-decoration: underline;
}
.link-button-size1{
	background-image: url(../grafika/body/button_size1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFF;
	text-decoration: none;
}
.link-button-size1:hover{
	background-image: url(../grafika/body/button_size1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFF;
	text-decoration: underline;
}

/**** ZAOBLJENE TIPKE ****/
a.boldbuttons{
background: transparent url('../grafika/body/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}
a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}
a.boldbuttons span{
background: transparent url('../grafika/body/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}