body {
	background-color:#00572c;
	margin:0;
	text-align:left;
	/*font: 12px Geneva, Arial, Helvetica, sans-serif;*/
}
a
{
  outline: none;
}
#container {
	width:100%;
	margin:0 auto;
	position:relative;
}

#frame {
	width:90%;
	text-align:left;
	font-family: Segoe UI, Trebuchet MS, Arial, Verdana, sans-serif;
	font-size:13px;
	padding:10px 40px;
	margin:10px auto;
}
#splash td {
	background-image:url(../image/splashback.jpg);
	background-repeat:repeat-x;
	background-position:center;
}
p a:hover {
	text-decoration:none;
	color:#999999;
	}
p a:link, a:visited {
	color:#006600;
}
.link a {
	font-family:Segoe UI, Trebuchet MS, Arial, Verdana, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:left;
	text-decoration:none;
}
.link a:hover {
	color:green;
	text-decoration:underline;
}
.proizvod td {
	border:solid #cccccc 1px;
}
.proizvod td:hover {
	border:solid #FF6600 1px;
}
.proizvod-green td {
	border:solid #cccccc 1px;
	background-color:#dce9b0;
}
.proizvod-green td:hover {
	border:solid #FF6600 1px;
}
.textbox {
	font-family: Segoe UI, Trebuchet MS, Arial, Verdana, sans-serif;
	font-size:13px;
	border: 1px solid #999999;
	width:200px;
}
.naslov-podgrupe {
	font-family: Segoe UI, Trebuchet MS, Arial, Verdana, sans-serif;
	font-size:12px;
	text-align:left;
	margin-left:26px;
}
#textlinkovi a {
	width:95%;
	text-align:left;
	text-decoration:none;
	font-family: Segoe UI, Trebuchet MS, Arial, Verdana, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin-left:12px;
	color:#dce9b0;
}
#textlinkovi a:hover {
	text-decoration:underline overline;
}
#potpis {
	width:98%;
	text-align:right;
	text-decoration:none;
	font-family: Segoe UI, Trebuchet MS, Arial, Verdana, sans-serif;
	font-size:10px;
	color:black;
}
/* Menu tasteri :: _active  je taster highlight */
.button_onama a {
	width: 314px;
	height: 31px;
	float: left;
	background-image: url(../image/button_onama.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
.button_onama a:hover, a:active, a:focus {
	background-position: 0 top;
}
.button_onama_active {
	width: 314px;
	height: 31px;
	float: left;
	background-image: url(../image/button_onama.jpg);
	background-repeat: no-repeat;
	background-position: 0 top;
}
.button_proizvodi a {
	width: 295px;
	height: 31px;
	float: left;
	background-image: url(../image/button_proizvodi.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
.button_proizvodi a:hover, a:active, a:focus {
	background-position: 0 top;
}
.button_proizvodi_active {
	width: 295px;
	height: 31px;
	float: left;
	background-image: url(../image/button_proizvodi.jpg);
	background-repeat: no-repeat;
	background-position: 0 top;
}
.button_kontakt a {
	width: 313px;
	height: 31px;
	float: left;
	background-image: url(../image/button_kontakt.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
.button_kontakt a:hover, a:active, a:focus {
	background-position: 0 top;
}
.button_kontakt_active {
	width: 313px;
	height: 31px;
	float: left;
	background-image: url(../image/button_kontakt.jpg);
	background-repeat: no-repeat;
	background-position: 0 top;
}
.button_galerija a {
	width: 118px;
	height: 24px;
	float:right;
	background-image: url(../image/button_galerija.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
.button_galerija a:hover {
	background-position: 0 top;
}

/* --------------Proizvodi--------------------- */
.button_proizvodi_osvezavajuca a {
	width: 830px;
	height: 101px;
	float:left;
	background-image: url(../image/proizvodi_osvezavajuca.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
.button_proizvodi_osvezavajuca a:hover, a:active, a:focus {
	background-position: 0 top;
}
.button_proizvodi_osvezavajuca_active {
	width: 830px;
	height: 101px;
	float: left;
	background-image: url(../image/proizvodi_osvezavajuca.jpg);
	background-repeat: no-repeat;
	background-position: 0 top;
}
.button_proizvodi_nektari a {
	width: 830px;
	height: 101px;
	float: left;
	background-image: url(../image/proizvodi_nektari.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
.button_proizvodi_nektari a:hover, a:active, a:focus {
	background-position: 0 top;
}
.button_proizvodi_nektari_active {
	width: 830px;
	height: 101px;
	float: left;
	background-image: url(../image/proizvodi_nektari.jpg);
	background-repeat: no-repeat;
	background-position: 0 top;
}
.button_proizvodi_vikend a {
	width: 830px;
	height: 101px;
	float: left;
	background-image: url(../image/proizvodi_vikend.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
.button_proizvodi_vikend a:hover, a:active, a:focus {
	background-position: 0 top;
}
.button_proizvodi_vikend_active {
	width: 830px;
	height: 101px;
	float: left;
	background-image: url(../image/proizvodi_vikend.jpg);
	background-repeat: no-repeat;
	background-position: 0 top;
}
.button_proizvodi_sirupi a {
	width: 830px;
	height: 101px;
	float: left;
	background-image: url(../image/proizvodi_sirupi.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
.button_proizvodi_sirupi a:hover, a:active, a:focus {
	background-position: 0 top;
}
.button_proizvodi_sirupi_active {
	width: 830px;
	height: 101px;
	float: left;
	background-image: url(../image/proizvodi_sirupi.jpg);
	background-repeat: no-repeat;
	background-position: 0 top;
}
.button_proizvodi_marmelade a {
	width: 830px;
	height: 101px;
	float: left;
	background-image: url(../image/proizvodi_marmelade.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
.button_proizvodi_marmelade a:hover, a:active, a:focus {
	background-position: 0 top;
}
.button_proizvodi_marmelade_active {
	width: 830px;
	height: 101px;
	float: left;
	background-image: url(../image/proizvodi_marmelade.jpg);
	background-repeat: no-repeat;
	background-position: 0 top;
}

/* --- SPRY --- */
.Accordion {
	overflow: hidden;
	float:left;
}

.AccordionPanel {
	margin:0px;
	padding: 0px;
}

.AccordionPanelTab {
	margin: 10px 0;
	padding: 0;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	float:left;
}

.AccordionPanelContent {
	overflow: auto;
	float:left;
	position:none;
	width:100%;
	margin: 0px;
	padding: 0px;
	height: 0px;
	font-family:Segoe UI, Trebuchet MS, Arial, Verdana, sans-serif;
	font-size:12px;
	text-align:left;
}
/* --- SPRY provera validnosti --- */
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	font-size:10px;
	/*border: 1px solid #CC3333;*/
}
 
 
.textfieldValidState input, input.textfieldValidState {
	/*background-color: #B8F5B1;*/
}

input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}


/* --- SPRY text field -- */
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	vertical-align:top;
	color: #CC3333;
	font-size:10px;
}

.textareaValidState textarea, textarea.textareaValidState {
	/*background-color:#B8F5B1;*/
}

textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}

.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}

.textareaFlashState textarea, textarea.textareaFlashState{ 
}