/* 
	project:  internet studio
	author:   luka cvrk (www.solucija.com) 
*/

*{ margin: 0; padding: 0; }* 
body { line-height: 1.6em; background: #fff url('images/bg.gif') repeat-x; 
color: #8E8E91;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: .8em;
	font-family: Tahoma, "Trebuchet MS", Tahoma, sans-serif;
}
a {	color: #EB0000;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; text-decoration: underline; }
p { margin: 0 0 15px 0; }
h1 { font: normal 2.8em Georgia, "Times New Roman", Arial; color: #444; }
h2 { font: normal 1.7em Georgia, "Times New Roman", Arial; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }
img { border: 0; }
#content { width: 930px; margin: 25px auto; }
#logo { margin: 10px 0 20px 0; width: 410px; float: left; }
	#logo p { margin: 0; }
#menu { float: right; padding: 0px 0 0; margin: 40px 0 0px; width: 520px; }
#menu div { padding: 0px; }
	#menu ul { margin-bottom: 0px; padding-bottom: 0px; }
	#menu li { font-size: 1.1em; display: inline; }
	#menu li a { float: left; width: 87px; padding: 2px 0 7px; text-align: center; margin: 0 0 0 10px; color: #636365;  }
	#menu li a.current { background: #fff url('images/button.gif') no-repeat; 
color: #fff; }
	#menu li a:hover { text-decoration: none; color: #000; background: #fff url('images/button_grey.gif') no-repeat;
}
.clear { clear: both; }
.caption { background: #fff url('images/title.gif') no-repeat; 
padding: 2px 0 0 18px; height: 35px; color: #fff;  }
	.caption p { margin: 0; }
.caption2 { background: #fff url('images/title2.gif') no-repeat; 
padding: 2px 0 0 18px; height: 35px; color: #fff;  }
	.caption2 p { margin: 0; }
#left { margin: 0 0 20px; clear: left; width: 270px; float: left; }
.box { background: #eee; }
#left img { padding: 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff;}
.smallthumb { width: 109px; }
#center { width: 300px; float: left; margin: 0 0 20px 15px; }
#right { float: right; width: 320px; }
	.date { font-size: .8em; border-top: 1px solid #eee; padding: 5px 0 0; }
.box { background: #eee; padding: 10px; }
.box li, ul.mojSlog li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 26px; }
.box li a, ul.mojSlog li a { padding: 0 5px; }
#footer { font-size: .84em; clear: both; padding: 15px; background: #eee; margin-top: 10px; }
#footer a { color: #444; }

#right ol li, #right ul li {
	margin-left: 30px;
}

#domacaStran img {
	background-image: url('/images/home.gif')!important;
}

#domacaStran:hover img {
	background-position: -27px 0px;
}

.prev {
	width: 27px;
	height: 27px;
	background-image: url('/images/arrows_gray.gif');
	background-position: 0px -27px;
	float: left;
	margin-top: 46px;
}

.prev:hover {
	background-position: 0px 0px;
}

#templates {
	width: 550px;
	margin: 0px 5px 0px 0px;
	height: 130px;
	overflow: hidden;
}

#templates ul li {
	margin: 0px; 
	padding: 0px;
	list-style: none inside;
}

#templates ul {
	margin: 0px;
	padding: 0px;
}

#templates img {
	margin: 7px;
	width: 160px;
	height: 120px;
}

.next {
	width: 27px;
	height: 27px;
	background-image: url('/images/arrows_gray.gif');
	background-position: -27px -27px;
	float: left;
	margin-top: 46px;
}

.next:hover {
	background-position: -27px 0px;
}

.skrito {
	display:none;
	visibility:hidden;
	position:absolute;
	left: -3000em;
}

#details {
	margin-top: 10px;
}

h3.f3 {
	border-bottom: 1px black solid;
	font-size: 12px;
	padding-left: 3px;
	color:black;
}

h3.f3 a {
	color: black;
	text-decoration: none;
}

#templates li {
	display:inline;
}

#agreeToTerms {
	font-size: 10px;
	color: red;
}