html, body { margin:0; padding:0 }
body { font:76% arial, sans-serif; text-align:center }

div#header{ padding-bottom:10px;}
div#header h1 { margin:15px 0 0 0; }
div#container { text-align:left }
div#content p { line-height:1.4 }
div#footer { border-top:1px solid #333333; margin-top:10px }
div#footer p { margin:0; padding:5px 10px; color:#F2670C }


/* LAYOUT */
div#container { width:988px; margin:0 auto }
div#wrapper { float:left; width:100% }
div#content { margin:0 205px }
div#navigation { float:left; width:205px; margin-left:-988px }
div#extra { float:left; width:205px; margin-left:-205px }
div#footer { clear:left; width:100% }


/* MENU */
/*#nav, #nav ul { margin:-74px 0 0 0; padding:0; list-style-type:none; list-style-position:outside; position:relative; float:right }*/


*#nav, #nav ul { margin:2px 0 0 0; padding:0; list-style-type:none; list-style-position:outside; position:relative;display:block; float:left; }


#nav a { display:block; padding:10px 5px 3px 5px; color:#585858; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; }
#nav a:hover { background: url(IE7fix-byAdi); color:#F57421; }
#nav li { float:left; position:relative; border-bottom:2px solid #cccccc; text-transform:uppercase; }
#nav ul { position:absolute; display:none; margin-top:1px; background: url(../images/transp-bg.png); border:1px solid #CCCCCC; font-size:11px; width:16em; padding:10px 20px 20px 20px }
#nav li li { border-bottom:1px solid #CCCCCC; background:url(../images/arrow.gif) no-repeat 0px 8px; }
#nav li ul a { width:15em; height:auto; color:#797979; padding:8px 5px 8px 15px; }
#nav li ul li a { background-image:none; text-transform: none }
#nav ul ul { top:auto; }
#nav li ul ul { left:12em; margin:-24px 0 0 52px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display:block; }

/*CONTENT */
#content {padding:0 10px 0 10px; color:#585858}
#content div.text{ padding:10px; border:1px solid #DADADA; background:#fff;}
#content h2 { font:bold 16px Arial, Helvetica, sans-serif; color:#e4a72e;text-transform:uppercase;border-bottom:2px solid #e4a72e; margin-bottom:10px;}
#content h3 { font:bold 14px Arial, Helvetica, sans-serif; color:#ef660c; border-top:1px solid #DADADA;border-left:1px solid #DADADA;border-right:1px solid #DADADA; display:inline-block; padding:10px;text-transform:uppercase;}
#content h4 { font:bold 14px Arial, Helvetica, sans-serif; color:#67b5df;text-transform:uppercase;}
#content h5 { font:bold 14px Arial, Helvetica, sans-serif; color:#ef660c;text-transform:uppercase;}
#content h6 { font:normal 10px Arial, Helvetica, sans-serif; color:#666;}
div#content p{line-height:1.4; padding:10px 0}
div#content a img {border-color:#333333}
div#content a { color:#FF6633; display:inline}
div#content ul { list-style-type: disc; padding:5px 0px 10px 25px;}
div#content ul li { padding:1px 0;}

/*FORMS*/
form{}
input, select, textarea { font:bold 11px Arial, Helvetica, sans-serif; margin:2px; color:#666 }
button{ width:90px; height:20px; font:bold 11px Arial, Helvetica, sans-serif; color:#FFF; text-transform:capitalize; background: url(../images/btn2.png); border:none; line-height:10px; margin:2px; outline:none; }
button.ok{background: url(../images/btn1.png); width:55px;}
button.cancel {background: url(../images/btn1a.png);width:55px; color:#666}

/* BOX */
.box { border:1px solid #DCDCDC; margin-bottom:3px; font:normal 11px Arial, Helvetica, sans-serif }
.box a{ display:inline; color:#585858; text-decoration:none}
.box h2, .box h2 a { padding:8px 5px 3px 2px; font-size: 18px; color:#FFFFFF; margin:0; }
.flash-replaced .alt { display:none; }
.box ul.boxnav { padding:4px 10px 4px 10px }
.box ul.boxnav li { background:url(../images/arrow.gif) no-repeat 0px 2px; color:#585858; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; padding:1px 0px 1px 15px }
.box div { padding:10px; clear:both }

.sivi h2 { background:#B1B1B1; }
.plavi { background:url(../images/orange.png) repeat-x }
/*.plavi { background:url(../images/plavi-bg.png) repeat-x }*/
.plavi input, .plavi select { color:#1b8ecd }


/* TABS */
.idTabs { }
.idTabs li { list-style:none; float:left; }
.idTabs a { display:block; padding:8px 10px; text-decoration:none!important; margin:1px; margin-left:0; color:#FFF; font-size:12px; font-weight:bold; }
.idTabs a:hover { color:#333; background:#FFF; }
.idTabs a.selected { margin-bottom:0; color:#F57421; background:#FFF; border-bottom:1px solid snow; cursor:default; }


/* SEARCH */
.sliderSearch { background: #F0F0F0; position:relative; z-index:500; left: 0; width: 758px; height:30px; margin:10px 0; border:1px solid #DCDCDC; padding:10px 0 10px 10px; overflow: hidden; }

/* ACCORDION */
h3.accordion{ display:block; height:50px; padding:5px 0 2px 5px; font:bold 11px Arial, Helvetica, sans-serif; color:#F57421; border-top:1px solid #DCDCDC; background:url(../images/arr-up.gif) no-repeat 180px 10px; cursor:pointer}
#tabVijesti a { display:block; height:80px; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; color:#666; padding:5px; overflow:hidden}
#tabVijesti  a img{ float:left; margin-right:5px}




/* ACCORDION CONTENT */

blockquote{BORDER-RIGHT:#c4c4c4 1px solid; PADDING-RIGHT:15px; PADDING-LEFT:15px; BACKGROUND:#f7f7f7; PADDING-BOTTOM:20px; MARGIN:0px; BORDER-LEFT:#c4c4c4 1px solid; PADDING-TOP:10px}

/* ADRESAR CONTENT */
div#content .adresar h4 {BORDER-RIGHT:#c4c4c4 1px solid; PADDING-RIGHT:25px; BORDER-TOP:#c4c4c4 1px solid; PADDING-LEFT:15px; BACKGROUND:url(/INDEX/images/arrow-square.gif) #f0f0f0 no-repeat right -51px; PADDING-BOTTOM:7px; MARGIN-BOTTOM:0px;  BORDER-LEFT:#c4c4c4 1px solid;  PADDING-TOP:7px; BORDER-BOTTOM:0; font:bold 12px Verdana, Geneva, sans-serif; letter-spacing: 1.1; color:#333; CURSOR:pointer;}
div#content .adresar h4:hover{BACKGROUND-COLOR:#004b8d; color:#fff;}
div#content .adresar h4.active{BACKGROUND-POSITION:right 5px; background-color:#004b8d; color:#FFFFFF;}
div#content .adresar blockquote{BORDER-RIGHT:#c4c4c4 1px solid; PADDING-RIGHT:15px; PADDING-LEFT:15px; BACKGROUND:#FFFFFF; PADDING-BOTTOM:20px; MARGIN:0px; BORDER-LEFT:#c4c4c4 1px solid; PADDING-TOP:10px}
div#content .adresar p {line-height:1.1; font:11px Verdana, Geneva, sans-serif; color:#4f4f4f; text-align:justify;}
div#content .adresar h5 {border-bottom:dotted 1px #e2e2e2; font-weight:bold; padding:5px 0; background:none; text-align:left; margin:8px 0;}

#content .adresar li {list-style-type:none; padding-left:20px;padding-top:5px; padding-bottom:5px; margin:3px 0; border-bottom:1px dotted #cccccc; width:90%;  font:11px Verdana, Geneva, sans-serif;}






/* CAROUSEL */
.sliderCarusel { background: #FFFFFF; position:relative; z-index:500; left: 0; width: 758px; height:85px; margin:10px 0; border:1px solid #DCDCDC;  overflow: hidden; padding:0 0 0 10px }
.carusel{ float:left; border-left:1px solid #DCDCDC}
.carusel img{ margin:2px; border-right:1px solid #DCDCDC}
button.prev{ width:22px; height:22px; background:url(../images/arr-left.png); float:left; margin-top:30px}
button.next{width:22px; height:22px; background:url(../images/arr-right.png); float:left;margin-top:30px}

/*HEAD LOGO */
.logo{ background:url(../images/1_intesa_logo_corporate.png) no-repeat; height:38px; width:208px; border:none; margin-left:57px;}


table#Tabela{border-top:1px solid #666666; border-right:1px solid #666666; }
table#Tabela td{ font-size:10px; margin:0px; padding:2px; 
border-bottom:1px solid #666666; border-left:1px solid #666666;}
table#Tabela p{margin:0px; padding:0px;}
.grayBG {background-color: #EFEFEF;}

.okvir{background-color: #EFEFEF; border:1px solid #666666;}
.napomena{font-size:10px; color:#999999;}


table#Tabela_v2{border-top:1px solid #e4a72e; border-right:1px solid #e4a72e;}
table#Tabela_v2 td{ font-size:10px; margin:0px; padding:2px; 
border-bottom:1px solid #e4a72e; border-left:1px solid #e4a72e;}
table#Tabela_v2 p{margin:0px; padding:0px;}

table#Tabela_v2 .orange{color:#e4a72e; font-weight:bold; border-bottom:solid 2px #e4a72e;}





/************************************/
/***** main navigation styles *******/
/************************************/
.mainNavigation {
	padding: 5px;
	text-align: right;
}
.mainNavigation ul, .mainNavigation ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;

}
.mainNavigation ul {
	margin: 10px 0;
}
.mainNavigation ul li a:link, .mainNavigation ul li a:hover, .mainNavigation ul li a:active, .mainNavigation ul li a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #f2670c;
	font-size: 14px;
	padding: 8px 40px;
	display: block;
	background: #f0f0f0 url(/INDEX/images/button_arrow_right_grey.png) no-repeat 15px center;
	width:500px;
}
.mainNavigation ul li div {
	color: #585858;
	font-size: 12px;
	margin-bottom: 10px;
}


/************************************/
/***** articel Navigation styles *******/
/************************************/

.articelNavigation {
	float: left; display:block; 
}
.articelNavigation, .articelNavigation li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.articelNavigation li {
	height: 40px;
	width: 40px;
	overflow: hidden;
	margin-bottom: 2px;
	cursor: pointer;
}
.articelNavigation a:link, .articelNavigation a:visited, .articelNavigation a:hover, .articelNavigation a:active {
	display: inline-block;
	height: 40px;
	width: 40px;
	overflow: hidden;
}
.articelNavigation .buttonHome {
	background: #fff url(/INDEX/images/button_article_home.png) no-repeat;
}
.articelNavigation .buttonPrint {
	background: #fff url(/INDEX/images/button_article_print.png) no-repeat;
}
.articelNavigation .buttonEmail {
	background: #fff url(/INDEX/images/button_article_mail.png) no-repeat;
}
.articelNavigation .buttonBack {
	background: #fff url(/INDEX/images/button_article_back.png) no-repeat;
}
.articelNavigation a span {
	display: none;
}

.okvir1 {
	border: none; display:block; width:555px
}

.zeleno{color:#00703c;}
.narandzasto{color:#f36e24;}
.oker{color:#e4a72e;}


