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

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


/*
color table:
- #
*/



/* eric meyer 
http://meyerweb.com/
http://webassist.com/
*/
html, body, div, class, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ul { list-style: none; }

body, td, th, h1, h2, h3, h4, h5, h6, input, textarea, select, button {
	font:62.5% Verdana, Arial, Helvetica, sans-serif;
	color:#272727;
}

body {background-color:#d8d8d8;
}



input, textarea, select {
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

	
div, class {
	margin-left:auto;
	margin-right:auto;
}

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

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

h5 { color:#000000;
		font-size:1em;
		font-style:normal;
		font-weight:normal;
}

.red {color:#FF0000;
		font-weight:bold;
}


h6 { font-size:1em;
		font-weight:bold;
		color:#2e82d1;
		padding:5px 0 5px 5px;

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




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

div#main_container {background-color:#d5d5d5;
		background:url(ispozadja/back_blue.gif) top repeat-x;
		margin:0 auto 0 auto;

}

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

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;
}

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




/*od tu naprej je zajet kompletni center strani.

Glavni css glave oz. templata je zajet v isphead_main */

/*basic zajema cel kontejner osnove. */

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

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

#left_big { width:533px;
		margin: 0 0 10px 12px;
		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;
					position:relative;
					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;
}


.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;

}

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

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



.naslov-b {	text-align:center;
		height:24px;
		background-image:url(ispozadja/203_top_nasl.gif);
		background-repeat:no-repeat;
		padding-top:3px;
		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 {position:relative;
		margin:0 auto 0 2px;
		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 */

/* pozicija full width containerja, kot na primer reference */

#full_width {width:943px;
			float:left;
			margin:0 0 0 12px;
}

.plusek {position:absolute;
		top:0px;
		right:5px;

}

#full_nasl { height:24px;
			background-image:url(ispozadja/943_top_nasl.gif);
			background-repeat: no-repeat;
			width:100%;
			padding-left:15px;
			padding-top:3px;
			color: #000;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;

}

#full_t {background-image: url(ispozadja/943_middtop.gif);
			background-repeat:no-repeat;
			 height:3px;

}

#full_m {background-image: url(ispozadja/943_middmidd.gif);
		background-repeat:repeat-y;
		position:relative;
		padding:2px 2px 2px 7px;
		
}

#full_b {background-image:url(ispozadja/943_middbott.gif);
			background-repeat:no-repeat;
			height:5px;
			
}

#full_m img {margin: 5px 2px 2px 4px;
				border:#2e82d1 solid 1px; 
}

#full_m .iframe {margin: 10px 0 0 170px;
}


/*sitem 50:50 */

#half_w_left {float:left;
				width:463px;

				margin-left:12px;
}

#half_w_right {float:left;
				width:463px;
				margin-left:17px;

}

.pol_top { background-image:url(ispozadja/463_rhalftop.gif);
			background-repeat:no-repeat;
			height:3px;
			
			
}

.pol_naslov {background-image:url(ispozadja/pol_naslov.jpg);
			background-repeat:no-repeat;
			height:21px;
			width:100%;
			margin:-2px 0 0 4px;
			padding-left:auto;
			padding-top:3px;
			color: #000;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			text-align:center;
}

.pol_midd { background-image:url(ispozadja/463_rhalfmid.gif);
			background-repeat:repeat-y;
			margin:0;
			padding:0;
		position:relative;
}

#pol_voda {background-image:url(ispozadja/pol_voda.jpg);
			background-repeat:no-repeat;
			margin-left:4px;
			margin-top:-3px;
			padding-left:10px;
			height:350px;
}

#pol_pena {background-image:url(ispozadja/pol_pena.jpg);
		background-repeat:no-repeat;
			margin-left:4px;
			margin-top:-3px;
			padding-left:10px;
			
}

#pol_R102 {background-image:url(ispozadja/pol_pena.jpg);
		background-repeat:no-repeat;
			margin-left:4px;
			margin-top:-3px;
			padding-left:10px;
			
}

#pol_pena img {border: #2e82d1 solid 1px;
}

#pol_R102 img {border: #2e82d1 solid 1px;
}


#pol_inertni { background-image:url(ispozadja/pol_inert.jpg);
			background-repeat:no-repeat;
			margin-left:4px;
			margin-top:-3px;
			padding-left:10px;
}

#pol_tehnicni {background-image:url(ispozadja/pol_teh.jpg);
			background-repeat:no-repeat;
			margin-left:4px;
			margin-top:-3px;
			padding-left:10px;
			height:290px;

}

#pol_prah {margin-left:4px;
			margin-top:-3px;
			padding-left:10px;
			height:250px;
}



.pol_bott { background-image:url(ispozadja/463_rhalfbott.gif);
			background-repeat:no-repeat;
		height:5px;
		padding-bottom:5px;
}

.clanki {margin:0 100px 15px 100px;
}

#predstavitve_sprinkler {position:absolute;
						margin:0;
						padding:0;
						width:250px;
						top:90px;
						left:200px;
}

#predstavitve_megla {position:absolute;
						margin:0;
						padding:0;
						width:250px;
						top:250px;
						left:200px;
}

#predstavitve_inertni {position:absolute;
						margin:0;
						padding:0;
						width:200px;
						top:90px;
						left:250px;
}

#predstavitve_tehnicni {position:absolute;
						margin:0;
						padding:0;
						width:200px;
						top:280px;
						left:250px;
}

#predstavitve_novec {position:absolute;
						margin:0;
						padding:0;
						width:200px;
						top:80px;
						left:250px;
}


#predstavitve_r102 {position:absolute;
						margin:0;
						padding:0;
						width:250px;
						top:90px;
						left:200px;
}

#predstavitve_pyrochem {position:absolute;
						margin:0;
						padding:0;
						width:250px;
						top:90px;
						left:200px;
}

/* konec sistema 50:50 */

/*css za collapse containers za accordion */
div.collapse{ width: 929px;  
			margin: 10px 0;  
}	

div.collapse-container{ width: 929px; 
			height: 100%; 
			padding:0px 0px;
			list-style:square;
}

