/*************** DEFAULT ***************/

html {
	margin: 0; 
	padding: 0;
	}

body {
	margin: 0px 10px 15px 10px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	background: #FFFFFF url("images/bg.gif") left top repeat-x;
	text-align: center;
	}

p  { 
	font-size: 11px;
	line-height: 15px;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	}
	
form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

input {
	font-size: 11px;
	border-top: 1px solid #43535D;
	border-bottom: 1px solid #7A97AA;
	border-left: 1px solid #808080;
	border-right: 1px solid #7A97AA;
	background: #DEEAF2 url("images/bg-input_search.gif") left top no-repeat;
	color: #000000;
	}
	
.noinput {
	border: none;
	background: none;
	}
	
img {
	 border: 0;
	 }
	 
a {
	text-decoration: underline;
	color: #000000;
	background-color: transparent;
}

a:hover, a:active {
	text-decoration: none;
}

ul {
	padding: 0px 0px 5px 17px;
	margin: 0px 0px 4px 0px;
}

ol {
	margin-left: 25px;
	margin-top: 8px;
	margin-bottom: 8px;
}

li {
	margin: 2px 0px 10px 0px;
	padding: 0px;
	list-style-image: url(images/bullet.gif);
}

h1, h2, h3 {
	color: #BF3018;
	background-color: transparent;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 14px 0px;
	line-height:22px;
}

h2 a, h3 a {color: #BF3018;}

h2 {
	font-size: 12px;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
}

h3 {
	font-size: 11px;
	padding: 3px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
}

.reenergija {
color: #adb200 !important;
}

h5 {
	font-size: 12px;
	color: #adb200;
	padding: 3px 0px 0px 0px;
	margin: 10px 0px 12px 0px;
}

div.hr {
  	height: 1px;
	width: 185px;
  	background: transparent url(images/bg-menu.gif) repeat-x scroll left;
  	margin: 10px 0px 10px 15px;
	padding: 0px 0px 0px 0px;
	}
	
div.hr hr {
  display: none;
	}

/*************** LAYOUT ***************/
#frame {
	margin: 0 auto 0 auto;
	width: 755px;
	text-align: left;
	}

#container {
	width: 755px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
#containerHome {
	width: 755px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background: transparent url("images/bg-home.gif") top left repeat-y;	
	}

#float-wrapper { /*right + middle*/
	float: right; 
	width: 570px; /*sum 585*/
	margin: 10px 0px 10px 15px;
	padding: 0px;
	} 
	
#float-wrapperHome { /*right + middle*/
	float: right; 
	width: 565px; /*sum 585*/
	margin: 10px 0px 10px 15px;
	padding: 0px;
	} 
	
#middle {
	float: left;
	width: 400px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#middleWide {
	float: left;
	width: 570px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#middleHome {
	float: left;
	width: 395px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#left {
	float: left;
	margin: 0px;
	width: 170px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	float: left;
	border-top: 6px solid #BF3018;
	}
	
#right {
	float: right;
	vertical-align: top;
	width: 170px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent url("images/bg-right.jpg") bottom left no-repeat;	
	}
	
/*************** LAYOUT - STYLES ***************/

#head {
	background: transparent url("images/bg-head.gif") left top repeat-x;
	padding: 12px 0px 0px 0px;
	margin: 0px;
	display: block;
	height: 69px; /*81*/
	text-align: left;
	}

#head h1 {
	margin: 0px;
	text-indent: -9999px;
	padding: 0px 0px 0px 0px;
	}
	
#head h1 a, #head h1 a:visited	{
	background: transparent url("images/logo-elektro_gorenjska.gif") top no-repeat;
	width: 162px;
	height: 55px;
	display: block;
	text-decoration:none;
	padding: 0px;
	margin: 0px;
	}
	
#head h1 a:hover	{
	text-decoration:none;
	}
	
#navTop {
	width: 755px;
	padding: 0px 12px 0px 0px;
	margin: 2px 0px 0px 0px;
	height: 20px;
	text-align: right;
	color: #888888;
	font-size: 10px;
	}
	
#navTop a, #navTop a:visited {
	text-decoration:none;
	color: #888888;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	}
	
#navTop a:hover {
	text-decoration:underline;
	}

#nav {
	padding: 0px 8px 0px 0px;
	float: right;
	}
	
#nav ul {
	padding: 0px;
	list-style-type: none;
	}
	
#nav ul li {
	list-style-image: none;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
	}
	
#nav ul li a {
	color: #989898;
	text-decoration:none;
	border-left: 2px solid #D5D5D5;
	padding: 40px 10px 0px 5px;
	margin: 0px 0px 0px 15px;
	height: 14px;
	font-size: 11px;
	background: transparent url("images/bg-nav.gif") right bottom no-repeat;
	}

#nav ul li a:hover{
	text-decoration:none;
	}
	
#nav ul li .elektro, .elektro:active, .elektro:hover, .elektro:visited {
	color: #BF3018;
	text-decoration:none;
	border-left: 2px solid #D5D5D5;
	padding: 40px 10px 0px 5px;
	margin: 0px 0px 0px 15px;
	height: 14px;
	font-size: 11px;
	background: transparent url("images/bg-nav.gif") right bottom no-repeat;
	}

.imgHome {
	float:left;
	margin-bottom:10px;
	}
	
/*.imgHome img {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	border-top: 6px solid #BF3018;
	}*/
	
#search {
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 5px 5px;
	background: transparent url("images/bg-search.gif") left top no-repeat;
	}
	
#path {
	color: #AFAFAF;
	padding: 0px;
	font-size: 10px;
	padding: 5px 0px 8px 0px;
	}
	
#path a {
	color: #AFAFAF;
	text-decoration:underline;
	}

#path a:hover{
	text-decoration:none;
	}

#middleContent {
	padding: 0px 15px 0px 0px;
	margin: 0px;
	}
	
#middleHome h1 {
	background: transparent url("images/bg-h1.gif") left top no-repeat;
	color: #FFF;
	background-color: transparent;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	font-family: arial, verdana, tahoma, helvetica, sans-serif;
	height: 25px;
	}

#leftContent {
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
	background: #EAEAEA;
	}
	
#leftContent h2 {
	font-size: 11px;
	margin: 0px 8px 4px 10px;
	padding: 3px 0px 0px 0px;
	}
	
#leftContent p {
	color: #505050;
	font-size: 10px;
	line-height: 13px;
	margin: 0px 8px 5px 10px;
	padding: 0px 0px 0px 0px;
	}
	
#leftContent p a {
	color: #505050;
	font-size: 10px;
	text-decoration:underline;
	}
	
#leftContent p a:hover {
	text-decoration:none;
	}	

#rightContent {
	margin: 5px 7px 0px 6px;
	}
	
#rightContent h1 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #BF3018;
	font-size: 12px;
	font-weight: bold;
	}
	
#rightContent p {
	margin: 0px 0px 10px 0px;
	}

#footer { 
	color: #888888;
	margin: 0px 0px 0px 0px;
	padding: 8px 10px 0px 10px;
	clear: both;
	border-top: 6px solid #BF3018;
	width: 735px;
	text-align: left;
	background-color: #FFF;
	font-size: 10px;
	}
	
#footer a {
	text-decoration: underline;
	color: #888888;
	font-size: 10px;
	}
	
#footer a:hover { 
	text-decoration: none;
	}

/* english background top */

#rightTop {
	background: transparent url(images/bg-right-top.jpg) no-repeat scroll left top;
	display:block;
	width:170px;
	height:10px;	
	}
	
/*************** Linki ***************/
.linkBel, .linkBel:visited {
	text-decoration: underline;
	color: #FFFFFF;
 }

.linkBel:hover, .linkBel:active {
	text-decoration: none;
 }
 
.linkMore, .linkMore:visited {
	background: transparent url(images/ico-link.gif) center right no-repeat;
	text-decoration: underline;
	padding: 0px 20px 2px 0px;
	color: #000000;
	}
	
.linkMore:hover {
	text-decoration: none;
	}	

/*************** Ostalo***************/

ul#dropdown { padding:0; margin:0;}
#dropdown li {list-style-image:none; list-style-type:none; margin:0; padding:0;}
#dropdown li {cursor:default;}
#dropdown li li {padding:0 0 3px 0;}
#dropdown li ul {display:none; padding:0 0 0 10px;}
#dropdown li:hover ul {display:block;}
#dropdown a { color:#505050; font-size:10px;}
	
.imgRight {
	margin: 0px 0px 10px 10px;
	padding: 2px;
	float: right;
	border: 1px solid #f1f1f1;
}

.imgLeft {
	margin: 0px 10px 10px 0px;
	padding: 2px;
	float: left;
	border: 1px solid #f1f1f1;
} 

.imgGalerija {
	padding: 2px;
	border: 1px solid #f1f1f1;
} 

.expandPicture img {
	margin: 0px 10px 10px 0px;
	padding: 2px 2px 17px 2px;
	border: 1px solid #f1f1f1;
	background: transparent url("images/ico-zoom.gif") bottom right no-repeat;
	}
.pictureWithSubtitle {
	float:left;
}
.okvir {
	padding: 2px 0px 0px 3px;
	border: 1px solid #BF3018;
	margin-bottom: 5px;
	}
	
.fieldSearch {
	height: 15px;
	width: 110px;
	font-size: 11px;
	padding: 2px 0px 0px 3px;
	margin-right: 5px;
	}
	
.btn {
	font-size: 11px;
	border-top: 1px solid #43535D;
	border-bottom: 1px solid #7A97AA;
	border-left: 1px solid #808080;
	border-right: 1px solid #7A97AA;
	background: #FFFFFF;
	color: #000000;
	}

.formaClean {
	font-size: 11px;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background: transparent;
	color: #000000;
	}
	
.textRdec, a.textRdec, .textRdec a {
	color: #BF3018;
	}

p.textRdec { padding-top:15px;}
	
.textMali {
	font-size: 10px;
	}


#poslovneStrani {
	color: #FFFFFF;
	background-color: #989898;
	padding: 5px;
	}

#poslovneStrani a, .poslovneStrani a:visited {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: underline;
	}
	
#poslovneStrani a:hover {
	text-decoration: none;
	}	
	
#poslovneStrani h1 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	}

#newsArchive { margin:15px 0 30px 0;}

.leftSiva {
	color: #FFFFFF;
	background-color: #989898;
	padding: 8px 2px 15px 5px;
	}

/*  Tabele  */

#middleContent .tblContent,.defaultTable {
	margin: 10px 0 5px 0;
}

#middleContent .tblContent td,.defaultTable td {
	padding: 2px 2px;
	border-bottom: 1px solid #BF3018;
}

#middleContent .cellHeader, #middleContent .defaultTable thead td, #middleContent .tblContent thead td {
	color: #000;
	font-size: 11px;
	padding: 2px 2px 4px 2px;
	font-weight: bold;
	border-bottom: 2px solid #BF3018 !important;
}


#middleContent .tblContentReenergija {
	margin: 10px 0 5px 0;
}

#middleContent .tblContentReenergija td {
	padding: 2px 2px;
	border-bottom: 1px solid #adb200;
}

#middleContent .cellHeaderReenergija {
	color: #000;
	font-size: 11px;
	padding: 8px 2px 4px 2px;
	font-weight: bold;
	border-bottom: 2px solid #adb200 !important;
}


#middleContent .cellFooter {
	color: #000;
	font-size: 11px;
	padding: 8px 2px 4px 2px;
	font-weight: normal;
	border-bottom: 2px solid #BF3018 !important;
}

/* Ostalo */
.errormessage_onsubmit{
	color:#BF3018;
}

#kviz ul li{
	list-style:none;
	padding:0;
	width:99%;
	float:left;
}
#kviz p {
	font-weight:bold;
	margin:10px 0 0 0;
	float:left;
}
#kviz label {
	padding:2px 0 0 2px;
	
	float:left;
	width:90%;
}
#kviz input {
	float:left;
	border:0;
	background:0;
}
#kviz .submitKviz {
	border-top: 1px solid #43535D;
	border-bottom: 1px solid #7A97AA;
	border-left: 1px solid #808080;
	border-right: 1px solid #7A97AA;
	background: #DEEAF2 url("images/bg-input_search.gif") left top no-repeat;
	color: #000000;
	margin:15px 0 0 5px;
	padding:2px 5px;
}
#kvizResults p {
	font-weight:bold;
	margin:15px 0 0 0;
}
.kvizTrue {
	background:transparent url(images/true.gif) no-repeat left top;
	padding:0 0 0 18px;
	color:green;
	margin:4px 0;
}
.kvizFalse {
	background:transparent url(images/false.gif) no-repeat left top;
	padding:0 0 0 18px;
	color:red;
	margin:4px 0;
}

.top {
margin:10px 0 10px 0;
float:right;
}
.friend a,.friend{
	color:#BF3018 ! important;
	font-size:15px;
	font-weight:bold;
}

.bannerHome {
	border-top: 1px solid #BF3018;
	margin: 0 0 6px 0;
}

/* obrazci */
form ol li {
	list-style-type:none;
	list-style-image:none;
	margin:0 0 5px 0;
}
form fieldset {
	border:none;
}
form ol {
	padding:0;
	margin:0;
}
form fieldset {
	padding:0;	
}
form ol li label {
	float:left;
}
form ol li input, fom ol li select {
	float:left;
}
.formPrijave label {
	width:130px;
}
.formStevec, .formPodatki {
	margin:20px 0 0 0;
}
.formPodatki label {
	width:180px;
}
.formStevec label {
	width:145px;
}
.formNarociloUre {
	margin:20px 0 0 0;
}
.formNarociloUre label {
	width:180px;
}
#errorMessage li {
	list-style-type:none;
	list-style-image:none;
	padding:0;
}
#errorMessage ul {
	padding:0;
}
#errorMessage {
	border:1px solid #DE2C0F;
	background-color:#eee;
	padding:10px;
	margin:10px 0;
}

.errorMessages li {
	list-style-type:none;
	list-style-image:none;
	padding:0;
}
.errorMessages ul {
	padding:0;
}
.errorMessages {
	border:1px solid #DE2C0F;
	background-color:#eee;
	padding:10px;
	margin:10px 0;
}
.alignRight {
	margin:0 0 0 180px;
}
.poll_options li{
	list-style-image:none;
	list-style-type:none;
	padding:0;
	margin:0;
}
.poll_options {
	padding:0;
	margin:0 0 10px 0;
}
.poll_options #objavi {
	float:right;
	width:60px;
	margin:10px 0;
}
.poll_options .submit{
	margin:5px 0 10px 10px;
	padding:0 15px 2px 15px;

}
.poll_options strong {
	margin:5px 0;
}
.pollBar {
	height:10px;
	background-color:#8c201d;
}

.formKontakt {
	padding: 15px 0px;
}

.required {
	color:#f00;
}

/*css for izracun obrabe*/
li.hidden, div.hidden,tr.hidden {display:none;}

#results {position:relative; height:350px; z-index:1;}
#results table {position:absolute; top:0; left:0; width:800px; z-index:100;}
#results table th {background:#989898; color:#fff; font-weight:normal; padding:2px 3px;}
#results table td {padding:2px 3px; border-bottom:1px solid #dfdddd;}
#results table tr.bold td {text-transform:uppercase; font-weight:bold; background:#d8d6d6;}
#results table tr.boldResult td {text-transform:uppercase; font-weight:bold; background:#BF3018; color:#fff;}
#results table tr.boldr td {text-transform:uppercase; font-weight:bold; background:#b1b0b0;}

#results table td.right {text-align:right;}
#results table th.right {text-align:right;}
#results table td.center {text-align:center;}
#results table th.center {text-align:center;}

#izracunPorabe ul {padding-left:0;}
#izracunPorabe ul li {background:none; padding-left:0; list-style:none; margin-left:0; padding:3px 0; list-style-image:none;}

#datum, #paket {width:70px; display:block; float:left; text-align:right; margin-right:5px;}
#chkETobr, #chkEEobr, #chkReenergija, #chkTrajnik {margin-left:60px; float:left;}
#enotna {display:block; margin-bottom:5px;}
#reenergija, #trejnik {line-height:20px;}

#izracunPorabe #submit {margin-left:60px;}

#chkETobr, #chkEEobr, #chkReenergija, #chkTrajnik {border:none; background:none;}

#izracunPorabe span.divPogoji {position:relative; z-index:2;}
#info_stanje_et, #info_stanje_vt, #info_stanje_mt {position:absolute; top:0; right:-400px !important; right:-30px; background:#f4f4f4; padding:5px; z-index:110;}
iframe {border:0;}
a.close {margin-bottom:5px;}

/*odklopi flash*/

h2.nadzTitle {font-size:17px;}
.leftHelp {padding: 6px 0px;}
#middleContent.odklopi {padding:0px;}
/*#odklopi_flash {margin-bottom:10px;}*/

/*iProm*/
.iProm {margin-top:10px;}
#izracunVraciloPreplacano {margin-top:20px;}
#izracunVraciloPreplacano ul {padding-left:0;}
#izracunVraciloPreplacano ul li {background:none; padding-left:0; list-style:none; margin-left:0; padding:3px 0; list-style-image:none;}
#izracunVraciloPreplacano ul li.eevt, #izracunVraciloPreplacano ul li.eemt, #izracunVraciloPreplacano ul li.eeet {padding-left:108px;}
#izracunVraciloPreplacano #paket {width:103px;}
#izracunVraciloPreplacano #chkETobr, #izracunVraciloPreplacano #chkEEobr, #izracunVraciloPreplacano #chkReenergija, #izracunVraciloPreplacano #chkTrajnik {margin-left:108px;}
#izracunVraciloPreplacano ul li.eeet label, #izracunVraciloPreplacano ul li.eemt label, #izracunVraciloPreplacano ul li.eevt label {display:block;}
#izracunVraciloPreplacano #submit {margin-left:108px;}

#resultsMTinVT table {width:555px;}
#resultsMTinVT table th {background:#989898; color:#fff; font-weight:normal; padding:2px 3px; text-align:right;}
#resultsMTinVT table td {padding:2px 3px; border-bottom:1px solid #dfdddd; text-align:right;}
#resultsMTinVT table tr.bold td {text-transform:uppercase; font-weight:bold; background:#d8d6d6;}
#resultsMTinVT table tr.boldResult td {text-transform:uppercase; font-weight:bold; background:#BF3018; color:#fff;}
#resultsMTinVT table tr.boldr td {text-transform:uppercase; font-weight:bold; background:#b1b0b0;}

#resultsMTinVT table td.right {text-align:right;}
#resultsMTinVT table th.right {text-align:right;}
#resultsMTinVT table td.left {text-align:left;}
#resultsMTinVT table th.left {text-align:left;}

#prepMTinVTZnes {font-weight:bold;}

#resultsET table {width:555px;}
#resultsET table th {background:#989898; color:#fff; font-weight:normal; padding:2px 3px; text-align:right;}
#resultsET table td {padding:2px 3px; border-bottom:1px solid #dfdddd; text-align:right;}
#resultsET table tr.bold td {text-transform:uppercase; font-weight:bold; background:#d8d6d6;}
#resultsET table tr.boldResult td {text-transform:uppercase; font-weight:bold; background:#BF3018; color:#fff;}
#resultsET table tr.boldr td {text-transform:uppercase; font-weight:bold; background:#b1b0b0;}

#resultsET table td.right {text-align:right;}
#resultsET table th.right {text-align:right;}
#resultsET table td.left {text-align:left;}
#resultsET table th.left {text-align:left;}

p.zaracunano {background:#D8D6D6; font-weight:bold; padding:2px 3px; margin-bottom:0; text-align: right;}
p.endPrice {background:#BF3018; color:#fff; font-weight:bold; padding:2px 3px; text-align: right;}
p.margin {margin-top:20px; font-weight:bold;}

#infoIzr {padding:4px 0; background:#D8D6D6; text-align:center; color:#BF3018; font-weight:bold; margin-top:30px;}

.divRight {float:right; width:250px; background:#f0f0f0; padding:7px; margin-left:20px;} 
span.right {float:right;}
span.left {float:left;}
a.izdelajRacun {display: block; background:#BF3018; color:#fff; font-weight: bold; text-align: center; padding: 5px 0pt; margin: 20px 0pt 10px; text-decoration: none;}
a.izdelajRacun:hover {color:#000; text-decoration:underline;}

#middleContent .formOdjemalci ol {margin:20px 0 0 0; width:400px;}
#middleContent .formOdjemalci li {margin-bottom:5px; position:relative;}
#middleContent .formOdjemalci label {display:block; width:200px; text-align:left; padding-right:5px;}
#middleContent .formOdjemalci #form_w21,#middleContent .formOdjemalci  #form_w22,#middleContent .formOdjemalci  #form_w23 {margin-bottom:10px;}
#middleContent #message_lbl {width:135px;}
#middleContent .formOdjemalci li input {float:right;}
#message {width:230px; border:1px solid #808080; float:right;}
#middleContent .formOdjemalci span.note {font-size:0.9em; color:#000; display:block; float:left; position:absolute; width:150px; padding:5px; background:#fff; border:1px solid #999; right:-167px; top:0; display:none;}
#middleContent .formOdjemalci li.focus span.note {display:block;}

#MessageOk {display:block; padding:10px; text-align:center; font-size:1.2em; font-weight:bold; color:#06770b; background:#5dca63; border:1px solid #06770b; margin:20px 0;}

.izracunBanner {display:block; width:152px; height:75px; padding:3px 0 0 5px; color:#fff; font-weight:bold; background:url(http://www.elektro-gorenjska.si/resources/files/egbanner.png) no-repeat 0 0; text-decoration:none; margin-bottom:15px;}
.izracunBanner:hover {text-decoration:underline;}

/*	HACKS
------------------------------ */
.clear,form ol li {display:inline-block;}
.clear:after,form ol li:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clear,*html ol li {height:1%;}
.clear, form ol li {display:block; clear:both;}
/* End hide from IE-mac */

/* PopUp */

#elektroPopUp #wrapPopUp ul:after { visibility : hidden; display : block; font-size : 0; content : " "; clear : both; height : 0; }
#elektroPopUp #wrapPopUp ul { display : inline-block; }
* html #elektroPopUp #wrapPopUp ul { height : 1%; }
#elektroPopUp #wrapPopUp ul { display : block; }  

#elektroPopUp { position : relative; width : 840px; height : 570px; text-align : left; }
#elektroPopUp #wrapPopUp { padding : 25px 40px 0 40px; border : 1px solid #D1D1D1; background : #fff; }
#elektroPopUp #wrapPopUp h1 { color : #000; margin : 0 0 15px 0; padding : 0; font : normal 20px/25px Verdana, arial, sans-serif; }
#elektroPopUp #wrapPopUp p { color : #898687; margin-bottom : 10px; font-size : 11px; line-height : 18px; }
#elektroPopUp #wrapPopUp p big { display : block; padding-bottom : 10px; color : #000; font-size : 14px; line-height : 20px; }
#elektroPopUp #wrapPopUp p span { color : #000; } 
#elektroPopUp #wrapPopUp p strong { font-weight : bold; color : #F7950F; }
#elektroPopUp #wrapPopUp p a { color : #F7950F; text-decoration : underline; }
#elektroPopUp #wrapPopUp p a:hover { text-decoration : none; }
#elektroPopUp #wrapPopUp p a:active { color : #000; }

#elektroPopUp #wrapPopUp ul { margin : 0; padding : 0; }
#elektroPopUp #wrapPopUp ul li { float : left; width : 252px; margin : 0; padding : 0; list-style : none; }
#elektroPopUp #wrapPopUp ul li a { display : block; margin : 0 auto; overflow : hiddent; cursor : pointer; white-space : nowrap; text-decoration : none; text-indent : -1700px; background : url(images/popup/graphic.png) repeat-y 0 0 scroll transparent; }

#elektroPopUp #wrapPopUp ul.linksPopUp { margin-top : 30px; padding : 37px 0 10px 0; background : url(images/popup/buttons_bg.png) no-repeat 50% 0 scroll transparent; }
#elektroPopUp #wrapPopUp ul.linksPopUp li a { width : 237px; height : 92px; }

#elektroPopUp #wrapPopUp ul.linksPopUp li.reenergija a { background-position : 0 1620px; }
#elektroPopUp #wrapPopUp ul.linksPopUp li.reenergija a:hover { background-position : 0 1500px; }
#elektroPopUp #wrapPopUp ul.linksPopUp li.reenergija a:active { background-position : 0 1380px; }

#elektroPopUp #wrapPopUp ul.linksPopUp li.porabimKarRabim a { background-position : 0 1260px; }
#elektroPopUp #wrapPopUp ul.linksPopUp li.porabimKarRabim a:hover { background-position : 0 1140px; }
#elektroPopUp #wrapPopUp ul.linksPopUp li.porabimKarRabim a:active { background-position : 0 1020px; }

#elektroPopUp #wrapPopUp ul.linksPopUp li.estoritve a { background-position : 0 900px; }
#elektroPopUp #wrapPopUp ul.linksPopUp li.estoritve a:hover { background-position : 0 780px; }
#elektroPopUp #wrapPopUp ul.linksPopUp li.estoritve a:active { background-position : 0 660px; }

#elektroPopUp #wrapPopUp ul.footerPopUp { margin-top : 20px; padding : 25px 0 30px 140px; background : url(images/popup/footer_bg.png) no-repeat 50% 0 scroll transparent; }
#elektroPopUp #wrapPopUp ul.footerPopUp li { width : 160px; }
#elektroPopUp #wrapPopUp ul.footerPopUp li a { width : 130px; height : 40px; }

#elektroPopUp #wrapPopUp ul.footerPopUp li.elektro_gorenjska a { background-position : 0 541px; }
#elektroPopUp #wrapPopUp ul.footerPopUp li.elektro_gorenjska a:hover { background-position : 0 481px; }
#elektroPopUp #wrapPopUp ul.footerPopUp li.elektro_gorenjska a:active { background-position : 0 421px; }

#elektroPopUp #wrapPopUp ul.footerPopUp li.gorenjske_elektrarne a { background-position : 0 361px; }
#elektroPopUp #wrapPopUp ul.footerPopUp li.gorenjske_elektrarne a:hover { background-position : 0 301px; }
#elektroPopUp #wrapPopUp ul.footerPopUp li.gorenjske_elektrarne a:active { background-position : 0 241px; }

#elektroPopUp #wrapPopUp ul.footerPopUp li.elektro_gorenjska_prodaja a { background-position : 0 181px; }
#elektroPopUp #wrapPopUp ul.footerPopUp li.elektro_gorenjska_prodaja a:hover { background-position : 0 121px; }
#elektroPopUp #wrapPopUp ul.footerPopUp li.elektro_gorenjska_prodaja a:active { background-position : 0 61px; }