textarea { overflow: auto; }

body
{
    margin:0;
    padding:0;
    font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Sans-Serif;
    color:#000000;
    font-size:14px;
}

img
{
    border:none;
    padding:0; margin:0;
}

a
{
    color:#0faa32;
    border-bottom:1px dotted;
    text-decoration:none;    
    outline: none;
}

a:hover
{
    border-bottom:none;
}

a:active
{
     outline: none;
}

p
{
    padding:0;  margin:0;
}

h1
{
    margin:0; padding:0; font-weight:normal;
    font-size:48px;
    font-family:Georgia, Times New Roman, Serif;
    letter-spacing:-0.075em;
}

.clearfix:after
{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

div.center960
{
    margin:0px auto;
    width:960px;  
    position:relative;
}

div.prugeTransparent
{
    background-image:url('../Images/prugeTransparent.png');
    background-repeat:repeat-y;    
}

/* Header */

div.header
{   
    min-height:595px;
    /*_height:647px;*/
    padding-top:52px;
    
}

div.header div.LogAgEn img
{
    margin-left:70px;
    float:left;
    /*_display:inline;*/
}

div.header div.AgEn
{
    width:778px;
    _width:783px;
    height:21px;
    _height:56px;
    padding-top:35px; padding-left:5px;
    border-bottom:3px solid #27b246;
    float:left;
    color:#888888;
    position:relative;       
    margin-left:27px;
}

div.header div.AgEn span
{
    position:absolute; top:30px;
    display:block;    
    float:left;
}

div.header div.AgEn span.English
{
    display:block;
    color:#000000;
    float:right;    
    right:0px;
}

div.header div.moto
{
    margin-top:50px;
    margin-left:31px;
}

div.header div.moto span
{
    font-size:60px;
    font-family:Georgia, 'Times New Roman', Serif;
    color:#292828;
    letter-spacing:-0.025em;
    line-height:1.1em;    
}

div.header div.moto div.lQoute
{
    height:105px;
    width:40px;
    margin-top:8px;    
    float:left;
}

div.header div.moto div.rQoute
{
    width:810px;        
    float:left;
}

div.header div.podMoto
{
    text-transform:uppercase;
    font-size:18px;
    color:#5a5a5a;
    margin-top:35px;
    letter-spacing:-0.025em;
    line-height:1.33em;
}

div.header div.podMoto img
{
    float:left;
    margin-right:1px;
    margin-top:7px;
}


/* Prva strana */

div.blueSeparatorLine
{
    background-color:#41d7f6;
    height:116px;
    width:100%;
    position:relative;      
    z-index:5;
}

div.blueSeparatorLine a
{
    display:block;
    color:#000000;
    border:none;
}

div.blueSeparatorLine span.naslov
{
    display:block;
    font-size:48px;
    font-family:Georgia;
    letter-spacing:-0.075em;
    margin-top:6px;        
}

div.blueSeparatorLine span.podnaslov
{
    display:block;
    font-size:18px;
    line-height:24px;
    letter-spacing:-0.025em;
    text-transform:uppercase;
    color:#5a5a5a;
    margin-left:-1px; margin-top:-3px;
}

a.Menu
{
    display:block;
     width:220px;
    _width:240px;    
    _display:inline;
    height:116px;
    padding-left:20px;
    float:left;   
    z-index:3;
    position:relative;       
}

a.Menu.yellow
{
    background-color:#f5e128;    
    padding-left:69px; padding-right:10px;
    width:229px;
    _width:308px;
}

a.Menu.yellow:hover, a.Menu.blue:hover, a.Menu.green:hover
{
    background-color:White;    
}

a.Menu:hover span.naslov
{
    color:#000000;
}

a.Menu:hover span.podnaslov
{
    color:#5a5a5a;
}

a.Menu.blue
{
    background-color:#41d7f6;    
}

a.Menu.blue.longer
{
    width:220px;
    _width:300px;
    margin-left:330px;    
    z-index:2;
    padding-left:80px;
}

a.Menu.green
{
     background-color:#0faa32;
     width:310px;
     _width:330px;   
}

a.green span
{
    color:#ffffff;
}

a.green span.podnaslov
{
    color:#ffffff;
}

a.MenuActive
{
    display:block;     
    position:absolute;
    z-index:3;    
}

a.MenuActive.yellow
{
     background-image:url('../Images/YellowNavActive.png');     
     padding:30px 82px 15px 70px;
     width:238px;
     _width:390px;
     top:-28px;    
     left:0px;
     height:163px;
     _height:208px;        
}

a.MenuActive.blue
{
      background-color:#41d7f6;
      left:308px;            
      padding-left:102px;
      width:220px;
      _width:322px;
      top:-8px;
      height:166px;
}

a.MenuActive.blue span.naslov
{
      margin-top:15px;
}

a.MenuActive.green
{
      background-color:#0faa32;
      color:#ffffff;
      left:630px;            
      padding:6px 70px 15px 20px;
      width:240px;
      _width:330px;
      top:-8px;
      height:150px;
      _height:171px;
}

div.greenSeparatorLine
{
    background-color:#0faa32;
    height:116px;
    width:50%;
    position:absolute; top:0px; right:0px;
    z-index:0;
}

div.backRadovi
{
    padding-top:64px;
     height:1109px;
    _height:1173px;
}

div.lightYellowBackground
{
    background-color:#faf093;   
    width:100%;
    position:relative;
    z-index:0;    
}

div.lightBlueBackground
{
    background-color:#90e4f6;   
    width:100%;
    position:relative;
    z-index:0;     
}

div.yellowBack
{
    height:643px;          
}

div.Nav
{
    background-color:#fefce9;  
    height:58px;
    width:980px;
    position:absolute; top:84px; left:50%;
    margin-left:-490px;
    z-index:4;
}

div.Nav a.menuLinkBack
{
    display:block;
    width:152px;
    height:35px;    
    padding-left:12px;
    padding-top:6px;
    _width:164px;
    _height:41px;
    font-family:Georgia;
    font-size:24px;
    float:left;
    text-transform:uppercase;
    background-image:url('../Images/menuLinkBackground.png');
    background-position:0px 41px;
    margin-top:8px;
    margin-left:6px;
    color:#000000;
    letter-spacing:-0.075em;
    border:none;
}

div.Nav a.menuLinkBack.First
{
    margin-left:68px;
}

div.Nav a.menuLinkBack:hover
{
    background-position:0px 0px;
}

div.Nav a.menuLinkBackActive
{
    background-position:0px 82px;
}

div.yellowSeparatorLine
{
    height:283px;
    width:100%;
    background-color:#f5e128;
}

/* NOVOSTI */

a.Novost
{
    display:block;
    height:50px;
    _height:90px;
    width:812px;
    _width:954px;
    border-right:6px solid #41d7f6;
    border-bottom:none;
    margin-top:20px;
    background-image:url('../Images/novostBackground.png');   
    padding:20px 84px 20px 58px;
    font-family:Georgia;
}

a.Novost:hover
{
    background-position:0px 180px;
    
}

a.Novost img
{
    float:left;
}

a.Novost .Naslov
{
    margin-left:101px; margin-bottom:2px;
    text-decoration:underline;
    font-size:24px;    
    line-height:26px;
    letter-spacing:-0.075em;
    color:#000000;
}

a.Novost:hover .Naslov
{
    text-decoration:none;    
}

a.Novost .Datum
{
    color:#ffffff;
    font-size:18px;
    letter-spacing:-0.025em;
    margin-left:102px;        
}

a.Novost:hover .Datum
{
    color:#c20c58;
}

a.Novost.Aktivna
{
    background-color:#ffffff;    
    background-position:0px 90px;
}

a.Novost.Aktivna:hover
{
    background-color:#ffffff;    
    background-position:0px 90px;
}

a.Novost.Aktivna .Datum
{
    color:#c20c58;
}

div.AktivnaNovost
{
    width:834px;
      _width:954px;
    border-right:6px solid #41d7f6;
    padding:20px 60px 60px 60px;
    display:none;
    background-color:#ffffff;
    overflow:hidden;
}

div.AktivnaNovost p
{
    width:220px;
    float:left;
    margin:0px 20px 2px 0px;    
}

div.AktivnaNovost img.SlikaVijest
{
    float:left;    
    margin:-90px 101px 10px -2px;
    _display:inline;
}

img.shareFace
{
    clear:both;
    float:left;
    margin:0;
    margin-left:591px;
    _display:inline;
}

div.lightGreenBackground
{
    width:100%;
    background-color:#87d498;
    position:relative;
}

div.Kontakt
{
    background-color:#ffffff;
    width:800px; _width:849px;
    height:280px; _height:320px;
    border:20px solid #0faa32;
    position:relative;   
    padding-left:49px; padding-top:40px;
}

div.Kontakt p.adresa
{
    width:240px;
    padding-top:40px;
    line-height:20px;
}

div.Kontakt p.bank
{
    font-size:12px;
    color:#6f6f6f;
    padding-top:30px;
}

div.Kontakt p.fejs a
{
    display:block;
    width:20px; height:20px;
    background-image:url('../Images/facebook-icon.gif');
    border:none;
}

div.Kontakt p.fejs a:hover
{
    background-position:-20px 0px;    
}

div.Kontakt p.twitter a
{
    display:block;
    width:20px; height:20px;
    background-image:url('../Images/twitter-icon.gif');
    border:none;
}

div.Kontakt p.twitter a:hover
{
    background-position:-20px 0px;    
}


div.Kontakt p.mail
{
    float:right;
    margin-right:27px; margin-top:25px;
}

div.Kontakt .Forma
{
    display:block;
    position:absolute; top:120px; right:-20px;
    min-height:335px; _height:375px; 
    width:200px; _width:240px;
    background-color:#0faa32;
    padding:20px;
    border-right:20px solid #0faa32;
}

div.Kontakt .Forma span, div.Kontakt .Forma label
{
    display:block;
    color:White;
    padding-left:15px;
    padding-top:5px;
}

div.Kontakt .Forma input
{
    background-color:#ffffff;
    width:190px;
    _width:220px;        
    padding:15px;
    border:none;
    height:14px; _height:44px;
    font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Sans-Serif;
    color:#000000;
    font-size:14px;
    
}

div.Kontakt .Forma textarea
{
    background-color:#ffffff;
    width:206px;
    _width:220px;    
    padding-left:14px;
    border:none; 
    padding-top:20px;
    margin-top:20px;
    height:183px;
    _height:203px;
    font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Sans-Serif;
    color:#000000;
    font-size:14px;
}

.Forma input[type=submit]
{    
    width:220px !important; 
    margin-top:20px;
    height:44px !important;
    cursor:pointer !important;
}


a.ArrowUp
{
    display:block;
    margin-left:311px;
    margin-top:66px;
    border:none;    
    font-family:Georgia;
    font-size:24px;
    color:#000000;
}

a.ArrowUp img
{
    float:left;
}

a.ArrowUp span
{
    display:block;
    text-decoration:underline;    
    float:left;
    padding-top:20px;
    padding-left:14px;
}

a.ArrowUp:hover span
{
    text-decoration:none;
}

div.referencaWrapper
{
    width:960px;
    position:relative;
    z-index:3;
}

div.referenca
{    
    width:960px;
    position:absolute; top:0px; left:0px;
    display:none;    
    margin:0px;
    z-index:3;
}

div.referenca a.prevRef
{
    position:absolute;
    top:285px;
    left:-20px;
    z-index:4;    
    border-bottom:none;
    display:block;
    width:40px; height:40px;
    background-image:url(../Images/glavna-strela-lijevo.png);
}

div.referenca a.prevRef:hover 
{
    background-position:-40px 0px;
}

div.referenca a.prevRef:active 
{
    background-position:-80px 0px;
}

div.referenca a.nextRef
{
    position:absolute;
    top:285px;
    right:-20px;
    z-index:4;
    border-bottom:none;
    display:block;
    width:40px; height:40px;
    background-image:url(../Images/glavna-strela-desno.png);
}

div.referenca a.nextRef:hover
{
    background-position:-40px 0px;
}

div.referenca a.nextRef:active 
{
    background-position:-80px 0px;
}

div.referenca img.slika
{
    margin:0px; padding:0px; border-bottom:none;
    background-color:#f5e128; 
    padding-top:100px;
    padding-left:20px;      
    display:block;   
}

div.referenca div.opisDatum
{
    background-color:#f5e128;
    font-size:18px;
    line-height:26px;
    letter-spacing:-0.025em;
    text-transform:uppercase;
    padding-left:60px;
    width:270px;
    _width:330px;
    padding-top:40px;
    margin:0px;    
    height:334px;
    _height:374px;   
    float:left;
    position:relative;
    text-align:left;
}

div.referenca div.opisDatum span
{
    display:block;
    background-image:url('../Images/referenceDatum.png');
    width:190px; _width:200px; height:30px; _height:35px;
    padding:5px 0px 0px 10px;     
}

div.referenca div.opisDatum p
{
    margin-top:10px;
    padding-right:80px;
    padding-left:10px;
}

div.yellowBack img.yellowArrow
{
    position:absolute;
    top:600px; left:272px;    
    z-index:4;
}

div.referenca div.opisWhiteBack
{
    width:610px;        
    _height:480px;
    min-height:480px;
    float:left;    
    z-index:2;
    position:relative; 
}

div.referenca div.opisWhiteBack div.Tekst
{
    padding:39px 50px 40px 60px;
    min-height:353px;
    _height:432px;
    background-color:#ffffff;
    overflow:hidden;
}

div.referenca div.opisWhiteBack div.Tekst h1
{
    padding-left:20px;    
    text-transform:lowercase;
}

div.referenca div.opisWhiteBack div.Tekst p
{
    padding-top:10px;
    padding-left:20px;    
    color:#5a5a5a;
    float:left;
    width:200px;
    _width:220px;
    margin-right:20px;
    letter-spacing:-0.025em;
    line-height:1.4em;
}

div.referenca div.opisWhiteBack div.Tekst p.footer
{    
    width:5000px;
    padding-left:0px;
    margin:0px;    
}

div.referenca div.opisWhiteBack div.Tekst p.footer span
{
    background-image:url('../Images/2smallArrows.png');
    background-repeat:no-repeat;
    background-position:0px 14px;    
    display:block;
    padding-top:10px;
    padding-left:20px;
}

div.reference
{
    position:absolute; top:0px; left:0px; z-index:3;
}

div.tockice
{    
    height:14px;    
    background-color:transparent;
    position:absolute;
    top:570px; left:410px;    
    z-index:4;
}

div.tockice a
{
    display:block;
    background-image:url('../Images/yellowBlackDots.png');
    width:14px; height:14px;
    float:left;
    border:0; margin:0px 3px;
}

div.tockice a:Hover
{
    background-position:14px 0px;
}


div.tockice a.Active
{
    background-position:14px 0px;
}

a.fancy
{
    background:none; display:inline;
}


div.overlay {	
	padding:40px;		  
	display:none;	
	width:600px;
	position:fixed !important;
	top:75px !important; /*left:0px !important;*/
	z-index:100000 !important;
}

div.overlay object
{
    z-index:100000 !important;
}

div.overlay div.close {	
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

a.player { 		
	display:block;
	height:450px;			
}