/*
************* CSS Document ***************
**										**
** web site:							**
**	Avanguardia Group					**
**	http://www.avanguardiagroup.com		**
**					 					**
** author:								**
**	DEV INTERNATIONAL DOO (D.V.)		**
**	http://www.devintl.com				**
**					 					**
** date: 		26.04.2007.				**
** version:		2.0						**
** vers. date:	07.09.2008.				**
**										**
******************************************
*/


/* commented backslash hack for ie5mac \*/ 
html, body {
	background-color:#02080E;
	height:100%;
	margin:0px;
	padding:0px;
	color:#666666;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
}

a:link, a:visited {
	text-decoration:none;
	color:#666666;
}

a:hover {
	color:#B81E18;
}

input {
	background-color:#1E1E1E;
	border:1px solid #404040;
	color:#CCCCCC;
	margin:4px 0px 10px 0px;
	padding:2px;
}

textarea {
	background-color:#1E1E1E;
	border:1px solid #404040;
	color:#CCCCCC;
	margin:4px 0px 10px 0px;
	padding:2px;
}

div#centered {
    position:absolute;
	left: 50%;
	top: 50%;
	margin-top: -240px; /* half element height */
	margin-left: -400px; /* half element width */
}
	
div#container {
	width:800px;
	height:500px;
    position:relative;
	border:1px solid #404040;
}

div#main_content {
	padding:10px;
	text-align:left;
}

div#main_content h1 {
	font-size:120%;
	margin:5px 0px 5px 0px;
	color:#B81E18;
}

div#logo_ip {
	position:absolute;
	top:-55px;
	left:0px;
}

div#navigation {
	width: 700px;
	text-align:left;
	float:left;
	z-index:100;
}

div#navigation a {
	font-weight:bold;
	margin:0px 10px 0px 5px;
}

div#languages {
	width:60px;
	position:absolute;
	right:0px;
	left:auto;
	text-align:right;
	color:#B81E18;
	font-weight:bold;
}

div#languages a:link, div#languages a:visited {
	color:#B81E18;
}

div#languages a:hover {
	text-decoration:underline;
}

/*
|-------------------|
|	knjiga utisaka	|
|-------------------|
*/

div#guestbook_nav {
	position:absolute;
	top:410px;
	bottom:auto;
	left:20px;
	color:#1E1E1E;
	font-size:24px;
	text-transform:uppercase;
}

div#guestbook_nav img {
	border:none;
}

div#guestbook_title {
	position:absolute;
	top:0px;
	right:40px;
	font-size:36px;
	color:#B81E18;
}

div#sign_guestbook {
	position:absolute;
	top:426px;
	bottom:auto;
	right:35px;
	font-size:18px;
	color:#666666;
}

/*
|-------------------|
|	prodajna mesta	|
|-------------------|
*/
#album {
	width:458px; 
	height:500px; 
	border-left:1px solid #404040;
	border-right:1px solid #404040;
	margin:10px 0 5px 160px;
}

#album_noimage {
	width:458px; 
	height:500px; 
	margin:10px 120px;
}

.gallery {
	padding:0; 
	margin:0px 0 0 -160px; 
	list-style-type:none; 
	position:relative; 
	width:160px;
	height:500px;
}

.gallery img {
	border:0;
}

.gallery li a, .gallery li a:visited {
	font-size:11px;
	display:block;
	text-decoration:none; 
	color:#000; 
	background:#fff; 
	text-align:center; 
	width:150px; 
	height:74px; 
	border:2px solid #AAA;
	margin:2px;
}

.gallery li a img {
	position:absolute; 
	top:-320px; 
	left:0; 
	visibility:hidden; 
	border:0;
}

.gallery li a img.landscape {
	top:20px;
	left:180px;
}

.gallery li a img.portrait {
	top:20px;
	left:260px;
}

.gallery li a:hover {
	border:2px solid #B81E18; 
}

.gallery li a:active, .gallery li a:focus {
	border:2px solid #B81E18; 
	background:#444; 
	color:#fff;
}

.gallery li a:active img, .gallery li a:focus img {
	border:4px double #404040;
	visibility:visible;
}

.store_location {
	position:absolute;
	padding:0;
	bottom:20px;
	width:458px;
	text-align:center;
	font-size:24px;
	color:#B81E18;
}

#gallery_store_list {
	position:absolute;
	top:0;
	right:4px;
	width:160px;
}

#gallery_store_list h1 {
	font-size:18px;
	color:#B81E18;
	font-weight:normal;
}

#gallery_store_list h2 {
	font-size:13px;
	font-weight:bold;
	margin:4px 0 0 0;
}

#gallery_store_list span {
	font-size:13px;
}

/*
|-------------------|
|	  brendovi		|
|-------------------|
*/

#brands_content {
	position:absolute;
	top:130px;
	left:20px;
	text-align:left;
	line-height:22px;
	width:440px;
	font-size:14px;
	font-weight:bold;
}

#brands_logo {
	position:absolute;
	top:400px;
	left:20px;
	width:760px;
	height:50px;
	text-align:left;
}

#brands_logo a:link img, #brands_logo a:visited img {
	border:1px solid #000000;
}

#brands_logo a:hover img {
	border:1px solid #FFFFFF;
}

div#brands_title {
	position:absolute;
	top:60px;
	left:40px;
	font-size:40px;
	color:#B81E18;
}


#motioncontainer {
width: 100%;
height: 50px;
}

#motioncontainer a img {
border: 1px solid #000000;
}

#motioncontainer a:hover img {
border: 1px solid #1E1E1E;
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute;
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}


/*
|-------------------|
|	  o nama		|
|-------------------|
*/

#aboutus_content {
	position:absolute;
	top:70px;
	left:20px;
	text-align:left;
	line-height:22px;
	width:520px;
	font-size:14px;
	font-weight:bold;
}

div#aboutus_title {
	position:absolute;
	top:10px;
	left:40px;
	font-size:40px;
	color:#B81E18;
}

/*
|-------------------|
|	  kontakt		|
|-------------------|
*/

#contact_content {
	position:absolute;
	top:50px;
	left:40px;
	text-align:left;
	line-height:22px;
	width:520px;
	font-size:14px;
	font-weight:normal;
}

div#contact_title {
	position:absolute;
	top:20px;
	left:40px;
	font-size:40px;
	color:#B81E18;
}