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

h1 {
    margin: 0px 0px 0px;
	color: #FFF;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
	margin-left:200px;
	margin-right:200px;
}

.naslov
{
	text-align:center;
	margin-top:-430px;
}
	
header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;	 
}
.pozicija {
    background-color: transparent;
    width:600px;
	margin:0 auto;
	position:relative;
}

.pozicijaapp {
    background-color: transparent;
    width:800px;
	margin:0 auto;
	
}

#menu {
		height: 50px;
		width: 800px;
		position:relative;
		margin:0 auto;
		top:-10px;
		left:0px;
		text-align: center;
		
	}

	
		
		#menu .ap {
			display: inline-block;
			background-color: #C3D32D;
			border:2px solid #C3D32D;
			color: #132A42;
			text-transform: uppercase;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 12px;
			font-weight:bold;
			line-height: 16px;
			padding: 2px 12px 2px;
			margin-bottom: 5px;
			text-decoration: none;
			position:relative;
			top:10px
			
		}
		
		#menu .b {
			display: inline-block;
			background-color: #C3D32D;
			border:2px solid #C3D32D;
			color: #132A42;
			text-transform: uppercase;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 12px;
			font-weight:bold;
			line-height: 16px;
			padding: 2px 12px 2px;
			margin-bottom: 5px;
			text-decoration: none;
			position:relative;
			top: -5px;
		}

			#menu a:hover {
				background-color: #C81C6A;
				border:2px solid #C3D32D;
				color: white;
			}
			#menu b:hover {
				background-color: #C81C6A;
				border:2px solid #C3D32D;
				color: white;
			}
		

.krog {
	background-color: #C81C6A;
	height: 300px;
	width: 300px;
	margin-left: 150px;
	margin-top: 100px;
	left: 150px;
	border-radius: 150px;
}

#logo{
display: block;
width: 180px;
height: 270px;
background: url('../images/logo_small.png') no-repeat scroll 20px 20px transparent;
    background-color: transparent;
    background-image: url('../images/logo_small.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 20px 20px;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
text-indent: -10000px;
outline: medium none;
    outline-width: medium;
    outline-style: none;
    outline-color: -moz-use-text-color;
	margin-top: -100px;
	margin-left: 80px;
	}
	
section {
    width:350px;
    float:left;
    padding:10px;	 	 
}
footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px;	 	 
}

#pozdrav{
	padding: 30px 30px 30px;
	text-align:center;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}

a
{
color:#C3D32D;
	}

.login{
	margin-left: 190px;
	margin-right: 190px;
	margin-top: 15px;
	text-align:center;
	color: #FFF;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
	
	
	}

.login input[type=submit] {
width:55%;
background-color:#C3D32D;
border:2px solid #C3D32D;
color:#132A42;
font-size:16px;
padding:-2px;
cursor:pointer;
margin-bottom:10px;
font-weight: bold;
}

. login input[type=text], input[type=password] {
width:70%;
padding:2px;
margin-top:5px;
border:1px solid #FFF;
padding-left:5px;
font-size:14px;
}

.TSV{
	position:relative;
	top:-20px;
	text-align:left;
	color: #FFF;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
}

.TSV input[type=submit] {
width:80px;
position:relative;
left:687px;
background-color:#C3D32D;
border:2px solid #C3D32D;
color:#132A42;
font-size:12px;
padding:0px;
cursor:pointer;
margin-bottom:0px;
font-weight: bold;
}

.TSV input[type=submit]:hover {
				background-color: #C81C6A;
				border:2px solid #C3D32D;
				color: white;
			}

.TSV input[type=text]{
width:250px;
padding:2px;
margin-top:-5px;
margin-left:5px;
border:1px solid #FFF;
padding-left:5px;
font-size:14px;
}

.TSV input[id="Datumod"]{
width:90px;
padding:2px;
margin-top:-10px;
margin-left:5px;
border:1px solid #FFF;
padding-left:5px;
font-size:14px;
}

.TSV input[id="Datumdo"]{
width:90px;
padding:2px;
margin-top:-10px;
margin-left:5px;
border:1px solid #FFF;
padding-left:5px;
font-size:14px;
}

.TSV textarea[id="komentar"]{
width:750px;
position:relative;
padding:5px;
left: 5px;
top: 0px;
border:1px solid #FFF;
padding-left:5px;
font-size:12px;
}

.TSV input[id="ID"]{
width:20px;
padding:2px;
margin-top:-5px;
margin-left:5px;
border:1px solid #FFF;
padding-left:5px;
font-size:14px;
}



.TSV label{
	position:relative;
	left:5px;
	top:3px;
	}

.labeld{
	margin-left:40px;
    }

.osnovaapp {
	background-color: #C81C6A;
	height: 600px;
	width: 800px;
	margin-top: 60px;
	border-radius: 30px;
}

#appcanvas {
	background-color: #C81C6A;
	height:auto;
	width: 800px;
	border-radius: 30px;
	position:relative;
	top:35px;
	
}

#appcanvas1 {
	background-color: #C81C6A;
	height:auto;
	width: 800px;
	border-radius: 30px;
	position:relative;
	top:0px;
	
}

.break{
background-color: #FFF;
	height: 2px;
	width: 800px;
	position:relative;
	top:-5px;
	
}

.break1{
background-color: #FFF;
	height: 2px;
	width: 800px;
	
}



.breaktop{
background-color: #6f0a02;
	font-size: 11px;
	font-weight: bold;
	font-family: helvetica;
	width: 750px;
	border-radius:20px;
	border-color: white;
	border-width: 2px;
	border-style:solid;
	padding: 3px;
	text-align:center;
	color:white;
	margin: 0 auto;
}

.navi
{
	width:80px;
	height: 25px;
	background-color:#C3D32D;
	border:2px solid #C3D32D;
	color:#132A42;
	font-size:12px;
	padding:2px;
	cursor:pointer;
	margin-top:10px;
	font-weight: bold;
	}


.button {
			display: inline-block;
			background-color: #C3D32D;
			color: #132A42;
			text-transform: uppercase;
			font-family: 'misobold', Arial, sans-serif;
			font-size: 21px;
			line-height: 28px;
			margin-bottom: 5px;
			padding: 4px 12px 2px;
			text-decoration: none;
}

input[type=navi] {
width:80px;
height: 25px;
background-color:#C3D32D;
border:2px solid #C3D32D;
color:#132A42;
font-size:12px;
padding:2px;
cursor:pointer;
margin-top:10px;
font-weight: bold;
}

#logouta{
position:relative;
float:right;
right:50px;
top: -12px;
}

#logouta .logout{
			display: inline-block;
			background-color: #C3D32D;
			border:2px solid #C3D32D;
			color: #000;
			text-transform: uppercase;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10px;
			font-weight:bold;
			line-height: 12px;
			padding: 0px 4px 0px;
			margin-bottom: 5px;
			text-decoration: none;
			position:relative;
			top:10px
}

#logouta .logout:hover {
				background-color: #C81C6A;
				border:2px solid #C3D32D;
				color: white;
			}
			


#menuapp {
		height: 50px;
		width: 800px;
		position:relative;
		top:-27px;
		/*left:200px;*/
		text-align: center;
		
	}
		#menuapp ul{
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		
		#menuapp li {
			display: inline;
		}
		
		#menuapp li.l1 {
			clear: both;
			margin-right: 10px;
									
		}
		
		#menuapp li.l1.a {
			margin-top:5px;
		}
		
		#menuapp li.l1.b {
			margin-top:10px;
		}
		
		#menuapp a.l1.a {
			display: inline-block;
			background-color: #FFF;
			border:2px solid #FFF;
			color: #132A42;
			text-transform: uppercase;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 14px;
			font-weight:bold;
			line-height: 16px;
			padding: 2px 12px 2px;
			margin-bottom: 5px;
			text-decoration: none;
			position:relative;
			top:10px
		}
		
		#menuapp a.l1.b {
			display: inline-block;
			background-color: #C81C6A;
			border:2px solid #FFF;
			color: #FFF;
			text-transform: uppercase;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 14px;
			font-weight:bold;
			line-height: 16px;
			padding: 2px 12px 2px;
			margin-bottom: 5px;
			text-decoration: none;
			position:relative;
			top:10px
		}

			#menuapp a.l1:hover {
				background-color: #C81C6A;
				border:2px solid #FFF;
				color: white;
			}
			#menuapp li.l1.selected.children a.l1:hover {
				background: #7B0C43;
				color: white;
				border: none;
				padding: 4px 12px 2px;
			}
			
			#menuapp li.l1.selected a.l1 {
				background-color: #7B0C43;
				color: white;
			}
				#menuapp li.l1.selected.children {
					background-color: #7B0C43;
					margin-bottom: 5px;
				}

input.date {
	width: 150px;
	color: #000;
}

#izbirnatabela{
	margin-left:75px;
	border-collapse:collapse;
	color: white;
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	}

table, th, td {
	/*border: 1px solid black;*/
	border-collapse: collapse;
	border:2px solid white;
	text-align: center;
	font-weight: bold;
}
table {
	table-layout:fixed;
}

#form{
	margin-top: 10px;
	}	


.dela{
	position:relative;
	top:-20px;
	text-align:left;
	color: #FFF;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    font-family: Verdana,Arial,sans-serif;
}

.dela input[type=submit] {
width:80px;
position:relative;
left:687px;
background-color:#C3D32D;
border:2px solid #C3D32D;
color:#132A42;
font-size:12px;
padding:0px;
cursor:pointer;
margin-bottom:0px;
font-weight: bold;
}

.dela input[type=submit]:hover {
				background-color: #C81C6A;
				border:2px solid #C3D32D;
				color: white;
			}

.dela input[type=text]{
width:250px;
padding:2px;
margin-top: 10px;
margin-left:5px;
border:0px solid #FFF;
padding-left:5px;
font-size:14px;
}

.dela input[id="Datumod"]{
width:90px;
padding:2px;
margin-top:-10px;
margin-left:5px;
border:1px solid #FFF;
padding-left:5px;
font-size:14px;
}

.dela input[id="Datumdo"]{
width:90px;
padding:2px;
margin-top:-10px;
margin-left:5px;
border:1px solid #FFF;
padding-left:5px;
font-size:14px;
}

.dela textarea[id="komentar"]{
width:750px;
position:relative;
padding:5px;
left: 5px;
top: 0px;
border:1px solid #FFF;
padding-left:5px;
font-size:12px;
}

.dela input[id="ID"]{
width:20px;
padding:2px;
margin-top:-5px;
margin-left:5px;
border:1px solid #FFF;
padding-left:5px;
font-size:14px;
}



.dela label{
	position:relative;
	left:5px;
	top:3px;
	}	


#pokazi {
width:80px;
background-color:#C3D32D;
border:2px solid #C3D32D;
color:#132A42;
font-size:12px;
cursor:pointer;
font-weight: bold;
}
	
#pokazi:hover {
				background-color: #C81C6A;
				border:2px solid #C3D32D;
				color: white;
			}	

#choseporo {
width:auto;
background-color:#C3D32D;
border:2px solid #C3D32D;
color:#132A42;
font-size:14px;
cursor:pointer;
font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
padding: 2px;

}
	
#choseporo:hover {
				background-color: #C81C6A;
				border:2px solid #C3D32D;
				color: white;
			}	
	
#izbirnatabela1{
	margin-left:75px;
	border-collapse:collapse;
	color: white;
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	}	
	
	
.gumb {
			width:auto;
background-color:#C3D32D;
border:2px solid #C3D32D;
color:#132A42;
font-size:12px;
cursor:pointer;
font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
padding: 2px;
}

.gumb:hover {
			
			background-color: #C81C6A;
			border:2px solid #C3D32D;
			color: white;
}