/* --- FULL RESET --- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

img{border: 0;}
<!-- top menu -->
ul.sitetopmenu
{
	padding: 10px;
	margin-bottom: 10px;
	color: #FFF;
}

ul.sitetopmenu li{
	list-style:none;
	float: right;
	padding: 0px;
	margin: 0px;
	color: #FFF;
}

ul.sitetopmenu li a {
	text-decoration: none;
	font-size: 11px;
	color: #FFF !important;
}
.pageHeader
{
	color:#2384C6 !important;
	font-size:1.8em !important;
	font-weight:bold !important;
	text-decoration:none !important;
	padding-bottom: 15px;
}
body
{
	color:#333333;
	font-family:"Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:0.75em;
	font-size-adjust: none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	background: #E4F0F6 url(../images/background.jpg) no-repeat scroll center top;
	min-height: 100%;
}

#wrap 
{
	
}
#header
{
	height: 160px;
	margin:0 auto;
	width:1005px;
}

#header img.logo
{
	padding-top: 10px;
	padding-left: 30px;
}

#icons
{
	float: right;
	padding-top: 50px;
	padding-right: 20px;
}

#icons-login
{
	float: right;
	margin-top: 5px;
	margin-right: 20px;
}

#icons p
{
	color: white;
	font-size: 1.2em;
}

#icons a, #icons-login a
{
	color: white;
	text-decoration: none;
}

.icon
{
	padding-right: 3px;
	padding-left: 3px;
	
}


#meni
{
	width: 100%;
	height: 36px;
	/*background: url(../images/menu-bck.png) repeat-x scroll center top;*/
	margin-bottom: 20px;
	
}

#meni ul
{
	margin:0 auto;
	width:965px;
	height:36px;
}

#meni li:first-child
{
	/*border-left: 2px solid #d7d7d7;*/
}

#meni li
{
	list-style:none;
	float:left;
	font-size: 1.4em;
	height:29px;
	margin-left: 10px;
	margin-right: 10px;
}

#meni li a
{
	text-decoration:none;
	color: #a7a9ac;
	display: block;
	height: 36px;
	padding: 0px 36px;
	background: #00aedb;
	
	/*border-right: 2px solid #d7d7d7;*/
}

#meni li a:hover
{
	color: #2384c6;
	background: white;
}

#meni li:hover
{
	border-bottom: 7px solid #2384c6;
}

#content
{
	margin:0 auto;
	width:1005px;
	clear: left;
}

#white-box-top
{
	height: 20px;
	background: transparent url(../images/bck-whitebox-top.png) no-repeat scroll center top;
}

#white-box-content
{
	background: transparent url(../images/bck-whitebox-content.png) repeat-y scroll center top;
	
}

#white-box-bottom
{
	height: 20px;
	background: transparent url(../images/bck-whitebox-bottom.png) no-repeat scroll center top;
}

#column-wrap
{
   padding: 10px 20px; 
}

.twocolmask {
    clear:both;
    float:left;
    overflow:hidden;
    position:relative;
    width:100%;
}
.twocolright, .twocolmid, .twocolleft {
    float:left;
    position:relative;
    width:100%;
}
.twocol1, .twocol2, .twocol3 {
    float:left;
    overflow:hidden;
    padding:0 0 1em;
    position:relative;
}
.tworightmenu {
    background:none repeat scroll 0 0 #EEEEEE;
}
.tworightmenu .twocolleft {
    background:none repeat scroll 0 0 #FFFFFF;
    right:25%;
}
.tworightmenu .twocol1 {
    left:27%;
    width:71%;
}
.tworightmenu .twocol2 {
    left:31%;
    width:21%;
}
.colmask {
    clear:both;
    overflow:hidden;
    position:relative;
    width:100%;
}
.colright, .colmid, .colleft {
    float:left;
    position:relative;
    width:100%;
}
.col1, .col2, .col3 {
    float:left;
    overflow:hidden;
    padding:0 0 1em;
    position:relative;
}
.threecol {

}
.threecol .colmid {
    right:25%;
}
.threecol .colleft {
    right:50%;
}
.threecol .col1 {
    left:106%;
    width:38%;
}
.threecol .col2 {
    left:39%;
    width:27%;
}
.threecol .col3 {
    left:81%;
    width:27%;
}

.box
{
    border: 1px solid #bcbec0;
    }
    
.box p
{
    padding-left: 10px;
    }
  
.box-header
{
    height: 30px;
}

.box-footer
{
    padding-top: 5px;
    border-top: 1px solid #bcbec0;
    text-align: right;
    font-size: 0.9em;
    margin: 0px 10px;
}

.blue-box-header
{
    background: url(../images/blue-bck-header.png) repeat-x scroll center top;
}
.blue-arrow
{
    padding-right: 12px;
    background: url(../images/icons/blue-small-arrow.png) no-repeat scroll right center;
}

.orange-box-header
{
    background: url(../images/orange-bck-header.png) repeat-x scroll center top;
}

.orange-arrow
{
    padding-right: 12px;
    background: url(../images/icons/orange-small-arrow.png) no-repeat scroll right center;
}

.yellow-box-header
{
    background: url(../images/yellow-bck-header.png) repeat-x scroll center top;
}

.yellow-arrow
{
    padding-right: 12px;
    background: url(../images/icons/yellow-small-arrow.png) no-repeat scroll right center;
}

.green-box-header
{
    background: url(../images/green-bck-header.png) repeat-x scroll center top;
}

.green-arrow
{
    padding-right: 12px;
    background: url(../images/icons/green-small-arrow.png) no-repeat scroll right center;
}
  
  
.box-header h2
{
    color:White;
    padding-left: 10px;
}

.news 
{
    padding-bottom: 20px;
    border-bottom: 1px solid #bcbec0;
}

.news h1
{
    font-size: 1.6em;
    font-weight: bold;
    color: #2384c6;
}

.news a 
{
    text-decoration: none;
    color: #2384c6;    
}

.news p
{
    font-size: 1.3em;
    text-align: justify;    
}


/*--------------------------------------- AGENDA --*/

#agenda 
{
	padding: 10px 35px;
}

#agenda table 
{
	width:100%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	border-bottom:0px solid #e5eff8;
	border-left:1px solid #e5eff8;
	margin:1em auto;
	border-collapse:collapse;
}

#agenda thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#2384C6;
}

#agenda td 
{
	color:#485a69;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	font-size: 0.95em !important;
	text-align:center;
	padding: 1px 2px;
	width: 10%;
}

#agenda td.break
{
	color: #FFF;
	background: #5ea023;
	font-weight: bold;
}

#agenda td.lunch
{
	color: #000;
	background: #FAE613;
	font-weight: bold;
}


#agenda span , #legend span
{
	
	padding: 2px 3px;
	margin: 5px;
	color: #FFF;
	display: block;
}

#legend h1 
{
	font-size: 14px;
}

span.type-DEV
{
	color: #FFF;
	background: #FF8A24;
}

span.type-BDP
{
	color: #FFF;
	background: #F0BF43;
}

span.type-STM
{
	color: #FFF;
	background: #CBCF69;
}

span.type-CLI
{
	color: #FFF;
	background: #99A86F;
}

span.type-MBS
{
	color: #FFF;
	background: #6D7A63;
}

span.type-UCM
{
	color: #FFF;
	background: #FF4017;
}

span.type-MPB
{
	color: #FFF;
	background: #24D9FF;
}

span.type-OFF
{
	color: #FFF;
	background: #0093B2;
}

#agenda tr.bigheight 
{
	height: 80px;
}

#agenda td.bigfont 
{
	font-size: 25px;
}

#agenda tr.middleheight 
{
	height: 40px;
}

#agenda tr.odd td {
background:#f7fbff
}
#agenda tr.odd .column1 {
background:#f4f9fe;
}
#agenda .column1 {
background:#f9fcfe;
}
#agenda .clear 
{
	clear: both;
}

#buttonHolder 
{
	
}

#agenda a 
{
	color: #000;
	background: #FFCEA8;
	text-decoration: none;
}

#agenda a:hover
{
	color: #FFF;
	background: #ff7711;
}

#agenda a.selected
{
	color: #FFF;
	background: #ff7711;
	font-size: 1.2em;
}

#agenda a.buttonDan 
{
	border: 1px solid #ff7711;
	
	text-align: center;
	width: 28%;
	display: block;
	float: left;
	margin: 0px 20px;
}

#agenda a.cboxElement
{
	color: #000;
	background: #FFF;
	display: block;
	outline: none;  

}

#agenda a.cboxElement:hover
{
	color: #666;
}

#predavanje 
{
	font-family: Arial, Verdana;
	padding: 15px;
}

#predavanje .naslov 
{
	padding: 5px 0px 15 0px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

#predavanje .malinaslov
{
	font-size: 14px;
	font-weight: bold;
	margin: 3px 0px;
}

#predavanje .opis 
{
	border: 1px solid #BABABA;
	background: #F2F2F2;
	padding: 5px 10px;
}
#predavanje span
{
	padding: 5px 10px;
}

#predavanje .predavac
{
	margin-left: 10px;
	font-weight: bold;
}

#predavanje .biografija
{
	margin-left: 10px;
}

#login-form
{
	padding: 10px 35px;
}

#login-form td .lightBlue
{
	padding-top: 10px;
	padding-left: 10px;
	background: #F4F9FE;
}

#login-form p.tabletext
{
	margin: 15px 0px;
}

#login-form a 
{
	text-decoration: none;
	color: #2384C6;
	font-size: 2em;
}

.pageSubHeader
{
	color:#2384C6 !important;
	font-size:1.2em !important;
	font-weight:bold !important;
	text-decoration:none !important;
	padding-bottom: 15px;
}