#izbornik {
float: left;
position: relative;
background: #ffffff;
width: 99%;
height : auto;
text-align : center;
margin-top: 12px;
color: #BBB;
}
#menu {
width: 100%;
height: auto;
background: inherit;
padding-top: 8px;
padding-bottom: 4px;
text-align: left;
margin-left: -36px;
margin-right: auto;
border: 0px solid green;
}
#menu_icon {
border: 0px solid green;
display: none;
}
#menu_icon1 {
border: 0px solid brown;
display: none;
}
#nav { /* all lists */
	position: relative;
	margin: 0;
	line-height: 20px;
	border: 0px solid blue;
  height: 30px;
}
#nav ul { /* all lists */
  float: left;
	padding: 0;
	margin: 0;
}
#nav ul ul{ /* second level*/
}

#nav li { /* all list items */
	float: left;
	list-style: none;
}

#nav li ul ul { /* third-and-above-level lists */
	margin-top: -5px;
	margin-left: 33%; /* pozicioniranje 2 levela  D1 */
}

#nav li ul { /* second-level lists */
position: absolute;
margin-top: 0px; /* razmak između prvog i drugog levela, ako je više prekida otvaranje sub levela */
margin-left: 1px; /* pozicioniranje 2 levela */
z-index: 3333;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul ul  {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul { /* lists nested under hovered list items */
	left: auto;
}
.menuH {
width : 15%;
font-size : 13px;
padding: 5px 0 5px 0;
font-weight : 800;
font-family : 'Arial';
background : #47D;
color : #FFFFFF;
text-align : center;
margin-left : 0.5%;
margin-bottom : 26px;
border-radius: 4px; 
cursor : pointer;
}
.menuH:hover {
	color: yellow;
	background : #28F;
}
.menuH1 {
width : 15%;
font-size : 13px;
padding: 5px 0 5px 0;
font-weight : 600;
font-family : 'Arial';
background : #47D;
color : #FFFFFF;
text-align : center;
margin-left : 0.5%;
margin-bottom : 26px;
border-radius : 4px;
}
.menuHA {
font-family : 'Arial Narrow', Arial;
}
.menuC1 {
float : left;
clear: left;
width : 120%;
font-size : 12px;
font-weight : 600;
font-family : 'Arial';
background : #33F;
color : white;
border-top : 0px solid blue;
margin-bottom: 3px;
text-align : left; 
padding-left: 8px;
height : 22px;
line-height: 22px;
cursor : pointer;
}
.dummyC1 {
clear: left;
width : 90%;
background : inherit;
height : 4px;
border: 0px solid red;
}
.menuD1 {
float : left;
width : 195%;
font-size : 12px;
font-weight : 600;
font-family : 'Arial';
background : black;
margin-bottom: 2px;
color : yellow;
text-align : left; 
padding-left: 8px;
height : 20px;
border-top : 0px solid white;
cursor : pointer;
}
#nav li.menuC1:hover {
	left: auto;
	color: yellow;
	background : #28F;
	margin-left: 5px;
}
#nav li.menuD1:hover {
	left: auto;
	color: black;
	color: white;
	margin-left: 5px;
}

@media screen and (max-width: 1399px) {
#izbornik {
width: 100%;
margin-top: 12px;
color: #BBB;
}
#menu {
width: 106%;
padding-top: 8px;
padding-bottom: 4px;
margin-left: -36px;
}
#nav { /* all lists */
margin: 0;
line-height: 20px;
height: 30px;
}
#nav ul { /* all lists */
padding: 0;
margin: 0;
}
#nav li ul ul { /* third-and-above-level lists */
margin-top: -5px;
margin-left: 33%; /* pozicioniranje 2 levela  D1 */
}
#nav li ul { /* second-level lists */
margin-top: 0px; /* razmak između prvog i drugog levela, ako je više prekida otvaranje sub levela */
margin-left: 1px; /* pozicioniranje 2 levela */
z-index: 3333;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul ul  {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul { /* lists nested under hovered list items */
left: auto;
}
.menuH {
width : 15%;
font-size : 12px;
padding: 2px 0;
margin-left : 0.5%;
margin-bottom : 24px;
border-radius: 4px; 
}
.menuH1 {
width : 16.5%;
font-size : 12px;
padding: 2px 0;
text-align : center;
margin-left : 0.5%;
border-radius : 4px;
}
.menuC1 {
width : 120%;
font-size : 12px;
margin-bottom: 3px;
padding-left: 6%;
height : 22px;
line-height: 22px;
}
.dummyC1 {
width : 90%;
}
.menuD1 {
width : 190%;
font-size : 10px;
margin-bottom: 2px;
padding-left: 8px;
height : 20px;
}
#nav li.menuC1:hover {
margin-left: 5px;
}
#nav li.menuD1:hover {
margin-left: 5px;
}
}

@media screen and (max-width: 1199px) {

#izbornik {
width: 100%;
margin-top: 12px;
color: #BBB;
}
#menu {
width: 106%;
padding-top: 8px;
padding-bottom: 4px;
margin-left: -36px;
}
#nav { /* all lists */
margin: 0;
line-height: 20px;
height: 30px;
}
#nav ul { /* all lists */
padding: 0;
margin: 0;
}
#nav li ul ul { /* third-and-above-level lists */
margin-top: -5px;
margin-left: 33%; /* pozicioniranje 2 levela  D1 */
}
#nav li ul { /* second-level lists */
margin-top: 0px; /* razmak između prvog i drugog levela, ako je više prekida otvaranje sub levela */
margin-left: 1px; /* pozicioniranje 2 levela */
z-index: 3333;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul ul  {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul { /* lists nested under hovered list items */
left: auto;
}
.menuH {
width : 15%;
font-size : 12px;
padding: 2px 0;
margin-left : 0.5%;
margin-bottom : 24px;
border-radius: 4px; 
}
.menuH1 {
width : 16.5%;
font-size : 12px;
padding: 2px 0;
text-align : center;
margin-left : 0.5%;
border-radius : 4px;
}
.menuC1 {
width : 120%;
font-size : 12px;
margin-bottom: 3px;
padding-left: 6%;
height : 22px;
line-height: 22px;
}
.dummyC1 {
width : 90%;
}
.menuD1 {
width : 205%;
font-size : 11px;
margin-bottom: 2px;
padding: 1px;
padding-left: 8px;
height : 20px;
}
#nav li.menuC1:hover {
margin-left: 5px;
}
#nav li.menuD1:hover {
margin-left: 5px;
}
}

@media screen and (max-width: 899px) {

#izbornik {
margin-top: 12px;
}
#menu {
width: 106%;
padding-top: 8px;
padding-bottom: 4px;
margin-left: -7%;
}
#nav { /* all lists */
margin: 0;
line-height: 20px;
height: 30px;
}
#nav li ul ul { /* third-and-above-level lists */
	margin-top: -5px;
	margin-left: 33%; /* pozicioniranje 2 levela  D1 */
}
.menuH {
width : 15%;
font-size : 9px;
padding: 2px 0 2px 0;
margin-left : 0.5%;
margin-bottom : 24px;
border-radius: 4px; 
}
.menuH1 {
width : 16.5%;
font-size : 9px;
padding: 2px 0;
margin-left : 0.5%;
border-radius : 4px;
}
.menuC1 {
width : 95%;
font-size : 10px;
padding-left: 8px;
height : 22px;
line-height: 22px;
}
.dummyC1 {
width : 90%;
height : 4px;
}
.menuD1 {
width : 165%;
font-size : 10px;
margin-bottom: 2px;
padding-left: 8px;
height : 20px;
}
#nav li.menuC1:hover {
margin-left: 5px;
}
#nav li.menuD1:hover {
margin-left: 5px;
}
}

@media screen and (max-width: 599px) {

#izbornik {
text-align : left;
margin-top: 16px;
margin-bottom: 32px;
width: 80%;
border: 0px dotted blue;
}

#menu {
display: none;
width: 66%;
height: 180px;
padding-top: 4px;
text-align: center;
padding-left: 0%;
margin-left: 2%;
border: 0px dotted green;
}

#nav { /* all lists */
   width: 130px;
	 width: 90%;   /* širina H/H1 */
	 padding-left: 0%;
}
#nav li.menuC1:hover {
	left: 2%;
}
#nav li:hover ul, #nav li li:hover ul { /* lists nested under hovered list items */
	left: 46%;  /* pomak C1 u lijevo  */
}
#nav li ul  { 
	margin-top: -25px;margin-top: -5px;
	margin-left: 20%;   /* pozicioniranje 1 levela */
}
#nav li ul ul { /* third-and-above-level lists */
	margin-top: -1px;
	margin-left: -1%;  /* pozicioniranje 2 levela D1 */
}
#menu_icon {
display: block;
}
#menu_icon {
display: block;
float: left;
width: 20px;
height: auto;
margin-top: 8px;
margin-left: 16px;
white-space: nowrap;
font-size: 12px;
font-weight: 500;
color: #888;
cursor: pointer;
}
#menu_icon1 {
position: absolute;
bottom: 9px;
right: 15%;
display: block;
float: left;
width: 20px;
height: auto;
white-space: nowrap;
font-size: 12px;
font-weight: 500;
color: #888;
cursor: pointer;
}
.menuH {
position: relative;
width : 60%;
font-size : 11px;
font-weight : 700;
font-family : 'Arial';
text-align: left;
white-space: nowrap;
padding: 2px 0px 2px 4%;
margin-bottom : 6px;
}
.menuH1 {
position: relative;
width : 60%;
font-size : 11px;
font-weight : 700;
font-family : 'Arial';
text-align: left;
white-space: nowrap;
padding: 2px 0px 2px 4%;
margin-bottom : 6px;
}
.menuC1 {
position: relative;
font-size : 12px;
background : #33F;
height: auto;
color : white;
margin-bottom: 4px;
padding: 2px 0px 2px 14%;
width: 140%;  /* širina C hover */
}
.menuD1 {
font-size : 12px;
width: 100%;width: 150px;
font-weight : 600;
height: auto;
padding: 2px 0px 2px 8%;
margin-bottom: 3px;
}
}

@media screen and (max-width: 399px) {

#izbornik {
text-align : left;
margin-top: 16px;
margin-bottom: 12px;
width: 80%;
}
#menu {
display: none;
width: 96%;
height: auto;
padding-top: 4px;
text-align: center;
padding-left: 2%;
margin-left: 2%;
}
#nav { /* all lists */
width: 95%;   /* širina H/H1 */
padding-left: 2%;
}
#nav li.menuC1:hover {
left: 2%;
}
#nav li:hover ul, #nav li li:hover ul { /* lists nested under hovered list items */
left: 40%;  /* pomak C1 u lijevo  */
}
#nav li ul  { 
margin-top: -5px;
margin-left: 20%;   /* pozicioniranje 1 levela */
}
#nav li ul ul { /* third-and-above-level lists */
margin-top: -16px;
margin-left: 30%;  /* pozicioniranje 2 levela D1 */
width: 90%;
}
#menu_icon {
display: block;
float: left;
width: 20px;
height: auto;
margin-top: 8px;
margin-left: 16px;
white-space: nowrap;
font-size: 11px;
font-weight: 500;
color: #888;
cursor: pointer;
}
#menu_icon1 {
position: absolute;
bottom: 9px;
right: 15%;
display: block;
float: left;
width: 20px;
height: auto;
white-space: nowrap;
font-size: 11px;
font-weight: 500;
color: #888;
cursor: pointer;
}
.menuH {
position: relative;
width : 60%;
font-size : 11px;
font-weight : 700;
font-family : 'Arial';
text-align: left;
white-space: nowrap;
padding: 2px 0px 2px 4%;
margin-bottom : 6px;
}

.menuH1 {
position: relative;
width : 60%;
font-size : 11px;
font-weight : 700;
font-family : 'Arial';
text-align: left;
white-space: nowrap;
padding: 2px 0px 2px 4%;
margin-bottom : 6px;
}
.menuC1 {
position: relative;
font-size : 12px;
background : #33F;
height: auto;
color : white;
margin-bottom: 4px;
padding: 2px 0px 2px 8%;
width: 120%;  /* širina C hover */
}
.menuD1 {
font-size : 12px;
width: 150%;
font-weight : 600;
height: auto;
padding: 2px 0px 2px 2%;
margin-bottom: 3px;
}
}

#footer {
background: #47d;
}