/* CSS Document */
/* Strukturni CSS za model 01 */
/* dipl.ing. Milan Jovanovic, za PlumDesign, admin@plum-design.net, www.plum-design.net */

/* napomene */
/* malim slovima su ispisani nazivi klasa i selektori, a velikim HTML tagovi */
/* selektori su pisani tako da pocinju malim slovom dok svaka sledeca rec pocinje velikim npr. #mojSelektor  */
/* selektori predstavljaju nazive ID atributa HTML tagova i prema DTD konvenciji ne treba da sadrze donje crte niti druge karaktere */


/*
shorthand properties

  font:(font-style) (font-variant) (font-weight) (font-size) (line-height) (font-family);
  background:(color) (url image) (repeat) (position);
  border:(size-px) (style-dashed,solid,dotted) (color);

*/
*{/* predefinisani stilovi za sve HTML tagove */
	padding:0px;
	margin:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

BODY{
	background:#d3ccb7;
	width:100%;
	padding:0px;
	margin:0px;
	border:0px;
}

.pozadina_strane{/* ovaj DIV mora da postoji zbog IE7 jer gresi za jedan px u pozicioniranju oblasti_strane i ostalih elemenata */
	background:#f1f1f1 url(../../site_images/pocetna/baneri/baner_pocetna.jpg) center top no-repeat;
}

.pozadina_strane_asortiman{/* ovaj DIV mora da postoji zbog IE7 jer gresi za jedan px u pozicioniranju oblasti_strane i ostalih elemenata */
	background:#f1f1f1 url(../../site_images/pocetna/baneri/baner_asortiman.jpg) center top no-repeat;
}
.pozadina_strane_kontakti{/* ovaj DIV mora da postoji zbog IE7 jer gresi za jedan px u pozicioniranju oblasti_strane i ostalih elemenata */
	background:#f1f1f1 url(../../site_images/pocetna/baneri/baner_kontakti.jpg) center top no-repeat;
}
.pozadina_strane_lokcotton{/* ovaj DIV mora da postoji zbog IE7 jer gresi za jedan px u pozicioniranju oblasti_strane i ostalih elemenata */
	background:#f1f1f1 url(../../site_images/pocetna/baneri/baner_lokcotton.jpg) center top no-repeat;
}
.pozadina_strane_showroom{/* ovaj DIV mora da postoji zbog IE7 jer gresi za jedan px u pozicioniranju oblasti_strane i ostalih elemenata */
	background:#f1f1f1 url(../../site_images/pocetna/baneri/baner_showroom.jpg) center top no-repeat;
}
/* < OBLASTI STRANE > */
.oblast_strane{/* tabela koja je kontejner stranice */
	border:0px solid #000;
	background:#ccc url('../../site_images/bgnd_strane.gif') repeat-y 50% 0%;	
	width:786px;
	margin:auto;
	
}


.oblast_zaglavlja,.oblast_menija,.oblast_sadrzaja,.futer{/* tabela koja je kontejner stranice */
	margin:auto;
	width:780px;
}

.oblast_zaglavlja {/* kontejner hedera stranice */
	margin:auto;
	width:780px;
	border:0px solid green;
	height:234px;
	position:relative;
}

.oblast_menija{/* kontejner menija stranice */
	border:0px solid red;
}

.oblast_sadrzaja{/* kontejner sadrzaja, oblast izmedju menija i futera */
	background:#fff url(../../site_images/bgnd_sadrzaja.gif) repeat-y 0% 0%; 
	border:0px solid red;
}



.oblast_futera{	
	height:174px;
	position:relative;
	border-top:1px solid #999999;
    background:url(../../site_images/bgnd_futera.gif) repeat-x 0% 0%;
}
/* </ OBLASTI STRANE > */

/* < ELEMENTI ZAGLAVLJA > */
.logo{
	width:208px;
	height:40px;
	display:block;
	position:absolute;
	top:25px;
	right:20px;
	border:0px solid red;	
}


.gornji_meni{
	height:15px;
	width:220px;
	padding:3px 0px 3px 4px;
	position:absolute;
	right:0px;
	top:0px;
	border:0px dashed red;
}
.gornji_meni A{
	padding:0px 10px 0px 10px;
	text-decoration:none;
	color:#b4120c;
	font-size:11px;
	font-family:arial;
}

.gornji_meni A:hover{
	color:#444;
	text-decoration:underline;
}


/* </ ELEMENTI ZAGLAVLJA > */

/* < GLAVNI BANER > */
.glavni_baner{
	margin:auto;
	width:900px;
}
/* </ GLAVNI BANER > */


/* <DONJI MENI> */
.donji_meni{
	position:absolute;
	right:10px;
	top:8px;
	color:#333;
	border:0px solid red;
	width:280px;
}
.donji_meni A{
	text-decoration:none;
	color:#6d6d6d;
	font-size:11px;
	padding:0px 6px 0px 8px;
	border-left:1px solid #6d6d6d;
}
.donji_meni A:hover{
	text-decoration:underline;
	color:#6d6d6d;
}
/* <
/ DONJI MENI> */

/* < FOOTER > */
.futer{
	border:0px solid #fff;
	height:160px;
	padding:0px;	
	background:url(../../site_images/grafika_futera.gif) no-repeat 100% 0%;	
	position:relative;
}
.copyrights{
	padding:25px 0px 0px 15px;
	font-size:13px;
	color:#797979;
	font-family:arial;	
	font-size:11px;
	color:#797979;	
}
A.plumlink {
	color:#797979;
	text-decoration:none;
	font-family:arial;
	font-size:10px;
}
A.toplink{
	position:absolute;
	top:-7px;
	left:25px;
	padding:0px 4px 0px 10px;
	background:#fff url('../../site_images/icons/strelica_mala_nagore.gif') no-repeat 2% 50%;
	color:#797979;
	text-decoration:none;
	font-family:arial;
	font-size:10px;
}
/* </ FOOTER > */