@charset "utf-8";
/* CSS Document */

body {
	background-color: #5b5b5b;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 11px;
}
.clear { clear: both; }
a,
a:active,
a:visited {
	color: #92A3B3;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#main {
	width: 720px;
	margin: 0 auto;
	background-color: #000;
}
#header {
	height: 251px;
}
#header .top-left {
	background-image: url(../images/top-left.jpg);
	width: 406px;
	height: 40px;
	position: absolute;
}
#header .panter {
	background-image: url(../images/panter.jpg);
	width: 281px;
	height: 210px;
	position: absolute;
	margin-left: 406px; 
}
#header .top-right {
	background-image: url(../images/top-right.jpg);
	width: 33px;
	height: 40px;
	position: absolute;
	margin-left: 687px; 
}
#header .djura-tattoo {
	background-image: url(../images/djura-tattoo-logo.jpg);
	width: 295px;
	height: 90px;
	position: absolute;
	margin-left: 29px;
	margin-top: 46px;
	
}
#header .umetnost-ulice {
	background-image: url(../images/umetnost-ulice.jpg);
	width: 255px;
	height: 17px;
	position: absolute;
	margin-left: 49px;
	margin-top: 158px;
}

h1, h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
	padding-bottom: 0;
}
h2 { margin-bottom: 20px}
p { margin: 3px 0; }


/*
MAIN MENU
*/

#main-menu {
	width: 680px;
	height: 41px;
	margin: 0 20px;
	margin-top: 210px;
	position: absolute;
	background-image: url(../images/linija-top.jpg);
	background-repeat: no-repeat;
}
#main-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 13px;
}
#main-menu li {
	display: inline;
	margin-left: 20px;
}
#main-menu li a,
#main-menu li a:active,
#main-menu li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #e4e4e4;
	text-decoration: none;
}
#main-menu li a:hover {
	color: #92a3b3;
}
#main-menu .linija {
	background-image: url(../images/linija-bottom.jpg);
	background-repeat: no-repeat;
	height: 3px;
	width: 680px;
	position: absolute;
	margin-top: 38px;
}

#content {
	width: 680px;
	margin: 14px auto;
	min-height: 350px;
}

.l-column {
	width: 300px;
	margin-top: 13px;
	float: left;
}
.r-column {
	width: 362px;
	float: right;
	background-image: url(../images/poslednji-radovi.jpg);
	background-repeat: no-repeat;
	height: 420px;
}

.r-column table {
	width: 279px;
	margin: 100px auto 30px auto;
	color: #000000;
}

.r-column img {
	border: 1px solid #000000;
}

#footer {
	background-image: url(../images/dno.jpg);
	width: 720px;
	height: 24px;
	background-repeat: no-repeat;
	clear: both;
	text-align: center;
}
.copyright {
	text-align: center;
	margin: 10px 0 20px 0;
	font-size: 10px;
	color: #333;
}
.copyright a,
.copyright a:active,
.copyright a:visited {
	font-size: 10px;
	color: #333;
	text-decoration: none;
}
.copyright a:hover {
	color: #000000;
}

/*
GALERIJA
*/
.thumb {
	width: 124px;
	padding: 3px;
	border: 1px solid #333333;
	float: left;
	margin: 3px 17px 35px 17px;
	text-align: center;
}
.thumb:hover {
	background-color: #151515;
}
/*
PAGINACIJA
*/
.pagination {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	text-transform: uppercase;
	margin: 3px;
}
.pagination span {
	padding: 2px 4px;
	margin-left: 1px;
}

.pagination a, .pagination a:active, .pagination a:visited {
	padding: 2px 4px;
	margin-left: 1px;
	color: #92a3b3;
	text-decoration: underline;
}
.pagination a:hover  {
}