a:link 
{
	color: #404040;
	text-decoration : none;
}
a:visited 
{
	color: #404040;
}
a:hover 
{
	color: #606075;
}
a:active 
{
	color: #ff7f00;
}

/* Main frame */
#main_frame
{
	width:1000px;
	margin-left: auto ;
	margin-right: auto ;
	border: 2px solid black;
	border-collapse:collapse;
	box-shadow: 5px 5px 30px rgba(0, 0, 0, 1.0);
	background-color : #e5e0ff;
}

/* Header */
#header_frame
{
	width:100%;
	height:85px;

	background-image:url("./head.jpg");

	text-align:center;
	vertical-align : middle;
	
	font-size:40px;
	font-style:italic;
	font-weight:bold;
	font-family:Times New Roman;
}
#title
{
	height : 100%; 
	margin-bottom : 0px; 
	margin-top : 0px;
	vertical-align: middle;
	display : inline-block;
}

/* Menu frame */
#menu_frame
{
	width:100%;
	height:30px;
	background-image:url("./menu.jpg");
	border-bottom : 1px solid black;
}
#menu_back
{
	float : left;
	width : 30%;
	height : 100%;
	text-align : center;
	margin-top: 0px;
    margin-bottom: auto;
	
	box-shadow: 0px 0px 30px rgba(255,255,255, 0);
}
#menu_next
{
	float : right;
	width : 30%;
	height : 100%;
	text-align : center;
	margin-top: auto;
    margin-bottom: auto;
}
.helper
{
	display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.ref
{
	background-color : rgba(40,40,40,0.5);
	border-width : 0px 0px 0px 0px;
	box-shadow: 0px 0px 5px rgba(60,60,60, 1);
	vertical-align: middle;
	display : inline-block;
	width : 100px;
	color : #d0d0d0;
}
/* Content */
#content_frame
{
	height : 1000px;
	display : block;
}
.first_col
{
	width : 33%;
	height : 20%;
	padding-top : 20px;
	clear : both;
	float : left;
	text-align : center;
}
.other_col
{
	float : left;
	width : 33%;
	height : 20%;
	padding-top : 20px;
	text-align : center;
}
.pics
{
	border: 2px solid black;
	box-shadow: 0px 0px 5px rgba(60,60,60, 1);
	display : block;
	margin-left : auto;
	margin-right : auto;
}
.desc
{
	font-size : 14px;
	font-weight : bold;
	font-family : Times New Roman;
}
/* Footer */
#footer_frame
{
	width : 100%;
	height : 30px;
	clear : both;
	background-image:url("./menu.jpg");
	border-top : 1px solid black;
	text-align : center;
}
#date
{
	margin-top : 0px;
	margin-bottom : 0px;
	vertical-align: middle;
	display : inline-block;
	font-size : 14px;
	font-weight : bold;
	font-family : Times New Roman;
	color : #d0d0d0;
}

/* Ujak */
/* Category */
.category
{
	height : 50px;
	width : 500px;
	background-image:url("./category.jpg");
	clear : both;
}

.category_text
{
	clear : both;
	display : inline-block;
	vertical-align : middle;
	margin-left : 50px;
	margin-top : 0px;
	margin-bottom : 0px;
	font-weight : bold;
	font-size : 20px;
}