/* 
copyright City Express
*/



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

body{
font:12px Arial, Helvetica, sans-serif;
}

img{
display:block;
}

a{
color:#3c3c3c;
}

a:hover{
text-decoration:none;
}

p, h4, ul{
margin:10px 20px;
font:12px Arial, Helvetica, sans-serif;
color:#3c3c3c;
}

li{
margin:10px 20px;
font:12px Arial, Helvetica, sans-serif;
color:#3c3c3c;
}

h6{
margin:10px 20px;
font:11px Arial, Helvetica, sans-serif;
color:#DC291E;
font-weight:bold;
}

h1{
margin:10px 20px;
font:18px Arial, Helvetica, sans-serif;
color:#1A2791;
text-transform:uppercase;
}

h2{
margin:10px 20px;
font:18px Arial, Helvetica, sans-serif;
color:#FFFFFF;
display: block;
background-color: #1A2791;
padding-left: 5px;
}

h3{
margin:10px 20px;
font:14px Arial, Helvetica, sans-serif;
color:#1A2791;
}


#container{
margin:0 auto;
width:960px;
padding-bottom:50px;
background:url('img/container.gif') repeat-y 0 0;
}

#header{
height:70px;
background:#DC291E;
border-bottom:2px solid #fff;
}

#logo{
float:left;
width:250px;
height:70px;
background:url('img/citylogo.jpg') no-repeat 0 0;
}

#subHeader{
float:right;
width:200px;
height:70px;
background:url('img/link.gif') no-repeat 0 0;
}

#subNavigation{
float:left;
width:250px;
height:110px;
background:#DC291E;
margin-top:1px;

}

#flash{  
border-top:2px solid #fff;
text-align:center;
padding-top:10px;
z-index:0;
}


#navigation{
float:left;
clear:both;
width:250px;
}

#content{
float:left;
width:508px;
padding:0 1px 1px 1px;
}

#subContent{
float:left;
width:200px;
}

#footer{
clear:both;
padding-top:30px;
padding-left:260px;
}

/*****************************************************/

#navigation ul{
list-style:none;
margin:0;
padding:0px 0 30px 0;
background:#1A2791;
}

#navigation div#crta{
padding:20px 0 0px 0;
background:#1A2791;
border-bottom:1px solid #fff;
}

#navigation li{
margin:0;
}

#navigation .first{
border-top:1px solid #fff;
}

#navigation li a{
display:block;
width:250px;
font:bold 13px Arial, Helvetica, sans-serif;
border-bottom:1px solid #fff;
color:#fff;
text-decoration:none;
padding:4px 0;
text-indent:25px;
}

#navigation .aktiv a{
color:#FFE019;
background:url('img/navigation_item.gif') no-repeat 15px 50%;
}

             

#navigation li a:hover{
background:url('img/navigation_item.gif') no-repeat 15px 50%;
}

#navigation .podmenu{
margin:0;
padding:0;
}

#navigation .podmenu li.podpodmenu a{
font:12px Arial, Helvetica, sans-serif;
text-indent:35px;
color: #FFFFFF;
background: none;
}

#navigation .podmenu li.activ a{
font:12px Arial, Helvetica, sans-serif;
text-indent:35px;
color: #FFE019;
background: none;
}

#navigation .podmenu li.activ a:hover{
font:12px Arial, Helvetica, sans-serif;
text-indent:35px;
background: none;
}

#navigation .podmenu li.podpodmenu a:hover{
background:url('img/navigation_item.gif') no-repeat 25px 50%;
}

#cOnline{
background:url('img/cityOnline.png') no-repeat 0 0;
padding:10px 16px;
padding-top:63px;
}

#cOnline legend, #newsLetter legend{
visibility:hidden;
display:none;
}

#cOnline label, #newsLetter label{
display:block;
margin:2px;
color:#DC291E;
font:bold 12px Arial, Helvetica, sans-serif;
}

#cOnline input{
width:208px;
border:1px solid #aba746;
margin:2px;
padding:2px;
font:11px Arial, Helvetica, sans-serif;
}

#cOnline input#submit, #newsLetter input#submit{
width:auto;
margin-top:5px;
padding:1px;
border:0; /* for IE6 and Opera to hide border on inputs */
color:#DC291E;
font:bold 12px Arial, Helvetica, sans-serif;
cursor:pointer;
float:right;
}

#cOnline p{
margin:5px;
float:left;
}

#cOnline input:focus, #newsLetter input:focus{
border:1px solid #454545;
}

#newsLetter{
background:#fff600 url('img/newsletter.png') no-repeat 0 0;
padding:10px 5px;
padding-top:40px;
}

#newsLetter input{
width:180px;
border:1px solid #aba746;
margin:2px;
padding:2px;
font:11px Arial, Helvetica, sans-serif;
}

#newsletterForm{
background:#FFFC33;
padding:10px;
border-top:1px solid #fff;
color:#184A8F;
display:block;
clear:both;
height:50px;
}

#newsletterForm label{
font:bold 15px Arial;
color:#184A8F;
display:block;
margin-bottom:5px;
}

#newsletterForm input{
border:1px solid #8D8D8D;
padding:2px;
font:11px Arial;
color:#184A8F;
width:175px;
float:left;
}

#newsletterForm input.submit{
float:left;
border:0;
width:auto;
background:transparent;
cursor:pointer;
font:bold 15px Arial;
color:#184A8F;
padding-left:6px;
}


#footer p, #footer li{
width:auto;
margin:0;
padding:0;
color:#838383;
font:10px Tahoma;
}

#footer a{
color:#838383;
}

#footer ul{
float:right;
list-style:none;
margin:0;
padding:0;
margin-right:210px!important;
margin-right:105px;
}

#footer li{
float:left;
padding:0 8px;
}

#footer li a{
display:block;
text-decoration:none;
background:url('img/footerDots.gif') repeat-x 0 13px;
line-height:17px;
}

#footer li a:hover{
background:none;
}

#footer li a#ador{
width:17px;
height:17px;
background:url(img/ador.gif) no-repeat 0 0;
text-indent:-9999px;
}

.adImg{
background:#FFFF01;
}

.adImg img{margin:0; display:block;}

.adImg2{
background:#1A2791;
}

.adImg2 img{margin:0; display:block;}

#mailform{
margin:25px;
color:#1A2791;
}

#mailform label{
cursor:pointer;
display:block;
margin:3px;
float:left;
clear:right;
text-align:right;

}

#mailform input, #mailform textarea{ 
border:1px solid #666;
margin:3px;
padding:2px;
font:bold 11px Verdana;
float:right;
width:62%;
}

#mailform textarea{ 
overflow:auto;
}

#mailform input.csc-mailform-submit{
width:261px;
}



#mailform span.csc-mailform-radio legend{
display:none;
visibility:hidden;
}

#mailform .csc-mailform-field{
clear:both;
}

#mailform div.csc-mailform-field{
float:left;
width:90%;
}

#mailform fieldset.mailformvrsta{
clear:both;
display:block;
margin-left:100px;
}

#mailform .csc-mailform-radio fieldset{
margin-left:145px;
}

#mailform .csc-mailform-radio fieldset input{
border:0;
outline:none;
}

#mailformpozicija{
margin-left:18px;
margin-bottom:4px;
border:1px solid #666; 
font:bold 11px Verdana;
}


p.legend{
font-weight:bold;
color:#DC291E;
}
p.legend2{
font-weight:bold;
color:100BB7;
}

table{
border:0;
padding:0;
margin-left:20px;
margin-right:20px;
font:12px Arial, Helvetica, sans-serif;
}

td{
text-align: center;
border:1px solid #B1B1B1;
}

img{margin-left: 20px;}



.news-latest-date{margin-left: 20px;}
.news-single-timedata{margin-left: 20px;}
.news-single-backlink{margin-left: 20px;}

.news-latest-gotoarchive{margin-left: 20px;}

.news-list-item h3 a{color:#1A2791; font-weight:bold; text-decoration:none;}

.news-latest-item h3 a{color:#1A2791; font-weight:bold; text-decoration:none;}

h3 a{color:#1A2791; font-weight:bold; text-decoration:none;}

.news-latest-date a{color:#DC291E;}

.news-latest-morelink a{color:#DC291E; font-weight:bold; text-decoration:none; margin-left:20px;}

.news-list-morelink a{color:#DC291E; font-weight:bold; text-decoration:none; margin-left:20px;}

/*.news-list-item p.bodytext{margin-top:0; margin-bottom:0;}

.news-list-item h3{margin-top:0; margin-bottom:0;}*/

hr{border:0;}

.tooltip{
cursor:help;
}

#tooltip{   
border:2px solid #DC291E;
background: #fff;
width:220px;
padding:5px;
position:absolute;
z-index:2000;    
}

#tooltip h3{
font:bold 12px Arial, sans-serif;
color:#000;
margin:0;
}

#tooltip div.body{
font:11px Arial, sans-serif;
color:#000;
margin:0;   
}

.slike{
margin-left:80px;
}
.slike img{
padding:10px;
}
div.galerija {
	text-align: left; 
	margin-left: 15px;
	display: inline;
}


/***************************************************************
                    Tooltip za poslovnice
***************************************************************/  

.tooltipContent{ margin:0; padding:0; width:380px; padding-top:5px; background:#f6f6f6; float:left; z-index:100;  }


.tooltipContent ul{ margin:0; padding:0; float:left; width:140px; height:80px; padding:0 5px; list-style:none; }
.tooltipContent ul li{ font:11px Arial; margin:0; padding:0; overflow:hidden; }
.tooltipContent ul li a{ font:11px Arial; display:block; color:#3c3c3c; text-decoration:underline; }
.tooltipContent ul li a:hover{ text-decoration:none; }


.tooltipSlike{ float:right; width:220px; padding:5px; }
.tooltipSlike img{ margin:0; padding:0; display:block; border:2px solid #ccc; }


ul#map{ position:relative; width:400px; height:400px; background:url('img/karta_hr_prazna.gif') no-repeat 0 0;}
ul#map li{ margin:0; padding:0; position:absolute; display:block; background:yellow; }
ul#map li a{ width:5px; height:5px; display:block; border:1px solid #000; font-size:1%; text-decoration:none; }
ul#map li.zagreb a{ width:8px; height:8px; }
ul#map li a:hover{ background:red; }


/* STILOVI ZA TABOVE*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

ul.shadetabs{ float:none; width:100%; height:auto; text-align:right; padding:0 5px; }
ul.shadetabs li{ display:inline; padding:0 5px; }
ul.shadetabs li a{ display:inline; text-decoration: none; background:#fff; border-bottom:2px solid #ccc; padding:0 10px; }
ul.shadetabs li a:visited{ color: #2d2b2b; }
ul.shadetabs li a:hover{ text-decoration: none; color: #000; }
ul.shadetabs li a.selected{ background:#ccc; color:#fff; }


/* popis gradova*/

li.umag{ left:4px; top:109px; }
li.porec{ left:8px; top:132px; }
li.rovinj{ left:14px; top:143px; }
li.pula{ left:21px; top:158px; }
li.rijeka{ left:62px; top:112px; }
li.pazin{ left:32px; top:129px; }

li.zadar{ left:113px; top:226px; }
li.sibenik{ left:159px; top:267px; }
li.split{ left:203px; top:287px; }
li.makarska{ left:238px; top:310px; }
li.ploce{ left:260px; top:327px; }
li.metkovic{ left:272px; top:334px; }
li.dubrovnik{ left:306px; top:365px; }

li.karlovac{ left:138px; top:99px; }
li.samobor{ left:163px; top:76px; }
ul#map li.zagreb{ left:174px; top:71px; background:red; } 
li.gorica{ left:179px; top:81px; }
li.sisak{ left:192px; top:103px; }
li.kutina{ left:220px; top:103px; }

li.varazdin{ left:187px; top:24px; }
li.cakovec{ left:196px; top:15px; }
li.koprivnica{ left:208px; top:37px; }
li.bjelovar{ left:219px; top:64px; }

li.brod{ left:299px; top:130px; }
li.dakovo{ left:321px; top:115px; }
li.vinkovci{ left:352px; top:120px; }
li.osijek{ left:348px; top:94px; }
li.dugoselo{ left:186px; top:73px; }
li.virovitica{ left:235px; top:62px; }
li.zapresic{ left:166px; top:67px; }



.tabcontent{ display:none; padding-top:10px; }

#mailformpakiranje, #mailformpaketi_ili_palete, #content .mailformvrsta{ float:left; }
#mailformpakiranje input, 
#mailformpaketi_ili_palete input, #content .mailformvrsta input{  display:inline; float:none; width:15px; }
#mailform .csc-mailform-radio label{ float:none; width:205px; margin:0 3px; position:relative; top:-5px; display:inline; clear:none; text-align:left; }


#mailform #addrcpt, #mailform #removercpt{ background:none; border:0; text-decoration:underline; display:block; color:#1A2791; cursor:pointer; margin-right:-30px; padding:5px; float:none; clear:both; width:auto; }


@media print {
    .tabcontent {
    display:block !important;
    }
}