/* -----------------------------------------------------------------------

GSM Advert Main CSS
http://www.gsmadvert.com


----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/***************** CLEAR FIX ******************/
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}
/***************** MAIN ******************/
body,td,th {
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif; font-size: 12px;
	color: #ccc;
}
body { background-color: #000; margin:0; }

a {	font-size: 12px; color: #a54398; }
	
a:link { text-decoration: none; }
a:visited { text-decoration: none; color: #939; }
a:hover { text-decoration: none; color: #606; }
a:active { text-decoration: none; color: #939; }

div#header { 
	border-top:15px solid #1a1a1a; border-bottom:3px solid #1a1a1a; 
	background-image:url(graphics/menu-back.png); background-repeat:repeat-x;
	height:65px;
	}
div#menu-bar {
	width:950px;
	margin:0 auto;
	}
#menu-bar img { margin:12px 0 0 0; }

div#logo {
	width:150px;
	float:left;
	margin:4px 0 0 5px;
	}
div#menu {
	width:750px;
	float:right;
	position:top;
	top:0;
	}
div#wrap {
	width:950px;
	margin:0 auto;
	}
/***************** HEADERS *****************
h1 { font-size: 14px; color: #ccc; }
h2 { font-size: 12px; color: #666; }
********************************************/

/***************** KLIJENTI ******************/

div#klijenti {
	display:block;
	width:670px;
	float:left;
	padding:5px;
	border-top:1px solid #a54499;
	margin:10px 0 0 0;
	background-image:url(graphics/list-back.jpg);
	background-repeat:repeat-x;
	}
#klijenti h1 {
	display:inline;
	color:#b2b2b2;
	font-weight:bold;
	padding:0 0 0 13px;
	background-image:url(graphics/arrow.png);
	background-repeat:no-repeat;
	line-height:30px;
	width:200px;
	margin:5px 5px 5px 8px;
	}
div#klijenti-prikaz {
	margin:0 0 0 30px;
	}

#klijenti ul {
	color:#a54499;
	float:left;
	display:block;
	padding:2px;
	width:160px;
	text-transform:uppercase;
	} 
#klijenti li {
	list-style:inside;
	list-style:square;
	}
#klijenti-prikaz a {
	color:#666;
	}
	
#klijenti-prikaz a:hover {
	color:#ccc;
	}

/***************** MATERIJALI ******************/


div#materijali {
	display:block;
	width:250px;
	float:right;
	padding:5px;
	border-top:1px solid #a54499;
	margin:10px 0 0 0;
	background-image:url(graphics/list-back.jpg);
	background-repeat:repeat-x;
	}
div#materijali-prikaz {
	margin:0 0 0 30px;
	}

#materijali ul {
	color:#a54499;
	float:left;
	display:block;
	padding:2px;
	width:150px;
	text-transform:uppercase;
	}
#materijali li {
	list-style:inside;
	list-style:disc;
	}

#materijali a {
	color:#666;
	}
	
#materijali a:hover {
	color:#ccc;
	}
#materijali h1 {
	display:inline;
	color:#b2b2b2;
	font-weight:bold;
	margin:0 0 0 6px;
	padding:0 0 0 13px;
	background-image:url(graphics/arrow.png);
	background-repeat:no-repeat;
	/* background-position:bottom left; */
	line-height:30px;
	width:200px;
	}

#klijenti ul li a.match{  /* FOR MOUSEOVER EFFECT */
		color:#fff;
	}
#materijali ul li a.match{  /* FOR MOUSEOVER EFFECT */
		color:#fff;
		background-color:#fff;
	}
/***************** FOOTER ******************/

div#footer {
	clear:both;
	border-top:1px solid #222;
	padding:5px 5px 5px 0;
	color:#444;
	text-align:right;
	font-size:10px;
	margin:0 0 30px 0;
	}
#footer a {
	font-size:10px;
	color:#666;
	}
#footer a:hover {
	font-size:10px;
	color:#999;
	}