@charset "UTF-8";

body{
  background:url(./img/ozadje.jpg) repeat-x;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
}


A:link {text-decoration: none;
color:#ed1c24;
}
A:visited {text-decoration: none;
color:#ed1c24;
}
A:active {text-decoration: none;
color:#ed1c24;
}
A:hover {text-decoration: underline;
color:#ed1c24;
}

.ref A:link {text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#000000;
}
.ref A:visited {text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#000000;
}
.ref A:active {text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#000000;
}
.ref A:hover {text-decoration: underline;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#000000;
}

#imagesmall img.thumb
{
	border: 2px solid #f4f4f4;
}
#imagesmall img.thumb:hover {
border: 2px solid #ed1d24 ;
}
#bordergrey
{
border-bottom: 0px solid #ffffff ;
}


#centerxx
{
margin:0 auto;
text-align:left;
padding-top:10px;
width:952px;

}
/*
#footer
{
float:left;
vertical-align:bottom;
text-align:center;
background:url(./img/footer.png) repeat-x;
min-width:100%;
magri

}*/
/**************************************** KONTAKT + FLASH **********************************/

p {
	margin: 10px 0px;
}

p.bigred
{
margin:0px;
font-family:Arial, Helvetica, sans-serif;
color:#ed1c24;
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}
p.bigred2
{
margin:0px;
font-family:Arial, Helvetica, sans-serif;
color:#ed1c24;
font-size:18px;
font-weight:bold;
margin-bottom:2px;
}

p.normalred
{
margin:0px;
font-family:Arial, Helvetica, sans-serif;
color:#ed1c24;
font-size:16px;
font-weight:bold;
margin-bottom:0px;
}
.zemljevid_btn
{
position:relative;
top:20px;
left:0px;
}


#vsebina {
	padding-top: 20px;
	clear: both;
	width: 100%;
	vertical-align:top;	
	margin: 0 auto;
	margin-top:-15px;
}

#vsebina #levo {
	float: left;
	margin-top:-10px;
}

#vsebina #levo #mainwindow {
	width: 715px;
	height: 263px;
	padding:5px;
	padding-left:0px;

}
#vsebina #levo #kontaktl
{
	width: 178px;
	height: 232px;
	background: url(img/banner_spodnji_levo_kontakt.png);
	background-position: top;
	background-repeat: no-repeat;
	padding:6px;	
	padding-left:10px;
	font-size:12px;
	line-height:170%;
	
}

#vsebina #levo #referencetop {
	padding-leftp:8px;
	padding-top:8px;
	width: 621px;
	height: 27px;
	background: url(img/reference_top.jpg);
	background-position: top;
	background-repeat: no-repeat;	
}
#vsebina #levo #referencemiddle {
	margin-top:0px;
	padding-right:5px;
	padding-left:8px;
	width: 608px;
	background: url(img/reference_middle.jpg);
	background-position: top;
	background-repeat:repeat-y;
}
#vsebina #levo #referencebottom {
	padding-left:8px;
	padding-bottom:8px;
	padding-right:8px;
	width: 605px;
	height: 9px;
	background: url(img/reference_bottom.jpg);
	background-position: top;
	background-repeat: no-repeat;	
}
#vsebina #levo #thumbzareferenco {
	float:left;
	width: 173px;
	height: 178px;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-left:12px;
	margin-right:17px;
	margin-top:15px;
	
}

#vsebina #levo #displayproduktlevo {
	float:left;
	width: 360px;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

#vsebina #levo #displayproduktlevo li {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 25px;
}

#vsebina #levo #displayproduktdesno {
	margin-left:10px;
	margin-top:10px;
	float:left;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	
}

#vsebina #levo #narocila
{
float:left;
height:1500px;
padding-left:7px; 
font-size:12px;

}

/* ############################################################################# */
/* VSEBINA - DESNO */
/* ############################################################################# */

#vsebina #desno {
	float: left;
	margin-top:-10px;
}

#vsebina #desno #produkti {
	width: 210px;
	height: 406px;
	background: url(img/produkti.png);
	background-position: top;
	background-repeat: no-repeat;
	padding-top:6px;
	padding-left:8px;
	padding-right:6px;
	padding-bottom:6px;
	
}

#vsebina #desno #kjesmo {
	width: 206px;
	height: 145px;
	background: url(img/kjesmo.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 6px 6px;
	padding-left:12px;
	margin-bottom:100px;
}
#vsebina #desno #podaljsek {
	width: 206px;
	height: 750px;
	background-position: top;
	background-repeat: no-repeat;
	padding: 6px 6px;
	padding-left:12px;
	margin-bottom:100px;
}

#vsebina #desno #referencetop_r {

	padding:8px;
	margin-left:20px;
	width: 291px;
	height: 27px;
	background: url(img/reference_top_r.jpg);
	background-position: top;
	background-repeat: no-repeat;	
}
#vsebina #desno #referencemiddle_r {
padding-top:15px;
	padding-left:8px;
	padding-right:8px;
	margin-left:20px;
	width: 291px;
	background: url(img/reference_middle_r.jpg);
	background-position: top;
	background-repeat:repeat-y;
	margin-top:-5px;
}
#vsebina #desno #referencebottom_r {
	padding-left:8px;
	padding-right:8px;
	padding-bottom:8px;
	margin-left:20px;
	width: 291px;
	height: 8px;
	background: url(img/reference_bottom_r.jpg);
	background-position: top;
	background-repeat: no-repeat;	
}


#vsebina #desno #seznam_za_referenco
{
width:210px;
vertical-align:top;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

#vsebina #desno #seznam_za_referenco ul
{
	margin-left: 22px;
	margin-top: -5px;
}

#vsebina #desno #seznam_za_referenco ul li
{
	list-style-type: square;
	list-style-position: outside;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin-bottom: 10px;
}

#vsebina #desno #flash
{	
	width: 736px;
	height: 232px;
	background-position: top;
	background-repeat: no-repeat;
	padding-top:0px;
	padding-left:14px;

}

#vsebina #desno #produkttop {
	padding-left:8px;
	padding-top:5px;
	width: 216px;
	height: 38px;
	background: url(img/produkttop.jpg);
	background-position: top;
	background-repeat: no-repeat;	
}
#vsebina #desno #produktmiddle {
padding-left:8px;
	width: 216px;
	background: url(img/produktmiddle.jpg);
	background-position: top;
	background-repeat:repeat-y;
}
#vsebina #desno #produktbottom {
	width: 224px;
	height: 18px;
	background: url(img/produktbottom.jpg);
	background-position: top;
	background-repeat: no-repeat;	
	margin-bottom:5px;
}


/***********************************************************************************produkti***************/
.produktleft{
list-style-type: none;
padding-top: 0px;
padding-left:4px;
width: 60px;
border: none;
height: 61px;
margin:0px;
}
.produktright
{
list-style-type: none;
padding-top: 0px;
padding-left:7px;
width:150px;
vertical-align:middle;
margin:0px;
border: none;
height:61px;
font-size:12px;
}
.produktleftlarge{
list-style-type: none;
padding-top: 3px;
padding-left:7px;
padding-right:15px;
width: 360px;
border: none;
margin:0px;
line-height:140%;
vertical-align:top;

}
.produktrightlarge
{
float:right;
list-style-type: none;
padding-top: 3px;
width:345px;
margin:0px;
border: none;
font-size:12px;
vertical-align:top;
line-height:140%;
font-size:14px;
}

/************************************************* NAVIGACIJSKI MENI *******************************************/

#animatedtabs{
padding-top:47px;
overflow: hidden;
width: 100%;
font-size: 16px; /*font of menu text*/
font-family:Arial, Helvetica, sans-serif;

}


#animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 0px; /*offset of first tab relative to page left edge*/
padding: 0;
}

#animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

#animatedtabs a{
float: left;
position: relative;
top: 0px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(./img/gumb_levo.gif) no-repeat left top;
margin: 0;
margin-right: 2px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

#animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(./img/gumb_desno.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: white;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#animatedtabs a span {float:none;}
/* End IE5-Mac hack */


#animatedtabs #selected a{
background-position: 0 -33px;
top: 0;
}

#animatedtabs #selected a span{
background-position: 100% -33px;
color: white;
padding-bottom: 3px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

#animatedtabs a:hover{
background-position: 0% -66px;
top: 0;
}

#animatedtabs a:hover span{
background-position: 100% -66px;
padding-bottom: 3px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}
/******rdeci bulleti*****/
ul.red { 
position:relative;
list-style-position: outside;
color: #E5002B; 
text-indent: -2px; 
list-style-type: square; 
text-align: left;
left:-5%;

}
ul.red li{
font-family: Arial, Helvetica, Sans-serif;
font-size: 1em;
text-align:left;
margin-top:8px;
}
ul.red li:first-line{color:#000;}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(img/formbg.gif) repeat-x left top;
}


#footer {
	clear: both;
	width: 100%;
	height: 126px;
	background: url(img/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
	margin-top: 30px;
		
}

#footer a {
	color: #686868;
	text-decoration: underline;
}

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

#footer .crta {
	margin-left: 10px;
	margin-right: 10px;
	color: #686868;
}

#footer .copyright {
	margin-top: 15px;
	color: #bcbcbc;
}

#footer a.copyright {
	color: #bcbcbc;
	text-decoration: underline;
}
#footer a.copyright:hover {
	text-decoration: none;

}