*{
	margin:0;
	padding:0;	
}
body{
	background:#000 url(../images/background.jpg) fixed no-repeat 25% top;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center;
	line-height:20px;
}
td, input, textarea, select, li{
	font:11px Tahoma, Arial, Helvetica, sans-serif;
}
/* */
a{
	color:#0087F2;
	text-decoration:none;
}
a:hover img{
	background:#fff;
	}
h1, h2, h3, h4{font-family:Verdana, Arial, Helvetica, sans-serif;}
h1{
	background-image:url(about:blank);
	width:190px;
	position:absolute;
	top:161px;
	left:31px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
h1 a{
	display:block;
	height:116px;
}
h2{
	margin:0 0 22px 0;
	padding:0 0 12px 0;
	color:#c41922;
	font-size:12px;
	text-transform:uppercase;
	position:absolute;
	top:-30px;
	left:0;
	z-index:7;
}
h3{
	font-size:13px;
	font-weight:bold;
	margin:10px 0;	
}
h4{
	font-size:12px;
	font-weight:bold;
	margin:10px 0;	
}
.textMin{
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	}
/* intro */
#intro{
	background:#000;
	color:#fff;
	}
#intro #default{
	background:url(../images/bg-intro.jpg) no-repeat 158px 44px;
	width:960px;
	height:640px;
	margin:18px auto 0 auto;
	position:relative;
	}
#introHeader a{
	width:30px;
	height:30px;
	float:right;
	display:inline-block;
	margin-right:10px;
	}
#facebook{background:url(../images/ico-facebook.gif) no-repeat;}
#youtube{background:url(../images/ico-youtube.gif) no-repeat;}
#skype{background:url(../images/ico-skype.gif) no-repeat;}
#vimeo{background:url(../images/ico-vimeo.gif) no-repeat;}
#intro #content{
	margin-top:44px;
	}
#introLeft, #introRight{
	height:535px;
	float:left;
	}
#introLeft{
	width:195px;
	}
#intro h1{
	background:url(../images/logo.gif) no-repeat;
	width:195px;
	height:119px;
	position:relative;
	top:0;
	left:0;
	}
#intro h2{
	margin:0;
	padding:0;
	position:relative;
	left:0;
	}
#intro h2 a{
	display:block;
		}
h2#logoSchool{
	background:url(../images/logo-school.gif) no-repeat;
	width:195px;
	top:29px;
	}
h2#logoSchool a{
	height:119px;
		}
h2#css{
	background:url(../images/logo-css.gif) no-repeat;
	width:180px;
	top:80px;
	}
h2#css a{
	height:184px;
	}
#introRight{
	width:754px;
	position:relative;
	}
#intro h3{
	background:url(../images/motto.gif) no-repeat;
	width:317px;
	height:16px;
	position:absolute;
	top:24px;
	right:7px;
	margin:0;
	}
#intro h1 a, #intro h2 a, #intro h3 a{
	display:block;
	}
p#introFooter{
	padding:0;
	margin:20px 0;
	font-size:14px;
	}
#introFooter a{
	color:#fff;
	}

/* -------------- default ------------------ */
#container{
	margin:0 auto;
	width:960px;
	text-align:left;
	background:#fff;
}
#head{
	position:relative;
}
#content{
	padding:0 0 11px 11px;
}
#left{
	background:url(../images/bg-left-col.gif) no-repeat top left;	
	float:left;
	display:inline;
	width:211px;
	height:900px;
	position:relative;
}
html>body #left{
	height:auto;
	min-height:900px;
	}
#leftColumn{
	background:#e9e9e9;
	width:191px;
	float:left;
	display:inline;
	margin-left:11px;
	padding:10px 0 20px 0;
}
#leftColumn p{
	padding:0 10px;
}
#main{
	background:url(../images/bg-main-top.gif) no-repeat 0 0;
	float:left;
	display:inline;
	width:517px;
	margin-left:12px;position:relative;
}
#text{
	margin:30px 0;
}
#right{
	width:181px;
	float:left;
	display:inline;
	margin:0 0 0 10px;
	padding:26px 0;
}
#rightColumn{
	width:141px;
	padding:0 10px;
}
#rightColumn p{
	margin:10px 0;
	text-align:right;
	font-weight:bold;
}
#main ol, #main ul{
	padding: 0px 0px 0px 25px;
	}
#news ol, #main ul{
	padding:0px;
	}
/* -------------- menu ------------------ */
#menu{
	background:url(../images/bg-menu-bott.gif) no-repeat bottom left;
	margin-left:11px;
	padding:60px 0 44px 0; 
	width:191px;
	float:left;
	display:inline;
}
#menu li {
	list-style:none;
	padding:0;
	line-height:0;
}
#menu a {	
	background:#0171bc;
	display:block;
	color:#fff;
	line-height:24px;
	padding-left:10px;	
}
#menu ul a:hover, #menu ul a.selected{
	background:url(../images/bg-menu-sel.gif) repeat-y;
}
#menu ul ul a {
	background:url(../images/bg-menu-sel.gif) repeat-y;
	text-indent:12px;
}
#menu ul ul a:hover, #menu ul ul a.selected{
	background:url(../images/bg-menu2.gif) repeat-y;
}
/* search */
#search{
	background:url(../images/bg-search.gif) no-repeat;
	float:left;
	display:inline;
	width:191px;
	height:54px;
	margin-left:11px;	
}
.searchField{
	width:120px;
	height:14px;
	margin:19px 5px 0 23px;
	border:none;
}
.searchButton{
	background:url(../images/search-button.gif) no-repeat;
	width:12px;
	height:12px;
	text-indent:-9999px;
	cursor:pointer;
	border:none;
}
#searchResults li{
	list-style:none;
}
#searchResults h4 a{
	color:#666;
}
#searchResults h4 a:hover{
	color:#990000;
	background:none;
}
/* -------------------------------- */
#documents{
	margin-top:10px;
}
#documents li{
	list-style:none;
	margin:5px 0;
}
#documents li a{
	color:#666;
}
#documents li a:hover{
	background:none;
	color:#0087F2;
}
#news li{
	list-style:none;
	margin-bottom:5px;
}
#news .selected{
	font-weight:bold;
}
#news .inactive{
	color:#ccc;
}
#footer{
	width:740px;
	margin:0 auto;
	padding:10px;
	color:#fff;
}
#footer a{
	color:#fff;
	font-weight:bold;
}
/* news */
h4.newsNav{
	background:#c41922;
	text-transform:uppercase;
	padding:2px;
}
h4.newsNav a{
	color:#fff;
}

/* -------------- form ------------------ */

#formBox td{
	padding:3px 0px;
}

#formBox td input{
	width:200px;
	font-size:11px;
	color:#01015A;
}

.poruka{
	height:100px;
	width:200px;
}

#formBox td .BtnSend{
	width:50px;
}

/* -------------- float fix ------------------ */
#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#content {display: inline-block;}
* html #content {height: 1%;}
#content {display: block;}