/* GENERAL STYLES */
@import url(/felix.css);

*{ margin:0; border:0; padding:0; }

body{ background:#F5F5E9 url('/css/img/page_bg.gif') repeat-x 0 0; font-size:62.5%; }

img, a img{ display:block; border:0; }

a:focus{ outline:none; }

.clear{ clear:both; }

/*************************************
basic containers
*************************************/

#outerContainer{ background:url('/css/img/fake.gif') repeat-y 0 0; margin:0 auto; width:960px; }

#container{ background: url('/css/img/page_bg.gif') repeat-x 0 0;
width:960px; margin:0 auto; position: relative; }

#content{ float:right; width:800px; }

#navigation{ float:left; width:150px; background:#F5F5E9; }

#footer{ clear:both; height:36px; border-top:10px solid #F5F5E9; background:#FEBA00 url('/css/img/footer.png') no-repeat 0 0; position:relative; }

#footer p{ font:bold 14px Arial; color:#413C26; position:absolute; left:400px; bottom:11px;}

/*************************************
navigation area
*************************************/

#logo{ display:block; background:url('/css/img/logo.png') no-repeat 0 0; width:150px; height:57px; border-bottom:5px solid #F5F5E9; }

#search{ background:#FEBA00 url('/css/img/search.png') no-repeat 0 0; height:89px; }


.searchForms{ display:block; width:150px; padding-top:10px; padding-bottom:3px; float:left; }
.searchForms input{ float:left; width:100px; background:#fff; margin:1px 8px; border:1px solid #8D876F; padding:2px; font:1.1em Tahoma; }
.searchForms input.formSubmit{ background: url(/css/searchSubmit.gif) no-repeat 0 0; float:left; width:20px; cursor:pointer; margin:0; border:0; text-indent:-9999px; }
.optionForm{ padding:0 10px; background:yellow; }
.optionForm input{ display:block; margin-left:9px; }
.optionForm label{ display:block; text-align:center; width:25%; float:left; font:11px Tahoma; }

#navigation dl{background:#fff; margin-top:5px; padding-bottom:10px; }
#navigation dl dt{ background:#000 url('/css/img/categoryName.png') repeat-x 0 0; color:#fff; margin-bottom:5px; padding:5px 10px; font:1.1em Tahoma; }
#navigation dl dd{ margin:0 10px; padding:4px 0; background:url('/css/img/dots.gif') no-repeat 0 100%; }
#navigation dl dd a{ display:block; text-decoration:none; font:1.1em Tahoma; color:#2D2D2D; background:url('/css/img/arrows.gif') no-repeat 5px 50%; padding-left:20px; }

#navigation dl dd a.search{ background:url('/css/img/iconSearch.gif') no-repeat 0 50%; }
#navigation dl dd a.calculator{ background:url('/css/img/iconCalculator.gif') no-repeat 0 50%; }
#navigation dl dd a.camera{ background:url('/css/img/iconCamera.gif') no-repeat 0 50%; }
#navigation dl dd a.target{ background:url('/css/img/iconTarget.gif') no-repeat 0 50%; }
#navigation dl dd a.thumb{ background:url('/css/img/iconThumb.gif') no-repeat 0 50%; }
#navigation dl dd a.obrazac{ background:url('/css/img/iconObrazac.gif') no-repeat 0 50%; }
#navigation dl dd a.fullscreen{ background:url('/css/img/iconFullscreen.gif') no-repeat 0 50%; }



#navigation dl dd a:hover{ padding-left:25px; background:url('/css/img/arrows.gif') no-repeat 10px 50%; color:#000; }

#navigation h4{ background:#000 url('/css/img/categoryName.png') repeat-x 0 0; color:#fff; margin-bottom:1px; padding:5px 10px; font:1.1em Tahoma; }

form#newsletterForm{ display:block; border:1px solid #ccc; padding:10px; width:128px; background:#fff; }
form#newsletterForm label{ display:block; font:1em Tahoma; margin:0 0 4px 0; cursor:pointer; }
form#newsletterForm input{ background:#fff; color:#000; border:1px solid #000; padding:2px; font:1em Tahoma; }
form#newsletterForm input.newsletterInput:focus{ background:#000; color:#fff; }
form#newsletterForm input.newsletterSubmit{ background:#000; color:#fff; border:0; cursor:pointer; }

.banner{ background:#fff; margin:5px 0; border:1px solid #94958F; padding:2px; }





#navigation h4#rss a{color:#fff; text-decoration:none;}

#navigation h4#rss{padding-top:4px; margin-top:5px;}

/************************************************
content area -> menu
*************************************************/

#menu{ width:770px; height:32px; background:#FEBA00 url('/css/img/menu.png') no-repeat 0 0; padding:0 15px;
padding-top:25px; position: relative; }
#menu ul.menuMain{ float:left; list-style:none; }
#menu ul.menuMain li{ float:left; font:bold 1.4em "Trebuchet MS", Helvetica, sans-serif; background:url('/css/img/separator.gif') no-repeat 0 50%; }
#menu ul.menuMain li a{ text-decoration:none; color:#000; margin:4px 0; padding:0 8px; }
#menu a#hakfacebook,
#menu a#haktwitter { background-image: url(http://www.hak.hr/media/117795/menu-twfb.png); background-position: 0 0; background-repeat: no-repeat; background-color: transparent; height: 46px; position: absolute; text-indent: -10000px; top: 11px; width: 18px; }
#menu a#hakfacebook { background-position: 0 0; right: 13px; }
#menu a#haktwitter { background-position: -36px 0; right: 43px; }
#menu a#hakfacebook:hover { background-position: -18px 0; }
#menu a#haktwitter:hover { background-position: -54px 0; }

ul.menuLang{ float:left; margin:0 0 5px 0; list-style:none; background:#fff; border:1px solid #000; padding:3px 5px; }
ul.menuLang li{ float:left; font:1em Tahoma; border-left:1px solid #000; padding:0 7px; }
ul.menuLang li.firstItem{ border-left:0; }
ul.menuLang li a{ text-decoration:none; color:#000; }
ul.menuLang li a:hover{ color:#d30000; }
ul.menuLang li a.active{ color:#c00; }

/************************************************
content area -> content
*************************************************/

#contentArea{ float:left; background:#fff; padding:5px 20px; border-top:5px solid #F5F5E9; }

#contentArea.homePage {padding:5px;}
#contentArea img{ float:left; }
#contentArea #cover{ float:left; width:540px; height:350px; }

#contentArea a{ color:#2d2d2d; text-decoration:underline; font-weight:bold; } 
#contentArea a:hover{ text-decoration:none; }

#contentArea h4{ font:bold 1.1em Tahoma; color:#2d2d2d; margin:10px 0; }
#contentArea h5{ font:bold 1.1em/2em Tahoma; margin:5px 0 1px 0; padding:0 0 5px 16px; cursor:pointer; text-decoration:underline; background:url(/media/3528/nova.gif) no-repeat 0 8px; }

#contentArea .showDetails div{ background:#F5F5E9; border:1px solid #ddd; padding:10px; }
#contentArea .showDetails div img{ float:none; margin:10px 0; }

#contentArea .showDetails div .obavezno{background:#FFD600;}

#contentArea .showDetails ul.klubDetail li{ text-decoration:underline; cursor:pointer; }

#contentArea .showDetails ul.klubDetail li li{ text-decoration:none; cursor:default; }

#contentArea p{  font:1.1em/1.6em Tahoma; color:#2d2d2d; margin:5px 0; }

#contentArea ul{ list-style:none; padding:5px 0; }
#contentArea ol{ margin:5px 0; margin-left:10px; padding-left:18px; font:1.1em/1.4em Tahoma; }
#contentArea ul li{ background:url('/css/img/bullet.gif') no-repeat 0 1px; margin:5px 0; padding-left:15px; 
font:1.1em/1.4em Tahoma; }
#contentArea li li{ font-size:100%; }



/*************************************
tickers
*************************************/

.tickers{ clear:both; width:800px; float:left; }

.ticker{ float:left; width:188px; margin-left:16px; margin-top:15px; }
.ticker img{ background:#fff; border:1px solid #ccc; padding:4px; }
.ticker dl dt{ font:bold 1.1em/1.4em Tahoma; background:#FEBA00 url('/css/img/tickerTitle.png') repeat-x 0 100%; color:#353535; padding:7px 10px; }
.ticker dl dt a{ text-decoration: none; color: #000; display: block; }
.ticker dl dt a:hover{ color: #f00; }
.ticker dl dd{ font:1.1em/1.6em Tahoma; background:#fff; border-bottom:5px solid #8B8B8B; display: block; height:140px; }
.ticker dl dd.text{ position:relative; top:5px; padding:0 10px; }

.ticker dl dd.text a{ color:#2d2d2d; text-decoration:underline; font-weight:bold; }
.ticker dl dd.text a:hover{ text-decoration:none; }



.firstTicker{ margin-left:0; }
#container #naslovnaBanner{border:1px solid #ccc; padding:2px; background:#fff; margin:5px 0;}
/*************************************
footer links
*************************************/

#footer ul.bannerList{ float:left; height:36px; padding-left:10px; list-style:none; }
#footer ul.bannerList li{ float:left; height:36px; }
#footer ul.bannerList li a{ display:block; width:48px; height:36px; }

#footer ul.bannerList li a.hak{ background:url('/css/img/bannerHak.png') no-repeat 50% 0; }
#footer ul.bannerList li a.ador{ background:url('/css/img/bannerAdor.png') no-repeat 50% 0; }
#footer ul.bannerList li a.mireo{ background:url('/css/img/bannerMireo.png') no-repeat 50% 0; }

#footer ul.textList{float:right;height:36px;padding-right:10px;list-style:none;}
#footer ul.textList li{float:left; height:36px; font:1.1em/34px Tahoma; }
#footer ul.textList li a{ text-decoration:none; margin:0 3px; color:#000; }
#footer ul.textList li.smallerFont{ font:0.9em/36px Tahoma; }
#footer ul.textList li.biggerFont{ font:1.3em/32px Tahoma; }

.alt{display:none;} /* jFlash need it */

/******************************************************************
                MEDUNARODNI DOKUMENTI
******************************************************************/
#contentArea ul.medunarodna_dozvola{}
#contentArea ul.medunarodna_dozvola li{ font:bold 1.4em Tahoma; color:#2d2d2d; text-align:center; background:none;
float:left; width:131px; height:66px; margin-right:40px; padding:0 25px; padding-top:170px; }

#contentArea ul.medunarodna_dozvola li.vozacka{          background:url('/css/img/medjunarodna_vozacka_1.jpg') no-repeat 0 0; }
#contentArea ul.medunarodna_dozvola li.fotografije{      background:url('/css/img/medjunarodna_vozacka_2.jpg') no-repeat 0 0; }
#contentArea ul.medunarodna_dozvola li.osobni_dokumenti{ background:url('/css/img/medjunarodna_vozacka_3.jpg') no-repeat 0 0; }

#contentArea ul.medunarodna_dozvola li.osobna{          background:url('/css/img/medjunarodna_vozacka_4.jpg') no-repeat 0 0; }
#contentArea ul.medunarodna_dozvola li.prometna{      background:url('/css/img/medjunarodna_vozacka_5.jpg') no-repeat 0 0; }
#contentArea ul.medunarodna_dozvola li.putovnica{ background:url('/css/img/medjunarodna_vozacka_6.jpg') no-repeat 0 0; }

/******************************************************************
                pomocni menu unutar contenta
******************************************************************/

#crumbs { width:744px; background:#2d2d2d; margin-bottom: 10px; padding:4px 8px; float:left; }
#crumbs ul{ margin:0; padding:0; float:left; }
#crumbs ul li{ background:url('/css/img/crumbs.gif') no-repeat 0 50%; float:left; margin:0; color: #fff; margin:0; padding:0 14px; font-weight: bold; }
#crumbs ul li a { color: #fff; text-decoration:none; }
#crumbs ul li a:hover{ text-decoration:underline; }

/******************************************************************
                navigacija sa tickera...
******************************************************************/

#news_navigation{ 
float:left; 
border-bottom:1px solid #E1E1D2; /* donji border koji se na klasu active djelomicno prekida */
width:760px; 
padding:0; 
}

#news_navigation ul{ padding:0; }

#news_navigation ul li{ 
float:left; 
display:block; 
margin:0 3px 0 0; 
padding:0; 
background:none; 
font:normal 1.7em Tahoma; 
}

#news_navigation ul li a{ 
position:relative; 
bottom:-1px; 
display:block; 
float:left; 
text-decoration:none; 
border:1px solid #E1E1D2; 
z-index:10; 
margin:0; 
padding:0; 
margin-top:3px; /* margina koja popunjava prostor kad se klikne na link "padding-top"-"padding" = "margin-top"  */
padding:5px 15px; 
color:#2D2D2D; 
background:#fff url('/css/img/gradient.gif') repeat-x 0 0; 
font-weight:normal;
}

#news_navigation ul li a:hover{ 
color:#000; 
background:#fff; 
}
#news_navigation ul li a.active{
margin-top:0; /* ponistena prethodno podesena margina na a tagu */
border-bottom:1px solid #fff; 
padding-top:8px; /* padding "padding" + "margin-top" = "padding-top" */
}

/******************************************************************
                content sa tickera
******************************************************************/

#contentArea #news_preview{ clear:both; float:left; border:1px solid #E1E1D2; border-top:0; padding:0 0 20px 0; width:760px; }
#contentArea #news_preview dl{ display:block; background:url('/css/img/news_preview_top2.gif') no-repeat 100% 0; margin:10px 15px; }
#contentArea #news_preview dl.srednji{ width:345px; display:inline; float:left; }
#contentArea #news_preview dl dt{ display:block; font:normal 1.7em Tahoma; color:#2d2d2d;
background:url('/css/img/news_preview_top1.gif') no-repeat 0 0; padding-top:12px; padding-left:4px; }
#contentArea #news_preview dd.news_title{ font:bold 1.3em Tahoma; color:#2d2d2d; color:#c00; margin:10px 0; padding-left:4px; }
#contentArea #news_preview dd.news_date{ font:1em Tahoma; color:#999; margin:5px 0; padding-left:15px; background:url('/css/img/news_date.gif') no-repeat 0 50%; }
#contentArea #news_preview dd img{ float:left; width:auto; margin-right:10px; border:2px solid #D5D5D5; }
#contentArea #news_preview dd.news_shorttext{ font:1.1em/1.4em Tahoma; color:#2d2d2d; }
#contentArea #news_preview dd.news_shorttext p{ font:1.0em/1.4em Tahoma; color:#2d2d2d; }


#contentArea #news_preview dd.news_shorttext li{ font:11px/1.4em Tahoma; }

#contentArea #news_preview div.newsLeft{ width:345px; float:left; }
#contentArea #news_preview div.newsRight{ width:345px; float:left; }


/******************************************************************
                pomocni menu unutar contenta
******************************************************************/

#contentArea .documents{ display:block; float:right; width:220px; border-top:10px solid #FFD300; padding-top:1px; margin-left:20px; margin-bottom:10px;}
#contentArea .documents h6{ display:block; margin:0; margin-bottom:1px; padding:4px 8px; font:bold 1em/1.6em Tahoma }

#contentArea .documents.ait{ border-top:10px solid #FFD23A; background:#F6F6F6; }
#contentArea .documents.fia{ border-top:10px solid #001E4A; background:#F6F6F6; }
#contentArea .documents.cieca{ border-top:10px solid #026C7C; background:#F6F6F6; }
#contentArea .documents.ivv{ border-top:10px solid #029B7F; background:#F6F6F6; }
#contentArea .documents.eric{ border-top:10px solid #01009A; background:#F6F6F6; }
#contentArea .documents.arc{ border-top:10px solid #D40400; background:#F6F6F6; }
#contentArea .documents.eurorap{ border-top:10px solid #C4D092; background:#F6F6F6; }
#contentArea .documents.eurotest{ border-top:10px solid #9E1A41; background:#F6F6F6; }
#contentArea .documents.eurotap{ border-top:10px solid #AA0541; background:#F6F6F6; }
#contentArea .documents.cita{ border-top:10px solid #375D60; background:#F6F6F6; }
#contentArea .documents h6.welcomeBack{ background:#FFD200; color:#000; }

#contentArea h1.ait{ color:#72D4FF; }
#contentArea h1.fia{ color:#001E4A; }
#contentArea h1.cieca{ color:#026C7C; }
#contentArea h1.cita{ color:#375D60; }
#contentArea h1.ivv{ color:#029B7F; }
#contentArea h1.eric{ color:#01009A; }
#contentArea h1.arc{ color:#D40400; }
#contentArea h1.eurorap{ color:#C4D092; }
#contentArea h1.eurotest{ color:#9E1A41; }
#contentArea h1.eurotap{ color:#AA0541; }



#contentArea .documents ul{ margin:0; border:1px solid #cecece; border-bottom:3px solid #2d2d2d; padding:10px; }
#contentArea .documents ul li{ margin:2px; padding:0; list-style:none; background:none; }
#contentArea .documents ul li a{ color:#000; text-decoration:none; background:transparent; font-weight:normal; 
background:url('/css/img/arrows.gif') no-repeat 1px 5px; padding-left:15px; }
#contentArea .documents ul li a:hover{ text-decoration:underline; }

#contentArea #headerSudjelovanja img{ margin-bottom:10px; }

/******************************************************************
                content hak team
******************************************************************/

#contentArea div.teamHolder{ float:left; width:700px; }

#contentArea dl.team{ float:left; position:relative; width:210px; margin:5px 20px 25px 0; font:1.1em Tahoma;}
#contentArea dl.team dt { width:85px; background:#F5F5E9; margin:0; border:1px solid #d2d2d2; padding:3px; float:left; }
#contentArea .odbor { width:85px; background:#F5F5E9; margin:0; border:1px solid #d2d2d2; padding:3px; float:left; margin-right:10px; }
#contentArea dl.team dt img{ display:block; margin:0; } 
#contentArea dl.team dd{ float:right; width:105px; margin:2px 0; padding:0 5px; }
#contentArea dl.team dd.ime{ font-weight:bold; }
#contentArea dl.team dd a{ position:absolute; right:55px; bottom:5px; }

/******************************************************************
                obavijesti -> home page
******************************************************************/

#contentArea dl.obavijesti{ display:block; background:#fff; padding:10px; width:225px; height:145px; }
#contentArea dl.obavijesti dt{ font:bold 1.4em Tahoma; }
#contentArea dl.obavijesti dd{ font:bold 1.1em Tahoma; margin:8px 0; }


/******************************************************************
                content tables
******************************************************************/

#contentArea table{ margin:10px 0; border-collapse:collapse; border-top:5px solid #fc0; font:1.1em/1.4em Tahoma; clear:both; }
#contentArea table thead tr{}
#contentArea table thead td{ background:#fc0; font-weight:bold; padding:5px 10px 10px 10px; }
#contentArea table tbody tr.odd{ background:#FDF8E1; }
#contentArea table tbody td{ border:1px solid #fc0; border-width:1px 0; padding:5px; }

/******************************************************************
                content forms
******************************************************************/

#contentArea form{ clear:both; background:#fff; width:400px; }
#contentArea form fieldset{ margin-bottom:10px; padding-bottom:10px; }
#contentArea form h4{ background:#fc0; display:block; margin:0; margin-bottom:10px; padding:5px; }
#contentArea form label{ float:left; clear:left; width:110px; margin:2px; margin-left:12px; padding:2px; text-align:right; font:1.1em Tahoma; }

#contentArea form input, #contentArea form select{ float:left; width:225px; margin:2px; margin-right:12px; 
border:1px solid #e4e3e1; padding:2px 3px; font:1.1em Tahoma; }

#contentArea form textarea{ float:left; width:225px; margin:2px; /* margin-right:12px; */
border:1px solid #e4e3e1; padding:2px 3px; font:1.1em Tahoma; overflow:auto; }

#contentArea form input:focus, #contentArea form textarea:focus{ border:1px solid #aaa; }

#contentArea fieldset.vrstaClanstva span input, 
#contentArea fieldset.vrstaClanstva span.checkbox input, 
#contentArea fieldset.vrstaClanstva select{ clear:left; display:inline; width:auto; margin:2px 0; border:0; }
#contentArea fieldset.vrstaClanstva select{ border:1px solid #e4e3e1; width:245px; }


#contentArea fieldset.vrstaClanstva label{ display:inline; clear:none; text-align:left; margin:2px 0; padding:0; padding-left:5px; }
#contentArea fieldset.vrstaClanstva div { clear:both; font-size:1px; padding:10px; margin:0; }
#contentArea fieldset.vrstaClanstva div a{ font:11px/1em tahoma; color:#f00; margin:0; padding:0; }
#contentArea fieldset.vrstaClanstva h5{ background:none; clear:both; display:block; padding-left:0; cursor:text; text-decoration:none; }

#contentArea fieldset.vrstaClanstva input.submit{ background:#000; color:#fff; border:0; width:auto; clear:both; }

/******************************************************************
                	uÄ?lani se
******************************************************************/
ul#clanstvoSlike { float:left; margin:0; padding:0; clear:both; list-style:none; width:760px; margin-bottom:20px; }
ul#clanstvoSlike li { float:left; background:none; width:240px; margin:0; padding:0; }
ul#clanstvoSlike img{ margin-right:20px; float:left; display:inline; }


/********************************************************************
			autoklubovi
********************************************************************/
#contentArea .autoKlubovi img{margin-right:10px; margin-bottom:30px; margin-left:50px; background:#F5F5E9; border:1px solid #d2d2d2; padding:5px;}

/*************************************
pretraga
*************************************/

#contentArea #contentSearch{ background:#fff;}

#contentArea #contentSearch dd { width:700px; }

#contentArea #contentSearch dl { font:1.1em/1.6em Tahoma; color:#2d2d2d; margin:5px 0; padding-bottom:10px; }

/******************************************************************
                	easy clearing floats
******************************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
width:780px;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*******************
anketa
*******************/

#contentArea #homepage_notice{ margin-left:5px; float:left; width:245px;}
#contentArea #homepage_notice #anketa{border:1px solid #ccc; padding:10px; background:#fff; height:163px; width:223px;}
#contentArea #homepage_notice #anketa h3{ display:block; font:bold 13px "Trebuchet MS", Georgia, "Times New Roman", Times, serif; 
color:#414141; margin:0 0 10px 0; border:0; padding:0; }

#contentArea #homepage_notice #anketa table{ border:0; }
#contentArea #homepage_notice #anketa table td{ width:180px; border:0; padding:2px 0; }
#contentArea #homepage_notice #anketa table input, #contentArea #homepage_notice #anketa table label{ 
display:inline; float:none; width:auto; margin:0; padding:0; border:0; text-align:left; font:13px "Trebuchet MS"; }

#contentArea #homepage_notice #anketa input.submit{ display:inline; float:none; width:auto; background:#4a4a4a; color:#fff; font:12px "Trebuchet MS"; margin-top:10px; border:0; padding:2px; cursor:pointer; }

.rezultati p.anketaOpcija{ margin:0 0 0 5px; font:bold 13px "Trebuchet MS"; }
.rezultati p.brojGlasova{ margin:10px; margin-bottom:5px; text-align:center; font:13px "Trebuchet MS"; }

.anketaPostotakVanjski{ display:block; width:221px; height:5px; background:#fff; background:black; border:1px solid #000; overflow:hidden; }
.anketaPostotakUnutarnji{ display:block; height:5px; background:#004F9A; background:#fc0; overflow:hidden; }


/**********************
	fotogalerija
**********************/

#contentArea #galerijaContainer{ background:#F5F5E9; width:700px; border:1px solid #ddd; padding-top:10px; }
#contentArea #galerijaContainer a{ width:175px; float:left; text-align:center; }
#contentArea #galerijaContainer a img{ width:143px; margin:0 13px; border:1px solid #ddd; padding:2px; }

/*****************
    step-by-step
*****************/

#contentArea ul.steps li{ background:url('/css/img/strelica.gif') no-repeat 170px 50%; float:left; width:200px; height:123px; margin:10px 0; padding:0; }
#contentArea ul.steps li.step4{ background:none; width:156px; }
#contentArea ul.steps li a{ background:url('/css/img/stepBoxHover.gif') no-repeat 0 0; width:136px; height:113px; display:block; text-align:center; text-decoration:none; color:#666; padding:10px; padding-top:0; }
#contentArea ul.steps li a.active{ background:url('/css/img/stepBox.gif') no-repeat 0 0; color:#000; }
#contentArea ul.steps li a span{width:100%; display:block; font:bold 1.6em/3em "Arial narrow", Helvetica, sans-serif; text-align:center; }
#contentArea h4{ font:bold 1.6em "Trebuchet MS", Helvetica, sans-serif; background:#ffc850; text-align:center; margin-top:20px; margin-bottom:0; padding:5px 0; display:block; }
#contentArea .stepsContent { background:#f8edbf; border:1px solid #dfddc6; padding:15px; display:block; float:left; width:728px; }
#contentArea .stepsContent ul li { margin:0px; display:block; clear:both; margin:5px; }
#contentArea .stepsContent ul li img{ border:1px solid #dfddc6; }
#contentArea .stepsContent img{ border:1px solid #dfddc6; margin:10px; }
#contentArea .stepsContent h2{ clear:both; }
#contentArea #docs img {border:1px solid #d2d2d2; background:#F5F5E9; padding:2px;  } 

/************REVIJA************/

#contentArea #revija{ text-align:center; position:relative; width:700px; margin:80px 0 50px 0; }
#contentArea #revija a{ background:url(/media/38725/transparent.gif) repeat 0 0; position:absolute; width:140px; display:block; text-indent:-9999px;}
#contentArea #revija img{ float:none; display:inline; position:relative; border-left:5px solid #015B7E; border-right:5px solid #015B7E;}

#contentArea #revija #revijaNova{ text-align:left; position:static; }
#contentArea #revija #revijaNova a{ background:#fff; position:static; width:auto; text-indent:0;  }
#contentArea #revija #revijaNova ul{ margin-left:40px; margin-top:15px; }

form#ctl04{ width:100%; background:none; }
#contentArea form#ctl04 table{ background:none; border:0; }
#contentArea form#ctl04 table tr{ background:none; }
#contentArea form#ctl04 table td{ background:none; border:0; padding:0; }
form#ctl04 input{ width:auto; float:left; margin:4px 0; }
form#ctl04 label{ float:left; width:auto; clear:none; margin:4px 0; padding:0 0 0 6px; }


form#ctl04 div.surveyResults{ width:300px; margin-bottom:30px; padding:5px; border:1px solid #ccc; font:11px Tahoma; }
form#ctl04 div.surveyResults div{ margin:5px 0; border:1px solid #000; background:#FFB400; height:3px; }


#wap a{ font:10px Verdana; width:12px; height:20px; background:url(/media/44360/wap.gif) no-repeat 0 0; display:block; position:absolute; left:0; top:0; }
#wap{ text-indent:-9999px; }

#fia{ text-align: center; width: 32px; padding-top: 10px; margin:0 auto; }
#fia img{ display:inline; }

#loadGif{ position:absolute; left:650px; top:300px; display:none; }

#ispravnost-vozila img{ float:none; }

#contentArea .small{ font-size:11px; font-style: italic; }

.floated-images{ float:left; padding-top:5px; padding-right:20px; }

	a.pdf
	{
		background-image: url(http://static1.hak.hr/images/icons/pdf.png);
		background-repeat: no-repeat;
		padding-left: 20px;
		margin-left: 6px;
display: block;
line-height: 18px;
	}
	
	ul.prez li
	{
		margin-bottom: 10px;
	}
	
	ul.gal li
	{
		display: inline;
		margin-right: 4px;
	}
	
	ul.gal li a
	{
		padding: 8px;
		background-color: orange;
		color: white;
	}

h3
{
font-family: sans-serif;
font-size: 12px;
}

/* EDITOR PROPERTIES */
h1 {
font:normal 2em/1.5em Tahoma; color:#c00; 
margin:15px 0;
}

h2 {
font:normal 1.7em Tahoma; color:#2d2d2d; 
margin:15px 0 5px 0; 
text-decoration:underline;
}

h2 {
font:bold 1.3em Tahoma; color:#2d2d2d; 
margin:15px 0 5px 0;
}