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

@font-face {
font-family: 'justice';
src: url('../font/JUSTMRG_.eot');
src: local('JUstice Mono'), url('../font/JUSTMRG_.TTF') format('truetype');
}

@font-face {
font-family: 'justice bold';
src: url('../font/JUSTMB__.eot');
src: local('JUstice Mono Bold'), url('../font/JUSTMB__.TTF') format('truetype');
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/** tags **/

body {
	background:#ffffff;
	line-height: 1;
	color:#333333;
	font-family: "Corbel", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1 {
	font-size:18px; color:#3C2A06;
}
h2 {
	font-weight:lighter;
	font-size:22px;
	margin:0 0 30px 0;
}
p {
	margin:8px 0 10px 0;
	line-height: 1.3;
}
a {
	text-decoration:none;
	color: #000;
}
a:hover {
	text-decoration:underline;
}

/** divs **/
#container {
	background:#E8DFD2;
	width:960px;
	height:719px;
	position:absolute;
	margin:0 auto;
    top:50%;
    left:50%;
    margin-top:-360px;
    margin-left:-480px;
	text-align:left;
}

/* left stuff */
#left {
	float:left;
	width:312px;
}

/* center stuff */
#center {
	float:left;
	width:293px;
}

#about-us {
	background: url('../images/about_us.png') no-repeat top left;
	height:400px;
	width:290px;
	margin-top:-2px;

	padding: 74px 0 0 12px;
}

#about-us p {
	font-family: justice, helvetica, arial;
	font-size: 12px;
	color: #464749;
}

#contact-us {
	background: url('../images/roba_contact.png') no-repeat top left;
	width:335px;
	color: #464749;
	margin-top: 146px;
	padding: 122px 0 0 46px;
}

#contact-us p {
	font-family: justice, helvetica, arial;
	font-size: 12px;
}

#contact-us p span {
	font-family: justice bold, helvetica, arial;
	font-size: 12px;
}

/* right stuff */
#right {
	float:left;
	width:355px;
}

#roba-girl {
	background: url('../images/roba_girl.jpg') no-repeat bottom right;
	height:719px;
	width:355px;
}


#menu {
	display:block;
	margin-top:254px;
	background: url('../images/menu_white.png') no-repeat top left;
	width:312px;
	height:154px;
	padding-top:20px;
}

#menu li {
	list-style: none;
}
#menu li a {
	text-decoration:none;
}

#menu1 {
	margin-top:20px;
	margin-left:118px;
	width:75px;
	display:block;
    padding: 27px 0 0 0;
    overflow: hidden;
    background: url('../images/current.png') no-repeat top right;
    height: 0px !important;
    height /**/:27px;
}

#menu2 {
	margin-top:1px;
	margin-left:118px;
	width:75px;
	display:block;
    padding: 23px 0 0 0;
    overflow: hidden;
    background: url('../images/archive.png') no-repeat top right;
    height: 0px !important;
    height /**/:23px;
}

#menu3 {
	margin-top:10px;
	margin-left:118px;
	width:75px;
	display:block;
    padding: 18px 0 0 0;
    overflow: hidden;
    background: url('../images/about.png') no-repeat top right;
    height: 0px !important;
    height /**/:18px;
}

#menu4 {
	margin-top:10px;
	margin-left:118px;
	width:75px;
	display:block;
    padding: 23px 0 0 0;
    overflow: hidden;
    background: url('../images/stalk_us.png') no-repeat top right;
    height: 0px !important;
    height /**/:23px;
}

#menu1.active, #menu1:hover {
	background: url('../images/current_active.png') no-repeat top right;
}
#menu2.active, #menu2:hover {
	background: url('../images/archive_active.png') no-repeat top right;
}
#menu3.active, #menu3:hover {
	background: url('../images/about_active.png') no-repeat top right;
}
#menu4.active, #menu4:hover {
	background: url('../images/stalk_us_active.png') no-repeat top right;
}

.facebook {
	margin-left:116px;
}


/*GALERIJA*/
#gallery {
	width:660px;
	margin-top: 70px;
}
#gallery a {
	width:120px;
	height:120px;
	display:block;
	float:left;
	background:#ffffff;
	border: 1px solid #aaaaaa;
	text-align: center;
	margin:0 0 2px 2px;
	vertical-align: 50%;
}
.horizontal-img {
	margin-top:17px;
}
#gallery a:hover {
	border-color: #C73240;
}