@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 100%;
	text-align: justify;
	 behavior:url(csshover2.htc);	 */
	background-color: #fff;
	background-image: url(imgz/ozadje.jpg);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	behavior:url(csshover.htc);
	font-size: 13px;
}


p {
	margin: 0;
	padding-bottom: 1em;
}
a {
	text-decoration: none;
	color: #fff;
}

a:hover {
	text-decoration: underline;
}
.aktiv {
	text-decoration:underline;
	color:#FFFFFF;
}
.naktiv {
	text-decoration: none;
	color:#FFFFFF;
}
.naktiv:hover {
	text-decoration:underline;
}

h1,h4 {
	float: left;
	width: 100%;
	color: #7DCBF9;
	font-size: 20px;
	font-family:Arial;
	font-weight: bold;
	padding-top: 0;
	margin-bottom: 3px;
	margin-top: 9px;
	text-align: left;
	display: inline;
}
h2 {
	float: left;
	width: 100%;
	color: #7DCBF9;
	font-size: 20px;
	font-family:Arial;
	font-weight: bold;
	padding-top: 0;
	margin-bottom: 3px;
	margin-top: 9px;
	text-align: left;
	display: inline;
}

h3 {
	float: left;
	width: 100%;
	color: #7DCBF9;
	font-size: 16px;
	font-family:Arial;
	font-weight: bold;
	padding-top: 0;
	margin-bottom: 13px;
	margin-top: 9px;
	text-align: left;
	display: inline;
}
h4 {
	color: #fff;
}
h5 {
	color: #7DCBF9;
	font-size: 16px;
	font-family:Arial;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
hr {
	height: 1px;
	border: 1px solid #999999;	
}

#kontejner {
	width: 960px;
	margin: 0;	
}
#levi_pas {
	float: left;
	width: 180px;
}
#desni_pas {
	float: left;
	width: 761px;
}
#drob {
	float: left;
	width: 19px;
	height: 495px;
	margin-top: 126px;
	background-image: url(imgz/drob.jpg);
	display: inline;
}
#glava {
	float: left;
	background-image: url(imgz/glava.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 180px;
	height: 126px;
	cursor: pointer;
}
#normstahl {
	float: left;
	width: 165px;
	height: 23px;
	padding: 38px 0 0 15px;
	background-image: url(imgz/normstahl.jpg);
	background-repeat: no-repeat;
	color:#82CBF8;
	font-weight:bold;
	font-size: 16px;
}
#meni {
	float: left;
	width: 180px;
	background-image: url(imgz/podmeni_zacetek.jpg);
	background-repeat: no-repeat;
	background-position: top;

}
#meni a {
	float: left;
	width: 150px;
	padding: 5px 15px 5px 15px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-image: none;
}
#meni a:hover {
	text-decoration: underline;
}
#meni2 {
	float: left;
	width: 180px;
	background-image: url(imgz/podmeni_ozadje.jpg);
	background-repeat: repeat-y;
}
#meni_extra {
	float: left;
	width: 180px;
	background-image: url(imgz/podmeni_extra.jpg);
	background-repeat: repeat-y;
	margin-top: 15px;
	display: inline;
}
#meni_extra a {
	float: left;
	width: 150px;
	padding: 5px 15px 5px 15px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#meni_extra a:hover {
	text-decoration: underline;
}
.meni_extra2 {
	float: left;
	width: 180px;
	background-image: url(imgz/podmeni_extra2.jpg);
	background-repeat: repeat-y;
	margin-top: 15px;
	display: inline;
}
.meni_extra2 a {
	float: left;
	width: 150px;
	padding: 6px 15px 6px 15px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.meni_extra2 a:hover {
	text-decoration: underline;
}
#podpodmeni_ozadje {
	float: left;
	width: 180px;
	background-image: url(imgz/podpodmeni_ozadje.jpg);
	background-repeat: repeat-y;
}
#podpodmeni {
	float: left;
	width: 180px;
	height: 353px;
	background-image: url(imgz/podpodmeni.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}
#certifikati {
	float: left;
	width: 180px;
	height: 94px;
	background-image: url(imgz/certifikati.jpg);
	background-repeat: no-repeat;
}
#delitev {
	float: left;
	width: 290px;
	height: 18px;
	background-image: url(imgz/delitev.gif);
	background-repeat: no-repeat;
	margin: 0 0 35px 279px;
	display: inline;
}
#delitev a {
	margin: 0;
	padding: 0;
}
.dg2 {
	float: left;
	width: 145px;
	height: 18px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	line-height: 18px;
	display: inline;
	cursor: pointer;
}
.dg2:hover {
	background-image: url(imgz/d2o.gif);
	background-repeat: no-repeat;
}
.dg2.selected {
	background-image: url(imgz/d2s.gif);
	background-repeat: no-repeat;
}


#gumbi {
	float: left;
	width: 605px;
	height: 85px;
	background-image: url(imgz/gumbi.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 156px;
	
}
.gumb1 a {
	float: left;
	width: 144px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.gumb1 a:hover {
	background-image: url(imgz/g1o.gif);
	background-repeat: no-repeat;
}
.gumb1 a.selected {
	background-image: url(imgz/g1s.gif);
	background-repeat: no-repeat;
}
.gumb2 a {
	float: left;
	width: 106px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.gumb2 a:hover {
	background-image: url(imgz/g2o.gif);
	background-repeat: no-repeat;
}
.gumb2 a.selected {
	background-image: url(imgz/g2s.gif);
	background-repeat: no-repeat;
}
#path {
	float: left;
	width: 728px;
	height: 41px;
	padding-left: 33px;
	background-image: url(imgz/path.jpg);
	background-repeat: no-repeat;
	color:#EEEEEE;
	line-height: 41px;
	font-size: 11px;
}
#vsebina {
	float: left;
	width: 761px;
	background-color: #005D96;
}
.mosdorfer_h {
	color: #fff;
	font-size: 14px;
	padding-left: 10px;
	width: 600px;
	background: url(imgz/pikica.jpg) no-repeat left center;
}
.mosdorfer_p {
	width: 100%;
	background: url(imgz/pikice.gif) repeat-x center bottom;
	padding-top: 20px;
}
#podglava,#podglava_mosdorfer,#podglava_lorunser,#podglava_elektro,#podglava_midal,#podglava_intercable,#podglava_elektro2,#podglava_lapp,#podglava_elsta,#podglava_oez,#podglava_stavbno,#podglava_podjetje,#podglava_reference,#podglava_novice,#podglava_stranke,#podglava_program,#podglava_vrata,#podglava_kovinski {
	float: left;
	width: 761px;
	min-height: 357px;
	height: 357px;
	background-image: url(imgz/Prva_stran_podglava.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#podglava_intercable {
	background-image: url(imgz/Intercable_podglava.jpg);
}
#podglava_elektro {
	background-image: url(imgz/Elektroenergetika_podglava.jpg);
}
#podglava_elektro2 {
	background-image: url(imgz/Elektroenergetika2_podglava.jpg);
}
#podglava_elsta {
	background-image: url(imgz/Elsta_podglava.jpg);
}
#podglava_lapp {
	background-image: url(imgz/Lapp_podglava.jpg);
}
#podglava_oez {
	background-image: url(imgz/OEZ_podglava.jpg);
}
#podglava_stavbno {
	background-image: url(imgz/Stavbno_pohistvo_podglava.jpg);
}
#podglava_podjetje {
	background-image: url(imgz/O_podjetju_podglava.jpg);
}
#podglava_reference {
	background-image: url(imgz/Reference_podglava.jpg);
}
#podglava_novice {
	background-image: url(imgz/Novice_podglava.jpg);
}
#podglava_stranke {
	background-image: url(imgz/Stranke_podglava.jpg);
}
#podglava_program {
	background-image: url(imgz/Prodajni_program_podglava.jpg);
}
#podglava_vrata {
	background-image: url(imgz/Dvoriscna_vrata_in_ograje_podglava.jpg);
}
#podglava_kovinski {
	background-image: url(imgz/Drugi_kovinski_izdelki_podglava.jpg);
}
#podglava_midal {
	background-image: url(imgz/Midal_podglava.jpg);
}
#podglava_lorunser {
	background-image: url(imgz/Lorunser_podglava.jpg);
}
#podglava_mosdorfer {
	background-image: url(imgz/Mosdorfer_podglava.jpg);
}
div > #podglava,div > #podglava_mosdorfer,div > #podglava_lorunser,div > #podglava_midal,div > #podglava_intercable,div > #podglava_elektro,div > #podglava_elsta,div > #podglava_oez,div > #podglava_lapp,div > #podglava_elektro2,div > #podglava_stavbno,div > #podglava_podjetje,div > #podglava_reference,div > #podglava_novice,div > #podglava_stranke,div > #podglava_program,div > #podglava_vrata,div > #podglava_kovinski {
	height: auto;
}
.prelom {
	float:left;
	width: 761px;
	background-image: url(imgz/prelom.jpg);
	background-repeat: repeat-x;
	height: 21px;
	margin: 20px 0 20px 0;
}
.podvsebina {
	float: left;
	width: 695px;
	margin: 0 33px 0 33px;
	min-height: 200px;
	display: inline;
}
#not_levi_pas,#not_levi_pas2 {
	float: left;
	width: 331px;
	min-height: 500px;
	color:#FFFFFF;
	font-size: 12px;
	margin: 0 0 20px 0;
	display: inline;
	
}
#not_levi_pas2 {
	min-height: 0;
}
#not_desni_pas,#not_desni_pas2 {
	float: left;
	width: 331px;
	margin-left: 25px;
	display: inline;
	color:#FFFFFF;
	min-height: 500px;
	
}
div > #not_desni_pas,div > #not_desni_pas2 {
	margin-left: 33px;
	}
#not_desni_pas2 {
	min-height: 0;
}
#noga {
	float: left;
	width: 728px;
	padding: 0 0 0 33px;
	min-height: 47px;
	background-image: url(imgz/noga.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 12px;
	line-height: 47px;
	font-weight: bold;
	margin-top: 20px;
}
#podnoga {
	float: left;
	width: 761px;
	height: 60px;
	text-align: center;
	background-image: url(imgz/kosic_mini.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #fff;
}
#vsebina1 {
	float: left;
	width: 300px;
	height: 110px;
	margin: 80px 0 0 15px;
	display: inline;
}
#vsebina2 {
	float: left;
	width: 300px;
	height: 115px;
	margin: 25px 0 0 15px;
	font-size: 25px;
	color:#FFFF00;
	display: inline;
}
#vsebina3 {
	float: left;
	width: 331px;
	margin: 200px 0 30px 0;
	display: inline;
}
#vsebina4 {
	float: left;
	width: 331px;
	margin: 25px 0 0 0;
	display: inline;

}
.info1,.info2 {
	float: left;
	width: 331px;
	margin-top: 20px;
	display: inline;
}
.info2 {
	margin-top: 0;
}
.info_title {
	float: left;
	width: 331px;
	font-size: 16px;
	font-weight: bold;
}
.info_slike {
	float: left;
	width: 90px;
}
.info_vsebina {
	float: left;
	width: 231px;
	margin: 10px 0 10px 10px;

	display: inline;
}
.info_vec {
	float: right;
	padding: 3px 10px 3px 10px;
	font-size: 12px;
	font-weight: bold;
	background-color: #2D7BA9;
	cursor:pointer;
}
.info_vec:hover {
	text-decoration: underline;
}
.pikice,.pikice2,.pikice3 {
	float: left;
	width: 331px;
	background-image: url(imgz/pikice.gif);
	background-repeat:repeat-x;
	font-size: 0;
	height: 1px;
}
.pikice2 {
	margin-top: 20px;
}
.pikice3 {
	margin: 10px 0 10px 0;
}
.vsebina {
	float: left;
	width: 300px;
	margin: 10px 0 10px 15px;
	display: inline;
}
.vseb_titl {
	float: left;
	width: 300px;
	font-weight: bold;
	font-size: 12px;
}
.pas {
	float: left;
	width: 300px;
	margin: 8px 0 8px 0;
	display: inline;
}
.predstavi_rob {
	float:left;
	width: 162px;
	height: 142px;
	background-color: #fff;
}
.predstavi {
	float: left;
	width: 160px;
	height: 140px;
	background-color:#CCFF00;
	margin: 1px 0 0 1px;
	display: inline;
}
.cena {
	float: left;
	width: 90px;
	height: 40px;
	background-color: #E12218;
	background-image: url(imgz/cena.jpg);
	background-repeat:repeat-y;
	background-position: right;
	font-size: 22px;
	line-height:40px;
	text-align: center;
	font-weight: bold;
	margin: -34px 0 0 78px;
	display: inline;
}
.predstavi_txt {
	float: left;
	width: 123px;
	margin: 0 0 0 15px;
	display: inline;
}
.slikice {
	float: left;
	width: 142px;
}
.slikica_o {
	float: left;
	width: 142px;
	height: 82px;
	background-color: #fff;
	margin-bottom: 18px;
	display: inline;
}
.ref_text {
	float: left;
	width: 142px;
	height: 200px; 
	margin-left: 10px;
	display: inline;
}
.slikica {
	float: left;
	width: 140px;
	height: 80px;
	background-color:#CCFF00;
	margin: 1px 0 0 1px;
	display: inline;
}
/*prodajni_program*/

#prodajni_levi,#prodajni_desni {
	float: left;
	width: 100%;
	margin-top: 300px;
}
#prodajni_desni {
	margin-top: 200px;
}
#prodajni_desni strong {
	color: #7DCBF9;
	font-size: 12px;
	font-family:Arial;
	font-weight: bold;
}
.normstahl a{
	color: #7DCBF9;
	font-size: 24px;
	font-weight:bold;
}
.normstahl2,.normstahl2 a {
	font-size: 16px;
	font-weight:bold;
	color: #7DCBF9;
	margin-left: 60px;

}
.normstahl2 a {
	margin-left: 0px;
}
/*stranke*/
.stranke_naziv {
	float: left;
	margin: 220px 0 0 120px;
	font-size: 24px;
	font-weight: bold;
	display: inline;
}
.stranke_vseb {
	float: left;
	width: 331px;
	margin-top: 30px;
}
.stranke_sistem,.stranke_sistem2 {
	float: left;
	font-size:18px;
	font-weight: bold;
	margin: 255px 0 40px 0;
}
.stranke_sistem2 {
	margin: 60px 0 40px 0;
}
.stranke_tocke {
	float: left;
	width: 331px;
	color: #7DCBF9;
	font-size: 16px;
	font-family:Arial;
	font-weight: bold;
	margin-bottom: 10px;
}
.stranke_izberite {
	float: left;
	width: 329px;
	height: 90px;
	border: solid 1px #7DCBF9;
	margin-bottom: 10px;
	cursor: pointer;
}
.stranke_slika {
	float: left;
	width: 90px;
	height: 90px;
	margin-left: 10px;
	display: inline;
}
.stranke_vsebina,.stranke_vsebina2 {
	float: left;
	width: 191px;
	margin: 10px 0 0 10px;
	display: inline;
	font-size: 11px;
}
.stranke_vsebina2 {
	width: 219px;
}
.stranke_check {
	float: left;
	width: 28px;
	margin-top: 35px;
	text-align: center;
}
.stranke_text {
	float: left;
	width: 331px;
	height: 200px;
	margin-bottom: 10px;
}
.stranke_text2 {
	height: 200px;
	width: 329px;
	border: 0;
}
div > .stranke_text2 {
	width: 331px;
}
.stranke_ver,.stranke_ver2 {
	float: left;
	width: 331px;

}
.stranke_ver2 {
	height: 120px;
}
.stranke_tezave,.stranke_uspesno {
	float: left;
	width: 331px;
	margin-bottom: 30px;
}
.stranke_tezave strong,.stranke_uspesno strong {
	font-weight: bold;
	color:#CC0000;
	font-size: 24px;
}
.stranke_uspesno strong {
	color:#00CC00;
}
.mali {
	font-size: 10px;
}
/*Dvoriscna vrata in ograje*/
.vrata_vseb,.vrata_vseb2 {
	float: left;
	width:331px;
	margin-top: 250px;
}
.vrata_vseb ul {
	color:#7DCBF9;
	font-weight:bold;
}
.vrata_vseb2 {
	margin-top: 344px;
}
/*Elektroenergetika*/
.elektro_vseb {
	float: left;
	width:331px;
	margin-top: 250px;
}
.elektro_vseb ul {
	color:#7DCBF9;
	font-weight:bold;
	font-size:14px;
}
.elektro_baner {
	float: left;
	width: 331px;
	margin: 20px 0 20px 0;
}
.elektro_naslov {
	float: left;
	width: 321px;
	height: 20px;
	background-color: #DA251C;
	line-height: 20px;
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
}
.elektro_ozadje {
	float: left;
	width: 331px;
	background-image: url(imgz/elektro_banner.jpg);
	background-repeat: repeat-x;
	background-color: #C1C1C1;
}
.elektro_logo {
	float: left;
	width: 331px;
	background-image: url(imgz/elektro_logo.jpg);
	background-repeat: no-repeat;
}
.elektro_baner_vseb {
	float: left;
	margin: 80px 0 0 10px;
	display: inline;
	width: 160px;
}
.elektro_baner_vseb ul {
	margin-left: 20px;
	padding: 0;
	color: #DA251C;
	font-size:12px;
	font-weight:bold;
}
.elektro_baner_vseb ul li {
	padding-top: 3px;
}
.elektro_baner_vseb ul li span.b {
	color: #000;
}
.elektro_baner_vseb2 {
	float: left;
	width: 140px;
	margin: 10px 0 0 10px;
	display: inline;
	color: #707070;
	padding-bottom: 10px;
}
.elektro_baner_vseb2 a {
	color: #707070;
}
/*O podjetju*/
.podjetje_vseb {
	float: left;
	width:331px;
	margin-top: 250px;
}
/*Novice*/
.novice_vseb {
	float: left;
	width:100%;
	margin-top: 250px;
}
.novice_vseb p {
	float: left;
	width: 100%;
	color: #fff;
}
.novice_vec {
	float: left;
	width: 100%;
}
.novice_vec a {
	float: right;
	padding: 3px 10px 3px 10px;
	font-size: 12px;
	font-weight: bold;
	background-color: #2D7BA9;
	text-align: right;
	display: inline;
	cursor:pointer;
}
/*Reference*/
.omarice_meni {
	float: left;
	width: 695px;
	color: #fff;
	margin: 230px 0 20px 0;
}
.omarice_meni li {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 5px 0;
}
.skupni_omarice {
	float: left;
	width: 695px;
	color: #fff;
	min-height: 300px;
	height: 300px;
}
div > .skupni_omarice {
	height: auto;
}
.skupni_prostor,.skupni_prostor2 {
	float: left;
	width: 695px;
	margin-top: 250px;
	color: #fff;
	min-height: 300px;
	height: 300px;
}
div > .skupni_prostor {
	height: auto;
}
.skupni_prostor2 {
	margin-top: 120px;
}
div > .skupni_prostor2 {
	height: auto;
}
.pas_slik {
	float:left;
	width: 695px;
}
.slikica_o2 {
	float: left;
	background-color: #005D96;
	margin: 10px 0 18px 26px;
	display: inline;
}
.slikica_o2:hover {
	background-color: #000;
}
.slikica2 {
	float: left;

	margin: 1px 1px 1px 1px;
	display: inline;
}
.ref_vec {
	float: right;
	padding: 3px 10px 3px 10px;
	font-size: 12px;
	font-weight: bold;
	background-color: #2D7BA9;
	margin-left: 500px;
	display: inline;
	cursor:pointer;
}
.razmik {
	float:left;
	width: 600px;
	height: 50px;
}
#naslovnica_l, #naslovnica_d {
	float: left;
	width: 331px;
	margin-top: 200px;
}
#naslovnica_d {
	margin: 200px 0 0 20px;
	width: 311px;
	display: inline;
}
.naslovnica_p {
	float: left;
	width: 100%;
	font-size: 12px;
}
.naslovnica_i {
	float: left;
	width: 100%;
	font-size: 18px;
	font-weight:bold;
	color:#82CBF8;
	margin-top: 10px;
}
.naslovnica_v {
	float: left;
	width: 100%;
	font-size: 12px;
	margin-top: 20px;
	height: 250px;
	overflow: hidden;
}
.naslovnica_v li {
	color:#82CBF8;
}
.naslovnica_b {
	float:left;
	width: 100%;
	text-align: center;
	background: url(imgz/nas_gumb.jpg) center no-repeat;
	height: 40px;
	line-height: 40px;
	margin-top: 16px;
	font-weight:bold;
	cursor: pointer;
	font-size: 12px;
}
.omarice {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(imgz/pikice.gif) repeat-x bottom;
}
.o_predel,.o_predel_o {
	float: left;
	margin: 10px 0 0 20px;
	display: inline;
	width: 675px;
	height: 30px;
	min-height: 30px;
}
.o_predel_o {
	width: auto;
	margin-top: 30px;
}
div > .o_predel,div > .o_predel_o {
	height: auto;
	}
.omarice table {
	border: 1px solid #D9D9D9;
	width: 610px;
	padding: 0px;
}

.omarice table tbody tr td {
	font-family: arial;
	font-size: 11px;
	padding: 3px 8px;
	border-left: 1px solid #D9D9D9;
	border-bottom: 1px dotted #D9D9D9;
}
.luft {
	float: left;
	margin-top: 20px;
}
.ref,.ref2 {
	float: left;
	margin: 10px 30px 0 0;
	width: 200px;
	}
	
.ref2 {
	width: 90%;
	font-size: 16px;
	font-weight:bold;
	
	}
.prodajna_s_o {
	float: left;
	width: 228px;
	margin-bottom: 18px;
	height: 130px;
	}
.prodajna_slika {
	float: left;
	cursor: pointer;
	margin-left: 18px;
	width: 210px;
	display: inline;
	padding: 0;
	text-align: center;
}
.prodajna_slika img {
	float: left;
	border: 0;
	width: 210px;
	}
.pdf {
	float: left;
	width: 669px;
	margin: 0 0 10px 26px;
	display: inline;
}
.priponka {
	float: left;
	padding-right: 10px;
}
.stromar {
	margin-top: 50px;
}
.blue {
	color: #82CBF8;
	font-weight: bold;
}