@font-face {
    font-family: 'THEfont';
    src: url('THEfont/Aaargh.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Berlin Sans FB';
    src: url('THEfont/BRLNSB.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Berlin Sans FB 2';
    src: url('THEfont/BRLNSDB.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

p {
padding-bottom:10px;
}   

a {
color:inherit;
text-decoration:none;
}

a:hover{
color:#a4a2a2;
}                                                 
                                                       
ol, ul {                                               
	list-style: none;                                    
}                                                      
                                                       
body {                                                 
	line-height: 1.5;                                      
  margin: 0;                                           
  padding: 0;                                          
  background:#fff top center url('bg.png') repeat-x;
  font-family: Arial;
  font-size:14px;
}                                                      
                                                       
table {                                                
	border-collapse: collapse;			                     
}                                                      
                                                       
#head, #menu, #bottom, #upisi, #novo, #main {          
margin:auto;                                           
padding:0px;                                           
}                                                      
                                                       
#head {                                                
  width:960px;                                          
  height: 229px;                                         
  background:#fff top center url('header.jpg') no-repeat;
}

#head .podaci{
  padding-top:30px;
  padding-right:55px;
  color:#fff;
  text-align:right;
  font-size:12px;
  font-family: Century gothic;
}                                                     
                                                       
#menu {
color: #fff;                                              
width:900px;                                           
height:37px;                                           
background:#fff url('menu.png') no-repeat;
font-weight:bold;
}   

.dropdown ul{
font-size:14px;
color:#fff;                                              
list-style-type:none;
padding:0px;
margin:0;
padding-left:10px;
}

.dropdown li{
float:left;
position:relative;
z-index:100;
padding:8px 10px 8px 10px;
font-family: 'THEfont', Century gothic;
}

.dropdown table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

.dropdown a {
display:block;
padding:8px 10px 8px 10px;
margin:-8px -10px -8px -10px;
color:#fff;                                              
text-decoration:none;
text-align:center;
}
.dropdown a :visited {
display:block;
padding:8px 10px 8px 10px;
margin:-8px -10px -8px -10px;
color:#fff;                                              
background: url('menu-hover.png');
text-decoration:none;
text-align:center;

}

.dropdown li :hover, .dropdown :hover{
color:#fff;
background: url('menu-hover.png');
}

.dropdown ul ul {
visibility:hidden;
position:absolute;
width:140px;
margin-top:8px;
margin-left:-10px;
height:0;
left: 0px;
}

.dropdown ul li:hover ul,
.dropdown ul a:hover ul{
visibility:visible;
}

.dropdown ul ul li{
width:140px;
background: url('menu-hover.png');
font-size:12px;
font-weight: normal;
font-family: Century Gothic;

}
                                                       
#wrap {                                                
width:900px;                                           
margin:auto;                                           
padding:0px;                                           
                                                       
}


                                                      
#upisi {                                               
float:left;                                            
height:213px;                                          
width:400px;                                           
background: #fff center url('upisi.png') no-repeat;                
}                                                      
                                                       
#novo {
margin-top:30px;
margin-bottom:30px;
float:right;                                           
height:200px;                                          
width:470px;
font-size:14px;
  font-family: 'THEfont', Century gothic;                                         
}     


                                                       
#ad_bar {                                              
	height: 140px;                                       
	margin-bottom: 30px;                                  
	background-image: url(ad_bar.gif);                   
}                                                      
                                                       
#ad_bar a {                                            
	width: 144px;                                        
	height: 140px;                                       
	display: block;                                      
	float: left;                                         
	position: relative;                                  
	text-indent: -444444px;                              
	overflow: hidden;                                    
}                                                      
                                                       
#ad_bar a.ad1 {                                        
	width: 280px;                                        
                                                       
}                                                      
#ad_bar a.ad1:hover {                                  
	background: url(ad_bar.gif) 0 -140px;                
	z-index: 5;                                          
	width: 315px;                                        
}                                                      
#ad_bar a.ad2 {                                        
	width: 300px;                                        
}                                                      
#ad_bar a.ad2:hover {                                  
	background: url(ad_bar.gif) -280px -280px;           
	z-index: 5;                                          
	width: 370px;                                        
}                                                      
#ad_bar a.ad3 {                                        
	width: 200px;                                        
}                                                      
#ad_bar a.ad3:hover {                                  
	background: url(ad_bar.gif) -580px -420px;           
	z-index: 5;                                          
	width: 320px;                                        
}                                                      
                                                       
                                                       
#sidebar {
float:right;
width:250px;
text-align:left;
}

#sidebar p {
padding:5px;
}



#sidebar li {
font-size:12px;
}

#sidebar a{
color:#828282;
}


#sidebar a:hover{
color:#000000;
}

#sidebar h1 {
  font: 22px 'Berlin Sans FB', arial black;
  text-transform:uppercase;
  font-weight:bold;
  padding-left:15px;
  text-align:left;
  color:#5d5d5d;
  letter-spacing:2.5px;
}

#sidebar h2 {
  font: 22px 'Berlin Sans FB', arial black;
  text-transform:uppercase;
  font-weight:bold;
  padding-left:15px;
  text-align:left;
  color:#5d5d5d;
  letter-spacing:2.5px;
}

#sidebar h3 {
  color:#909090;
  padding-top:10px;
  padding-left:15px;
  text-align:left;
  font: 17px Georgia;
  font-style:italic;
}

#quote { 
  margin:auto; 
  font-family: Georgia; 
  font-style:italic;
  font-size: 13px; 
  color: #8a8a8a; 
  text-shadow: 1px 1px 0px #fff; 
  width:200px; 
  margin-top:20px; 
  background: url(quote-left.png) no-repeat top left; 
  padding: 10px 0 0 25px; 
}
	#quote div {  background: url(quote-right.png) no-repeat bottom right; padding: 0 0px 0px 0; }
	#quote p{  margin:0 10px 0px 0; }
	#quote div span {  color: #b4b3b3; font-size: 29px; padding-top: 10px; display: block; }                                                    
	.quote  { 
  color: #8a8a8a; 
  text-shadow: 1px 1px 0px #fff; 
  margin:10px 10px 15px 0px;
  font-family: Georgia; 
  font-style:italic;
  font-size: 13px; 
  text-align:right;}


#content-wrap {
  width:900px;
  min-height:560px;
	background: top left url('content.png') no-repeat;
  margin-top:30px;
}

#content {
  float:left;
  width:640px;
}

.news_entry {
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 20px;
	padding-bottom: 20px;
	line-height: 18px;
  width:640px;
}

.news_entry h4 {
	font-size: 15px;
	margin-bottom: 5px;
	color: #086fb3;
  font-family: 'THEfont', Century gothic;
}

.news_entry p {
	padding: 0px;
}

.news_entry h4  span{
	color: #999;
	font-size: 11px;
	margin-left: 10px;
}

.news_entry .left {
	float: left;
	width: 60px;
	background-color: #ebebeb;
	height: 60px;
}
.news_entry .left .month {
  font-family: 'THEfont', Century gothic;
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #acacac;
	font-weight: bold;
}
.news_entry .left .day {
  font-family: 'THEfont', Century gothic;
	text-align: center;
	font-size: 32px;
	color: #acacac;
}
.news_entry .right {
	float: right;
	width: 530px;
  font-family: 10px Arial;
  color:#6d6d6d;
  margin-right:30px;
}

.news_entry ul {
list-style:none;
}

.news_entry li {
padding:5px 0 0px 15px;
background:url('li.png') 0px 8px no-repeat;
}

h1.content{
  font-size:28px;
  font-family: 'THEfont', Century gothic;
  padding-top:15px;
  padding-bottom:40px;
  text-align:left;
  color:#c3c3c3;
  background: top left url('h1.png') no-repeat;
}

h2.content{
  font-size:16px;
  font-family: Arial;
  text-align:left;
  color:#f00000;
  border-bottom:1px solid #f1f1f1;
  font-weight:bold;
}

h2.novo{
  color:#f00000;
  font-size:22px;
  font-family: 'Berlin Sans FB', Arial Black;
}

h2.promocija{
  margin:0px;
  padding:0px;
  color:#f00000;
  font-size:22px;
  font-family: 'Berlin Sans FB', Arial Black;
}

h2.face{
  color:#415e9a;
  font-size:22px;
  font-family: 'Berlin Sans FB', Arial Black;
}

h2.tecaj{
  color:#086fb3;
  font-size:22px;
  font-family: 'THEfont', Century Gothic;
}

h2.cijene{
  color:#086fb3;
  font-size:18px;
  font-family: 'THEfont', Century Gothic;
}

h2.zaposlenja{
  color:#000;
  font-size:18px;
  font-family:  Century Gothic;
  font-weight:normal;
}

h3.content{
  font-size:15px;
  font-family: Arial;
  text-align:left;
  color:#000;
}





td.tecaj{
  color:#4a4a4a;
  font-size:16px;
  font-family:  Century Gothic;
}

#tecaj .legenda{
  color:#fff;
  font-family: Century Gothic;
  text-transform: uppercase; 
  background:#bcbcbc;
  font-weight:bold;
  font-size:12px;
	margin-top: 20px;
	
	border-collapse: collapse;
	border: 8px solid transparent;
	
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
    -moz-border-top-right-radiu: 10px;
    -webkit-border-top-right-radiu: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;    
    
}

ul.tick {
padding:5px 5px 5px 15px;
list-style-type:none;
}

ul.tick li{
background:left center url('tick.png') no-repeat;
padding-left:15px;
}

ul.content {
padding:5px 5px 5px 15px;
list-style-type:none;
}

ul.content li{
background:left top url('list.png') no-repeat;
padding-left:15px;
}


table.prijevod tr:hover{
background:#f1f1f1;
}

table.cijene {
  margin:0px;
  width:100%;
  margin-bottom: 20px;
}

#cijene .legenda{
  color:#fff;
  font-family: Century Gothic;
  text-transform: uppercase; 
  background:#bcbcbc;
  font-weight:bold;
  text-align:right;
  font-size:12px;
	margin-top: 20px;
	
	border-collapse: collapse;
	border: 8px solid transparent;
	
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
    -moz-border-top-right-radiu: 10px;
    -webkit-border-top-right-radiu: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;    
    
}

table.cijene td{
font-size:12px;
padding:5px;
text-align:right;
vertical-align: middle;
}

table.cijene tr {
border-bottom:1px solid #e6e6e6;
}

table.cijene tr:hover{
background:#f1f1f1;
}

table.cijene td.sub-legenda {
text-align:left;
color:#000;
font-family: Century Gothic;
font-weight:bold;
text-transform:uppercase; 
}

a.vise {
text-decoration:none;
color:#fff;
font:11px Century Gothic;
letter-spacing:1px;
line-height:16px;
padding:5px 15px 5px 15px;
font-weight:bold;
background:#117fc7; 
text-transform:uppercase; 
margin-bottom:5px; 
position:relative; 
float:right; 
text-align:center
} 

a.vise:hover {
display:block;
text-decoration:none;
color:#fff;
font:11px Century Gothic;
letter-spacing:1px;
line-height:16px;
padding:5px 15px 5px 15px;
font-weight:bold;
text-transform:uppercase; 
margin-bottom:5px; 
position:relative; 
float:right; 
text-align:center;
background:#a4a2a2; 
}                                                        

#kulturna_dogadjanja {
margin:auto;
padding:30px 0px 100px 0px;
width:900px;
height:300px;
}
#kulturna_dogadjanja h1 {
  font: 24px 'Berlin Sans FB', arial black;
  text-transform:uppercase;
  padding-left:15px;
  text-align:left;
  color:#5d5d5d;
  letter-spacing:2.5px;
  padding-bottom:10px;
}                                               

#bottom {
width:900px;
margin-top:50px;
font: 12px Century Gothic;
color: #909090;
margin-bottom:30px;
}

#bottom table {
font-size:14px;
width:100%;
margin-bottom:20px;
}

#bottom td {
	text-transform: uppercase;
  padding:5px;
  border-right:1px solid #909090;
  border-left:1px solid #909090;
  text-align:center;
}

#bottom a.design{
float:right;
display:block;
padding:5px;
}

#bottom a.design:hover{
padding:5px;
color:#fff;
display:block;
background: #e90000;
}



.divClear {
  clear:both;
}

img.right {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

img.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

#imageContainer{
	padding: 0px;
	}
	#imageContainer img, object{
	padding: 3px;
	border: 1px solid #999999;
	}


/*------------------------------------------------*/
/*---------------[DETALJI TECAJ]------------------*/
/*------------------------------------------------*/
#krugwrap{
position:relative;
float:right;
right:50px;
width:236px;
height:191px;
font-size:18px;
font-family:century gothic;
font-weight:bold;
}
#krugwrap .krug1{
float:left;
position:absolute;
width:159px;
height:159px;
top:0px;
left:0px;
z-index:1;
background:url('krug2.png') no-repeat;
text-align:center;
}
    #krugwrap .krug1 div {padding:35px 0px 0 0;}

#krugwrap .krug2{
position:absolute;
float:right;
width:123px;
height:123px;
right:0px;
top:30px;
z-index:2;
background:url('krug1.png') no-repeat;
text-align:center;
}
    #krugwrap .krug2 div {padding-top:30px}

#krugwrap .krug3{
position:absolute;
float:right;
width:74px;
height:74px;
bottom:0px;
right:60px;
z-index:3;
background:url('krug3.png') no-repeat;
text-align:center;
}
    #krugwrap .krug3 div {padding-top:23px}

#krugwrap .krug3-promocija{
position:absolute;
float:right;
width:74px;
height:74px;
bottom:0px;
right:60px;
z-index:3;
background:url('krug3-promocija.png') no-repeat;
text-align:center;
}
    #krugwrap .krug3-promocija div {padding-top:23px}

  
  
#prijevod {
font-size: 10px;
padding: 15px;
width: 150px;

	padding: 20px;
	background: #e8e8e8;
	margin-bottom: 20px;
	margin: auto;
	text-align: left;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}