body {
margin:0; 
padding:0; 
background-color:#202021;
}
.clear {clear:both;}
.clear1 {clear:both; margin:12px 0;}

/*****************************************/
/* HEADER & navigation
******************************************/
#header {
height:96px; 
width:800px; 
margin:0; 
padding:0; 
background:#000 url(../slike/header_right_shd.gif) top right repeat-y;
}
	
#logo {
height:96px; 
width:130px; 
background:transparent url(../slike/mmp_raumplus_logo.gif) top left no-repeat; 
float:left; 
cursor:pointer;
}
#logo h1 {
margin:0; 
padding:0;
}
#logo h1 span {
display:none;
}
	
#slogan { 
position:absolute; 
top:38px; 
left:280px; 
width:322px; 
height:30px; 
background:transparent url(../slike/slogan.gif) top center no-repeat; 
}
#slogan h2 {margin:0; padding:0;}
#slogan h2 span {display:none;}
	
#navigation {
background:#000; 
width:642px; 
margin:65px 0 0 0; 
padding:0; 
position:absolute; 
top:10px; 
left:130px; 
z-index:1;
}
#navigation ul {
margin:0; 
padding:0; 
list-style-type:none;
}
#navigation ul li {float:left; margin:0; padding:0;}
#navigation ul li a { 
height:31px; 
display:block; 
text-decoration:none; 
background:transparent url(../slike/nav_sprites.gif) no-repeat;
margin:0; 
padding:0;
}
#navigation ul li a i {visibility:hidden;}
	
#navigation li a#item1 {background-position:0px 0px; width:135px;}
#navigation li a:hover#item1 {background-position:0px -31px;}
	
#navigation li a#item2 {background-position:-135px 0px; width:98px;}
#navigation li a:hover#item2 {background-position:-135px -31px;}
#navigation li a.selected#item2 {background-position:-130px -31px;}
	
#navigation li a#item3 {background-position:-233px 0px; width:147px;}
#navigation li a:hover#item3 {background-position:-233px -31px;}
#navigation li a.selected#item3 {background-position:-233px -31px;}
	
#navigation li a#item4 {background-position:-380px 0px; width:115px;}
#navigation li a:hover#item4 {background-position:-380px -31px;}
#navigation li a.selected#item4 {background-position:-380px -31px;}
	
#navigation li a#item5 {background-position:-496px 0px; width:145px;}
#navigation li a:hover#item5 {background-position:-496px -31px;}
#navigation li a.selected#item5 {background-position:-496px -31px;}
	
/* News box in header **************************/
#newsBox {
width:170px; 
margin:25px 0 0 20px; 
position:absolute; 
top:0px; 
left:777px;
}
#newsBox p {
margin:0; 
font:normal 10px Arial, Helvetica, sans-serif;
}
#newsBox p.link_novice{
font:bold 12px Arial, Helvetica, sans-serif; 
color:#FF9900; 
padding:0 0 0 15px;
background:transparent url(../slike/link.gif) left no-repeat;

}

#newsBox a strong {
font:bold 12px Arial, Helvetica, sans-serif; 
color:#336699; 
padding:0 0 0 15px;
background:transparent url(../slike/link.gif) left no-repeat;
}
#newsBox a:hover strong {
font:strong 10px Arial, Helvetica, sans-serif; 
color:#FF9900;
}
#newsBox a { 
text-decoration:none; 
width:170px; 
display:block;
color:#FF9900;
}

	
	
/*****************************************/
/* CONTENT
******************************************/
#content {width:100%; background:#c7c7c7; margin:0; padding:0; z-index:1000;}
#contentWrap {width:997px; margin:0; padding:0;background:transparent url(../slike/col1_senca.gif) 124px repeat-y; position:relative;}

.ribbon {position:absolute; top:30px; left:530px; border:none; }
.ribbon_inner {position:absolute; top:30px; left:640px; border:none; width:150px;}
.big_red { font-size:18px; color:red; line-height:22px;}

/* col1 */
#col1 {
margin:0; 
padding:0; 
float:left; 
width:130px; 
min-height:507px;
height:auto !important; 
height:507px;
/*background:transparent url(../slike/col1_senca.gif) right repeat-y;*/
}
#col1 ul {
margin:0; 
padding:0; 
list-style-type:none;
}
#col1 ul li a { 
padding:10px 15px 10px 0; 
margin:0; font:bold 11px Arial, Helvetica, sans-serif; 
text-decoration:none; 
text-align:right; 
color:#333; 
display:block; 
width:115px; 
background:url(../slike/nav2.gif) no-repeat; 
background-position:0px 0px;  
}
#col1 ul li a:hover {
background-position:-130px 0px;
color:#DA5C05;
}
#col1 ul li a.selected {
color:#DA5C05;
}
#col1 ul li a sup {color:#E34400;}
#col1 p { font:normal 11px/15px Arial, Helvetica, sans-serif; color:#333; margin:30px 0 10px 0; padding-right:15px ; text-align:right; }
#col1 p a { color:#DE5C05; }
/* col2 */
#col2 {
margin:10px 0 0 0;
padding:0; 
float:left; 
width:642px; 
height:497px; 
}
#col2 .fadein { position:relative; height:642px; width:474px; }
#col2 .fadein img { position:absolute; left:0; top:0; }


#col2 h1 {
margin:0; 
font:bold 12px Arial, Helvetica, sans-serif; 
color:#334A99;
}
/* col3 */
#col3 {
margin:0; 
padding:0; 
float:left; 
width:225px;  
min-height:507px;
height:auto !important; 
height:507px; 
background:transparent url(../slike/col3_senca.gif) left repeat-y; 
}
.nav_back { position:absolute; top:-25px; right:0; width:225px; }
.nav_back a { color:#DE5C05; font:normal 11px/15px Arial, Helvetica, sans-serif; display:block; text-align:left; padding-left:25px; font-weight:bold; text-decoration:none;  }
.copy {
margin:20px 10px 10px 25px; 
padding:0;}
.copy h1 {
margin:0; 
font:bold 12px Arial, Helvetica, sans-serif; 
color:#334A99;
}
.copy h2, .kredit h2 {
margin:5px 0 0 0; 
font:normal 12px Arial, Helvetica, sans-serif; 
color:#334A99;
}
.kredit {padding:20px;}
.copy p, .kredit p {
font:normal 11px/15px Arial, Helvetica, sans-serif; 
color:#333;
margin:0 0 10px 0;
}
.copy a {
color:#334A99;
}
a#tehnicni_opis1, a#tehnicni_opis2, a#tehnicni_opis3 {
	margin:0;
	background:transparent url(../slike/gumb_tehnicni_opis.gif) top left no-repeat;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#334A99;
	text-decoration:none;
}
	a#tehnicni_opis1:hover, a#tehnicni_opis2:hover, a#tehnicni_opis3:hover {
		color:#FF6600;
	}
	
	a#tehnicni_opis1 {
		padding:6px 12px 8px 15px;
	}
	a#tehnicni_opis2 {
		padding:6px 12px 8px 12px;
	}
	a#tehnicni_opis3 {
		padding:6px 18px 8px 23px;
	}
	
	
a.partnerji_gumb {
	padding:6px 12px 8px 10px;
	background:transparent url(../slike/gumb_partnerji.gif) top left no-repeat;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#334A99;
	text-decoration:none;
}
a.partnerji_gumb:hover {
	color:#FF6600;
}
.vec{
	background:transparent url(../slike/gumb_vec.gif) top left no-repeat;
	text-decoration:none;
	text-align:center;
	width:24px;
	
}
.vec a {
	padding:0;
	display:block;
	color:#FF6600;
	text-decoration:none;
}
.copy ul {
	margin:0 0 10px 17px;
	padding:0;
}
.copy ul li {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:150%;
}
.copy ol {
	margin:0 0 10px 23px;
	padding:0;
}
.copy ol li {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:150%;
}

h2#seznam_novice {position:absolute; top:-50px !important ; top:-30px; padding:0;}

/* Specifics for "reference" **************/
.bigTb {
	height:145px;
	width:190px;
	margin:0 0 18px 0;
	padding:0;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}
.opacity1 {
	position:absolute;
	background-color:#000;
	background-image:url(../slike/link_copy.gif);
	background-repeat:no-repeat;
	background-position:8px 11px;
	margin:0;
	width:177px;
	top:5px;
	left:5px;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;	
}
.opacity1 a {
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	color:#fff;
	padding:8px 0 8px 15px;
	margin:0 0 0 8px;
}
.opacity1:hover a {
	color:#FF9900;
}
.smallTb {
	float:left;
	background:transparent url(../slike/thumb_bg.gif) top left no-repeat;
	width:57px;
	height:58px;
	overflow:hidden;
	padding:2px 0 0 2px;
	margin:0;
	}
.smallTb img {
	border:none; 
	position:absolute; 
	clip:rect(0px 51px 51px 0px);
}
.seznam_reference {
	margin:0 0 15px 0;
}
.seznam_reference a{
margin:0; font:bold 11px Arial, Helvetica, sans-serif;
color:#333;
}

/* PAGINACIJA */
.listanje {
	position:absolute;
	bottom:10px;
	right:130px;
	background:transparent url(../slike/gumb_listanje.gif) top left no-repeat;
	width:78px;
	height:27px;
}
a.naprej {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#334A99;
	text-decoration:none;
	float:right;
	padding:2px 16px 0 10px;
	display:block;
}
a.nazaj {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#334A99;
	text-decoration:none;
	float:left;
	padding:2px 10px 0 16px;
	display:block;
}
a.naprej:hover, a.nazaj:hover {	color:#FF6600;}

/*****************************************/
/* PRIKAZ IN POZICIJA DINAMIČNIH DIVOV 
******************************************/

#slide_wraper {
	margin:0;
	overflow:hidden; 
	height:497px; 
	width:642px;
	position:relative;
}

#slide_inner {
	width:1926px;
	height:497px;
	position:relative;
	background-color:#000;
}

#box1 {
	left:0; 
	top:0;
	width:642px;
	height:497px;
	background-color:#000;
	position:absolute;
}


#box2 {
	left:642px; 
	top:0;
	width:642px;
	height:497px;
	background-color:#000;
	position:absolute;
}

#box3 {
	left:1284px; 
	top:0;
	width:642px;
	height:497px;
	background-color:#000;
	position:absolute;

}

#box4 {
	left:1926px; 
	top:0;
	width:642px;
	height:497px;
	background-color:#000;
	position:absolute;
}
#box5 {
	left:2568px; 
	top:0;
	width:642px;
	height:497px;
	background-color:#000;
	position:absolute;
}
#box6 {
	left:3210px; 
	top:0;
	width:642px;
	height:497px;
	background-color:#000;
	position:absolute;
}
#box4_flash {
	left:1926px; 
	top:0;
	width:642px;
	height:497px;
	background-color:#000;
	position:absolute;
	z-index:-1000;
}
.slide_tb { border:none; margin:5px 0; padding:2px; background:#fff; -webkit-box-shadow: 1px 1px 2px #434343; -moz-box-shadow: 1px 1px 2px #434343; float:left; margin-right:5px; }
.slide_tb.left { margin:0 8px 5px 0;} 
p.prva_stran { margin:12px 0 5px 0; }
.partnerji {
	width:100%;
	margin:25px;
	color:#333;
	font:normal 11px Arial, Helvetica, sans-serif;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	padding:20px 0 0 15px
	
}
.partner {
	float:left;
	width:180px;
	margin:0 12px 20px 0;
	padding:0;
}
.partner h1 {
	margin:0; 
	font:bold 11px Arial, Helvetica, sans-serif; 
	color:#334A99;
}
.partner p {
margin:0;
}

/* Linki na strani podjetje */
.link_frame {position:realtive; width:642px ;}

div#link-drsnavrata { position:absolute; top:0; left:0; width:198px; height:274px; display:block; background:#ccc; 	opacity:0.0;	filter:alpha(opacity=0);	-moz-opacity:0.0; cursor:pointer;}
div#link-qubus {position:absolute; top:274px; left:138px; width:250px; height:200px; display:block; background:#ccc; 	opacity:0.0;	filter:alpha(opacity=0);	-moz-opacity:0.0; cursor:pointer; }
div#link-winter {position:absolute; top:0; left:390px; width:194px; height:300px; display:block; background:#ccc; 	opacity:0.0;	filter:alpha(opacity=0);	-moz-opacity:0.0; cursor:pointer;}
div#link-aero { position:absolute; top:300px; left:525px; width:117px; height:174px; display:block;  background:#ccc; 	opacity:0.0;	filter:alpha(opacity=0);	-moz-opacity:0.0; cursor:pointer;}

/*****************************************/
/* FOOTER
******************************************/
#footer {
width:642px; 
height:50px; 
padding:10px 0; 
margin:0 0 30px 0; 
background:#000 url(../slike/footer_bg.gif) bottom repeat-x; 
position:absolute; 
top: 580px; 
left:130px; 
text-align:center;
}
#footer_galleria {
width:642px; 
height:50px; 
padding:10px 0; 
margin:0 0 30px 0; 
background:#000 url(../slike/footer_bg.gif) bottom repeat-x; 
position:absolute; 
top: 630px; 
left:130px; 
text-align:center;
}
#footer ul, #footer_galleria ul{ 
margin:0; 
padding:0; 
list-style-type:none; 
}
#footer ul li, #footer_galleria ul li {
margin:0; 
padding:0; 
float:left;
}
#footer ul li a, #footer_galleria ul li a {
font:normal 10px Arial, Helvetica, sans-serif; 
color:#999; 
text-decoration:none; 
margin:0; 
padding:0 6px 0 9px;
}
#footer ul li a:hover, #footer_galleria ul li a:hover {
color:#FF9933;
}
#footer ul li a.bullet, #footer_galleria ul li a.bullet {
background:transparent url(../slike/bullet_footer.gif) center left no-repeat;
}

/*KONTAKTNI OBRAZEC***************************/
.obrazec {
font:normal 11px/15px Arial, Helvetica, sans-serif; 
color:#333;
margin-left:25px;
}
.obrazec td {
padding:2px;
vertical-align:middle;
}

.input {
	border:1px solid #022379;
	font:normal 11px Arial, Helvetica, sans-serif;
	width:185px;
	margin:0;
	padding:0;
	color:#333;
}
.opozorilo {
	font:normal 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
}
textarea {
	border:1px solid #022379;
	font:normal 11px Arial, Helvetica, sans-serif;
	width:180px;
	padding:3px;
	color:#333;
}
.gumb_poslji {
	border:solid 1px #666;
	background-color:#000;
	color:#FF6600;
}
span.pagination_links {}
span.pagination_links strong { padding:3px; width:10px; border-left:#C7C7C7;}
span.pagination_links a { padding:3px; width:10px; color:#fff; background:#334A99; text-decoration:none; border-left:#C7C7C7;}