/* 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;
margin-top:0px;
padding-bottom:0px;
margin-right:10px;
border-top:1px solid #ccc;
width:250px;
float:right;
line-height:16px;
clear:both;
}

p.uvuceno{
margin-left:20px;
}

li{
margin:4px 50px;
}

.normalno
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

.normalno li{
padding-left:10px;
background: url(img/diamond.gif) no-repeat 0 8px;
}

.link
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

.link li{
padding-left:10px;
background-image: url(img/arrow.gif);
background-repeat: no-repeat;
background-position: 0em;
}

.link li a{
text-decoration:none;
}

.link li a:hover{
text-decoration:underline;
}

h1{
display:block;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
margin-right:40px;
padding-top:45px;
}

h2{
font:bold 170px Verdana, Arial, Helvetica, sans-serif;
color:#138;
margin-left:20px;
margin-bottom:10px;
}

h3{
font:bold 13px Verdana;
color:#138;
}

h3.slike{
font:bold 13px Verdana;
color:#138;
padding-top:125px;
}

.slikeheader{
margin:0;
padding:0;
border:0;
}

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:144px;
}

#headerCestitka{  
position:absolute;
width:535px;
height:94px;
left:160px;
top:-1px;
z-index:100;
}

#leftcontent{
float:left;
width:674px;
background:#eee;
padding-left:1px;

}

#left{
float:left;
width:170px;
display:inline;
height:1%;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#138;
margin-left:3px;
background:#eee;

}

#content{
float:left;
width:497px;
padding-left:0px;
border-left:1px solid #fff;
padding-bottom:10px;
background:#eee;
}

content.slikeheader{
width:497px;
margin:0;
padding:0;
}

#content.white{
background:#fff;
width:673px;
padding-left:0;
}

#subArea{
float:left;
width:160px;
background:#dedfe0;
background:#fff;
}

#extraArea{
float:right;
width:160px;
height:auto;

}

#banneri{
float:right;
width:160px;
height:auto;
clear:right;
}

#headerNav{
height:22px;
border-bottom:2px solid #fff;
background:#dedfe0;
text-align:right;
position:relative;
width:995px;
margin-right:0;
padding-right:0;
}

#mainNav, #lowerMainNav{
background:#113388;
border-bottom:2px solid #fff;
}

#lowerMainNav{
background:#426BB3;
height:22px;
}

#mainNav{
height:22px;
}

#subNav{
list-style:none;
background:#fff;
}

#identifierArea{
height:70px;
background:#113388;
border-bottom:2px solid #fff;
}

#logo{ position:absolute; top:11px; left:0; 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; }
#footer p{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#626262; margin-left:180px; }
#footer a{ color:#626262; margin:0 15px; }


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

				NAVIGATION

**********************************************/
#headerNav ul{
position:absolute;
top:30px;
right:0px;
list-style:none;
padding-top:5px;
padding-right:30px;
}

#headerNav li{
float:left;
font:10px Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0 8px;
border-left:1px solid #fff;
}

#headerNav li.first{
border:none;
}


#headerNav a{
color:#fff;
text-decoration:none;
}

#headerNav a:hover{
color:#B4C4DC;
}

#mainNav ul{
list-style:none;
margin-left:164px;

}

#lowerMainNav ul{
list-style:none;
padding-left:164px;
background:#426BB3;

}

#mainNav li, #lowerMainNav li{
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
margin:0;
float:left;

}

#lowerMainNav li{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;

}

#mainNav a, #lowerMainNav a{
text-decoration:none;
color:#fff;
padding:0 8px;
display:block;
line-height:22px;

}

#mainNav a:hover{
background:#426BB3;
}

#lowerMainNav a{
background:#426BB3;

}

#lowerMainNav a:hover{
background:#819CCC;

}

#subNav li{
font:10px/12px Verdana, Arial, Helvetica, sans-serif;
width:160px;
margin:0;
margin-bottom:2px;
}

#subNav li span {
background:#839dce;
color:#fff;
display:block;
width:140px;
padding:5px 10px;
}

#subNav li a{
color:#fff;
background:#426bb3;
text-decoration:none;
display:block;
width:150px;
padding:5px 0 5px 10px;
}

#subNav li a:hover{
background:#839dce;
}

#subNav li li{
list-style:none; /* Opera 9x */
margin:0;
}

#subNav li li span, #subNav li li a{
padding:5px 15px;
width:130px;
}

#extraArea a#kalkulator{
display:block;
background:url('img/kalkulator.gif') no-repeat 0 0;
width:160px;
height:22px;
margin:1px 0 2px 0;
}

#extraArea a.newsletter{
display:block;
background:url('img/newsletter.gif') no-repeat 0 0;
width:160px;
height:22px;
margin:1px 0 2px 0;
}

#extraArea a.kontakt{
display:block;
background:url('img/kontakt.gif') no-repeat 0 0;
width:160px;
height:22px;
margin:1px 0 2px 0;
}

.helpfullLinks{
list-style:none;
display:block;
margin-top:2px;
margin-bottom:10px;

padding-top:5px;
}

.helpfullLinks li{
margin:0; 
padding:0;
display:block;
}

.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%;
}

.options{
border:1px dashed #979797;
border-width:1px 0;
height:14px;
margin:15px 0;
padding:2px 0;
}

.options .email, .options .print, .options .back, .options .plus, .options .minus{
width:14px;
height:14px;
margin:0 10px;
float:right;
}

.options .email{ background:url('img/e-mail.gif') no-repeat 0 0; }
.options .print{ background:url('img/print.gif') no-repeat 0 0; }
.options .back{ background:url('img/back.gif') no-repeat 0 0; }
.options .plus{ background:url('img/servicecenter_plus.gif') no-repeat 0 0; }
.options .minus{ background:url('img/servicecenter_minus.gif') no-repeat 0 0; }


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

				ADDITIONAL STYLING

*****************************************************/
#subArea a img{ display:block; margin:2px 1px; }

.grid{
float:left;
width:166px;
border-left:2px solid #fff;
}

.gridveci{
float:left;
width:333px;
border-left:2px solid #fff;
}

.gridmanji{
float:left;
width:166px;
border-left:2px solid #fff;

}

#content .gridmanji img{
margin-left:0px;
font-size:1px;
}

#content .grid img{
margin-left:0px;
}

#content .gridveci img{
margin-left:0px;
font-size:1px;
}

.grid a{
font:normal 11px Verdana;
color:#131313;
width:156px;
display:block;


background:#E5ECF6 url('img/linkArrow.gif') no-repeat 8px 9px;
text-decoration:none;
text-indent:15px;

}
.gridveci a.image{
border:0;

}

.teaser{
background:#B3C4DC;
}

.teaser h6{
font:bold 11px Verdana;
color:#138;
margin:10px;
margin-bottom:10px;
}

.teaser p{
font:11px/13px Verdana;
color:#000;
margin:10px;
padding:0;
}

.teaser a{
text-align:right;
color:#000;
background:#B3C4DC url('img/linkArrow.gif') no-repeat 115px 9px;
border:0;
}

.teaser a.novosti{
text-align:right;
color:#000;
background:#B3C4DC url('img/linkArrow.gif') no-repeat 280px 9px;
border:0;

}



.topLink{
float:right;
display:block;
width:38px;
height:7px;
margin-right:130px;
background:url('img/vrh.gif') no-repeat 0 0;
font:10.8px Verdana, Arial, Helvetica, sans-serif;
}

.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 4px;
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;
}

.gridveci a{
font:normal 11px Verdana;
color:#131313;
width:332px;
display:block;
background:#E5ECF6 url('img/linkArrow.gif') no-repeat 8px 9px;
text-decoration:none;
text-indent:15px;
height:23px;
}

.gridveci a.drugi{
font:normal 11px Verdana;
color:#131313;
background:#E5ECF6;
text-decoration:none;
text-indent:0;
height:auto;
width:auto;
display:inline;
}

.gridveci a.image{
width:332px;
padding:0;
}

.grid h5{
font:bold 17px Verdana;
color:#F4741C;
background:#E5ECF6;
display:block;
padding:10px;

}




.kvadratici{
float:left;
width:150px;
border-left:2px solid #fff;
background:#E5ECF6;
padding:5px;
height:150px;
margin-top:3px;
}

.kvadratici h3{
display:block;
background:#E5ECF6;
color:#138;
font:bold 11px Verdana;
margin:0;
}

.kvadratici p{
display:block;
background:#E5ECF6;
font:11px Verdana;
margin:5px 0;
}

.kvadratici a.readmore{
font:normal 11px Verdana;
color:#131313;
padding:5px;
background:#E5ECF6;
text-decoration:none;
text-align:right;
width:145px;
display:block;
}

.kvadratici-altgrid{
float:left;
width:156px;
border-left:2px solid #fff;
background:#B3C4DC;
padding:5px;
height:90px;
margin-top:3px;
}

.kvadratici-altgrid h3{
display:block;
background:#B3C4DC;
color:#138;
font:bold 11px Verdana;
margin:0;
}

.kvadratici-altgrid p{
display:block;
background:#B3C4DC;
font:11px Verdana;
margin:5px 0;
}

.kvadratici-altgrid a.readmore{
font:normal 11px Verdana;
color:#131313;
padding:5px;
background:#B3C4DC;
text-decoration:none;
text-align:right;
width:145px;
display:block;
}

.wideFrame{
background:#E5ECF6 url('img/dottedDivider-1.gif') no-repeat 0 100%;
padding-bottom:15px;
padding-top:10px;
}

.wideFrame h2{
font:bold 17px Verdana;
color:#138;
margin:10px 0;
background:url('img/tockice.gif') repeat-x 0 100%;
padding-bottom:8px;
padding-left:170px;
}

.wideFrame p{
font:13px Verdana;
color:#000;
margin:10px 0;
padding-left:170px;
}

.wideFrame a.readmore{
font:normal 11px Verdana;
color:#131313;
padding:5px;
background:#E5ECF6;
text-decoration:none;
text-align:right;
display:block;
}

.wideFrame-altgrid{
background:#B3C4DC url('img/dottedDivider-1.gif') no-repeat 0 100%;
padding-bottom:15px;
padding-top:10px;
}

.wideFrame-altgrid h2{
font:bold 17px Verdana;
color:#138;
margin:10px 0;
background:url('img/tockice.gif') repeat-x 0 100%;
padding-bottom:8px;
padding-left:170px;
}

.wideFrame-altgrid p{
font:13px Verdana;
color:#000;
margin:10px 0;
padding-left:170px;
}

.wideFrame-altgrid a.readmore{
font:normal 11px Verdana;
color:#131313;
padding:5px;
background:#B3C4DC;
text-decoration:none;
text-align:right;
display:block;
}

#headerNav .switchLang{
width:400px;
height:20px;
display:block;
position:absolute;
right:0px;
top:-30px;
}

#headerNav .switchLang ul{
list-style:none;
}

#headerNav .switchLang ul li{
float:left;
border:0;
}

#headerNav .switchLang ul li a{
display:block;
font:10px Verdana;
color:#000;
padding-left:20px;
}

#headerNav .switchLang ul li a:hover{
text-decoration:underline;
}


ul.imgMenu{
list-style:none;
width:auto;
height:60px;


}


ul.imgMenu li{
float:right;
margin:0;
border-left:2px solid #fff;
width:163px;
}


ul.imgMenu li.ai_orange_produktdetails{
background:#DEDFE0 url('img/ai_orange_produktdetails.gif') no-repeat 7px 10px;

}

ul.imgMenu li.ai_orange_angebot{
background:#DEDFE0 url('img/ai_orange_angebot.gif') no-repeat 7px 10px;

}

ul.imgMenu li.ai_orange_berechnen_abschliessen{
background:#DEDFE0 url('img/ai_orange_berechnen_abschliessen.gif') no-repeat 7px 10px;

}

ul.imgMenu li a{
display:block;
width:93px;
height:30px;
padding:15px 10px 15px 60px;
color:#000;
font:11px Verdana, Arial, Helvetica, sans-serif;
border:1px dotted #999;
border-width:1px 0;
}

.altgrid a, .altgrid h5{
background:#B3C4DC;
}

.altgrid a{
background:#B3C4DC url('img/linkArrow.gif') no-repeat 8px 9px;
}


a.calculatorLink{
background:#F4741C url('img/calculatorLink.gif') no-repeat 0 0;
color:#fff;
height:22px;
font:bold 10px/22px Verdana;
border-top:1px solid #fff;
border-bottom:0;
padding:0 5px;
text-indent:19px;
text-transform:uppercase;
}


a.calculatorLinkPosl{
background:#b14911 url('img/calculatorLink2.gif') no-repeat 0 0;
color:#fff;
height:22px;
font:bold 10px/22px Verdana;
border-top:1px solid #fff;
border-bottom:0;
padding:0 5px;
text-indent:19px;
text-transform:uppercase;
}

.EmailFriendForm{margin-left:15px; font:13px Verdana, Arial, Helvetica, sans-serif;}

.EmailFriendForm fieldset{margin-left:15px;}

.EmailFriendForm legend{font:italic bold 13px Verdana, Arial, Helvetica, sans-serif;}

.EmailFriendForm legend{padding-bottom:10px;}

.EmailFriendForm .frmButton{margin-left:15px;margin-top:10px;}

.EmailFriendForm input{border:1px solid #000; float:right; margin-right:300px;}

.EmailFriendForm textarea{border:1px solid #000;margin-top:5px; float:right; margin-right:260px;}


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

				SEARCH FORM

*************************************************/
form.extras{ width:154px; margin:2px 0; padding:3px; background:#dedfe0; }
form.extras legend{ display:none; visibility:hidden; padding:0;}
form.extras label{ font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#113388; padding:0; }
form.extras input, form.extras select{ width:148px; border:1px solid #999; padding:2px; font:11px Verdana, Arial, Helvetica, sans-serif; }
form.extras option{ padding:2px 4px; }
form.extras input:focus{ border:1px solid #4a494a; }
form.extras input.submit{ background:none; margin-top:6px; border:none; width:148px; }

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

				TABLE

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


#tablePodaci{
width:400px;
}

#tablePodaci p{
margin:0;
border-top:2px solid red;
padding:11px 7px 12px 7px;
font:11px Verdana, Arial, Helvetica, sans-serif;
background:#fff;
color:#000;
}

table.podaci{
width:397px;
border-collapse:collapse;
border:7px solid #fff;
}

table.podaci thead th{
text-align:left;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
background:#B3C4DC;
color:#000;
border-right:2px solid #fff;
border-bottom:5px solid #fff;
padding:2px 7px;
}

table.podaci tbody td{
font:11px Verdana, Arial, Helvetica, sans-serif;
background:#E5ECF6;
color:#000;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
padding:2px 7px;
}


.grid a span{
background:url('img/tockice-livo.gif') repeat-x 0 0;
display:block;
padding:5px;
cursor:pointer;
}

.grid a span.livi-border{
background:url('img/tockice.gif') repeat-x 0 100%;
}

.grid a span.livi{
background:url('img/tockice-lijevo.gif') repeat-y 0 0;
}

.gridveci a span{
background:url('img/tockice.gif') repeat-x 0 100%;
display:block;
padding:5px;
cursor:pointer;
}

.prijavaodjava{
display:block;
height:35px;
background:#B3C4DC url('img/tockice-news.gif') repeat-x 0 0;
}


.prijavaodjava p{
line-height:35px;
color:#113388;
margin:0;
padding:0;
margin-left:5px;

}


.prijavaodjava p a{
color:#113388;
text-decoration:none;
}


.prijavaodjava p a:hover{
color:#113388;
text-decoration:underline;
}


.logotipi{
display:block;
background:#B3C4DC url('img/tockice.gif') repeat-x 0 100%;
padding-bottom:10px;
}


.logotipi p{
line-height:20px;
margin:0;
padding:0;
margin-left:5px;
}

.logotipi p span{
line-height:35px;
color:#113388;
margin:0;
padding:0;
margin-left:-5px;
text-indent:5px;
font-weight:bold;
background:#B3C4DC url('img/tockice.gif') repeat-x 0 0;
display:block;
width:100%;
margin-bottom:0;

}


.logotipi p a{
text-decoration:none;
}


.logotipi p a:hover{
text-decoration:underline;
}

#sitemap ul{
margin:0 10px;
list-style:none;
}

#sitemap ul li{
font:11px/18px Verdana;
margin:0 0 0 15px;
border-bottom:1px dashed #333;
padding:0;
}

#sitemap ul li li{
margin-left:100px;
border-bottom:0;
}

#sitemap ul li li li li li{
list-style:circle;
margin-left:15px;
}

#sitemap ul li a{
text-decoration:none;
font:bold 12px Verdana;
color:#33539C;
}

#sitemap ul li li a{
font:normal 11px Verdana;
color:#000;
}

.posalji_link_prijatelju fieldset{
margin:20px;
}

.posalji_link_prijatelju legend{
font:italic bold 13px Verdana, Arial, Helvetica, sans-serif;
color:#333;
margin:10px 0;
}

.posalji_link_prijatelju label{
display:block;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#000;
margin:4px 2px;
}

.posalji_link_prijatelju input, .posalji_link_prijatelju textarea{
width:250px;
display:block;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#333;
margin:2px;
border:1px solid #ccc;
padding:2px;
}

.posalji_link_prijatelju input:focus, .posalji_link_prijatelju textarea:focus{
border:1px solid #666;
}

.posalji_link_prijatelju input.frmButton{
width:auto;
margin:5px 2px;
margin-left:30px;
border:0;
cursor:pointer;
background:#8a91a2;
color:#fff;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}

.naslov{ cursor:pointer;}
.sadrzaj {display:none; visibility:hidden;}

#leftcontent #left img{
padding:0;
margin:0;

}


a.readmore:hover{
text-decoration:underline;
}


#content p a, #content li a{
text-decoration:none;
}

#content p a:hover, #content li a:hover{
text-decoration:underline;
}

#tablica-newsletter td{
border:0;
}


#bannerduolife, #bannerinlife{
background:#326CB3;
margin-top:2px;
padding:4px;}

#bannerduolife p, #bannerinlife p{
color:#fff;
font-size:10px;
margin:0;
padding:0;
line-height:10px;

}

#obrazacFond{ background:#EEEEEE; }

.bijeli{color:#fff;}


/* ALLIANZ WEB CHARTS */

#content .WebChartImgGraph
{
	width: 460px;
	height: 320px;
	margin-left: 2px;
}

#content #AllianzWebChartTable
{
	float: left;
	margin: 0px 0px 10px 15px;
	display:inline;
	background-color: #eee;
	font-size: 11px;
	border: 0px;
	width: 460px;border-collapse: separate;	
}

#content #AllianzWebChartTable td
{
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	height: 22px;
	margin-left: 0px;
	color: Black;
	border: 0px;
}



#content #AllianzWebChartUpdatePanelTable
{
	float: left;
	margin: 0px 0px 0px 0px;
	background-color: #eee;
	font-size: 11px;
	border: 0px;
	width: 460px;border-collapse: separate;
	
	
}
#content #AllianzWebChartUpdatePanelTable td
{
	padding: 2px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	height: 22px;
	margin-left: 0px;
	color: Black;
	border: 0px;
}
#content #AllianzWebChartUpdatePanelTable td.tdWebChartImgGraph
{
	width: 460px;
	height: 320px;
	margin-left: 0px;
}

#content #AllianzWebChartTable td.tdWebChartBtn
{
	width: 460px;
}
#content #AllianzWebChartUpdatePanelTable td.WebChartBlue
{
	background: #b3c4dc;
	width: 120px;
}

#content #AllianzWebChartUpdatePanelTable td.WebChartRightColumn
{
	width: 355px;
}




/* EDITOR PROPERTIES */
h2 {
font:bold 17px Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
}

p {
margin:10px 20px;
color:#000;
font:13px Verdana, Arial, Helvetica, sans-serif;
line-height:16px;
clear:right;
}

h3 {
margin:10px 20px;
line-height:16px;
font:bold 13px Verdana;
color:#138;
}