@charset "iso-8859-2";


body, html {
	color:#F3F3E9;
	background-color:#84b1e0;
	background-image:url(http://www.dominovic.hr/webkosarica/content/back.jpg);
	background-repeat:repeat-x;
	
}


P, DIV, TD, BLOCKQUOTE {
	font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color:#5A523B;
}

form{margin:0;padding:0;}
A:ACTIVE{color:#39719D;text-decoration:none;}
A:LINK{color:#39719D;text-decoration:none;}
A:VISITED{color:#39719D;text-decoration:none;}
A:HOVER{color:#7EA5CD;text-decoration:underline;}

.TopBottomBar{
font-size:10px;
	height:30px;
	color:#A43600;
}
A:ACTIVE.TopBottomBarLink{color:#A43600;text-decoration:none;}
A:LINK.TopBottomBarLink{color:#A43600;text-decoration:none;}
A:VISITED.TopBottomBarLink{color:#A43600;text-decoration:none;}
A:HOVER.TopBottomBarLink{color:#A43600;text-decoration:underline;}

/** BOX STYLES **/
.BoxFrame{
background-color:#525050;
}
.BoxFrame2{
background-color:#857059;
}
.BoxFrame3{
background-color:#d2d2d2;
}
.BoxHeader{
	font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	background-color:#DAAB6F;
	height:25px;
	color:#ffffff;
}
.BoxContent{
	font-family:verdana;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	padding-left:5px;padding-right:5px;
	padding-top:3px;padding-bottom:3px;
	background-color:#F3F3E9;
	color:#b33b00;
}
.BoxText{
	font-family:verdana;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	background-color:#F3F3E9;
	color:#b33b00;
}
A:ACTIVE.BoxLink{color:#b33b00;text-decoration:none;}
A:LINK.BoxLink{color:#b33b00;text-decoration:none;}
A:VISITED.BoxLink{color:#b33b00;text-decoration:none;}
A:HOVER.BoxLink{color:#b33b00;text-decoration:underline;}

/** PAGE HEADER AND NAVIGATION					**/
.PageHeader{
	font-family:verdana;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	background-color:#FFFFFF;
	text-align:left;
	padding:5px;
	height:20px;
	color:#B33B00;
}
.PageNavigation{
	font-family:verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	background-color:#FFFFFF;
	text-align:left;
	padding:3px;
	color:#7C7257;
	padding-left:5px;
	padding-bottom:7px;
}

/** CATALOG ITEMS				 				**/
.CatalogNavigation{
	font-family:verdana;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	background-color:#CBC4B0;
	color:#000000;
}
.CatalogItemDark{
	font-family:verdana;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	background-color:#F8F4E8;
	padding:4px;
	color:#000000;
}
.CatalogItemLight{
	font-family:verdana;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	background-color:#ffffff;
	padding:4px;
	color:#000000;
}

/** FORMS										**/
.FormHeader{
	font-family:verdana;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	background-color:#E2DCCB;
	padding:4px;
	color:#000000;
}
.FormItems{
	font-family:verdana;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	background-color:#FFFFFF;
	padding:2px;
	color:#333333;
}
.FormSeparator{
	font-family:;
	font-size:;
	font-style:;
	font-weight:;
	background-color:#F8F4E8;
	padding:6px;
	color:#000000;
}
.FormInputText{
	font-family:arial;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	width:150px;color:#6E6853;
}
.FormInputSelect{
	font-family:arial;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	width:150px;
	color:#6E6853;
}
.FormRemark{
	font-family:verdana;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	color:#999999;	
}
.ProductSubtitle{
	font-family:verdana;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	border-bottom:1px solid #E0DBCC;
	padding:5px;
}

/** MENUS										**/	


.m0l0iout {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	font-weight:normal;
	text-decoration: none;
	padding: 4px;
	color: ;
}
.m0l0iover {
	font-size: 11px;
	text-decoration: underline;
	padding: 4px;
	color: #B33B00;
}

.m0l0oout {
	text-decoration : none;
	border : 1px solid ;
	background: ;
}
.m0l0oover {
	text-decoration : none;
	border : 1px solid ;
	background: #FFFFFF;
}
/* level 1 inner */
.m0l1iout {
	font-size: 10px;
	text-decoration: none;
	padding: 4px;
	color: ;
}
.m0l1iover {
	font-size: 10px;
	text-decoration : underline;
	padding: 4px;
	color: ;
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	border : 1px solid ;
	background: ;
}
.m0l1oover {
	text-decoration : underline;
	border : 1px solid ;
	background: ;
}

/* level 1 inner */
.m0l2iout {
	font-size: 10px;
	text-decoration: none;
	padding: 4px;
	color: ;
}
.m0l2iover {
	font-size: 10px;
	text-decoration : underline;
	padding: 4px;
	color: ;
}

/* level 1 outer */
.m0l2oout {
	text-decoration : none;
	border : 1px solid ;
	background: ;
}
.m0l2oover {
	text-decoration : underline;
	border : 1px solid ;
	background: ;
}

#button{
	text-align: left;
	width: 222px;
	font-size:12px;
	padding: 0px;
	margin: 0px 0px 0px 33px;
	font-family: Trebuchet MS;


}  
		 
#button ul {
	margin: 0px;
	padding: 0px ;
	border: none;
	text-transform: uppercase;
	list-style: none;
}
		
#button li {
	border-bottom: 1px dotted #999;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	color: #000;
} 
		
#button li a {
	display: block;
	width: 100%;
	padding: 3px 0px 3px 0px;
	text-transform: uppercase;
	text-decoration: none;	
}
	
.button2{
	text-indent: 1em;
}

.button2 a{
	color: #272727;
}	
	
.button2 a:hover {
	padding: 3px 0px 3px 0px;
	color: #666666;
}

.button5{
	text-indent: 2em;
	font-size:9px;
	text-transform:lowercase;

}

.button5 a{
	color: #000000;
	background-image:url(http://www.mis.hr/webkosarica/content/strelica1.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-transform:lowercase;
}	
	
.button5 a:hover {
	padding: 3px 0px 3px 0px;
	color: #666666;
	text-transform:lowercase;
}
		
#button li a:hover {
	padding: 3px 0px 3px 0px;
	color: #666666;
}

.picture {
	border:solid 1px #D1C02C;
	margin:0px 10px 10px 0px;
}

.text1 {
	font-family:Trebuchet MS;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px;
	font-size:13px;
	text-align:justify;
	color:#000000;
	font-weight:bold;
}

.text-naslov {
	font-family:Trebuchet MS;
	font-size:13px;
	color:#000000;
	font-weight:bold;
}

.text-footer {
	font-family:Trebuchet MS;
	font-size:9px;
	color:#fff;
}

.okvir {
	border:solid 1px #D1C02C;
}

.celija {
	font-size:14px;
	font-weight:bold;
	background-color:#EEEDBF;
	padding: 5 0 5 0;
}

.menutitle{
cursor:pointer;
color:#E3AB16;
background-color:#EEEDBF;
width:140px;
padding:2px;
text-align:center;
font-family: Trebuchet MS;
font-weight:bold;
}

.submenu{
margin-bottom: 0.5em;
font-family: Trebuchet MS;
font-weight:bold;
color: #448c3d;
padding-left:20px;
}


/**************** accordion menu ****************/


.glossymenu{
margin: 5px 0;
padding: 0;
width: 160px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(http://dominovic.hr/webkosarica/content/skins/flat/images/glossyback.gif) repeat-x bottom left;
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #FFF;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(http://dominovic.hr/webkosarica/content/skins/flat/images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #FFF;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #000;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: #FFF;
}
