html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, img, a {margin:0; padding:0; border:none;}

html {spadding-bottom:195px;}

body {font:12px/18px Arial,Helvetica,sans-serif; text-align:center; color:#333333; width:100%; background:#006599 url(images/bg_main.jpg) repeat-x; }

a, a:link, a:active, a:visited  {color:#990000; text-decoration:underline;/* background-color:#F7E4F8; */}
a:hover, a:focus {color:#990000; text-decoration:none;}

#container #glava .gallery a.xx:link {color:#004477; text-decoration:underline; }
#container #glava .gallery a.xx:visited {color:#004477;border-bottom:none;text-decoration:underline;}	
#container #glava .gallery a.xx:hover, #container #glava .gallery a.xx:focus {color:#004477; /*border-bottom:1px solid #f03b58;*/ text-decoration:none;}

h1 {font:18px/24px Arial,Helvetica,sans-serif; color:#333; display:block; text-decoration:none; margin-bottom:10px; padding-top:10px; font-weight:bold;}
h2 {font:14px/20px Arial,Helvetica,sans-serif; color:#333; display:block; text-decoration:none; margin-bottom:10px; padding-top:10px; font-weight:bold;}
h3 {font:12px/18px Arial,Helvetica,sans-serif; color:#841C1E; display:block; text-decoration:none; margin-bottom:10px; padding-top:10px; font-weight:bold;}

#loginbar {width:100%; background:#000000; height:7px; border-bottom:1px solid #1774A2; font-size:1px;}

#container {width:1002px; margin:0 auto; text-align:left; position:relative; margin-bottom:50px; height:400px; /*background:url(images/back_content.jpg) repeat-y;/*background-color:#FFFFFF;*/}

#container .clearer {clear:both;}

#container #login {
	height:25px;
	position:absolute;
	top:-1px;
	left:45px;
	background:url(images/back_login_r.gif) left no-repeat;
	color:#999999;
	padding-left:9px;
	width: 334px;
}

#container #login a {color:#fff; text-decoration:none; padding:0 4px; margin-top: 2px; background:none;}
#container #login a:hover {background:#FFFFFF; color:#3a3a3a; text-decoration:none;}

#container #login img {float:left; padding:1px 2px 0 2px;}
#container #login span {display:block; background:url(images/back_login_l.gif) right top no-repeat; height:25px; padding-right:10px; float:left;}

#container #logo {width:319px; height:66px; position:absolute; top:12px; right:25px;}

#container #glava {width:1000px; background:url(images/back_content2.jpg) repeat-y; float:left; }
/*#container #glava {width:1000px; background:url(images/back_content.jpg) repeat-y; float:left; border:1px solid red;}*/

#container #nav {background:url(images/back_nav.jpg) no-repeat; width:952px; height:33px; margin-left:21px;}
#container #nav ul {list-style:none; margin-left:20px;}
#container #nav li {display:block; float:left; height:29px; margin-top:4px; line-height:29px; margin-left:7px; width:90px; text-align:center;}
#container #nav li.student {background:#50BFF5 url(images/back_student.gif) repeat-x;}
#container #nav li.profesor {background:#00ABFD url(images/back_prof.gif) repeat-x;}
#container #nav li.admin {background:#0B5E86 url(images/back_admin.gif) repeat-x;}

#container #nav ul a {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#fff; height:29px; display:block;text-decoration:none; background:none;}
#container #nav li.active {background:#FFFFFF url(images/back_active.gif) repeat-x;text-decoration:none;}
#container #nav li.active a {color:#000;text-decoration:none;background:none;}

#container #secnav { padding-bottom:7px;}
/*#container #secnav #pagetitle {width:693px; height:48px; margin:0 0 0 35px; background:url(images/back_h1.jpg) repeat-x; padding-bottom:10px; margin-top:5px;}*/
#container #secnav #pagetitle {width:691px; margin:15px 0 15px 35px; background:#E8E9EA; padding-bottom:10px; /*border: 1px solid #C8C8C8;*/}
#container #secnav #pagetitle h1 {font-family:Arial; font-size:16px; color:#3a3a3a; font-weight:bold; margin-bottom:3px; padding:12px 10px 0 10px; }
#container #secnav #pagetitle span {font-size:11px; color:#E2E3E4; margin-left:10px;}
#container #secnav #pagetitle #grananje {font-size:11px; color:#3a3a3a; padding:5px 0 5px 10px;text-decoration:none; background:#D2D5D7;}
#container #secnav #pagetitle #grananje a {font-size:11px; color:#3a3a3a;text-decoration:none; background:none;}
#container #secnav #pagetitle #grananje a:hover{font-size:11px; background:#B1B7BA; color:3a3a3a;text-decoration:none;}

/*.link-list a, a:active{color:#004477}*/
 dl { border: 1px #ccc; }
 dt { font-weight: bold; color: #841C1E; margin-bottom: 10px; font-size:13px;} 
 dd { margin: 0 0 0 20px; padding: 0 0 0.5em 0; }

/*#container #content a:link {color:#990000; text-decoration:none; }
#container #content a:visited {color:#990000;border-bottom:none;text-decoration:none;}	
#container #content a:hover, #container #content a:focus {color:#990000; text-decoration:none;}*/

#container #content .gallery a:link {color:#004477; text-decoration:underline; }
#container #content .gallery a:visited {color:#004477;border-bottom:none;text-decoration:none;}	
#container #content .gallery a:hover, #container #content .gallery a:focus {color:#004477; /*border-bottom:1px solid #f03b58;*/ text-decoration:none;}

#container #secnav #breadc {margin:10px 0 0 35px; width:693px;}
#container #secnav #breadc a {font-family:Tahoma, Arial, Helvetica, sans-serif; color:#3a3a3a; text-decoration:underline;}

#container #secnav ul {list-style:none; display:block; width:693px; margin:0 0 0 35px; height:26px; border-bottom:1px solid #C8C8C8;}
#container #secnav li {display:block; float:left; text-align:center; height:26px; margin-right:3px;}
#container #secnav li a.active_sn {color:#333; background:#E2E3E4; text-decoration:none;}
#container #secnav li a {color:#616161 ; font-family:Tahoma, Arial, Helvetica, sans-serif; line-height:23px; padding:0 10px; height:25px; display:block; float:left; background:#fff;text-decoration:none;}
#container #secnav li a:hover {background:#DCDDDE; color:#333;text-decoration:none;}

/*#container #content {background:#FFFFFF url(images/back_content.jpg) repeat-y; padding:10px 0 15px 36px; float:left; overflow:hidden; width:708px;}*/
#container #content {background:#FFFFFF; padding:10px 0 15px 10px; margin-left:26px; float:left; overflow:hidden; width:708px;}

#container #content .puni {width:930px; float:left; overflow:hidden;}
#container #content .pola {width:457px; float:left; margin-right:15px; overflow:hidden;}
#container #content .tricetvrtine {width:693px; float:left; margin-right:15px; overflow:hidden;}
#container #content .cetvrtina {width:221px; float:left;  margin-right:15px; overflow:hidden;}

#container #content .dvitrecine {width:615px; height:100px; float:left; background:#666666; margin-right:15px;}
#container #content .trecina {width:300px; height:100px; float:left; margin-right:15px; background:#666666;}

#container #content p { padding-bottom:5px; margin-top:5px;} 
#container #content .pola p {border-bottom:0; padding-bottom:10px; margin-top:5px;}

#container #footer {width:1002px; color:#00608E; font-size:11px; padding-top:110px; text-align:center; float:left; background:url(images/back_footer3.jpg) no-repeat; height:28px;}
/*#container #footer {width:1002px; color:#FFFFFF; font-size:11px; padding-top:25px; text-align:center; float:left; }*/
#container #footer a {color:#990000; font-weight:bold;}



		#container #content fieldset {
			border: 0;
		}
	
		#container #content .checklist {
			list-style: none;
			margin: 0;
			padding: 0;
			padding-bottom:20px;
		}
	
		#container #content .checklist li {
			float: left;
			clear:left;
			display:block;
			color:#444;
			/*border:1px solid red;*/
			margin-top:0px;
			/*margin-right: 10px;*/
			/*background: url(images/checkboxbg.gif) no-repeat bottom left;*/
			background: url(images/bgUpisPredmeta5.gif) no-repeat 0 0;
			width: 687px;
			height: 36px;
			position: relative;
			font: normal 11px/1.3 "Lucida Grande","Lucida","Arial",Sans-serif;
			
		}
		
		#container #content .checklist li.selected {
			background-position: 0px -36px;
		}
		
		#container #content .checklist li.selected .checkbox-select {
			display: none;
		}
		
		#container #content .checkbox-select {

			display: block;
			float: left;
			position: absolute;
			/*border: 1px solid red;*/
			margin:0; padding: 0;
			top: 7px;
			left: 8px;
			width: 85px;
			height: 23px;
			background: url(images/select2a.gif) no-repeat 0 0;
			text-indent: -9999px;
			outline:none;
		}
		
		#container #content .checklist li input {
			display: none;	
		}
		
		#container #content a.checkbox-deselect {
			/*font: normal 11px/1.3 "Lucida Grande","Lucida","Arial",Sans-serif;*/
			display: none;
			/*color: red;*/
			font-weight: bold;
			text-decoration: none;
			position: absolute;
			top: 6px;
			left: 2px;
			outline:none;
		}
		/*#container #content a.checkbox-deselect:hover { background:none;}
		#container #content a.checkbox-deselect:active { background:none;}*/
		
		#container #content .checklist li.selected a.checkbox-deselect {
		 	/*border:1px solid red;*/
			display: block;
			background:none;
			color:#444;
			outline:none;
		}
		
		#container #content .checklist li a.checkbox-select:hover {
			 /*border:1px solid #8DC63F;*/
			/*display: block;*/
			background: url(images/select2a.gif) no-repeat 0 -23px;
			color:#333;
				outline:none;
	}

		/*#container #content .checklist a:hover {color:000;}
		#container #content .checklist a:active {background:none;}*/
		
		#container #content .checklist li span {
		display:block;
		float:left;
			font: normal 11px/14px "Lucida Grande","Lucida","Arial",Sans-serif;
			width: 200px;
			text-align: left;
			padding: 5px 2px 5px 110px;
		}
		

#container #content .radiolist {
	list-style: none;
	margin: 0;
	padding: 0;
}
#container #content .radiolist p {
	float: left;
	margin-right: 10px;
	background: url(images/selectbg.gif) no-repeat 0 0;
	width: 105px;
	height: 150px;
	position: relative;
	font: normal 11px/1.3 "Lucida Grande","Lucida","Arial",Sans-serif;
}
#container #content .radiolist p.selected { background-position: -105px 0; }

#container #content .radiolist p.selected .radio-select { display: none; }

#container #content .radio-select {
	display: block;
	float: left;
	position: absolute;
	top: 118px;
	left: 10px;
	width: 85px;
	height: 23px;
	background: url(images/select.gif) no-repeat 0 0;
	text-indent: -9999px;
	outline:none;
}

#container #content .radiolist p input { display: none; }

#container #content a.radio-deselect {
	display: none;
	color:#444;
	/*color: white;*/
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	top: 120px;
	right: 14px;
	outline:none;
}
#container #content .radiolist p.selected a.radio-deselect { display: block; }

#container #content .radiolist p span {
	display: block;
	text-align: center;
	padding: 8px;
color:#444;
}
#container #content .radiolist .god {
margin:0; padding:10px;
line-height:36px;
	font-size: 36px;
	font-weight: bold;
color:#444;
}

#container #content .pitanje {

width:100%; padding:4px; text-align:left; background-color:#8c8c8c; color:#FFFFFF; font-weight:bold; font-size:1.1em; margin-bottom:15px; }


#container #content .modal {
	background-color:#fff;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #333;

	opacity:0.8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}


#container #content .modal h2 {
	background:url(images/info.png) 0 50% no-repeat;
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}


	
table.card-table {
	clear:both;
	width:673px;
	margin:10px 0 0 8px;
	border-collapse:collapse;
	}
table.card-table td,
table.card-table th {
	padding:5px 2px 5px 10px;
	text-align:left;
	}
table.card-table th {
	font-size:10px;
	color:#527187;
	font-weight:normal;
	background:url(images/bg-th.gif) repeat-x bottom;
	height:22px;
	padding:0 2px 0 10px;
	}
table.card-table tr.even {
	background-color: #FDFDFD; 
	}
table.card-table tr.odd {
	background-color: #F6F5F3; 
	}

table.card-table td {
	font-size:12px;
	color:#444;
	/*color:#498797;*/
	/*color:#79AF0D;*/
	/*background:#FDFDFD;*/
	}

/* ### */