/* CSS Document */
/********************************************************************************
*                                                                               *
*  Klijent   :  BORIS & CO                                                      *
*  URL       :  http://www.boris-co.com/                                        *
*  Autor     :  Omnicron d.o.o.                                                 *
*  Mijenjano :  2006/10/02                                                      *
*                                                                               *
********************************************************************************/

html * {
	margin:0;
	padding:0;
}
#container-bg {
	width:100%;
	background:#fff url(../art/bg-body-x.gif) repeat-x top left;
	padding-top:60px;
}
body {
	color:#555;
	font: 62.5% Trebuchet MS, Arial, Georgia, sans-serif;
	text-align:center;
	background:#737373 url(../art/bg-body-x.gif) repeat-x top;
}
/* STANDARDNE DEFINICIJE */
h2, h3, h4, p, div.tekst {
	margin-bottom: 10px;
}
h2, h3 {
	font-size:2em;
	font-weight:normal;
}
h3 {
	color:#D35B37;
}
p, div.tekst{
	font-size:1.3em;
	line-height:160%;
}
ul.lista {
	list-style:none;
}
.lista li {
	font-size:1.3em;
	line-height:140%;
	margin-bottom:10px;
}
div.tekst {
	display:block;
}
div.sazetak {
	font-size:1.5em;
	color:#D35B37;
}
/* LINKOVI */
a {
	color:#737373;
	text-decoration:none;
}
a:hover {
	background-color:#D35B37;
	color:#fff;
}
#head a:hover {
	background-color:transparent;
}
/* GLAVNE DEFINICIJE */
#container {
	margin:0 auto;
	width:760px;
	text-align: left;
}
/* HEAD POCETNA */
#head {
	width:760px;
	height:250px;
	background:url(../art/head.jpg) no-repeat top;
}
/* HEAD POCETNA */
#pocetna #head {
	width:760px;
	height:420px;
	background:url(../art/head-pocetna.jpg) no-repeat top;
}
/* HEAD NAV */
#headnav {
	font-size:1.1em;
	list-style:none;
	padding:0;
	margin:0 0 0 30px;
	height:40px;
}
#headnav li { display:inline; }
#headnav a {
	display:inline-block;
	text-decoration:none;
	padding:6px 12px;
	color:#B6B6B6;
}
#headnav a:hover, #headnav a.selected {
	background-color:#626262;
	color:#A0A0A0;
}
#headnav a.selected {
	color:#BDBDBD;	
}
/* HEAD H1 */
h1 {
	width:760px;
	height:200px;
	text-indent:-8000px;  
}
h1 a{
	position:relative;
	display:block;
	height:90px;
	width:260px;
	text-decoration:none;
	top:55px;
	left:80px;
}
h1 a:hover {
	text-decoration:none;
	background:transparent;
}
/* HEAD TXT - about, news .. */
#news {
	width:320px;
	float:left;
	margin-left:50px;
	display:inline;
}
#about {
	width:320px;
	float:right;
	margin-right:50px;
	display:inline;
}
#about h2, #news h2, #news h3, #about p, #news p {
	margin-bottom:0;
}
#about h2, #news h2 {
	font-size:1.6em;
	color:#C1C1C1;
	font-weight:normal;
}
#about p {
	font-size:1.4em;
	color:#8E8E8E;
	line-height:140%;
}
#news h3 {
	font-size:1.2em;
	color:#9D9D9D;
	line-height:120%;
	font-weight:normal;
}
#news p {
	font-size:1.2em;
	color:#6F6F6F;
	line-height:140%;
}
#head a {
	color:#B8B8B8;
	text-decoration:none;
}
#head a:hover {
	color:#CCC;
}
/* NEWS */
#newsold {
	margin-left: 10px;
	list-style:none;
	font-size:1.2em;
	color:#666;
}
#newsold a {
	color:#D35B37;
	text-decoration:none;
}
#newsold li {
	border-bottom:1px solid #F2F2F2;
	padding-left: 32px;
	background: url(../art/bullet_02.gif) no-repeat left center;
}
/* KATALOG - kategorije (pocetna stranica) */
#katalog-kategorije {
	width: 720px;
	margin: 0 auto;
	text-align: center;
}
#katalog-kategorije img {
	float:left;
}
#katalog-kategorije a img {
	border: none;

}
/* CONTENT */
#content {
	float:right;
	width:460px;
	margin-right:30px;
	display:inline;
}
/* HELPER */
#helper {
	float:left;
	width:220px;
	margin-left:30px;
	display:inline;
}
/* KATALOG NAV */
#katalognav{
	font-size: 1.2em;
	margin-bottom:10px;
	border-top:1px solid #F5F5F5;
}
#katalognav li{
	list-style:none;
}
#katalognav li a{
	font-weight:normal;
	display:block;
	width:100%;
	color:#7F7F7F;
	border-bottom:1px solid #F5F5F5;
	border-left:1px solid #F5F5F5;
	border-right:1px solid #F5F5F5;
	text-decoration:none;
}
#katalognav li a span {
	display:block;
	padding:5px 10px; 
}
#katalognav li li a span {
	padding-left:20px;
}
#katalognav li li li a span {
	padding-left:30px;
}
#katalognav a:hover, #katalognav a.selected {
	color:#fff;
	background-color: #D35B37;
}
/* PRIKAZ PROIZVODA */
.proizvod ul {
	width:350px;
	float:right;
	position:relative;
	font-size:1.2em;
}
.proizvod li {
	list-style:none;	
}
.kat, .naziv, .cijena {
	padding:2px 10px;
	margin:2px 0;
}
.kat {
	color:#CCCCCC;
}
.cijena span {
	color:#3C60C9;
	font-weight:bold;
}
.image {
	float:left;
	margin-bottom:20px;
}
.image img, .galerija a img {
	border:1px solid #E9E8E8;
	padding:1px;
}
.prikaz_proizvoda .kat, .prikaz_proizvoda .cijena {
	margin:0;
	padding:0;
}
.prikaz_proizvoda div {
	margin:5px 0;
	line-height:150%;
	font-size:1.2em;
	clear:both;
}
.prikaz_proizvoda .opis {
	width:100%;
}
/* GALERIJA SLIKA */
.galerija  a img {
	margin-bottom:20px;
}
.galerija a:hover {
	background-color:transparent;
}
/* CROPANE SLIKE */
.crop {
	margin:0 20px 18px 0;
	float:left;
	border:1px solid #E9E8E8;
	width:202px;
}
.crop div {
	width:200px;
	height:200px;
	overflow:hidden;
	border:1px solid #fff;
}
.crop a img {
	border:none;
}
/* RAZNO */
.spacer {
	border-bottom:1px solid #F5F5F5;
	margin-bottom:5px;
	padding-bottom:5px;
	clear:both;
}
/* FORME */
fieldset {
	border:none;
	width:90%;
}
label {
	display:block;
	margin-bottom:10px;
	font-size:1.1em;
}
input, textarea {
	width:100%;
	border:1px solid #E5E5E5;
	padding:5px 0;
}
input:focus, textarea:focus {
	border:1px solid #CCC;
}
.w100 {
	background:#CCC;
	width:100px;
	font-size:1.1em;
}
/* FOOTER */
#footer {
	background:#737373 url(../art/bg-footer-x.gif) repeat-x top;
	color:#8A8A8A;
	height:60px;
	padding:40px 0 10px 0;
	font-size: 1em;
}
#footer ul { font-size: 1.1em; }
#footer li {
	display:inline;
	margin-right:5px;
}
#footer a {
	color:#A6A6A6;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
	background-color:transparent;
}