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

/*----------------------------------
The osnova 
----------------------------------*/


/*
color table:
- #
*/



/* eric meyer 
http://meyerweb.com/
http://webassist.com/
*/
body{
	background-color:#7a7f84;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#272727;
}	

img, div, a, li, .csc-textpic-caption { 
	behavior: url(01elementi/iepngfix/iepngfix.htc) }

h1 {
	font-size:1.5em;
	font-weight:bold;
	padding:5px 0 5px 0;
}

h2 {
	font-size:1.5em;
	font-weight:bold;
	color: #ed5311;
	padding:5px 0 5px 0;
}
h3 {font-weight:bold;
		color:#2e82d1;
		font-size:1.3em;
		border-top:#2e82d1 solid 1px;
}

h4 {font-size:1.5em;
	font-weight:bold;
	color: #ed5311;
}

h5 { color:#000000;
}

.red {color:#FF0000;
}


h6 { font-weight:bold;
		font-size:11px;
		color:#2e82d1;
		margin:0;
		padding:4px 0;

}

.h4herz {font-size:1.5em;
	font-weight:bold;
	color: #3c6642;
}

.h4windhager {font-size:1.5em;
	font-weight:bold;
	color: #ed0019;
}

a {text-decoration:none;
	color:#2e82d1;
}
a:visited {color: #2e82d1;
	text-decoration:none;
}
a:hover, a:focus {
	color:#e56a25;
}




/*////////////////////////////////
//	bejzik staff
////////////////////////////////*/

div#mainwrap {background-color:#d5d5d5;
		background:url(ispozadja/back_blue.gif) top repeat-x;
		}

div#main_container {
		margin:0 auto;
		width:968px;

}/*zajeta celotna spletna */

div#main_center {
	width:968px;	
	position:relative;

				
}/*zajeta sirina spletne */

div#head {width:100%;
		background:url(ispozadja/top_back.gif) top no-repeat;
		height:214px;
		z-index:1;
}


div#basic {width:100%;
		background: url(ispozadja/back_basic.gif) repeat-y;
		padding:0 0 0 12px;
}


div#footer {
	background: url(ispozadja/back_basic.gif) repeat-y;
	padding-left:15px;
}



/*od tu naprej je razdelana stran, razen glave.

css glave je zajet v isphead_main */

/*basic bi bil center pod lokacijo in nad footerjem*/

/*IE6 hack add display:inline to floated elements */

#left_big, #full_width, #midd_nov,#right_ref, #half_w_left, #half_w_right, #menu_sub {display:inline;}

/*index varjanta - zaenkrat samo index - tretjine main 533px /novice 203px /aktualno 203px */


#left_big { width:533px;
		margin: 0 0 10px 0;
		float:left;
		padding:0;
}

.left_big_top {height:3px;
				background:url(ispozadja/osnova_big_top.gif) no-repeat;
}

.left_big_middle {background:url(ispozadja/osnova_big_middle.gif) repeat-y;
					padding-left:10px;
}

.left_big_middle ul li h2 {margin-left:10px;
}

.left_big_bott {height:4px;
				background-image:url(ispozadja/osnova_big_bott.gif);
				background-repeat:no-repeat;
				margin:0;
				padding:0;
}


.narrow {width:203px;
		float:left;
		margin:0 0 0 2px;
		

}

.narrow-t {background-image: url(ispozadja/203_middtop.gif);
			background-repeat:no-repeat;
			 height:3px;
			padding:0;

}

.narrow-m{background: url(ispozadja/203_midmid.gif) repeat-y;
		padding:0 2px 5px 7px;
		
}

.narrow-b {background-image:url(ispozadja/203_midbott.gif);
			background-repeat:no-repeat;
			height:5px;
			padding:0;
			
}



.naslov-b {	text-align:center;
		height:24px;
		background-image:url(ispozadja/203_top_nasl.gif);
		background-repeat:no-repeat;
		padding-top:5px;
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
}



/*tukaj so obdelane vse pozicije slik

za sredino mora biti slika široka 185px
za levo in desno širina 90px

href mora imeti na koncu rel="shadowbox"

*/

.slika_sredina { 
	display:inline;
	margin:2px 2px;
	padding:0;
	border: #2e82d1 solid 1px;
}

.slika_left {position:relative;
		margin-left:2px;
		border: #2e82d1 solid 1px;
}

.slika_right {position:relative;
		right:-3px;
		border: #2e82d1 solid 1px;
}

/*konec pozicij slik v novicah in referencah */
/* konec index varjante */

/* zacetek glavni template podstrani - podstrani imajo od 07.09.2010 menu na desni strani, kjer so vsi podmenuji glavnem menuja, ker je tako boljše z manj komplikacij */

/*zacetek double in triple podstrani - v končni fazi bo template prevzel vse, razen zaenkrat index tripple wariante */

#menu_sub {
	float:left;
	width:173px;
}

.menu_sub_t {
	background-image: url(ispozadja/Double_left_menu/top_blu_or.gif);
	background-repeat:no-repeat;
	height:3px;
	padding:0;
}
.menu_sub_m {
	background: url(ispozadja/Double_left_menu/mid_blu_or.gif) repeat-y;
	padding:0 2px 5px 7px;
}

.menu_sub_m ul{
	display:block;
	width:173px;
	min-height:302px;
	overflow:hidden;
	z-index:100;
}
.menu_sub_m ul li {
	display:block;
	width:170px;
}

.menu_sub_m a {
	color:#FFF;
	position:relative;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:5px 20px 5px 5px;
}
.menu_sub_m a:hover{
	background: url(ispozadja/arrow_out.gif);
	background-position:165px 5px;  
	background-repeat:no-repeat;
	color:#CCC;
}
.menu_sub_m ul .prod_izbran a{
	background: url(ispozadja/arrow_out.gif);
	background-position:165px 5px;  
	background-repeat:no-repeat;

}

.menu_sub_m ul .prod_inside{
	margin:0 0 0 10px;
}

.menu_sub_m ul .prod_inside a:hover{
	background-position:155px 5px;  
}

.menu_sub_m ul .prod_inside_izbr{
	margin:0 0 0 10px;
	background: url(ispozadja/arrow_out.gif);
	background-position:155px 5px;  
	background-repeat:no-repeat;

}
	
.menu_sub_b{
	background: url(ispozadja/Double_left_menu/bot_blu_or.gif);
	background-repeat:no-repeat;
	height:4px;
	padding:0;
}

#container_sub {
	float:left;
	width:763px;
	padding: 0 0 0 9px;
}

.container_sub_t {
	background:url(ispozadja/Double_midd/top.gif) no-repeat;
	height:3px;
}
.container_sub_m {
	background:url(ispozadja/Double_midd/midd.gif) repeat-y;
	padding: 0 8px 1px 10px;
}
.container_sub_b {
	background:url(ispozadja/Double_midd/bott.gif) no-repeat;
	height:4px;
	padding:0;
} 

/*tripple levi in levi menu (desni je menu_sub) */

#cont_left {
	float:left;
	width:557px;
	padding:0 0 0 0;
}
.cont_left_t {
	background:url(ispozadja/Tripple_midd/top.gif) no-repeat;
	height:3px;
}
.cont_left_m {
	background:url(ispozadja/Tripple_midd/midd.gif) repeat-y;
	padding: 0 8px 1px 10px;
}
.cont_left_b {
	background:url(ispozadja/Tripple_midd/bott.gif) no-repeat;
	height:4px;
}

#cont_menu {
	float:right;
	width:193px;
	padding:0 1px 0 10px;
}
.cont_menu_t {
	background:url(ispozadja/Tripple_right/top.gif) no-repeat;
	height:3px;
}
.cont_menu_m {
	background:url(ispozadja/Tripple_right/midd.gif) repeat-y;
	padding: 0 8px 1px 10px;
}
.cont_menu_b {
	background:url(ispozadja/Tripple_right/bott.gif) no-repeat;
	height:4px;
}

/*Inertni rolloverji*/
a.inergen-roll {
	display:block;
	margin:0 auto;
	width:120px;
	height:95px;
	text-decoration:none;
	background-image:url(../01images/04stabilne_gasilne_naprave/00inertni/isp_inergen_W240-combo.jpg);
	background-repeat:no-repeat;
}
a.inergen-roll:hover {
	background-position:-120px 0;
}
a.i3-roll {
	display:block;
	margin:0 auto;
	width:120px;
	height:137px;
	text-decoration:none;
	background-image: url(../01images/04stabilne_gasilne_naprave/00inertni/i3_w240combo.jpg);
	background-repeat:no-repeat;
}
a.i3-roll:hover {
	background-position:-120px 0;
}



.iframe {
	border:#2e82d1 solid 1px;
	margin:0 60px 0 60px;

/*iframe je najdi- zemljevid pri lokaciji! */
}

.prod_main_cont { 
	position:relative;
	width:100%;
	border:solid #000 1px;
	margin:0 10px 5px 0;
	padding:0;
	height:275px;
}

.prod_img_nasl {
	margin:10px 0 0 10px;
}

.prod_nasl_txt {
	float:left;
	margin:5px 0 0 5px;
	width:471px;
}

.prod_opis_main {
	float:left;
	width:460px;
	margin:0 0 0 5px;
}

.prod_slike_main {
	float:right;
	margin-top:10px;
	width:210px;
}

.prod_slike_main img{
	margin:0 10px 0 0;
}

.prod_det_left {
	float:left;
	margin:0 0 0 5px;
	width:180px;
	height:100px;
}

.prod_det_midd {
	float:left;
	width:180px;
	height:100px;
}

.prod_det_right {
	float:left;
	width:150px;
	height:100px;
}