/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.mm {float:left;position:relative; /*z-index:3000;*/ }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
 
.mm ul li {float:left;position:relative; z-index:3000; }

.mm li ul li {float:left; position:relative;
width:100%; background: #232323;  color:#fff;}

/* style the links for the top level */

/* hide the sub levels and give them a positon absolute so that they take up no room */
.mm ul ul {visibility:hidden; position:absolute; height:0; top:30px; left:0px; width:160px; z-index:2000; padding: 0px ; padding-top:10px; }

/* style the table so that it takes no ppart in the layout - required for IE to work */
.mm table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.mm ul ul li { background: #232323; height: auto; border: 0; padding:0px;}

/* style the second level links */
.mm ul ul ul li { background: #232323; height: auto; border: 0; padding:0px;}

/* style the second level links */
.mm ul ul ul ul li { background: #520100; height: auto; border: 0; padding:0px;}

.mm li ul li a, .mm ul li.topnav_last a { 
	text-align: left; 
	height: auto; 
	display:block;
	padding: 10px 5px; 
	margin-right:0px;
	width:100%; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	line-height: 16px; 
	text-transform: uppercase;
	border-top: 0; 
	border-right: 0; 
	border-left: 0; 
	background: #232323;
	text-align:center;
	color: #ACACAC; 
	border-bottom: 1px solid #000;
	font-size:11px;
}


.mm li ul li a:hover {
	color:#fff;
	background: #232323;
}

 
/* make the second level visible when hover on first level list OR link */
.mm ul li:hover ul, .mm ul a:hover ul {visibility:visible; }

.mm ul ul a:hover, .mm .topnav_last ul a:hover  { background: #000; color: #fff; }

.mm ul ul :hover > a, .mm .topnav_last ul :hover > a { background: #000; color: #fff;  }

.mm ul :hover > a, .mm .topnav_last ul :hover > a { color: #fff;  }


.mm ul li
{list-style:none;}




.sm {float:left;position:relative; z-index:3000; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.sm ul li {float:left;position:relative; z-index:3000; }

.sm ul li a {color:#fff;}

.sm li ul li {float:left; position:relative;
width:100%; background: #F36523;  color:#fff;}

/* style the links for the top level */

/* hide the sub levels and give them a positon absolute so that they take up no room */
.sm ul ul {visibility:hidden; position:absolute; height:0; top:25px; left:0px; width:140px; z-index:2000; padding: 0px ; padding-top:10px; 
			}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.sm table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.sm ul ul li { background: #F36523; height: auto; border: 0; padding:0px;}

/* style the second level links */
.sm ul ul ul li { background: #F36523; height: auto; border: 0; padding:0px;}

/* style the second level links */
.sm ul ul ul ul li { background: #F36523; height: auto; border: 0; padding:0px;}

.sm li ul li a, .sm ul li.topnav_last a { 
	text-align: left; 
	height: auto; 
	display:block;
	padding: 5px 10px; 
	margin-right:0px;
	padding-right:12px;
	width:100%; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 16px; 
	text-transform: uppercase;
	border-top: 0; 
	border-right: 0; 
	border-left: 0; 
	background: #F36523;
	text-align:center;
	color: #fff; 
	border-bottom: 1px solid #EA7A7C;
	font-size:12px;
}


#container .sm li.first ul li a {
	padding-right:0px;
}
 
/* make the second level visible when hover on first level list OR link */
.sm ul li:hover ul, .sm ul a:hover ul {visibility:visible; }

.sm ul ul a:hover, .sm .topnav_last ul a:hover  { background: #ECECEC; color: #F36523; }

.sm ul ul :hover > a, .sm .topnav_last ul :hover > a { background: #ECECEC; color: #F36523;  }

.sm ul :hover > a, .sm .topnav_last ul :hover > a { color: #FFB270;  }


.sm ul li
{list-style:none;}

.sm li ul li.zadnji-link a:hover {
	border-bottom: none;
}

.sm li ul li.zadnji-link a {
	border-bottom: none;
}




/* position the third level flyout menu */

.sm ul ul ul{
left:140px; 
top:0px;
z-index:8;background:#ECECEC;
border: 1px solid #D9D9D9; 
width:893px;
height:auto;
padding: 10px 5px;
}

.sm li ul ul li {float:left; position:relative;
display:block;
padding-left:5px;
padding-right:5px;	border-right: 1px solid #D9D9D9;
width:115px; background: #ECECEC;  color:#fff;}



.sm li ul ul li a, .sm ul ul li.topnav_last a { 
	text-align: left; 
	height: auto; 
	display:block;
	padding: 2px 10px; 
	margin-right:0px;
	padding-right:12px;
	width:115px; 
	height:20px;
	display:table-cell;
	vertical-align:center;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 14px; 
	text-transform: uppercase;
	border-top: 0; 
	border-right: 0; 
	border-left: 0; 
	background:#707070;
	border-bottom:0px;
	text-align:left;
	color: #000; 
	font-weight:bold;
	font-size:11px;
}

.sm li ul ul li a:hover {
	background:none;
	color:#F0733B;
}

.sm li ul ul li.bez-bordera {
	border-right:none;
}

/* keep the third level hidden when you hover on first level list OR link */
.sm ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.sm ul :hover ul :hover ul{ 
visibility:visible;
}



/* position the third level flyout menu */

.sm ul ul ul ul{
left:150px; 
top:0px;
z-index:8;
width:170px;
}

#container .sm ul ul li.zadnji-link ul {
	top:-39px;
}

/* keep the third level hidden when you hover on first level list OR link */
.sm ul :hover ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.sm ul ul :hover ul :hover ul{ 
visibility:visible;
}

.show-hide-sjena {
	background: url(../images/padajuci-sjena.png) no-repeat;
	width:950px;
	height:9px;
	position: absolute;
	bottom: -10px;
}


.casopisi-padajuci .show-hide-sjena {
	background: url(../images/padajuci-sjena.png) no-repeat;
	background-position: bottom;
	width:780px;
	height:9px;
	position: absolute;
	bottom: -10px;
	left:0px;
}



.other {float:right;position:relative; z-index:2000; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
 
.other ul li {float:left;position:relative; z-index:2000; }

.other li ul li {float:left; position:relative;
width:100%; background: #232323;  color:#fff;}

/* style the links for the top level */

/* hide the sub levels and give them a positon absolute so that they take up no room */
.other ul ul {visibility:hidden; position:absolute; height:0; top:11px; left:0px; width:120px; z-index:2000; padding: 0px ; padding-top:17px; }

/* style the table so that it takes no ppart in the layout - required for IE to work */
.other table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.other ul ul li { background: #232323; height: auto; border: 0; padding:0px;}

/* style the second level links */
.other ul ul ul li { background: #232323; height: auto; border: 0; padding:0px;}

/* style the second level links */
.other ul ul ul ul li { background: #520100; height: auto; border: 0; padding:0px;}

.top .news .other li ul li a, .top .news .other ul li.topnav_last a { 
	text-align: left; 
	height: auto; 
	display:block;
	padding: 5px 3px; 
	margin-right:0px;
	width:120px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	line-height: 16px; 
	border-top: 0; 
	border-right: 0; 
	border-left: 0; 
	background: #F36523;
	text-align:center;
	color: #fff; 
	border-bottom: 1px solid #D8571C;
	font-size:11px;
}


.other li ul li a:hover {
	color:#fff;
	background: #E54600;
}

 
/* make the second level visible when hover on first level list OR link */
.other ul li:hover ul, .other ul a:hover ul {visibility:visible; }

.top .news .other ul ul a:hover, .other .topnav_last ul a:hover  { background: #E54600; color: #fff; }

.top .news .other ul ul :hover > a, .other .topnav_last ul :hover > a { background: #E54600; color: #fff;  }

.top .news .other ul :hover > a, .other .topnav_last ul :hover > a { color: #fff; background: #E54600; }


.other ul li
{list-style:none;}


#select-jezik ul a {
    font-family: Arial;
    font-size: 13px;
    padding-bottom: 6px;
}
#select-jezik {
    float: right;
    position: relative;
	margin-bottom:10px;
    z-index: 3113;
}
#select-jezik li {
    background: url("../images/select.jpg") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    height: 24px;
    width: 86px;
}

#select-jezik li.selected {
    background: url("../images/arr-dwn.png") no-repeat scroll 60px 13px #232323;
    color: #FFFFFF;
    display: block;
    float: left;
	font-weight: bold;
	font-size:12px;
	padding-top:5px;
    padding-left: 5px;
    text-align: left;
    width: 76px;
}

#select-jezik .topnav_last ul li a {
    background: none repeat scroll 0 0 #232323;
    padding: 10px;
    text-align: left;
    width: 130px;
}
#select-jezik ul {
    background: #232323;
    height: auto;
    left: 0;
    padding: 7px 0px 3px 0px;
    position: absolute;
    text-align: left;
    top: 27px;
    visibility: hidden;
    z-index: 3113;
}
#select-jezik table {
    border-collapse: collapse;
    left: 0;
    position: absolute;
    top: 0;
}
#select-jezik ul li {
    border: 0 none;
    border-bottom: 1px solid #000;
    float: left;
    height: auto;
    list-style: none outside none;
    padding: 0 3px;
	margin-left:2px;
    width: 70px;
	margin-bottom:4px;
	height: 24px;
}
#linkovi #select-jezik ul ul .topsub_last a {
    border-bottom: 0 none;
}
#select-jezikul .topsub_last a, #select-jezik .topnav_last ul .topsub_last a {
	background: #CFCFCF;
}
#select-jezik ul .topsub_last, #select-jezik .topnav_last ul .topsub_last {
    border: medium none;
    padding-bottom: 3px;
}
#select-jezik *:hover > a {
    color: #CFCFCF;
}
#select-jezik ul li a {
    display: block;
    padding: 0px 2px 0px 10px;
    text-align: left;
    width: 76px;
}
#select-jezik li:hover ul, #select-jezik ul a:hover ul {
    visibility: visible;
}
#select-jezik ul li li:hover, #select-jezik .topnav_last ul li:hover {
    background-position: bottom left;
    color: #F46523;
}
#select-jezik ul a:hover, #select-jezik .topnav_last ul a:hover {
    background-position: bottom left;
    color: #F46523;
}
#select-jezik ul *:hover > a, #select-jezik .topnav_last ul *:hover > a {
    background-position: bottom left;
    color: #F46523;
}
#select-jezik ul .topsub_last a:hover, #select-jezik .topnav_last ul .topsub_last a:hover {
    border-bottom: 0 none;
}

.sm li.vikend-akcije ul li a {
	padding:10px;
}



.sm .casopisi-padajuci ul{
left:0px; 
top:40px;
z-index:8;background:#ECECEC;
border: 1px solid #D9D9D9; 
width:773px;
height:auto;
padding: 10px 5px;
}

.sm .casopisi-padajuci li {float:left; position:relative;
display:block;
padding-left:5px;
padding-right:5px;	
border-right: 1px solid #D9D9D9;
width:118px; background: #ECECEC;  color:#fff;}



.sm .casopisi-padajuci li a, .sm .casopisi-padajuci li.topnav_last a { 
	text-align: left; 
	height: auto; 
	display:block;
	padding: 2px 0px; 
	margin-right:0px;
	padding-right:12px;
	width:115px; 
	height:32px;
	display:table-cell;
	vertical-align:center;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 14px; 
	text-transform: uppercase;
	border-top: 0; 
	border-right: 0; 
	border-left: 0; 
	background:none;
	border-bottom:0px;
	text-align:center;
	color: #000; 
	font-weight:bold;
	font-size:11px;
}

.sm .casopisi-padajuci li a:hover {
	background: none;
}

.sm .casopisi-padajuci li.bez-bordera {
	border:none;
}