* { margin: 0; padding: 0; }

body {
	background: url(images/images.jpg) ;
	font-family: "Arial", "Lucida Grande", sans-serif;
	text-align:center;
	}
	
::selection {
background: purple; /* Safari */
}
::-moz-selection {
background: purple; /* Firefox */
}
	
p a{
	font-size:25px;
	text-decoration:none;
	color: #180453;
	}
	
p a:hover {
	color: #2e0f88;
	}
	
h3 {
	text-decoration:underline;
	color:#180453;
	}
	
#wrapper {
	margin: 0 auto;
	width:1200px;
	text-align:left;
	}
	
#main-bg {
	background: url(images/body.png) no-repeat;
	float:left;height:auto;width:100%;
	margin-left: -100px;
	}
	
#bg {
	background: url(images/bg.png) no-repeat;
	float:left;height:auto;width:100%;
	margin-left: -100px;
	}
	
#fajl-bg {
	background: url(images/fajl-bg.png) no-repeat;
	float:left;height:auto;width:100%;
	margin-left:-100px;
	}
	
#logo {
	padding: 50px 150px;
	}
#logo a img {
	border:none;
	}

#nav {
	height:50px;
	width: 600px;
	margin-top: -180px;
	margin-left:500px;
	 position:relative;
     line-height:1.5em;
	}

	
.menu {
	position:relative; 
	height:50px; 
	width:600px;
	}
	
.menu ul ul { display:none;}
.menu ul li:hover > ul {display:block;}
.menu ul ul { background: #d3cde5; padding:0; -moz-border-radius: 15px;
	border-radius: 15px; position:absolute; top:100%; -moz-box-shadow:    1px 1px 2px 2px #edeef2;
  -webkit-box-shadow: 1px 1px 2px 2px #edeef2;
  box-shadow:         1px 1px 2px 2px #edeef2;}
.menu ul ul li { float: none; position:relative;}
.menu ul ul li a { padding: 15px 30px; }
.menu ul ul li a:hover { padding: 15px 30px;}
.menu ul ul ul { position: absolute; left: 100%; top:0; width: 200px;}
.menu a span {color:#9c84e4;}
	
.menu ul {
	list-style:none;
	z-index:10; 
	position:absolute; 
	z-index:100; 
	padding:9px 5px;
	}
	
.menu li {
	float:left;
	padding-top:5px;
	}
	
.menu a {
	text-decoration:none; 
	color:#180453;
	font-size:17px; 
	padding:10px
	}

.menu a:visited, .menu a:hover {
	text-decoration:none; 
	color:#180453; 
	font-weight:bold; 
	font-size:17px; 
	padding:10px;
	}
	
.active {
	font-weight:bold;
	}
	
#slide {
	position:absolute; 
	top:6px; 
	height:40px;	
	background: url(images/slide.png) no-repeat #FFF; 
	-moz-border-radius: 15px;
	border-radius: 15px;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	-moz-box-shadow:    1px 1px 2px 2px #edeef2;
	-webkit-box-shadow: 1px 1px 2px 2px #edeef2;
	box-shadow:         1px 1px 2px 2px #edeef2;
	}
	
#icons {
	padding: 150px 300px;
	width:30px;
	}
	
#icons a img {
	border:none;
	}
	
#icons  a:hover {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	}

#tips {
	background: url(images/gradient.png) no-repeat;
	width: 392px; height:82px;
	margin-top:100px; margin-left:700px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-moz-box-shadow: 3px 3px 4px #270782;
	-webkit-box-shadow: 3px 3px 4px #270782;
	box-shadow: 3px 3px 4px #270782;
	}
	
h6 {
	color: #180453;
	padding-left: 80px; padding-top: 10px;
	font-size: 12px;
	}
	
span a{
	color: 	#C71585;
	}
	
span a:hover {
	color: #2e0f88;
	}
	
#tips_two {
	background: url(images/gradient2.png) no-repeat;
	width: 392px; height:82px;
	margin-top:10px; margin-left:700px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-moz-box-shadow: 3px 3px 4px #270782;
	-webkit-box-shadow: 3px 3px 4px #270782;
	box-shadow: 3px 3px 4px #270782;
	}
	
#footer {
		width: 840px;
		margin-left:360px;
		}
		
#footer h4 {
	font-size: 10px;
	color: #848faf;
	padding-left:700px;
	}
	
#tablica {
	padding-left: 450px;
	margin-top: -250px;
	color: #FFF;
	}

#tablica th {
	text-align:left;
	padding-left:10px;
	font-size:18px;
	}
#tablica tr {
		height:40px;
		}
#tablica td {
	width: 350px;
	padding-left:20px;
	}
#tablica a {
	color: #2e0f88;
	}
#tablica p {
	width:700px;
	}

	
	
	
	input, textarea {
	height:20px;
	border: solid 1px #E5E5E5;
	font: normal 12px Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #FFFFFF url('form_background.png') left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;
}

.form label { 
	margin-left: 5px; 
	color: #999999; 
	}

.submit input {
	width: auto;
	background: #617798;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
	}
#form-div { 
margin-left: 90px;
width:520px;
height:350px;
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
/*background-color:#2e0e88;*/
-moz-border-radius: 30px;
border-radius: 30px;
}

#fajlovi {
	padding-left: 500px;
	margin-top: -250px;
	color: #FFF;
	}
	
#fajlovi a {
	display:inline;
	color:#FFF;
	padding-top:10px;
	padding-left:5px;
	float:left;
	text-decoration:none;
	}
#fajlovi a:hover {
	text-decoration:underline;
	}
#fajlovi img {
	display:inline;
	float:left;
	}

.mid {
	padding-left:50px;
	}
.mid a {
	padding-left:5px;
	padding-top:5px;
	}
.midd {
	padding-left:70px;
	}
.midd a {
	padding-left:5px;
	padding-top:5px;
	}

#proba {
	background: #9c7fe1 repeat;
	height:1600px;
	width:841px;
	margin-left:259px;
	position:relative;
	z-index:1;
	}
	
#backtotop {
	cursor : pointer;
	display : none;
	margin : 0px 0px 0px 900px;
	position : fixed;
	bottom : 10px;
	font-size : 90%;
	padding	: 10px;
	width : 100px;
	text-align : center;
	background-color : #000;
	border-radius : 8px;
	-webkit-border-radius : 8px;
	-moz-border-radius : 8px;
	filter : alpha(opacity=60);
	-khtml-opacity : 0.6;
	-moz-opacity : 0.6;
	opacity	: 0.6;
	color : #FFF;
	font-size : 14px;
	z-index	: 1000;
}
#backtotop:hover
{
	filter : alpha(opacity=90);
	-khtml-opacity : 0.9;
	-moz-opacity : 0.9;
	opacity	: 0.9;
}