* { margin: 0; padding: 0; border: none; }
h3 {
	font: 1.4em Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 0.2em; }
p {
	font-size: 1.2em;
	margin-bottom: 1.5em;
	line-height: 1.5em; }
fieldset { border: 0; }

html {
   font-size: 62.5%;
   /* 16px x 62.5% = 10px */
}
body {
	/* color: #444; */ color: #000;
	background: #fff; /* url(reptil_corner_250bw.png) bottom right no-repeat; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	/* 10px (reset) x 1.2em = 12px */
	line-height: 1.5;
	/* 1.2em x 1.5 = 18px */
	margin-bottom: 1.5em;
	/* 12px x 1.5 = 18px = line-height */ 
		height: 99%;

	}

a:link, a:visited { color: blue; text-decoration: none; }
a:hover { text-decoration: underline; }
/* p a:link, p a:visited { border-bottom: 1px dashed #000; } */
p a:hover { text-decoration: underline; }
#komunikacija, #pozitivizam, #reptilianum, #kontakt {  display: none; top: 0px; }
#naslovna { top: 0px;}

#page {
	position: relative;
	width: 790px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: block;
	background: transparent;
	border: 1px solid #fff;
}

#top {
	position: relative;
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
	clear: both;
	display: block;
	background: transparent;
	}
	#top img {
		float: left;
		margin: 26px 0 0 0;
		padding: 0;
		width: 476px;
		height: 59px;
		border: 0;
		font: 4.4em "Arial Black", Helvetica, sans-serif;
		letter-spacing: -0.05em;
		display: block;
		}
		#top img.sr {
			background: url(ljubisabojic.gif) 0 0 no-repeat;
			}
		#top img {
			background: url(ljubisabojic.gif) 0 -59px no-repeat;
			}

	#top h1 {
		float: left;
		margin: 0;
		padding: 0;
		font: 4.4em "Arial Black", Helvetica, sans-serif;
		letter-spacing: -0.05em;
		display: block;
		}
		#top h1 a { color: #000; }
		#top h1 a:hover { color: #000; text-decoration: none; }

		#jezici {
			display: inline;
			margin: 0;
			padding: 0;
			float: right;
			}
			#jezici:before { content: "["; }
			#jezici:after { content: "]"; }
			#jezici li {
				display: inline;
				list-style: none;
				font-size: 0.9em;	
				line-height: 1.2em;
			}
			#jezici li:after { content: " |"; }
			#jezici li:last-child:after { content: ""; }
			#jezici .ovaj_j { font-weight: bold; }

		#menu {
			padding: 0;
			margin: 18px 0;
			color: #fff;
			white-space: nowrap;
			list-style-type: none;
			}
			#menu li { display: inline; }
				#menu li a {
					margin-right: 5px;
					padding: 2px 9px;
					background: #000;
					float: left;
					border: 1px solid #000;
					color: #fff;
					text-decoration: none;
					font-size: 0.9em;
					font-weight: bold;
					}
					#menu li a:hover {
						background: #fff;
						color: #000;
						border-color: #fff;
						}
			
#middle {
	position: relative;
	width: 720px; /*100%;*/
	height: auto;
	overflow: hidden;
	margin: 18px 0;
	padding: 0;
	clear: both;
	display: block;
	background: transparent;
}

#middle.en {
	width: 630px;
}
#middle.fr {
	width: 660px;
}
/* sadržaj */
#note {
	width: 600345px;
	margin-left: 70px; /*67px;*/ /* 220px; */
	/*font-size: 1.0em Arial, Helvetica, sans-serif;*/
}
.notification_error {
	height: auto;
	width: 90%;
	padding: 0;
	text-align: left;
	color: red;
}
.notification_ok {
	height: auto;
	width: 90%;
	padding: 0; /*8px 0 8px 8px;*/
	text-align: left;
	color: #108218;
}
label {
	font: 1.0em Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	width: 70px;
	margin-top: 5px;
	float: left;
	text-align: left;
}
input, textarea {
	margin: 5px 0 0 0;
	padding: 2px 5px; 
	float: left;
	color: #333333;
	font: 1.0em Arial, Helvetica, sans-serif;
}
.textbox {
	border: 1px solid #ccc; /* #eee; */
	border-top-color: #aaa; /* #ccc; */
	border-left-color: #aaa; /* #ccc; */
}
br { clear: left; }
input.textbox { width: 200px; }
textarea.textbox { width: 345px; height: 100px; }
label.message, textarea.message { display: none; }
form .external { margin-top: 18px; }
input:focus, input:active { border-color: #000; }