/* ================================
    Default styles FOR DotNetNuke
   ================================
*/   

* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* background color for the content part of the pages */
BODY {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	padding: 0;
	background: #fff;
	text-align: center;
}
    
/* GENERIC */

H1, .AnnounceList .SubHead {
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #000;
	border-left: 5px solid #999999;
	padding-left: 3px;
}
H2 {
 font-size: 14px;
 font-weight: bold;
 color: #999999;
}
H3 {
 color: #A62205;
}
H4 {
}
H5, DT {
}
H6 {
}
TABLE {
	border-collapse: collapse;
}
TH {
}
TD {
	padding: 0px;
}
A:link, A:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
A:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* RADACTION styles */
.MenuGroup {
}
.ContextMenuGroup {
}
.ContextMenuItem {
}
.ContextMenuItemOver {
}
.ContextMenuItemClicked {
}
.actionsmenu_Separator {
}

/* INTRO PAGE */

.IntroTable {
	position: absolute;
	width: 758px;
	height: 450px;
	top: 50%;
	left: 50%;
	margin: -225px 0 0 -379px;
	background: #fff url(images/comparex_homepage.jpg) top right no-repeat;
}
.IntroFirst,
.IntroSecond,
.IntroLeft {
	vertical-align: top;
}

.IntroLogo {
	text-align:right;
	vertical-align: top;
	margin: 0;
	padding: 21px 30px 0 0;
	}
.IntroSecond {
	background: transparent;
	padding: 70px 0 0 40px;
	height: 169px;
}
.IntroFirst {
	padding-left:173px;
	padding-top: 70px;
}
.IntroFirst a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	background: url(images/strelica.gif) center left no-repeat;
	padding-left: 20px;
}
.IntroFirst a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #d6001a;
	text-decoration: none;
	
}
.adreses a, .adreses a:visited {
	color: #000;
	text-decoration: none;
}
.adreses a:hover {
	color: #000;
	text-decoration: underline;
	
}
.adreses {
	display: block;
	float: left;
   height: 125px;
	width: 220px;
	margin: 0 0 0 10px;
}
.redadress{
	color: #CD1E02;
	font-size: 12px;
	font-weight: bold;
}
/* END OF INTRO PAGE */

/* INTRO1 PAGE */

.IntroTable1 {
	position: absolute;
	width: 758px;
	height: 450px;
	top: 50%;
	left: 50%;
	margin: -225px 0 0 -379px;
	background: #fff url(images/comparex_homepage1.gif) top right no-repeat;
}
.IntroFirst1,
.IntroSecond1,
.IntroLeft1 {
	vertical-align: top;
}

.IntroLogo1 {
	text-align:right;
	vertical-align: top;
	margin: 0;
	padding: 21px 30px 0 0;
	}
.IntroSecond1 {
	background: transparent;
	padding: 70px 0 0 40px;
	height: 169px;
}
.IntroFirst1 {
	padding-left: 20px;
	padding-top: 60px;
}
.IntroFirst1 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	padding-left: 20px;
}
.IntroFirst1 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #d6001a;
	text-decoration: none;
	
}
.adreses a, .adreses a:visited {
	color: #000;
	text-decoration: none;
}
.adreses a:hover {
	color: #000;
	text-decoration: underline;
	
}
.adreses {
	display: block;
	float: left;
   height: 125px;
	width: 220px;
	margin: 0 0 0 0px;
}
.redadress{
	color: #CD1E02;
	font-size: 12px;
	font-weight: bold;
}
/* END OF INTRO1 PAGE */


/* Style for dnnPANELBAR */
/* glavni stil   */
.PanelCssClass {
	cursor: hand;
	cursor: pointer;
	width:130px;
	padding: 0 0 0 20px;
	margin: 7px 0 0 0;
	
}
.PanelCssClass TABLE {
	margin: 0 0 0 3px;
	padding: 0;
}
/* stil  za Level 1 headers  */
.PanelHeaderExpanded,
.PanelHeaderCollapsed,
.PanelHeaderHoverExpanded,
.PanelHeaderHoverCollapsed,
.PanelHeaderSelected {
	background:url(images/circle.gif) left no-repeat;
	padding: 0 0 0 20px;
	color:#A62205;
}
/* stil  za Level 1 headers Text  */
.PanelHeaderTextCollapsed, 
.PanelHeaderTextHoverCollapsed, 
.PanelHeaderTextHoverExpanded,
.PanelHeaderTextSelected {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background:url(images/circle.gif) left no-repeat;
	line-height: 20px;
	text-align:left;
	padding: 0 0 0 20px;
}
.PanelHeaderTextExpanded {
	background:url(images/circle_hover.gif) left no-repeat;
	font-size: 11px;
	color:#A62205;
	background-color:#fff;
	line-height: 20px;
	text-align:left;
	font-weight:bold;
	padding: 0 0 0 20px;
}
.PanelHeaderTextHoverExpanded {
	background:url(images/circle_hover.gif) left no-repeat;
	color: #A62205;
}
.PanelHeaderTextSelected,
.PanelHeaderTextHoverCollapsed {
	background:url(images/circle_hover.gif) left no-repeat;
	color:#A62205;
}
/* stil  item above Level 1   */			
.PanelItemCollapsed {
	background:url(images/dot.gif) left no-repeat;
	padding-left: 15px;
}

.PanelItemHoverCollapsed {
	background:url(images/dot.gif) left no-repeat;
	padding-left: 15px;

}
.PanelItemExpanded {
	background:url(images/dot.gif) left no-repeat;
	padding-left: 15px;

}
.PanelItemHoverExpanded {
	background:url(images/dot.gif) left no-repeat;
	padding-left: 15px;

}
.PanelItemSelected {
	background:url(images/dot.gif) left no-repeat;
	padding-left: 15px;
}
/* stil  item above Level 1 text   */	
.PanelItemTextExpanded, 
.PanelItemTextHoverExpanded
{
	font-size: 10px;
	color: #A62205;
	line-height: 20px;
	text-align:left;
	font-weight:bold;
	padding: 0 0 0 10px;
}
.PanelItemTextHoverCollapsed  {
	color:#A62205;
	font-size: 10px;
	line-height: 20px;
	text-align:left;
	font-weight:bold;
		padding: 0 0 0 10px;
}
.PanelItemTextSelected {
	font-size: 10px;
	color:#A62205;
	line-height: 20px;
	text-align:left;
	font-weight:bold;
	padding: 0 0 0 10px;
	margin-left: 10px;
}
.PanelItemTextCollapsed {
	font-size: 10px;
	color:#000;
	line-height: 20px;
	text-align:left;
	font-weight:bold;
	padding: 0 0 0 10px;
	margin-left: 10px;

}
/* END Style for dnnPANELBAR oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo   */

/* TREE VIEW MENU */
.TreeViewMenuStyle {
	margin: 0;
	padding: 0;
	background: transparent;
}
.TreeViewMenuStyle img {
}
.TreeViewMenuStyle span {
font-size: 13px;
font-weight: bold;
}
HTML>BODY .TreeViewMenuStyle UL {
	margin: 0;
	padding: 0;
	width:164px;
	text-align:left;
}
.TreeViewMenu {
	margin-bottom: 10px;
}
.TreeViewMenu SPAN.Normal {
	padding-left: 5px;
	display: block;
}
.TreeViewMenu SPAN.Normal DIV.Normal {
	margin: 4px 0 4px 0;
}
.TreeViewMenu A.Normal:link,
.TreeViewMenu A.Normal:visited,
.TreeViewMenu A.Normal:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: none;
}
.TreeViewMenu A.Normal:hover {
	color: #cc0000;
}
.MenuItems0,
.MenuItems0 UL {
	margin: 0;
	padding: 0;
}
.MenuItems0 LI {
	list-style: none;
	padding: 0;
	margin: 0;
}
.MenuItems1 {
	margin: 0;
}
.MenuItems1 A:link,
.MenuItems1 A:visited,
.MenuItems1 A:hover {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.MenuItems1 A:hover {
	color: #CD1E02;
}
.MenuItems1 LI  {
	background:url(images/SideMenuButtonBack.jpg) top no-repeat;
	padding: 15px 5px 0 0;
	color: #000;
	width: 164px;
	height: 44px;
	text-align: right;
}
UL.MenuItems2  {
	text-align:left;
	margin: 0 0 0 0;
}
.MenuItems2 LI {
	background: none;
	margin: 0;
	padding: 0 5px 0 0;
	width: 164px;
	height: 17px;
	text-align: right;
}
.MenuItems2 A:link,
.MenuItems2 A:visited,
.MenuItems2 A:hover {
	font-size: 10px;
	color: #000;
	text-decoration: none;
}
.MenuItems2 A:hover {
	color: #CD1E02;
}
HTML>BODY .MenuItems2 A:link,
HTML>BODY .MenuItems2 A:visited,
HTML>BODY .MenuItems2 A:hover {
	line-height: 15px;
	text-decoration: none; 
}
.MenuItems1 ul {
	background: transparent;
	margin: 15px 0 0 0;
}
/* treeview menu end */

/* ===========================
    Other styles for DNN skin
   ===========================
*/
.toptable, .maintable {
	width: 100%;
	margin: 0;
	padding: 0;
}
.toptable {
	background: url(images/top_line.gif) top left repeat-x;
}

.toptable .topLeft {
	width: 80%;
	height: 60px;
	text-align: left;
	background: url(images/top_picture.jpg) bottom repeat-x;
	}
	
.toptable .topLogo {
	width: 20%;
	height: 60px;
	text-align: right;
	vertical-align: top;
	background: url(images/top_line.gif) top left repeat-x;
	}
	
.topLogo img {
	margin: 0;
	padding: 0;
}
.toptable .nav {
	width: auto;
	height: 25px;
	margin: 0;
	padding: 0;
	background: #5D5C5E;
   vertical-align: top;
	font-size: 11px;
}
.maintable {
	width: 100%;
	height: 100%;
	background: #fff;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
.contentLeft {
	height: auto;
	width: 190px;
	padding: 10px;
	background: #E8E8E8 url(images/dot_vertical_left.gif) top right repeat-y;
	vertical-align: top;
}
.contentLeftBottom .Glavni {
	margin: 0;
	padding: 0;
}
.contentLeftBottom .Empty table td, .contentRight .Empty table td {
	font-size: 11px;
}
.contentLeftBottom .Empty table td a {
	margin: 10px 0;
}
.contentLeftBottom ul {
	margin: 0;
	padding: 0;
	width:164px;
	text-align: right;
}
.contentLeftBottom ul li {
	list-style: none;
	margin: 0;
	padding: 15px 5px 0 0;
	width: 164px;
	height: 44px;
}
.contentLeftBottom ul .internet {
	background: url(images/internet_back.jpg) top left no-repeat;
}
.contentLeftBottom ul .ponuda {
	background: url(images/ptjedna_back.jpg) top left no-repeat;
}
.contentLeftBottom ul .brosura {
	height: 64px;
	background: url(images/aktbroshura_back.jpg) top left no-repeat;
}
.contentLeftBottom ul li a,
.contentLeftBottom ul li a:visited,
.contentLeftBottom ul li a:hover {
	font-size: 12px;
	font-weight: bold;
	color: #74757e;
	text-decoration: none;
}
.contentLeftBottom ul li a:hover {
	color: #CD1E02;
}
.contentMain, .contentMainAdmin {
	padding: 10px 10px 10px 20px;
	background: #fff;
	vertical-align: top;
	height: auto;
}
.contentMainAdmin .Empty {
	width: 580px;
	text-align: left;
}
.contentRight {
	width: 215px;
	height: auto;
	/*padding: 20px 10px 10px 10px;*/
	background: #E8E8E8 url(images/dot_vertical_right.gif) top left repeat-y;
	vertical-align: top;
}
.contentRight img {
	margin-top: 15px;
}
.contentRight .Empty a {
	margin: 0;
	padding: 0;
	color: #A62205;
	text-decoration: none;
}
.contentRight .Empty a:hover {
	margin: 0;
	padding: 0;
	color: #CD1E02;
	text-decoration: none;
}
.contentRight .Empty .rightBottomLinks img {
 color: #000;
margin: 0px 10px 0 0;
padding: 0px;
}

.footer {
	height: 30px;
	padding: 3px 1px 6px 6px;
	color: #fff;
	background: #5D5C5E;
}
.footerLinks {
	height: 30px;
	padding: 6px 6px 6px 6px;
	color: #fff;
	text-align: right;
   vertical-align: top;
}
.footerLinks a, .footerLinks a:visited {
	color: #fff;
}
.footerLinks a:hover {
	color: #fff;
	text-decoration: underline;
}
.footerRight, .footerLinks {
	background: #5D5C5E;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
.contentMainBig A.CommandButton:link, .contentMainBig A.CommandButton:visited, .contentMainBig A.CommandButton:active {
	text-decoration: none;
	color: #000;
}
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active {
	text-decoration: none;
	color: #5D5C5E;
}
.contentMain A.CommandButton:hover {
    text-decoration: none;
    color: #CD1E02;
}
A.CommandButton:hover {
    text-decoration: none;
    color: #CD1E02;
}

.footer .SkinObject,
.footer A.SkinObject:link,
.footer A.SkinObject:visited,
.footer A.SkinObject:hover {
	color: #fff;
	font-size: 10px;
	font-weight: normal;
}
.footer .Delimiter {
	margin: 0px 5px 0px 5px;
	font-size: 10px;
}

/*--------------------sitemap-------------*/

.contentMain ul .MenuItems0 li,
.contentMain ul .MenuItems1 li {
	background: transparent;
	text-align: left;
	font-size: 12px;
	width: auto;
	height: auto;
	padding: 5px 15px;
}
.contentMain ul .MenuItems2 li {
	padding: 2px 2px 2px 45px;
}
.contentMain .ContentPane table td{
	padding: 5px 0 0 0;
}


.contentmain .Empty .dots, 
.contentmain .dots,
.contentRight .Empty .dots, h5 {
	display: block;
	height: 5px;
	background: url(images/dot_horizontall.gif) bottom left repeat-x;
}
.toptable .langnav {
	padding: 0;
	margin: 0;
	text-align: right;
	background: #5D5C5E;
}
.MLLanguageMenuTable .SkinObject {
   margin: 0;
	padding: 0;
	background: #5D5C5E;
	font-weight: normal;
	color: #fff;
	text-align: left;
}
.MLLanguageMenuTable {
	text-align: right;
	background: transparent;
}

.MLLanguageMenuLabelCell, .MLLanguageMenuMenuCell {
	padding-right: 8px;
	font-weight: normal;
	color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.MLLanguageMenuRightFlagCell img, .MLLanguageMenuRightFlagCell img {
	display: none;
	width: 0px;
}



/*-------  ML MENU TEST ---------------------------------------------------------*/

/*.MainMenu_MenuContainer {
	background-color: transparent; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:19px;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	border: none;
	cursor: pointer; 
	cursor: hand; 
	color: #fff; 
	font-family: Arial, verdan, Helvetica; 
	font-size: 11px; 
	font-weight: normal; 
	background-color: Transparent;
}
.MainMenu_MenuIcon {
}
.MainMenu_SubMenu {
	background: #ABABAB;
	border: none;
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_MenuBreak {
	height: 0px;
	background: #625c8e; 
}
.MainMenu_MenuItemSel, .SubMenu_MenuItemSel {
	background: #625c8e; 
	cursor: pointer; 
	cursor: hand; 
	color: #fff; 
	font-size: 11px;
   font-weight: normal;
   font-family: Arial, verdan, Helvetica; 
}
.MainMenu_MenuArrow, .MainMenu_MenuItemSel img {
	display: none;
}
.MainMenu_RootMenuArrow {
	display: none;
}
.StandardButton     {
    background:none; 
    color: #FFFFFF;
    font-family:Verdana, sans-serif; 
    font-size: 11px;
    font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background: transparent;
}
.TreeViewMenu_Header,TreeViewMenu_Header  {
	background: transparent;
}*/

/*-------  END OF ML MENU TEST ---------------------------------------------------------*/

/* Solpart menu styles */
.MainMenu_MenuContainer {
	border-collapse: collapse;
}
TABLE.MainMenu_MenuContainer TABLE {
	width: auto;
	height: 25px;
   font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	background: #5D5C5E;
	border: 1px solid #5D5C5E;
}
TR.MainMenu_MenuItem TD,
TR.MainMenu_MenuItemSel TD {
	font-weight: normal;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 11px;
	margin: 0;
	border: none;
	background: #5D5C5E;
}
HTML>BODY TR.MainMenu_MenuItem TD,
HTML>BODY TR.MainMenu_MenuItemSel TD {
	padding-top: 1px;
	border: 1px solid #5D5C5E;
}
TR.MainMenu_MenuItem TD {
	color: #FFFFFF;
	border: 1px solid #5D5C5E;
}
TR.MainMenu_MenuItemSel TD {
	color: #A62205;
	border: 1px solid #5D5C5E;
}
.MainMenu_MenuItemSel {
	color: #Abdbdbd;
	background-color: transparent;
	border: 1px solid #5D5C5E;
}
DIV.MainMenu_SubMenu {
	background-color: #878787;
	border: 1px solid #5D5C5E;
}
DIV.MainMenu_SubMenu TD {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	width: 140px;
	height: 22px;
	text-align: left;
	background-color: #88888A;
	border: 1px solid #88888A;
	padding: 0px 5px 0px 5px;
}
DIV.MainMenu_SubMenu TD.MainMenu_MenuItemSel {
	background-color: #A4A4A6;
	border: 1px solid #5D5C5E;
	color: #FFFFFF;
}
.MainMenu_MenuIcon {
	display: none;
}
.MainMenu_MenuArrow {
	display: none;
}
.MainMenu_RootMenuArrow {
	display: none;
}


.AnnounceList a.CommandButton:link, .AnnounceList a.CommandButton:visited {
	background: url(images/icon_more.gif) center left no-repeat;
	font-size: 10px;
	color: #a52a2a;
	padding: 0 0 0 17px;
	text-decoration: none;
	display: block;
}
.AnnounceList a.CommandButton:hover {
	text-decoration: underline;
}