/**

	Osnosvi stili

*/
body {	margin:0;	padding:0;	font-family:Arial;	color:#676767;	font-size:11pt;
background-color:#27375f;
}
div.spacer {	clear:both;	}
div.c {	clear:both;	}
div {		}
img {	border:0;	}
a {
text-decoration:none;
color: #676767;
}
a:hover {
text-decoration:underline;
}

div.l {
	float:left;
}
div.r {
	float:right;
}


/** ------------------------------------------------------ Pogosti elementi --*/

h1 {
	display:block;
	text-align:left;
	color:#676767;
	font-size:22pt;
	font-weight:normal;
	height:24px;

	background-image:url(/img/h1.gif);
	background-repeat:no-repeat;
	background-position:top left;

	margin-top:0px;
	line-height:22px;
	padding:3px 0 7px 35px;
	border-bottom:1px solid #d30031;
	margin-bottom:17px;
}
h2 {
	font-weight:normal;
}

div.pageDescription {
	background-color:#d30031;
	background-color:white !important;
	color:white;
	color: #676767;
	padding:20px;
	margin-bottom:10px;
}

div#cntFrm {
	float:left;
	padding-top:25px;
	width:760px;
}

/**

	Postavitev

*/

div#header {
	background-color:white;

	height:70px;

	padding-top:12px;
	padding-left:50%;

	background-image:url(/img/hdr.png);
	background-repeat:repeat-x;
	background-position:bottom;

	border-bottom:3px solid #d30031;
}

.pageBar a:hover, .pageBar a.current {
	background-color:#d30031;
}
div#pageBarDown {
	border-top:1px solid #d30031;
}

/**
	HEADER
*/

/** ---------------------------------------------------------------- LOGO ----*/

div#logo {
	width:444px;
	height:65px;
	margin-left: -275px;
}
a.logo {
	display:block;
	width:326px;
	height:65px;
	background-image:url(/img/logo.png);
	background-repeat:no-repeat;
}
a.logo:hover {
	background-image:url(/img/logo_on.png);
}

/** --------------------------------------------------------------- Jeziček --*/

div.telefon {
	position:absolute;

	color:#dddddd;
	font-weight:bold;
	text-align:center;
	line-height:25px;

	margin-left:686px;
	width:268px;
	height:45px;

	background-image:url(/img/jezicek0.png);
	background-repeat:no-repeat;
	background-position:top left;
}
span.telefon {
	color:white;
	font-size:18pt;
}
div.kontaktBlock {
	color:white;
	font-size:10pt;
	text-align:center;
	font-weight:bold;
	line-height:16px;

	padding-top:50px;
	position:absolute;
	margin:0 0 0 466px;
	width:260px;
	top:0;
	height:32px;

	background-image:url(/img/kontakt.png);
	background-repeat:no-repeat;
	background-position:top;
}
div.kontaktBlock img {
	margin-top:1px;
	padding-top:4px;
	vertical-align:text-bottom;
}
div.kontaktBlock a {
	color:white;
	text-decoration:none;
}
div.kontaktBlock a:hover {
	text-decoration:underline;
}
div.kontaktBlock hr {
	border:0;
	border-top: 1px solid white;
	width:195px;
}




/** ---------------------------------------------------------------- BAR -----*/
div#barEmbed {
	background-color:#273a61;
	background-image:url(/img/barbkg.png);
	background-repeat:repeat-x;
	background-position:top;
}

div#bar {
	height:150px;
	max-height:150px;
	background-image:url(/img/xxx.png);
	background-repeat:no-repeat;
	background-position:top center;
	padding-left:50%;
}

div#bar div.center {
	width:1000px;
	margin-left:-500px;
	height:150px;
}

div.center2 {
	padding-left:50%;
	background-image:url(/img/bb.png);
	background-repeat:repeat-x;
	background-position:top;
	height:100%;
	background-color:white;
}

div#content {
	width:820px;
	margin-left:-310px;
/* 	margin-left:-500px; */
/* 	margin:0; */
/*	padding-top:20px;*/
	clear:both;
}

div#prefooter {
	background-image:url(/img/hdr2.png);
	background-repeat:repeat-x;
	background-position:bottom;
	height:60px;
	background-color:white;
}
div#footer {
	border:0;
	padding-top:10px;
	display:block;
	height:100px;
	border-top:1px solid #6da7b6;
	background-color:#27375f;
	text-align:center;
	color:#dbeaed;
	font-size:10pt;
	background-image:url(/img/footbkg.png);
	background-position:top;
	background-repeat:repeat-x;
	background-position:top;
}
div#sidebar {
 	position:relative;
	width:170px;
	/*background-color:red;
	-moz-opacity:0.5;*/
	float:left;
	margin-left:-190px;
	margin-top:75px;
}

/** ---------------------------------------------------------------- Menu ----*/
div#menu {
position:absolute;
height:40px;
padding-top:111px;
margin-left:30px;
}

/* Menu options */

div#menu a {
	color:#676767;
	font-size:11pt;
	text-decoration:none;
	line-height:34px;
	vertical-align:middle;

	display:block;
	float:left;

	height:30px;
	padding:4px 14px 4px 14px;

	background-image:url(/img/menu.gif);
	background-repeat:repeat-x;
	background-position:top;
}

div#menu a:hover {
	background-image:url(/img/h3_on.gif);
	color:black;
}

div#menu a.selected, div#menu a.selected:hover  {
	background-color:#d5d5d5;
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid #d6d6d6;

	color:#676767;

	padding-left:8px;
	padding-right:8px;

	background-image:url(/img/h.png);
}

div#menu div#mr {
	background-image:url(/img/mr.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:45px;
	float:left;
	height:38px;
	border:0;
}
div#menu div#lr {
	background-image:url(/img/lr.gif);
	background-repeat:no-repeat;
	background-position:top right;
	width:25px;
	float:left;
	height:38px;
	border:0;
}



div.grid div.block {
	width:30%;
	float:left;
	padding:10px;
}

div#prizme {
	position:absolute;
	border:0;
	top:87px;
	margin-top:-3px;
	margin-left:0px;
}
div#prizme2 {
	position:absolute;
	border:0;
	margin-top:-94px;
	margin-left:120px;
}







/*
	------------- prizme detajl --------------
*/
div#prizma-podrobno {
padding:10px;
height:400px;

}

div#prizma-podrobno div.img {
float:left;
width:300px;
padding-left:10px;
}



div#prizma-podrobno div.description {
float:left;
padding-left:0px;

padding-top:5px;
font-size:14pt;
}

div#prizma-podrobno div.description span.naziv {
font-size:22pt;
display:block;
margin-bottom:30px;
}
div#prizma-podrobno div.description span.value {
font-size:12pt;

}

/**

*/
table td {
vertical-align:top;
font-size:12pt;
padding-right:10px;
}



input {
	width:500px;
	padding:3px;

	font-size:12pt;
	color:#676767;

	border:0;
	border: 1px solid #d4d4d4;

	background-color:#dae9ec;
	background-position:center;
	background-image:url(/img/input.png);
	background-repeat:repeat-x;
}
input.submit {
	width:auto;
	background-image:url(/img/h2_on.png);
	background-repeat:no-repeat;
	background-position:left 25%;

	padding-left:10px;
	padding-right:10px;

	background-image:url(/img/montazni.png);
	background-repeat:repeat-x;
	background-position:center;
}

textarea {
	width:496px;
	height:150px;
	padding:5px;

	border: 1px solid #d4d4d4;

	font-size:14pt;
	font-family:sans-serif;
	color:#676767;

	background-image:url(/img/input.png);
	background-repeat:repeat-x;
	background-position:center;
}

/*
		Prodajna mesta
*/

div.prodajno-mesto {
height:auto;
text-align:center;
padding:5px;
}

div.prodajno-mesto div.img {
height:75px;
}

div.prodajno-mesto div.info span.naziv {
font-size:18pt;
display:block;
margin-bottom:10px;
}

div.prodajno-mesto div.info {
padding:10px;
margin-top:10px;
background-color:#ececec;
}

/**

	Galerija

*/
div.galleryGrid img {
	border: 1px solid black;
}

div.galleryGrid a.block {
	float:left;
	margin:3px;
	display:block;
	background-color:#dae9ec;

	height:145px;
	width:166px;
	text-align:center;
}
div.galleryGrid a.block:hover {
	background-color:#0b343e;
}


 a.nazaj {
	padding-left:10px;
	color:#676767;
	text-decoration:none;
	padding:3px;
	font-size:12pt;
}
a.nazaj:hover {
	background-repeat:repeat-x;
	background-position:left 25%;
	text-decoration:underline;
}

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

/** --------------------------------------------------------- Sidebar ------- */

div#content {
min-height:500px;
}

div#sidebar {
	margin-left:-170px;
	width:160px;
}

div#filtri {
	background-color:#e5e5e5;
	background-image:url(/img/asd.png);
	background-repeat:repeat-y;
	background-position:left;
	border-left:0;
}

div#filtri a {
	display:block;

	text-decoration:none;
	color:#676767;

	margin-top:1px;
	margin-left:5px;
	width:100px;
	padding:0px;
	padding-left:25px;

	border:1px solid #e5e5e5;
}
div#filtri a:hover, div#filtri a.selected {
	background-color:white;
	background-image:url(/img/sideoption.gif);
	background-repeat:repeat-x;
	background-position:left 30%;

	border:1px solid #676767;
	border-top:1px solid #ababab;
	border-left:1px solid #ababab;

	color:black;
}

div#filtri span {
	font-size:14pt;
	color:#676767;

	display:block;
	margin-bottom:5px;
	padding-left:7px;
}

/** -------------------------------------------- Montažni sistemi ----------- */

div#montaznisistemi a {
	display:block;
	padding:15px 20px 15px 15px;
	margin-top:10px;
	height:123px;


	background-color:#dedede;
	background-image:url(/img/montazni.png);
	background-repeat:repeat-x;
	background-position:center;
	border:1px solid #d4d4d4;

	color:#676767;
	text-decoration:none;
	font-size:16pt;
	vertical-align:center;
}
div#montaznisistemi a img {
	border:1px solid black;
	margin-right:20px;
}
div#montaznisistemi a:hover {
	background-color:#cdcdcd;
	background-image:url(/img/montazni_on.png);
	border-color:#00617a;
}

/** ---------------------------------------------- Prizme - seznam -----------*/

div#prizme-seznam {
	padding:0;
}

div#prizme-seznam div.prizma, div#prizme-seznam a.prizma {
	float:left;
	display:block;

	width: 160px;
	height:160px;
	padding:12px;
	padding-top:24px;
	padding-bottom:0;
	margin:1px;

	text-align:center;
	color:#676767;
	text-decoration:none;

	background-color:white;
	background-image:url(/img/rx.png);
	background-repeat:repeat-x;
	background-position: top left;

	border-top:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	border-bottom:1px solid #adadad;
	border-right:1px solid #adadad;
}

div#prizme-seznam img {
	border:1px solid black;
}

div#prizme-seznam a.prizma:hover {
	background-color:#dedede;
	background-image:url(/img/rxon.png);
	background-color:white;
}

div#prizme-seznam span.naziv {
	font-weight:bold;
	padding-top:10px;
	display:block;
}

/** ----------------------------------------------------------------- Pagebar */
div.pageBar {
	float:right;
	padding-right:5px;
	padding-top:5px;
}
div#pageBarUp {

	position:relative;
	width:750px;
	text-align:right;
	margin-top:-60px;
}
div#pageBarDown {
	float:none;
	text-align:right;
	padding-top:5px;
/*	margin-top:15px;*/
	line-height:30px;
}

div.pageBar a {
	font-size:16pt;
	text-decoration:none;
	color:#676767;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	margin-left:2px;
	line-height:30px;
}
div.pageBar a.current, div.pageBar a:hover {
	color:white;
}