/* UniCredit 0.4.1 */

* { margin:0; padding:0; }

body { background:#FFF; font-family:"Trebuchet MS",Arial,sans-serif; }

/* ------> GLOBAL CLASSES <------ */
.clearing { clear:both; }
.floatLeft { float:left; }
.floatRight { float:right; }

/* SPECIFIC CLASSES */
.dottedBorder { border-bottom:1px dotted #CCC; }
.margin5px { padding:5px 0 0 0; margin:0 0 5px 0; }
.margin10UpDown { margin:10px 0 20px 0; }
.width240 { width:250px; height:auto; padding:20px 0 0 10px; white-space:wrap; }
.icon { margin:6px 10px 0 0; }


/* HORIZONTAL LINE, including IE Hack */
hr { background:#FFF url(../images/bg_homeHR.gif) no-repeat top left; margin:25px 0 10px 0; border:0; height:10px; }
div.hr{ height:10px; background:#FFF url(../images/bg_homeHR.gif) no-repeat top left; margin:25px 0 10px 0; overflow: hidden; }
div.hr hr { display:none; }

a img { border:0; }
p { font-size:12px; color:#555; }
a { color:#E2100A; text-decoration:none; }
a:hover { text-decoration:underline; }
 
/* PAGE, WIDTH OF 966 PIXELS  */
#page { width:966px; background:#FFF; margin:0 auto; text-align:left; position:relative; _right:20px; }
.page { width:966px; background:#FFF; margin:0 auto; text-align:left; position:relative; _right:20px; }

/* TOP PAGE NAVIGATION BAR */
.topnav { background:#e6e6e6 url(../images/bg_topNav.jpg) repeat-x bottom left; height:21px; width:100%; }
.topnav a { height:21px; text-decoration:none; font-size:10px; color:#555; margin:0 0 0 10px; text-transform:uppercase; position:relative; top:-3px; }
.topnav a:hover { color:#E2100A; }
.topnav a.specialLink { background:#E2100A; color:#FFF; padding:3px 5px 3px 5px; _padding:5px 5px 4px 5px; text-transform:none; height:21px; }
.topnav a.specialLink:hover { color:#FFCCCC; }
.topnav .insideTopNav { width:966px; text-align:right; _width:935px; /* IE6 HACK */ }
			
/* HEADER. INCLUDES IMAGE */
#header { background:#FFF; position:relative; width:966px; margin:19px 0 15px 0; }

#header .uefa { float:left; margin:0 0 0 320px; _margin:0 0 0 310px; width:87px; height:58px; }

#logo { float:left; }

#menuHeader { float:right; }

#menuHeader ul { background:#FFF; text-align:right; }
#menuHeader ul li { display:inline; margin:0 0 0 22px; }
#menuHeader ul li a { color:#555; text-decoration:none; text-transform:uppercase; font-family:Trebuchet MS, sans-serif; font-size:10px; }
#menuHeader ul li a:hover { color:#E2001A; }

#imgHeader { margin:0 auto; background:#FFF url(../data/header_pictures/3.gif) no-repeat scroll center top; width:100%; height:238px; position:relative; top:0; _left:-15px; }
#imgHeader a { width:980px; height:238px; text-indent:-9999px; display:block; font-size:0; }
#flashHeader { display:block; }
#imgHeader2 { margin:0 auto; background:#FFF  no-repeat scroll center top; width:100%; height:238px; position:relative; top:0; _left:-15px; }
#imgHeader2 a { width:980px; height:238px; text-indent:-9999px; display:block; font-size:0; }
/* CONTENT */
#content { background:#FFF; padding:20px 0 0 0; }
#contentHomepage { background:#FFF; padding:10px 0 0 0; }

/* homeContentLeft = CONTENT ON HOMEPAGE  */
#homeContentLeft { float:left; width:730px; margin-right:40px; }

/* Sliding Doors MENU */

#homeMenuTab { background:#FFF url(../images/bg_homeHR.gif) no-repeat left bottom; height:40px; }
#homeMenuTab ul { font-family:Trebuchet MS, Arial, sans-serif; list-style-type:none;  }
#homeMenuTab ul li { display:inline; background:#FFF url(../images/bg_menuTabClose.gif) no-repeat right bottom; width:174px; font-size:12px; padding:0 0 1px 0; text-transform:uppercase; height:33px; float:left; margin:0 6px 0 0; text-align:center; font-weight:normal; }
#homeMenuTab ul li a { display:block; position:relative; top:1px; padding-top:14px; color:#555; text-decoration:none; }
#homeMenuTab ul li a:hover { color:#d4080b; }
#homeMenuTab ul li.selected { width:168px; background:#FFF url(../images/bg_menuTabOpen.gif) no-repeat left bottom; padding:0; height:35px; border-bottom:3px solid white; }
#homeMenuTab ul li.selected a { color:#E2100A; padding-top:10px; position:relative; right:6px; font-size:14px; }


/* HOME NEWS */
#homeNews { background:#FFF; margin:5px 50px 0 10px; float:left; _margin:5px 10px 0 10px; }
#homeNews .homeNewsLine { background:#FFF; margin:10px 0 10px 0; width:450px; }
#homeNews h2 { font-size:13px; color:#4e80b3; }
#homeNews small.date { background:#FFF url(../images/i_Harrow.gif) no-repeat center left; padding:4px 0 0 8px; font-family:Arial, Trebuchet MS, sans-serif; font-weight:bold; font-size:12px; }
#homeNews p.description { display:inline; width:350px; font-size:12px; font-family:Arial, Trebuchet MS, sans-serif; font-weight:normal; }
#homeNews p.description a { color:#555; text-decoration:none; background-image:none; padding:0; }
#homeNews p.description a:hover { text-decoration:underline; }	
#homeNews a { font-family:Arial, Trebuchet MS, sans-serif; }
#homeNews a.arrow { background:#FFF url(i_Harrow.gif) no-repeat right center; padding:3px 15px 0 0; *padding:5px 15px 0 0;  }


#homeImagesFooter { background:#FFF; padding:0; float:left; }
#homeImagesFooter img { margin:0 5px 0 0; }

#homeLoans { float:left; width:200px; position:relative; right:5px; top:25px; }
#homeLoans img { position:relative; left:23px; margin-bottom:15px; }

#homeLoans_1 { float:left; width:460px; position:relative; right:5px; top:25px; }
#homeLoans_1 img { position:relative; left:140px; margin-bottom:20px; }

#homeLoans_2 { float:left; width:460px; position:relative; right:5px; top:25px; }
#homeLoans_2 img { position:relative; left:-210px; margin-bottom:20px; }

#homeLoans_3 { float:left; width:460px; position:relative; right:5px; top:35px; }
#homeLoans_3 img { position:relative; left:-110px;  }

#homeLoans_459 { float:left; width:460px; position:relative; right:5px; top:25px; }
#homeLoans_459 img { position:relative; left:260px; margin-bottom:20px; }
		
/* HOME LINKS */		
p.homeLink_1 { background:#FFF url(../images/i_Harrow2.gif) no-repeat top left; padding:0 0 5px 8px;  }
p.homeLink_1 a { text-decoration:none; color:#555; font-family:Arial, Verdana, sans-serif; }
p.homeLink_1 a:hover { text-decoration:underline; }

p.homeLink_2 { position:relative; left:360px; background:#FFF url(../images/i_Harrow2.gif) no-repeat top left; padding:0 0 5px 8px; z-index:1000; }
p.homeLink_2 a { text-decoration:none; color:#555; font-family:Arial, Verdana, sans-serif; }
p.homeLink_2 a:hover { text-decoration:underline; }

p.homeLink_3 { position:relative; left:535px; background:url(../images/i_Harrow2.gif) no-repeat top left; padding:0 0 4px 8px; z-index:1000; }
p.homeLink_3 a { text-decoration:none; color:#555; font-family:Arial, Verdana, sans-serif; }
p.homeLink_3 a:hover { text-decoration:underline; }

p.homeLink_459 { position:relative; left:175px; background:#FFF url(../images/i_Harrow2.gif) no-repeat top left; padding:0 0 5px 8px; z-index:1000; }
p.homeLink_459 a { text-decoration:none; color:#555; font-family:Arial, Verdana, sans-serif; }
p.homeLink_459 a:hover { text-decoration:underline; }

/* SEARCH BOX */
.searchBox { background:#FFF url(../images/bg_searchBox.gif) no-repeat top left; height:27px; padding:3px 10px 3px 4px; }
.searchBox input.input { float:left; background:#FFF; height:15px; padding:2px 0 2px 2px; width:164px; font-size:11px; color:#555; border:1px solid #EEE;  }
.searchBox input.submit { float:left; position:relative; left:5px; margin:0;  }
 
/* longInSideButton = BUTTON inSide Content LONG. Aplica acum */
.longInsideButton { background:#FFF url(../images/bg_longInsideButton.gif) no-repeat center left; width:232px; height:22px; padding:0 0 0 15px}
.longInsideButton a { display:block; font-size:12px; padding:2px 0 0 0; text-transform:uppercase; color:#FFF; text-decoration:none; }
.longInsideButton a:hover { text-decoration:underline; }

/* Tabbed Navigation YEAR */
ul.tabYear { margin:0; }
ul.tabYear li { background:#FFF url(../images/bg_tabYear.gif) no-repeat center left; float:left; height:28px; list-style:none; padding:10px 0 0 0; text-align:center; width:49px; }
ul.tabYear li.first { background:#FFF url(../images/bg_tabYearSelected.gif) no-repeat center left; width:64px; }
ul.tabYear li a { font-size:11px; color:#666; padding:6px 16px 0 5px; display:block; }
ul.tabYear a.on { font-size:12px; color:#E2100A; padding:0 15px 5px 0; }

/* Exchange */
#exchangeBACKUP { float:left; background:#FFF url(../images/bg_exchange.gif) no-repeat; padding:10px 0 11px 10px; width:233px; margin-left:4px; _margin-left:2px; }

#exchange { float:right; background:#FFF url(../images/bg_exchange.gif) no-repeat; padding:10px 0 11px 10px; width:230px; margin-left:0px; _margin-left:1px; }
#exchange h2 { font-size:17px; color:#444; font-weight:normal; }
#exchange table { font-family:Arial, Verdana, sans-serif; border-collapse:collapse; width:210px; }
#exchange table th { font-size:11px; font-weight:normal; text-align:center; padding:5px; }
#exchange table td { font-size:11px; font-weight:normal; background:#EEE; text-align:center; padding:2px; border-top:1px solid white; }
#exchange table td.leftAlign { text-align:left; padding-left:20px;}
#exchange p { text-align:right; margin-right:20px; }
#exchange a { font-family:Arial, Trebuchet MS, sans-serif; }
#exchange a.arrow { background:#FFF url(i_Harrow.gif) no-repeat right center; padding:3px 15px 0 0; *padding:5px 15px 0 0;  }

/* CONTENT RIGHT. HOME ONLY */
#homeContentRight { float:right; width:196px; }

/* ONLINE BANKING BOX ON RIGHT SIDE */
#onlineBankingBox { background:#FFF; margin:9px 0 5px 0; }
#onlineBankingBox h3 { background:#FFF url(../images/bg_onlineBankingTop.gif) no-repeat; font-size:19px; padding:8px 0 8px 9px; color:#333; _position:relative; _z-index:1000;}
#onlineBankingBox .inner { padding:5px 5px 5px 10px; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; }
#onlineBankingBox a { text-decoration:none; color:#E2001A; font-weight:bold; font-family:Arial, Trebuchet MS, sans-serif; font-size:12px; }
#onlineBankingBox a:hover { text-decoration:underline; }
#onlineBankingBox p { font-size:11px; color:#333;  }
#onlineBankingBox h4 { background:#FFF url(../images/bg_onlineBankingBottom.gif) no-repeat top left; font-size:16px; color:#222; padding:5px 0 8px 4px; }
#onlineBankingBox h4 img { margin:0 7px 1px 5px; }
#onlineBankingBox h4 a { color:#444; }
#onlineBankingBox h4 a:hover { text-decoration:underline; }
#onlineBankingBox p a { font-size:11px; color:#333; font-weight:normal; }
#onlineBankingBox p a:hover { text-decoration:underline; }
		

/* INFO CENTER ON RIGHT SIDE */
#infoCenter { background:#FFF url(../images/bg_infoCenter.jpg) no-repeat; padding:10px 8px 10px 8px; margin:10px 0 10px 0; }
#infoCenter h3 { font-size:18px; color:#666; font-weight:normal; }
#infoCenter p { color:#d4080b; font-weight:bold; font-size:16px; }
#infoCenter img { position:relative; top:12px; }
	
/* ABOUT US MENU ON RIGHT SIDE */
#AboutUsMenu { background:#FFF; margin:0 0 5px 0; _padding:2px; }
#AboutUsMenu p { height:24px; padding:6px 0 0 6px;  border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; background:#F4F4F4 url(../images/bg_AboutUsMenuAnchor.gif) repeat-x left top; margin:0; }
#AboutUsMenu img { margin:0 10px 1px 0; }
#AboutUsMenu a { text-decoration:none; color:#333; font-size:14px; font-family: Trebuchet MS; text-transform:uppercase; }
#AboutUsMenu a:hover { text-decoration:underline; }
#AboutUsMenu .AboutUsMenuTop { background:#FFF url(../images/border_AboutUsTop.gif) no-repeat; height:3px; _margin-bottom:-20px; /* IE6 Hack */ }
#AboutUsMenu .AboutUsMenuBottom { background:#FFF url(../images/border_AboutUsBottom.gif) no-repeat; height:3px; margin-top:-1px; _padding:0 5px 0 5px; /* IE6 Hack */ }

/* insideContentLeft = LEFT SIDEBAR InSide */	
#insideContentLeft { width:200px; float:left; padding:0 15px 0 0; }
	
#insideContentLeft ul { background:#FFF; list-style:none; padding:0; line-height:20px; _line-height:15px; /* IE6 Hack */ }
#insideContentLeft ul li { background:#FFF url(../images/i_arrow.gif) no-repeat top left; *background:#FFF url(../images/i_arrow-ie7.gif) no-repeat top left; /* IE7 Hack */ _background:#FFF url(../images/i_arrow2.gif) no-repeat top left; /* IE6 Hack */ _margin-bottom:-15px; /* IE6 Hack */ }
#insideContentLeft ul li a { display:block; padding:0 0 0 10px; text-transform:uppercase; color:#555; text-decoration:none; font-size:12px; }
#insideContentLeft ul li a:hover { color:#E2100A; }	
/* 1st Level of Navigation */
#insideContentLeft ul li.selectedMain { background:#FFF url(../images/i_arrowDown.gif) no-repeat top left;  _background:#FFF url(../images/i_arrowDown2.gif) no-repeat top left;}
#insideContentLeft ul li.selectedMain a { display:block; color:#555; font-weight:bold; }
#insideContentLeft ul li.selectedMain a:hover { color:#E2100A; }
#insideContentLeft ul li.selectedMain a.Link { display:block; padding:0 0 0 10px; color:#000;  }

#insideContentLeft ul li.selectedMain ul li a { font-weight:normal; font-size:11px; }
/* 2nd Level of Navigation */
#insideContentLeft ul li ul { font-family:Arial, Verdana, sans-serif; padding:0 0 20px 0; _margin:0 0 20px 0;  }
#insideContentLeft ul li ul li { background:#FFF; text-transform:none; _line-height:20px; /* IE6 Hack */ }
#insideContentLeft ul li ul li.selectedSecond { background:#FFF; }
#insideContentLeft ul li ul li.selectedSecond a { color:#E2001A; text-transform:none; _margin:0px 0 0 0; /* IE6 Hack */ }	
#insideContentLeft ul li.selectedMain ul li a { text-transform:none; }

#insideContentLeft ul li ul li.selectedSecond a.opening { color:#000; }
/* 3rd Level of Navigation */
#insideContentLeft ul li ul li.selectedSecond ul { border-top:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; padding:10px 0 5px 10px; _padding:10px 0 5px 10px; margin:5px 0 5px 0; _margin:15px 0 15px; *padding:10px 0 5px 10px; }
#insideContentLeft ul li ul li.selectedSecond ul li { margin:0 0 5px 0; _margin:-5px 0 -15px 0; /* IE6 Hack */ _line-height:0px; /* IE6 Hack */ list-style-image:none; }
#insideContentLeft ul li ul li.selectedSecond ul li a { color:#555; font-size:11px; text-transform:none; line-height:25px; }				
#insideContentLeft ul li ul li.selectedSecond ul li a.activeLink { color:#E2100A; }
/* 4th Level of Navigation */
#insideContentLeft ul li ul li.selectedSecond ul ul { border:0;  padding:2px 0 0 15px; }
#insideContentLeft ul li ul li.selectedSecond ul ul li { margin:0 0 2px 0; }


/* NEWSLETTER BOX ON LEFT SIDE */
#newsletter { position:relative; background:#FFF url(../images/bg_newsletter.gif) no-repeat; padding:10px; margin:20px 0 10px 0; }
#newsletter h2 { color:#555; font-size:16px; }
#newsletter p { font-size:12px; }
#newsletter input.input { border:1px solid #CCC; height:21px; width:130px; position:relative; /* IE6 Hack */ }
#newsletter input.submit { margin:0 0 2px 5px; position:relative; /* IE6 Hack */  padding:1px; }
			
/* insideContentCenter = CONTENT ON CENTER inSide.Level 1 */
#insideContentCenter { width:510px; _width:495px; float:left; margin:0 43px 0 0; _margin:0 20px 0 0; }
#insideContentCenter h2 { color:#E2100A; margin:10px 0 0 0; text-transform:uppercase; font-size:18px; font-weight:normal; }
#insideContentCenter p { font-family:Arial, Verdana, sans-serif; }
#insideContentCenter .text { font-family:Arial, Verdana, sans-serif; font-size:12px; color:#555; }
#insideContentCenter .text a { font-size:12px; font-family:Arial, Trebuchet MS, sans-serif; color:#E2100A; text-decoration:none; }
#insideContentCenter .text a:hover { text-decoration:underline; }
#insideContentCenter .text ul { padding:10px; }
#insideContentCenter .text ul li { list-style-position:inside; margin:0 0 5px 0; font-size:12px; color:#555; }
#insideContentCenter .text table { font-size:12px; color:#555; }
#insideContentCenter ul.selectNav { padding:15px 0 10px 10px }
#insideContentCenter ul.selectNav li { list-style:none; border-bottom:1px solid #CCC; margin:0 0 5px 0; padding:0 0 8px 0; }
#insideContentCenter ul.selectNav li a { background:#FFF url(../images/bg_insideList.gif) no-repeat center left;  *display:block; *background-position:0% 60%; font-size:12px; font-family:Arial, Trebuchet MS, sans-serif; padding:0 0 0 10px; }
#insideContentCenter h3 { color:#3f77b2 ; font-family:Trebuchet MS, sans-serif; font-weight:bold; font-size:13px; }
/* sucursale si ATM */
.sucursaleATM .floatLeft { width:250px; }
.sucursaleATM .floatRight { width:220px; }
		
/* insideBigContentRight = Big CONTENT ON RIGHT inSide. Level 2 */
#insideBigContentRight { float:left; width:750px; }
#insideBigContentRight h2 { color:#E2100A; margin:10px 0 0 0; text-transform:uppercase; font-size:18px; font-weight:normal; }
#insideBigContentRight p { padding:13px 0 0 0; font-family:Arial, Verdana, sans-serif; }

/* image on RIGHT side - homeContentRight */
#imageRight { position:relative; left:-15px; }

/* BREADCRUMBS. PATHWAY */
#breadcrumbs p { font-size:10px; color:#555; padding:4px 0 0 0; _padding:0; /* IE6 Hack */ }
#breadcrumbs a { font-size:10px; color:#555; text-decoration:none; }
#breadcrumbs a:hover { text-decoration:underline; }


/* FOOTER */
#footer { clear:both; border-top:1px solid #C0C0C0; height:41px; margin-top:15px; _margin-top:1px; }
#footer p { color:#acacac;  font-size:11px; padding:8px 0 0 0; font-family:Arial, Verdana, sans-serif; margin-bottom:21px; }
#footer img { margin:0 5px -2px 0; }
#footer a { color:#555; text-decoration:none; margin:0 15px 0 0; }
#footer a:hover { color:#333; }
#footer .floatRight a { color:#acacac; }
#footer .floatRight a:hover { text-decoration:underline; }

/* Safari hack and Opera */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.topnav a.specialLink { padding:3px 5px 7px 5px; }
		#onlineBankingBox h4 { padding:7px 0 10px 4px; }
		#infoCenter { padding:10px 10px 15px 10px; }
		#exchange { padding:10px 0 30px 10px; }
		#newsletter { padding:15px 10px 20px 12px; }
	}
	
