﻿/* All pages */
html {
overflow: hidden;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;}
a:link {text-decoration: none; color:#DD137B;}
a:visited {text-decoration: none; color:#DD137B;}
a:hover {text-decoration: underline; color:#DD137B;}
a:active {text-decoration: none; color:#DD137B;}
div#navigacija {position:absolute; right:0px; top:10px; font-size:11px; color:#999999;}
div#navigacija a:link { color:#999999; }
div#navigacija a.:active { color:#999999; }
div#navigacija a:visited { color:#999999; }
div#navigacija a:hover { color:#333333; }
div#kategorije {position:absolute; right:-5px; bottom:42px; font-size:12px; font-weight:bold; height:25px; padding-top:5px; padding-bottom:5px;}
div#kategorije a:link { color:#DD137B; margin-left:10px; padding:5px; height:25px; }
div#kategorije a.:active { color:#DD137B; margin-left:10px; padding:5px; height:25px; }
div#kategorije a:visited { color:#DD137B; margin-left:10px; padding:5px; height:25px; }
div#kategorije a:hover { color:#FFFFFF; background-color:#DD137B; text-decoration:none; }
.clear{clear:both;}
.margin_bottom{margin-bottom:15px;}
.margin_top{margin-top:15px;}
.left{float:left;}

h1{font-size:24px; color:#FFFFFF; font-weight:normal; margin:0px; border-bottom:solid 2px #FFFFFF; padding-bottom:10px;} 
h2{font-size:11px; color:#DD137B; margin:0px; text-decoration: underline;} 

.detaljnije { background-image:url(/assets/img/detaljnije.gif); background-repeat:no-repeat; background-position:right; color:#7F7F7F; padding-bottom:5px; padding-top:5px; padding-right:25px; font-weight:bold; float:right;}
.detaljnije2 { background-image:url(/assets/img/detaljnije.gif); background-repeat:no-repeat; background-position:left; color:#7F7F7F; padding-bottom:5px; padding-top:5px; padding-left:25px; font-weight:bold; float:left; margin-left:15px;}
.cart_btn {position:absolute; bottom:10px; right:10px;}
.kupi { background-image:url(/assets/img/kupi.gif); background-repeat:no-repeat; background-position:right; color:#7F7F7F; padding-bottom:5px; padding-top:5px; padding-right:25px; font-weight:bold; float:right; margin-left:15px;}

.img{border:solid 15px #E02387; margin-bottom:15px; }

.box {background-color:#FFF; padding:15px; margin-bottom:15px;}
.box_p {background-color:#E02387; padding:15px; margin-bottom:15px; color:#FFFFFF; height:295px;}
.box_p2 {background-color:#E02387; padding:15px; margin-bottom:15px; color:#FFFFFF; height:265px;}
.box_p3 {background-color:#E02387; padding:15px; margin-bottom:15px; color:#FFFFFF; height:207px;}
.box_p4 {background-color:#14A7D1; padding:15px; margin-bottom:15px; color:#000000; }
.koraci{width:110px; margin:5px; background-color:#43B9DA; color:#14A7D1; float:right; padding:8px; border:solid 2px #4FBDDD;}

.cart_add_btn{
background:url(/assets/img/cart_add_btn.jpg) no-repeat;
cursor:pointer;
width: 60px;
height: 21px;
  margin: 0;
  padding: 0;
  border: 0;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  position:absolute; bottom:10px; right:10px;
}
.cart_add_btn:hover{background:url(/assets/img/cart_add_btn.jpg) no-repeat;
cursor:pointer;
width: 60px;
height: 21px;
  margin: 0;
  padding: 0;
  border: 0;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  position:absolute; bottom:10px; right:10px;
}
.cart_add_btn:focus{background:url(/assets/img/cart_add_btn.jpg) no-repeat;
cursor:pointer;
border: 0;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  position:absolute; bottom:10px; right:10px;
}
.cart_sljedeci{
background:url(/assets/img/cart_sljedeci.jpg) no-repeat;
cursor:pointer;
width: 145px;
height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  float:right;
}
.cart_sljedeci:hover{
background:url(/assets/img/cart_sljedeci.jpg) no-repeat;
cursor:pointer;
width: 145px;
height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  float:right;
}
.cart_sljedeci:focus{
background:url(/assets/img/cart_sljedeci.jpg) no-repeat;
cursor:pointer;
width: 145px;
height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  float:right;
}
.cart_kraj{
background:url(/assets/img/cart_kraj.jpg) no-repeat;
cursor:pointer;
width: 145px;
height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  float:right;
}
.cart_kraj:hover{
background:url(/assets/img/cart_kraj.jpg) no-repeat;
cursor:pointer;
width: 145px;
height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  float:right;
}
.cart_kraj:focus{
background:url(/assets/img/cart_kraj.jpg) no-repeat;
cursor:pointer;
width: 145px;
height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  float:right;
}

        #report { border-collapse:collapse;}
        #report th { background-color:#5CC7E7; color:#fff; padding:6px;}
        #report td { background-color:#FFFFFF; color:#000; padding:6px; }
		#report p {padding-left:25px; margin:0 0 4px 0;}
        #report tr.odd td { background-color:#F3F3F3; border-bottom:solid 1px #CCC; cursor:pointer;}
        #report div.arrow { background:transparent url(/assets/img/arrows.png) no-repeat scroll 0px -16px; width:14px; height:14px;}
        #report div.up { background-position:0px 0px;}
		td { background-color:#F3F3F3; color:#000; padding:6px; border-bottom:solid 1px #CCC; }
		th { background-color:#5CC7E7; color:#fff; padding:6px; }

fieldset
{
border: 1px solid #CCC;
}

legend
{
color: #fff;
background: #14A7D1;
border: 4px solid #FFFFFF;
padding: 10px;
} 
		
label { display:block; margin-bottom:3px; margin-top:6px;}

input {border:2px solid #E1E1E1; padding:2px; background:#F9F9F9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
select {border:2px solid #E1E1E1; padding:2px; background:#F9F9F9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin-top:1px;}
input:hover, select:hover { background:#F9F9F9; border:2px solid #14A7D1; color:#333333;}
input:focus, select:focus {background:#fff; border:2px solid #CCCCCC; color:#333333;}

textarea {border:2px solid #E1E1E1; padding:2px; background:#F9F9F9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
textarea:hover { background:#F9F9F9; border:2px solid #14A7D1; color:#333333;}
textarea:focus {background:#fff; border:2px solid #CCCCCC; color:#333333;}

.koraci_div{visibility:hidden; position:absolute;}
.koraci_div_h{visibility:hidden; position:absolute; top:0px; }

/*	wrapper divs */
.custom-checkbox, .custom-radio { position: relative; }
	
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input {
	position: absolute;
	left: 2px;
	top: 3px;
	margin: 0;
	z-index: 0;
}

.custom-checkbox label, 
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	font-size: 12px;;
	padding-right: 1em;
	line-height: 1;
	padding: .5em 0 .5em 30px;
	margin: 0 0 .3em;
	cursor: pointer;
}

	
/* states */
.custom-checkbox label { background: url(/assets/img/checkbox.gif) no-repeat; }

.custom-radio label { background: url(/assets/img/radiobutton.gif) no-repeat; }

.custom-checkbox label, .custom-radio label {
	background-position: -10px -14px;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: -10px -114px;
}

.custom-checkbox label.checked, 
.custom-radio label.checked {
	background-position: -10px -214px;
}

.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {
	background-position: -10px -314px;
}

.custom-checkbox label.focus, 
.custom-radio label.focus {
	outline: 1px dotted #ccc;
}


/**
 * jQuery Simple Dialog 
 */
.sd_container{
 font-family: arial,helvetica,sans-serif;
 margin:0;
 padding: 10px;
 position: absolute;
 background-color: #fff;
 border: solid 1px #ccc;
 text-align:center;
}
.sd_header{
 font-size: 125%;
 font-weight:bold;
 margin-bottom: 10px;
}
.sd_content{}
.sd_footer{
 color: #a0a0a0;
 margin-top: 10px;
}
.sd_overlay{
 position: absolute;
 margin:0;
 padding: 0;
 top: 0;
 left: 0;
 background-color: #222;
}
.sd_loading{
 background: url('indicator.gif') center no-repeat;
 background-color: #fff;
 height: 60px;
 width: 60px;
}
.sd_closelabel{
 position:absolute;
 width:50px;
 height:22px;
 line-height:22px;
 top:0;
 left:0;
 padding:5px;
 text-align:center;
 background-color:#ccc;
}
.sd_closelabel a {
 text-decoration:none;
 color: #222;
 font-size: 12px;
 font-weight:bold;
}
