/* GENERAL STYLES */
/* 
copyright Allianz Croatia
*/
 
*{
margin:0;
padding:0;
border:0;
}

body{
padding-bottom:50px; /* IE only */
font-family:Verdana, Arial, Helvetica, sans-serif;
}

img{
display:block;
}

a{
color:#000;
}

a:hover{
text-decoration:none;
}

p, h3, li{
margin:10px 20px;
color:#000;
font:13px Verdana, Arial, Helvetica, sans-serif;
line-height:16px;
}

p{
line-height:16px;
clear:right;
}

p.signature{
text-align:right;
font:10px Verdana;
margin-bottom:20px;
border-top:1px solid #ccc;
width:250px;
float:right;
}

li{
margin:4px 50px;
}

.normalno
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

.normalno li{
padding-left:10px;
background-image: url(/include/img/diamond.gif);
background-repeat: no-repeat;
background-position: 0em;
}

.link
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

.link li{
padding-left:10px;
background-image: url(/include/img/arrow.gif);
background-repeat: no-repeat;
background-position: 0em;
}


h1{
display:block;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
margin-right:40px;
padding-top:45px;
}

h2{
font:bold 17px Verdana, Arial, Helvetica, sans-serif;
color:#138;
margin-left:20px;
margin-bottom:10px;
}

h3{
font:bold 13px Verdana;
color:#138;
}

h4{
display:block;
width:146px;
font:bold 11px/11px Verdana;
background:#138;
color:#fff;
border-bottom:2px solid #fff;
padding:5px 10px 6px 10px;
}

/*****************************************

				CONTAINERS

*****************************************/
#container{
margin:0 auto;
width:995px;

}

#header{
position:relative;
height:auto;

}

#leftcontent{
float:left;
width:674px;
background:#eee;
padding-left:1px;


}

#left{
float:left;
width:170px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#138;
margin-left:3px;
background:#eee;
display:none; visibility:hidden;
}

#content{
float:left;
width:100%;
padding-left:0px;
border-left:1px solid #fff;
padding-bottom:10px;
background:#eee;
}

#content.white{
background:#fff;
width:673px;
padding-left:0;
display:none; visibility:hidden;
}

#subArea{
float:left;
width:160px;
background:#dedfe0;
background:#fff;
display:none; visibility:hidden;
}

#extraArea{
float:right;
width:160px;
height:400px;
display:none; visibility:hidden;
}

#headerNav{
height:22px;
border-bottom:2px solid #fff;
background:#dedfe0;
text-align:right;
position:relative;
display:none; visibility:hidden;
}

#mainNav, #lowerMainNav{

background:#113388;
border-bottom:2px solid #fff;
display:none; visibility:hidden;
}

#lowerMainNav{
background:#426BB3;
height:22px;

display:none; visibility:hidden;
}

#mainNav{
height:22px;
display:none; visibility:hidden;
}

#subNav{
list-style:none;
background:#fff;
display:none; visibility:hidden;
}

#identifierArea{
height:70px;
background:#113388;
border-bottom:2px solid #fff;
display:none; visibility:hidden;
}

#logo{ position:absolute; top:11px; right:20px; display:block; }
#logo a{ width:160px; height:50px; background:url('img/logo.jpg') no-repeat 0 0; display:block; }

#footer{ clear:both; padding:30px 0; padding-right:180px; display:none; visibility:hidden;}
#footer p{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#626262; margin-left:180px; display:none; visibility:hidden;}
#footer a{ color:#626262; margin:0 15px; display:none; visibility:hidden;}


/*********************************************

				NAVIGATION

**********************************************/
#headerNav ul{
position:absolute;
top:30px;
right:30px;
list-style:none;
padding-top:5px;
padding-right:30px;
display:none; visibility:hidden;
}

#headerNav li{
float:left;
font:10px Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0 8px;
border-left:1px solid #fff;
display:none; visibility:hidden;
}

#headerNav li.first{
border:none;
display:none; visibility:hidden;
}


#headerNav a{
color:#fff;
text-decoration:none;
display:none; visibility:hidden;
}

#headerNav a:hover{
color:#B4C4DC;
display:none; visibility:hidden;
}

#mainNav ul{
list-style:none;
margin-left:164px;
display:none; visibility:hidden;

}

#lowerMainNav ul{
list-style:none;
padding-left:164px;
background:#426BB3;
display:none; visibility:hidden;

}

#mainNav li, #lowerMainNav li{
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
margin:0;
float:left;
display:none; visibility:hidden;

}

#lowerMainNav li{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
display:none; visibility:hidden;

}

#mainNav a, #lowerMainNav a{
text-decoration:none;
color:#fff;
padding:0 8px;
display:block;
line-height:22px;
display:none; visibility:hidden;

}

#mainNav a:hover{
background:#426BB3;
display:none; visibility:hidden;
}

#lowerMainNav a{
background:#426BB3;
display:none; visibility:hidden;

}

#lowerMainNav a:hover{
background:#819CCC;
display:none; visibility:hidden;
}

#subNav li{
font:10px Verdana, Arial, Helvetica, sans-serif;
width:160px;
margin:0;
margin-bottom:2px;
display:none; visibility:hidden;
}

#subNav li a{
color:#fff;
background:#426bb3;
text-decoration:none;
line-height:22px;
display:block;
width:150px;
padding-left:10px;
display:none; visibility:hidden;
}

#subNav li a:hover{
background:#839dce;
display:none; visibility:hidden;
}

#subNav li li{
list-style:none; /* Opera 9x */
margin:0;
display:none; visibility:hidden;
}

#subNav li li a{
width:130px;
padding:0 15px;
display:none; visibility:hidden;
}

#subNav li span {
background:#839dce;
color:#fff;
line-height:22px;
display:block;
width:150px;
padding-left:10px;
display:none; visibility:hidden;
}

#subNav li li span{
padding:0 15px;
width:130px;
display:none; visibility:hidden;
}

#extraArea a#kalkulator{
display:block;
background:url('img/kalkulator.gif') no-repeat 0 0;
width:160px;
height:22px;
margin:1px 0 2px 0;
display:none; visibility:hidden;
}

.helpfullLinks{
list-style:none;
display:block;
margin-top:2px;
margin-bottom:10px;
display:none; visibility:hidden;
padding-top:5px;
}

.helpfullLinks li{
margin:0; 
padding:0;
display:block;
display:none; visibility:hidden;
}

.helpfullLinks li a{
display:block;
border-bottom:1px solid #DBDBDD;
font:11px Verdana;
color:#333;
padding:4px 0;
text-decoration:none;
text-indent:5px;
height:1%;
width:100%;
display:none; visibility:hidden;
}

.options{
border:1px dashed #979797;
border-width:1px 0;
height:14px;
margin:15px 0;
padding:2px 0;
display:none; visibility:hidden;
}

.options .email, .options .print{
width:14px;
height:14px;
margin:0 10px;
float:right;
display:none; visibility:hidden;
}

.options .email{ background:url('img/e-mail.gif') no-repeat 0 0; display:none; visibility:hidden;}
.options .print{ background:url('img/print.gif') no-repeat 0 0; display:none; visibility:hidden;}


/*****************************************************

				ADDITIONAL STYLING

*****************************************************/
#subArea a img{ display:block; margin:2px 1px; }

.grid{
float:left;
width:166px;
border-left:2px solid #fff;
}

#content .grid img{
margin-left:0px;
}

.grid a{
font:normal 11px Verdana;
color:#131313;
width:156px;
display:block;
border-bottom:1px dashed #555;
padding:5px;
background:#E5ECF6 url('img/linkArrow.gif') no-repeat 8px 9px;
text-decoration:none;
text-indent:15px;
}

.topLink{
float:right;
display:block;
width:38px;
height:7px;
margin-right:160px;
background:url('	/vrh.gif') no-repeat 0 0;
font:10.8px Verdana, Arial, Helvetica, sans-serif;
display:none; visibility:hidden;
}

.contentSequence{
border-bottom:1px dashed #979797;
padding:10px;
}

.categories{
float:left;
width:167px;
/*
border-right:2px solid #fff;
*/
background:#e5ecf6;
}

.last{
border:none;
}

.categories dl{
}

.categories dt{
display:block;
background:#138;
color:#fff;
font:bold 11px Verdana;
width:147px;
margin:0;
padding:5px 10px;
}

.categories dt.sidebar{
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
background:#e5ecf6;
color:#113388;
width:auto;
}

.categories dd{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#000;
margin:5px;
margin-left:0;
padding:0 10px;
}

.categories dd a, .footerLink{
background:url('img/linkArrow.gif') no-repeat 0 50%;
text-decoration:none;
padding-left:10px;
color:#000;
}

.categories dd a:hover{
text-decoration:underline;
}

.contentImg{
width:818px;  /* IE only */
height:258px; /* IE only */
display:block;
position:relative;
background:url('img/divider.gif') no-repeat 0 100%;
padding-bottom:18px;
}

.contentTxt{
position:absolute;
background:#113388;
padding:15px;
font:bold 15px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
bottom:48px; /* value + 18 bottom padding */
left:50px;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
}


dl.pretraga{
margin:20px;
}

dl.pretraga dt{
font:bold 12px Verdana;
}

dl.pretraga dd{
font:11px Verdana;
margin-bottom:15px;
margin-left:20px;
}

table{
margin:10px 20px;
border-collapse:collapse;
}

table caption{
font:bold 11px Verdana;
color:#138;
padding:5px;
}

table th{
font:bold 11px Verdana;
background:#E5ECF6;
color:#138;
padding:5px;
border:1px solid #888;
text-align:left;
}

table td{
font:11px Verdana;
color:#138;
padding:5px;
border:1px solid #888;
}

table tbody th{
text-align:right;
}

table tfoot td{
font-weight:bold;
}

#content img{
margin-left:20px;
}

ul.NewsList{
 margin:20px 0 0 0;
}

ul.NewsList li{
margin:0;
padding:0;
}



/*************************************************

				SEARCH FORM

*************************************************/
form.extras{ width:154px; margin:2px 0; padding:3px; background:#dedfe0; display:none; visibility:hidden;}
form.extras legend{ display:none; visibility:hidden; }
form.extras label{ font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#113388; display:none; visibility:hidden;}
form.extras input, form.extras select{ width:148px; border:1px solid #999; padding:2px; font:11px Verdana, Arial, Helvetica, sans-serif; display:none; visibility:hidden;}
form.extras option{ padding:2px 4px; display:none; visibility:hidden;}
form.extras input:focus{ border:1px solid #4a494a; display:none; visibility:hidden;}
form.extras input.submit{ background:none; margin-top:6px; border:none; width:148px; display:none; visibility:hidden;}


/* EDITOR PROPERTIES */
