/* -------------------- tag styles --------------------*/
body,td,div {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #47698D;}
html,body {margin:0; padding:0; height:100%; border:none;}
table {border-spacing: 0px; border-collapse: collapse;}
td {vertical-align: middle; padding:2px;}
th {vertical-align: middle; padding:2px;}
img {border: 0px;}
form
{padding:0 !important; margin:0 !important;}
textarea {text-align: left;}
input {border: 1px solid #cccccc;}
fieldset {border: none;}

h1, h2, h3, h4, h5, h6 {margin: 0px; font-weight: bold; color: #628DBA;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

a {color:#47698d; text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {outline: none;}

/* -------------------- standard styles --------------------*/
.b {font-weight: bold;}
.n {font-weight: normal;}
.i {font-style: italic;}

.tr {text-align: right;}
.tl {text-align: left;}
.tc {text-align: center;}
.tj {text-align: justify;}

.pa {position: absolute;}
.pr {position: relative;}

.fl {float: left;}
.fr {float: right;}

.lt {text-decoration: line-through;}
.lu {text-decoration: underline;}
.ln {text-decoration: none;}

.dn {display: none;}
.vat{vertical-align: top;}
.clear{clear: both;}
.hand {cursor: pointer;}

.ttu {text-transform: uppercase;}
.ttl {text-transform: lowercase;}
.ttc {text-transform: capitalize;}

.fs9 {font-size: 9px;}
.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}

.fc1 {color: #000000;}
.fc2 {color: #ffffff;}
.fc3 {color: #434343;} /*gray*/
.fc4 {color: #47698d;} /*blue*/
.fc5 {color: #DB5D00;} /*orange*/
.fc6 {color: #628dba;} /*light-blue*/
.fc7 {color: red;}

.pt1 {padding-top: 1px;}
.pt2 {padding-top: 2px;}
.pt3 {padding-top: 3px;}
.pt5 {padding-top: 5px;}
.pt8 {padding-top: 8px;}
.pt10 {padding-top: 10px;}
.pt29 {padding-top: 29px;}
.pt30 {padding-top: 30px;}
.pt38 {padding-top: 38px;}

.pr3{padding-right: 3px;}
.pr5{padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}

.pb2 {padding-bottom: 2px;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}

.pl1 {padding-left: 1px;}
.pl3 {padding-left: 3px;}
.pl5 {padding-left: 5px;}
.pl9 {padding-left: 9px;}
.pl10 {padding-left: 10px;}
.pl13 {padding-left: 13px;}
.pl17 {padding-left: 17px;}
.pl20 {padding-left: 20px;}
.pl23 {padding-left: 23px;}
.pl25 {padding-left: 25px;}

.mt1 {margin-top: 1px;}
.mt10 {margin-top: 10px;}
.mt13 {margin-top: 13px;}
.mt14 {margin-top: 14px;}

.mr200 {margin-right: 200px;}
.mr5 {margin-right: 5px;}

.mb2 {margin-bottom: 2px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb25 {margin-bottom: 25px;}
.mb50 {margin-bottom: 50px;}

.ml3 {margin-left: 3px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml110 {margin-left: 110px;}
.ml130 {margin-left: 130px;}
.ml140 {margin-left: 140px;}
.ml175 {margin-left: 175px;}
.ml210 {margin-left: 210px;}
.ml220 {margin-left: 220px;}

.ls25 {letter-spacing: 0.025em;}

.bt {border-top: 1px solid #a2c9ff;}

.bb {border-bottom: 1px solid #a2c9ff;}

/* -------------------- ROUNDED CORNERS --------------------*/

.t_rc {background: url(../images/dot.gif) 0 0 repeat-x; width: 99%;}
.b_rc {background: url(../images/dot.gif) 0 100% repeat-x}
.l_rc {background: url(../images/dot.gif) 0 0 repeat-y}
.r_rc {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl_rc {background: url(../images/bl.gif) 0 100% no-repeat}
.br_rc {background: url(../images/br.gif) 100% 100% no-repeat}
.tl_rc {background: url(../images/tl.gif) 0 0 no-repeat}
.tr_rc {background: url(../images/tr.gif) 100% 0 no-repeat; padding: 10px}

.fail{
border: 1px solid red;
}

.mailing_mess{
top: -13px;
}

.cat_border {
border-right: 1px solid #47698d;
}

.cat_border.last{
border-right: none;
}

.no_border {
border: 0;
}
/* -------------------------------------------------------------------------------------------*/

div#container {
margin: 0 auto; /* center, not in IE5 */
height: auto !important; /* real browsers */
height: 100%;/* IE6: treaded as min-height*/
min-height: 100%; /* real browsers */
}

/* -------------------- HEAD start --------------------*/

div#header {
background: #ffffff url(../images/bkg_01.gif) repeat-x;
height: 112px;
}

div#sis_holder {
height: 21px !important;
height: 26px;
}
			
div#sis1 {width: 80px; height: 15px; background: url(../images/sis_mail.gif) no-repeat;}
div#sis2 {width: 120px; height: 15px; background: url(../images/sis_partners.gif) no-repeat;}
div#sis3 {width: 100px; height: 15px; background: url(../images/sis_map.gif) no-repeat;}

div#menu_holder {
right: 660px;
}

.g1, .g2, .g3, .g4, .g5 {
position: absolute;
}

.g1 {left: 0px;}
.g2 {left: 125px;}
.g3 {left: 250px;}
.g4 {left: 375px;}
.g5 {left: 500px;}
		
div#user_holder {
top: 80px;
right: 1px;
width: 465px;
height: 31px;
}

div#user_holder label {
top: 5px;
}
	
.user_input1 {
background: url(../images/user_input1.gif) no-repeat;
border: 0;
width: 71px;
height: 17px;
top: 3px;
}

.user_button1 {
background: url(../images/user_button1.gif) no-repeat;
border: 0px;
height: 18px;
width: 60px;
cursor: pointer;
top: 7px;
}

.user_button2 {
background: url(../images/user_button2.gif) no-repeat;
border: 0px;
height: 18px;
width: 102px;
cursor: pointer;
top: -16px;
left: 347px;
}

.user_button3 {
background: url(../images/user_button3.gif) no-repeat;
border: 0px;
height: 18px;
width: 60px;
cursor: pointer;
top: -5px;
left: 325px;
}

.user_button4 {
background: url(../images/user_button4.gif) no-repeat;
border: 0px;
height: 18px;
width: 60px;
cursor: pointer;
top: -23px;
left: 392px;
}

.prijavljen {
width: 200px;
top: 10px;
left: 110px;
}

div#t1_nav {
top: 88px;
left: 25px;
max-width: 800px;
}

div#top {
height: 22px;
background: url(../images/bkg_top_right.gif) repeat-x;
}

div#top_left {
width: 173px;
height: 22px;
background: url(../images/bkg_top_left.gif) no-repeat;
}

/* --------------------- HEAD end ---------------------*/

.user_button5 {
background: url(../images/user_button5.gif) no-repeat;
border: 0px;
height: 18px;
width: 57px;
cursor: pointer;
top: 7px;
}

.user_button6 {
background: url(../images/user_button6.gif) no-repeat;
border: 0px;
height: 18px;
width: 57px;
cursor: pointer;
top: 7px;
}

/* -------------------- MAIN start --------------------*/

div#main {
background: url(../images/bkg_main.gif) repeat-y;
}

/* --------------------- LEFT start ---------------------*/

div#left {
background: #E9F2FF url(../images/bkg_left.gif) no-repeat;
width: 160px;
}

div#m_left {
top: 10px;
left: 0px;
}

.menu_list {	
width: 160px;
}

div#m_left .menu_head {
display:block;
color: #47698d;
padding: 5px;
padding-left:22px;
/*cursor: pointer;*/
position: relative;
font-weight: bold;
background: #f0f6ff url(../images/menu_left.gif) 5px center no-repeat;
text-decoration: underline;
}
/*.menu_head:hover{background-color:#FFF7B4;}*/
/*.menu_head a{}*/
div#m_left a:hover{background-color:#FFF7B4;}

.menu_body a{
display: block;
color: #47698d;
background: #dcebff url(../images/button_left_off.gif) 10px center no-repeat;
padding-left: 22px;
text-decoration: none;
}

.menu_body a:hover{
color: #DB5D00;
background: #dcebff url(../images/button_left_on.gif) 10px center no-repeat;
}

div#search {
background: url(../images/bkg_search.gif) no-repeat;
height: 51px;
}
	
#search_input1, #search_button1 {
border: 0px;
height: 17px;
top: 25px;	
}

#search_input1 {  
background: url(../images/search_input1.gif) no-repeat;
background-attachment: scroll !important;
background-attachment: fixed;	
width: 75px;	
left: 10px;
}	

#search_button1 {
background: url(../images/search_button1.gif) no-repeat;	
width: 57px;	
cursor: pointer;
left: 95px;
}

/* --------------------- LEFT end ---------------------*/

/* --------------------- MIDDLE start ---------------------*/

div#middle {
height: auto !important; /* real browsers */
height: 100%;/* IE6: treaded as min-height*/
min-height: 100%; /* real browsers */
min-height: 800px; /* real browsers */
}

/* --------------------- MIDDLE FIRST start ---------------------*/

.title_1 {
font-family: Arial;
}

.title_2 {
font-family: Arial;
border-bottom: 1px solid #bbbaba;
}

.text_1 {
font-family: Arial;
}

.img_1 {
left: 70px;
}

.line_1 {
border-bottom: 1px dashed #bbbaba;
}

div#m1_left {
width: 200px;
}

.new {
background: url(../images/x2.gif) no-repeat;
width: 180px;
height: 40px;
}

.new_1 {
min-height: 150px;
}

.new.last{
margin-right: 0;
}

.m2_left {
width: 100px;
}

.m2_right {
padding: 5px 0px 5px 5px;
}

.m2_right_left {
background: url(../images/bkg_right_right.gif) repeat-y;
width: 500px; 
}

.m2_right_right{
width: 120px;
}

.m3_left {
width: 210px;
}

.m3_right_left {
background: url(../images/bkg_right_right.gif) repeat-y;
width: 400px;
}

.m3_right_right{
width: 140px;
}

.discount {
bottom: 100px;
right: 50px;
}

.cart_holder {
bottom: 15px;
}

.cart_1 {
width: 30px;
height: 15px;
}

.cart_2 {
background: url(../images/shop_small.gif) no-repeat;
border: 0px;
height: 27px;
width: 27px;
cursor: pointer;
top: 3px;
}

.cart_3 {
background: url(../images/shop_big.gif) no-repeat;
border: 0px;
height: 46px;
width: 46px;
cursor: pointer;
top: 3px;
}

div#block_1 {
border: 1px solid #bbbaba;
}

.product_container {
overflow: hidden;
}

/* --------------------- MIDDLE HOME end ---------------------*/

/* --------------------- MIDDLE PRODUCERS start ---------------------*/

.mp1_left {
width: 250px;
}

.mp1_left1 {
background: url(../images/x4.gif) left no-repeat;
width: 250px;
height: 14px;
}

.mp1_left2 {
width: 280px;
max-width: 290px;
}

.mp1_left3 {
width: 90px;
max-width: 100px;
}

/* --------------------- MIDDLE PRODUCERS end ---------------------*/

/* --------------------- MIDDLE CART start ---------------------*/

.reg {
width: 200px;
}

.select {
border: 1px solid #a2c9ff; 
background: #f6f9fd; 
}

.select_1 {
border: 1px solid #a2c9ff; 
background: #e9f2ff; 
}

.shop_button3 {
background: url(../images/shop_button3.gif) no-repeat;
border: 0;
height: 17px;	
width: 102px;
left: 49px;
top: 14px;	
cursor: pointer;
}

.shop_update {
width: 100px;
}

.shop_update_button {
background: url(../images/shop_update.gif) no-repeat;
border: 0;
height: 18px;	
width: 18px;	
cursor: pointer;
}

.shop_input {
width: 50px;
}

.shop_delete_button{
background: url(../images/shop_delete.gif) no-repeat;
border: 0;
height: 14px;	
width: 14px;	
cursor: pointer;
}

/* --------------------- MIDDLE CART end ---------------------*/

/* --------------------- MIDDLE end ---------------------*/

/* --------------------- RIGHT start ---------------------*/

div#right {
background: #ffffff;
}

/* --------------------- SHOP INTRO start ---------------------*/

div#shop {
background: url(../images/bkg_shop.gif) repeat-y;
width: 161px;
}

div#shop_inner {
background: url(../images/title_shop.gif) no-repeat;
}

.shop_holder {
width: 130px;
border-bottom: 1px solid #A2C9FF;
}
	
.shop_photo {
width: 40px;
}

.shop_text {
width: 80px;
font-family: Arial;	
}

.shop_total {
width: 130px;	
}

div#shop_bottom {
background: url(../images/shop_bottom.gif) bottom no-repeat;		
height: 35px;		
}

.shop_button1 {
background: url(../images/shop_button1.gif) no-repeat;
height: 23px;	
width: 23px;
border: 0;
top: 10px;
left: 130px;
cursor: pointer;	
}
	
.shop_button2 {
background: url(../images/shop_button2.gif) no-repeat;
border: 0;
height: 17px;	
width: 102px;
left: 49px;
top: 14px;	
cursor: pointer;
}

.shop_button4 {
background: url(../images/shop_button4.gif) no-repeat;
border: 0;
height: 17px;	
width: 102px;
left: 49px;
top: 14px;	
cursor: pointer;
}

.shop_button4a {
background: url(../images/shop_button4a.gif) no-repeat;
border: 0;
height: 17px;	
width: 102px;
left: 49px;
top: 14px;	
cursor: pointer;
}

.shop_button5 {
background: url(../images/shop_button5.gif) no-repeat;
border: 0;
height: 17px;	
width: 102px;
left: 49px;
top: 14px;	
cursor: pointer;
}

.shop_button6 {
background: url(../images/shop_button6.gif) no-repeat;
border: 0;
height: 17px;	
width: 102px;
left: 49px;
top: 14px;	
cursor: pointer;
}

/* --------------------- SHOP INTRO end ---------------------*/

/* --------------------- CONTACT INTRO start ---------------------*/

div#contact {
width: 161px;
}

div#contact_top {
background: url(../images/bkg_contact_top.gif) no-repeat;  
height: 35px;
}

div#contact_midlle {
background: #f8f8f8 url(../images/bkg_contact_midlle.gif) repeat-y;  
}

div#contact_bottom {
background: url(../images/bkg_contact_bottom.gif) no-repeat;  
height: 15px;
}
/* --------------------- CONTACT INTRO end ---------------------*/

/* --------------------- NEWS INTRO start ---------------------*/

div#news {
background: url(../images/bkg_news.gif) no-repeat;
width: 161px;
height: 75px;
}

#news_input1, #news_button1 {
border: 0;
height: 17px;	
}

#news_input1 {  
background: url(../images/search_input1.gif) no-repeat;
background-attachment: scroll !important;
background-attachment: fixed;	
width: 70px;	
height: 17px;
top: 0px;
}

#news_button1 {
background: url(../images/user_button1.gif) no-repeat;	
width: 60px;
top: 4px;	
cursor: pointer;
}

/* --------------------- NEWS INTRO end ---------------------*/

/* --------------------- PRODUCERS INTRO start ---------------------*/

div#producers {
background: url(../images/bkg_producers.gif) no-repeat;
width: 161px;
height: 75px;
}

.producers_button1 {
border: 0;
height: 17px;
background: url(../images/producers_button1.gif) no-repeat;	
width: 60px;
left: 85px;
top: 8px;
cursor: pointer;	
}

/* --------------------- PRODUCERS INTRO end ---------------------*/

/* --------------------- LAST INTRO start ---------------------*/

div#last {
background: url(../images/bkg_shop.gif) repeat-y;
width: 161px;
}

div#last_inner {
background: url(../images/title_last.gif) no-repeat;
}

div#last_bottom {
background: url(../images/shop_bottom.gif) bottom no-repeat;		
height: 35px;		
}

.last_holder {
width: 130px;
}

/* --------------------- LAST INTRO end ---------------------*/

/* --------------------- MORE INTRO start ---------------------*/

div#more {
background: url(../images/bkg_shop.gif) repeat-y;
width: 161px;	
}

div#more_inner {
background: url(../images/title_more.gif) no-repeat;
}

div#more_bottom {
background: url(../images/shop_bottom.gif) bottom no-repeat;		
height: 35px;		
}

.last_holder {
width: 130px;
}

/* --------------------- MORE INTRO end ---------------------*/

/* --------------------- RIGHT end ---------------------*/

/* --------------------- MAIN end ---------------------*/
div#flashuploadercontainer, form#photoupload{
	width: 340px;
}

div.checkPoints{
	background-color: #F6FAFF;
	border: 1px solid #AED1F6;
	border-bottom: none;
	padding: 5px;
	font-weight: bold;
	color: #0082C4;
}

div.checkPointsSub{
	padding: 20px;
	margin-bottom: 20px;
	border: 1px dashed #AED1F6;
	background-color: #E9F2FF;
}

div#holderImages{
	padding: 20px 15px;
	border: 1px dashed #AED1F6;
	background-color: #E9F2FF;
}

div#holderImages td.photo{
	vertical-align: middle;
	text-align: center;
	height: 110px;
	background-color: #fff;
}

div#holderImages td.buttons{
	font-size:9px; 
	color:#333333;
}

div#holderImages td.buttons input{
	font-size:9px; 
	height:15px; 
	border:0px; 
	background:#eeeeee; 
	width:20px; 
	text-align:center;
}

#prices {
position: relative;
top: -18px;
left: 120px;
}
/* -------------------- FOOT start --------------------*/
div#bottom {
height: 53px;
background: url(../images/bkg_bottom_right.gif) repeat-x;
}

div#bottom_left {
width: 173px;
height: 53px;
background: url(../images/bkg_bottom_left.gif) no-repeat;
}

div#bottom_text {
width: 573px;
}
/* --------------------- FOOT end ---------------------*/

.pogoji{
position:relative;  
width:360px;
height:180px;
border: 1px solid #cccccc;
overflow:auto;
}

/*---------------------INTRO MESSAGE-------------------*/
div#alldark {
	position: absolute;
	top: 0;
	left: 0;
	background: #2390CA;
	opacity: 0.52;
	filter: alpha(opacity=52);
	width: 100%;
	height: 100%;
}

div#lightHolder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div#lightMessage {
	background: #fff;
	width: 560px !important;
	width: 600px;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
}

#menu_cat {
background: white none repeat scroll 0% 50%;
height: 250px;
left: 127px;
overflow: auto;
top: 32px;
width: 500px;
z-index:1;
}

#menu_prod {
background: white none repeat scroll 0% 50%;
height: 250px;
left: 127px;
overflow: auto;
top: 32px;
width: 500px;
z-index:1;
}

#menu_prod1 {
background: white none repeat scroll 0% 50%;
height: 350px;
left: 127px;
overflow: auto;
top: 32px;
width: 800px;
z-index:1;
}

.xml_button1 {
background: url(../images/xml_button1.gif) no-repeat;
border: 0;
height: 17px;	
width: 102px;
left: 49px;
top: 14px;	
cursor: pointer;
}

#forma1 input, #forma2 input, #naslov {
border: none;
}