html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
 	background-color:#333;
 	color: #fff;
 	font-family: Helvetica, Arial, sans-serif; 
	
}
/*
img, div { behavior: url(iepngfix.htc); }*/

#backend {
	background:#333 url(../images/bg.gif) repeat-x 0px -15px;
}

.clearfix {
	clear:both;
}

h4 {
	color:#6cd900;
	margin-left:80px;
	text-align:center;
	font-weight:normal;
	text-transform:uppercase;
}

a {
	color: #fff;
	text-decoration:none;
	outline-style:none;
	
}

a:hover {
	text-decoration:underline;
}

#container {
	margin: 0px auto;
	width: 960px;
	zoom: 1;  /* For IE6 */
}

#flash_notice, #flash_error {
  padding: 10px;
  margin: 0 0 20px 0;
  height:20px;
  text-align: center;
  border-radius:10px;
  -moz-border-radius:0 0 10px 10px;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  behavior: url("border-radius.htc");
}

#flash_notice {
  background-color: #5cc900;
  border: solid 0px #6C6;
}

#flash_error {
  background-color: #ba0b0b;
  border: solid 0px #C66;
}

#header {
	background: transparent url(../images/logo.png) center left no-repeat;
	height: 112px;
	behavior: url("iepngfix.htc");
}

#koledar {text-align:center; height:40px; margin-bottom:20px;}
.dan {float:left; width:40px;padding:5px; margin-right:1px; border:1px solid #444;}
.danime {float:left; width:40px; font-size:9px; text-transform:uppercase;margin-top:-1px; border-bottom:1px solid #666;}
.dat {float:left; width:40px; font-size:12px; margin:3px 0 -3px 0;}
.praznik {color:#666;}

#cal {
	height:40px;
	font-size:15px;
}
#days{
	display:inline;
}

#days li {
	margin:0px;
	text-align:center;
	background-color:#ccc;
	display:inline;
}

ul#days {
	float:left;
	list-style-type:none;
	padding:5px 0;
	/*background-color:#666;*/
	margin-top:10px;
	margin-bottom:20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url("border-radius.htc");
	display:inline;
}

ul#days ul {
	display:block;
	list-style-type:none;
	padding:5px;
	margin:0px;
	text-align:center;
}



.daydate ul li{
	display:block;
}

.date {
	
}

#today {
	background-color:#888;
	border-radius:5px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	behavior: url("border-radius.htc");
}

#selected {
	background-color:#5cc900;
	border-radius:5px;
	-moz-border-radius:0 5px 5px 0;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	behavior: url("border-radius.htc");
}

#title {
	float:left;
	margin-left:270px;
	margin-top:20px;
}

#profile {
	float:right;
	text-align:right;
	font-size:14px;
	line-height:28px;
	/*border:0px solid silver;*/
	background-color:#3F3F3F;
	padding:10px 20px;
	border-radius:10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	behavior: url("border-radius.htc");
}

#teden {
	float:right;
	width:660px;
	margin-top:20px;
}

#teden ul {
	float:right;
	list-style-type: none;
	display:inline;
	
}

#teden ul li {
	display:inline;
	margin:0 5px;
	padding:10px 0px;
	background-color:#555;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url("border-radius.htc");
}

#teden ul li#active {
	display:inline;
	margin:0 5px;
	background-color:#5cc900;
	padding:10px 30px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url("border-radius.htc");
}

#teden ul li a {
	padding: 10px 30px;
}

#teden ul li a:hover {
	text-decoration:none;
	color:#6cd900;
}

#orderstrip {
	/*background:#5cc900 url(../images/bg.png) top left repeat;*/
	background-color:#5cc900;
	height:36px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url("border-radius.htc");
	margin-bottom:10px;
}

#orderstriptext {
	float:left;
	width:650px;
	margin-top:10px;
	color: #000;
}

#clearform {
	float:right;
}

#clearbtn {
	margin:5px;
	background-color:#4c8000;
	padding:6px 10px 5px 10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url("border-radius.htc");
	font-size:14px;	
	cursor:pointer;
}

#clearbtn:hover {
	background-color:#5c9000;
}

.saved {
	float:left;
	width:28px;
	height:28px;
	background:transparent url(../images/badge.png) top left no-repeat;
	margin:4px 5px 0 5px;
	behavior: url(iepngfix.htc);
}

.not {
	background-position: 0 -28px; 
}

.edited {
	background-position: 0 -56px; 
}

.column {
	float:left;
	width:300px;
	margin-right:20px;
}

form div {
	margin:0 0 5px;
	overflow:hidden;
}

input[type=text], input[type=password]{ 
	float: left; 
	width: 220px; 
	font: bold 20px Helvetica, sans-serif; 
	padding: 3px 0 0 0; 
    text-align: left; 
}

.sendvic input[type=text] { 
	text-align: center;
	float: left; 
	width: 40px; 
	font: bold 20px Helvetica, sans-serif; 
	padding: 3px 0 0 0;
	text-align: center; 
}

label { 
	cursor:pointer;
	font: bold 15px Helvetica, sans-serif; 
	display: block; 
	float: left; 
	text-align: right; 
	padding: 9px 10px 0 0; 
	width: 178px; 
}
label span{ 	
	font: bold 13px Helvetica, sans-serif; 
}



img.new {
	width:40px;
	height:16px;
	text-indent:-9999px;
	margin-right:5px;
	behavior: url(iepngfix.htc);
}

.button  { 
	margin: 0 2px 0 2px; 
	text-indent: -9999px; 
	cursor: pointer; 
	width: 29px; 
	height: 29px; 
	float: left; 
	text-align: center; 
	background: url(../images/gumb.png) no-repeat; 
}

.dec  { 
	background-position: 0 -29px; 
}

.opis {
	width:280px;
	background-color:#555;
	/*border-radius:10px;*/
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	/*behavior: url("border-radius.htc");
	behavior: url("border-radius.htc");*/
	padding:10px;
	/*display:none;*/
}

#submitstrip {
	/*background:#5cc900 url(../images/bg.png) top left repeat;*/
	background-color:#5cc900;
	height:50px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url("border-radius.htc");
	margin-bottom:10px;
}
#submitstrip label{
	width:250px;
	margin-top:10px;
}

#submitstrip input#repeat{ 
	position:relative;
	bottom:4px;
}

#submit  { 
	cursor:pointer;
	margin: 10px 0 0 150px;
	font: 20px Helvetica, sans-serif; 
	padding: 5px 10px 3px 10px; 
	border: 1px solid black; 
	background: #eee;
	border-radius: 15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	behavior: url("border-radius.htc");
	
}

#submit:hover  { 
	background: #ccc; 
}

.hasCountdown {
 
}

.countdown_row {
 	float:right;
	width:110px;
 	margin: 5px;
 	text-align: center;
	background-color:#4c8000;
	padding:5px 0 4px 0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url("border-radius.htc");
}

#footer {
    bottom:0;
    width:940px;
    background-color:#444;
    padding:10px;
	border-radius:10px;
    -moz-border-radius:10px 10px 0 0;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
	behavior: url("border-radius.htc");
}

#footer ul {
    list-style-type:none;
    margin: 10px 0px 10px -20px;
}

#footer li {
    display:inline;
    margin: 0px 10px;
}

#bitami {
    float:right;
    margin:-25px 20px 0 0;
	width:180px;
	height:20px;
	font-size:13px;
}

#bitami a{
	position:absolute;
	background:url(../images/logo-small.png) no-repeat 3px -1px;
	text-indent:-9999px;
	width:63px;
	height:14px;
	behavior: url(iepngfix.htc);
}


/* ==================LOGIN PAGE SPECIFIC */

#sendvic_img{
	background: transparent url(../images/sendvic.png) top right no-repeat;
	width:252px;
	height:172px;
	margin: 0px 0 0 180px;
}
#headerwrap{
	width:500px;
	margin: 20px auto 0 auto;
	padding-left:100px;
}
#loginwrap{
	margin: -25px auto 0 auto;
	width:400px;
}

#loginform {
	display:block;
	border:0px solid silver;
	background:#3F3F3F url(../images/fade.png) top left repeat-x;
	padding:0px 10px 20px 20px;
	border-radius:10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	behavior: url("border-radius.htc");
}

#loginform label { 
	cursor:default;
	font: 15px Helvetica, sans-serif; 
	display: block; 
	float: left; 
	text-align: right; 
	padding: 8px 10px 0 0; 
	width: 120px; 
}

#loginbtn { 
	cursor:pointer;
	margin: 20px 0 0 127px;
	font: 20px Helvetica, sans-serif; 
	padding: 5px 10px 3px 10px; 
	border: 1px solid black; 
	background: #eee;
	moz-border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	behavior: url("border-radius.htc");
	
}

/* ==================MAIN PAGE SPECIFIC */
h3 {
	font-size:18px;
	font-weight:normal;
}

#intro h3, .boxhead h3 {
	font-size:22px;
	text-shadow:0px 1px 2px rgba(30,30,30,0.6);
	-moz-text-shadow:0px 1px 2px rgba(30,30,30,0.6);
}

#meni {
	float:right;
	width:600px;
	margin:-45px 40px 0 0;
}

#meni ul {
	float:right;
	list-style-type: none;
	display:inline;
	height: 25px;
}

#meni ul li {
	display:inline;
	margin:0 1px;
	padding:12px 0px;
	background-color:#555;
	border-radius: 5px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	behavior: url("border-radius.htc");
}

#meni ul li#active {
	display:inline;
	margin:0 1px;
	background-color:#76a408;
	padding:12px 40px;
	border-radius: 5px;
	moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	behavior: url("border-radius.htc");
}

#meni ul li a {
	padding: 10px 40px;
	position: relative;
	z-index: 10;
}

#meni ul li a:hover {
	text-decoration:none;
	color:#6cd900;
	/*	background-color:#6cd900;*/
	
}

#intro{
	width:940px;
	height:320px;
	background-color:#76a408;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-bottom:20px;
	behavior: url("border-radius.htc");
}

.box { 
	float: left; 
	margin-right:20px;
	margin-bottom:20px;
	width: 300px; 
	
}

.wide {
	width:620px;
}

.boxhead { 
	background-color:#555;
	background:transparent url(../images/topgreen.gif) 0px  -1px repeat-x;	
	padding: 10px 20px; 
	height:30px;
	/*border-radius: 10px;*/
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	/*behavior: url("border-radius.htc");*/
	border-bottom:1px solid white;
	/*margin-bottom:0px;*/
}

.darktop {
	background:transparent url(../images/topdark.gif) 0px  -1px repeat-x;	
}

.boxhead h3 {
	margin-top:8px;
	
}


.boxcontent { 
	background-color:#eee;	
	padding: 10px 20px; 
	min-height:40px;
	border-radius: 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	behavior: url("border-radius.htc");
}


.boxcontent p {
	margin-top:0px;
	color:#777;
	font-size:12px;
	line-height:18px;
	
}

.boxcontent ul {
	/*list-style-image: url(../images/bullet.gif);*/
}

.boxcontent li:before {display: marker;
content: url("../images/bullet.gif");
vertical-align: -1px; /* choose this ... */
padding-right: 12px;  and this 
}

.boxcontent li {
	list-style-type: none;
	color:#555;
	font-size:13px;
	font-weight:bold;
	height:20px;
}

.boxcontent a {
	color:#555;
	font-size:13px;	
}
/*
.boxcontent ul li a {
	color:#555;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;	
}

.boxcontent ul li a:hover {
	text-decoration:none;	
}
*/
.boxrow { 
	background-color:#eee;	 
	min-height:40px;
	width:310px;
	float:left;
}

.boxcolumn { 
	float:left;
	width:289px;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	padding:10px;
	padding-bottom:20px;
}

.boxcolumn h4{ 
	margin-left:0;
}

.sendvici .opis {
	background-color:#ddd;
	color:#666;
	width:270px;
	margin-bottom:20px;
	font-size:14px;	
}

.sendvici h3 {
	background-color:#fff;
	color:#77a508;
	width:270px;
	margin:0;
	padding:10px;
	padding-bottom:2px;
}

#flowtabs {
	float:right;
	margin:0px 40px -240px;
	list-style-type:none;
	
}

#flowtabs li {
	cursor:pointer;
	background-color:#ccc;
	background:-moz-linear-gradient(-90deg,#fff, #ccc);
	padding:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url("border-radius.htc");
	margin-bottom:2px;

}
	
#flowtabs li a {
	color:#999;
	text-transform:uppercase;
	padding: 5px;
	width:200px;
	text-decoration:none;
	text-align:left;
	display:block;
}

#flowtabs li:hover{
	background-color:#666;
	margin-left:-20px;
	/*background:-moz-linear-gradient(90deg,#eee, #333);*/
}

#flowtabs li.current {
	background:-moz-linear-gradient(-90deg,#ccc, #999);
	margin-left:-20px;
}
#flowtabs a {
	
}
#flowtabs li.current a{
color: #eee;
text-shadow:0px 1px 2px rgba(30,30,30,0.6);
-moz-text-shadow:0px 1px 2px rgba(30,30,30,0.6);
}
/* override the root element to enable scrolling */ 
#flowpanes { 
	text-indent: 0px; 
    position:relative; 
    overflow:hidden; 
    clear:both; 
	width:620px;
	height: 280px;
	border: 0px solid silver;
} 
 
/* override single pane */ 
#flowpanes div { 
    float:left; 
    display:block; 
    width:560px;
	height:230px; 
    cursor:pointer; 
    font-size:14px;
	margin:10px 20px 10px 40px;
	background-color:#fff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	/*behavior: url("border-radius.htc");*/
	color:#666;
	padding:10px;
} 

#classic {
	background:url(../images/sendvic2.jpg) -140px -3px no-repeat;
}
#focaccia {
	background:url(../images/sendvic4.jpg) 0px -2px no-repeat;
}
#premium {
	background:url(../images/sendvic1.jpg) 0px 10px no-repeat;
}
#toast {
	background:url(../images/sendvic3.jpg) 0px 0px no-repeat;
}
#flowpanes div.textright{
	width:200px;
	float:right;
	background-color:transparent;
	line-height:20px;
}
/* our additional wrapper element for the items */ 
#flowpanes .items { 
	background:transparent;
    height:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
} 
 
#flowpanes .less, #flowpanes .less a { 
    color:#999 !important; 
    font-size:11px; 
}
#novost {
 position:relative; 
 top: -30px; 
 left: 478px; 
 background:transparent url(../images/novo-tab.png) top left no-repeat; 
 height:40px; 
 width: 80px;
 z-index:0;
 text-indent:-9999px;
}

.narocanjeBtn {
 display:block;
 width:245px;
 height:60px;
 background: #76A408 url(../images/spletno-narocanje-gumb.png) top left no-repeat;
 text-indent:-9999px;
 margin-left:9px;
}

.narocanjeBtn:hover {
 background-position: 0px -60px;
}