/* ------------------------------------------------------ */
/* Global / Reset Elements */
/* ------------------------------------------------------ */
	html { overflow-y: scroll; }
	body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #434951;
	background: #fff url(http://www.ing.ro/ing/dms/landing/depozit-2/bg/bg.png) repeat-x;
}
	a {	color: #efefef; outline: none; font-size: 11px; text-decoration: underline; }
	a:hover { color: #fff; text-decoration: underline; }
	p, h1, h2, h3, h4, h5, h6, ul, ol, li, hr, form, button, fieldset, legend, table, theah, tbody, blockquote { margin: 0; padding: 0; }
	h1, h2, h3, h4, h5, h6 { font-size: 1px; }
	textarea, input, button, select { font-family: Arial; font-size: 13px; color: #717A88; }
	button { display: block; border: 0; cursor: pointer; }
	label { vertical-align: 3px; }
	ul, ol { list-style-type: none; }
	img { border: 0; }
	ul li { display: inline; }
	strong { color: #fff; font-size: 13px; display: block; padding-bottom: 5px; padding-top: 10px; }
	p { line-height: 150%; padding-bottom: 10px; }

	label { width: 163px; color: #fff; font-size: 11px; display: block; padding-bottom: 5px; padding-top: 17px; font-weight: bold; float: left; }
	label.small { width: 140px; }
/* ------------------------------------------------------ */



/* ------------------------------------------------------ */
/* Main Classes */
/* ------------------------------------------------------ */
	.clear { clear: both; }
	.left {
	float: left;
	background-image: url(http://www.ing.ro/ing/dms/landing/control/bg/bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
	.right { float: right; }
	.lh { line-height: 160%; padding-top: 3px; }
	
	#main form input { width: 127px; }
	div.inp		{ border: 1px solid #CBCDCF; float: left; position: relative; }
	input		{ background: #fff url(http://www.ing.ro/ing/dms/landing/depozit-2/input/input.png) repeat-x; padding: 3px 10px; border: 1px solid #fff; float: left; }
	select		{ float: left; width: 150px; padding-left: 5px; }
	option		{ padding-left: 10px; }
	div.focus					{ border: 1px solid #FFFF66; }
	div.LV_valid_field			{ border: 1px solid #BBDD75; }
	div.LV_invalid_field		{ border: 1px solid #FF0000; }
	div.focus input				{ background: #fff none; }
	div.LV_valid_field input	{ background: #fff url(http://www.ing.ro/ing/dms/landing/depozit-2/input-valid/input-valid.png) repeat-x; }
	div.LV_invalid_field input	{ background: #FEEBED none; color: #E80000; }

	div.inp span {
		position: absolute;
		top: 27px;
		left: -1px;
		background-color: #FEEBED;
		border: 1px solid #FF0000;
		font-size: 11px;
		color: #E80000;
		padding: 3px;
	}

	span.LV_valid { display: none !important; }

	.error {
	border: 1px solid #FF0000;
	color: #E80000;
	margin-top: 10px;
	background-color: #FFFFFF;
	background-image: none;
	}

	#error-alert {
		border: 1px solid #fff;
		padding: 10px;
		background: url(http://www.ing.ro/ing/dms/landing/depozit-2/ico-error/ico-error.gif) 280px center no-repeat;
	}
	
/* ------------------------------------------------------ */



/* ------------------------------------------------------ */
/* Layout */
/* ------------------------------------------------------ */
	#container {
		width: 800px;
		margin: 0 auto;
		position: relative;
	}

		#header {
			width: 800px;
			height: 105px;
			background: url(http://www.ing.ro/ing/dms/landing/depozit-2/header-bg/header-bg.png) left bottom no-repeat;
			position: relative;
		}

			h1#logo {
				width: 128px;
				height: 32px;
				background: url(http://www.ing.ro/ing/dms/landing/depozit-2/logo/logo.png) no-repeat;
				text-indent: -1000em;
				position: absolute;
				left: 0;
				top: 27px;
			}

			#header em {
				visibility: hidden;
			}
/* ------------------------------------------------------ */
		#bar {
			width: 800px;
			height: 37px;
			background: url(http://www.ing.ro/ing/dms/landing/depozit-2/bar-bg/bar-bg.png) left bottom no-repeat;
			position: relative;
		}

			#tab {
				width: 326px;
				height: 24px;
				background: url(http://www.ing.ro/ing/dms/landing/depozit-2/tab/tab.png) no-repeat;
				position: absolute;
				bottom: 1px;
				right: 0;
				color: #727D8B;
				padding: 12px 0 0 14px;
				z-index: 100;
			}

			#tabs {
				height: 37px;
			}

				#tabs li a {
					font-size: 11px;
					font-weight: bold;
					color: #565F69;
					background: url(http://www.ing.ro/ing/dms/landing/depozit-2/tab-left/tab-left.png) no-repeat;
					display: block;
					float: left;
					height: 37px;
					text-decoration: none;
					padding-left: 5px;
					margin-right: 1px;
					line-height: 35px;
				}
				#tabs li a:hover			{ color: #858E9A; }
				#tabs li a.selected			{ color: #FE6505; background-position: left bottom; }
				#tabs li a.selected span	{ background-position: right bottom; }

					#tabs li a span {
						background: url(http://www.ing.ro/ing/dms/landing/depozit-2/tab-right/tab-right.png) right top no-repeat;
						display: block;
						float: left;
						height: 37px;
						padding: 0 25px 0 20px;
						cursor: pointer;
					}

			.tab {
				width: 459px;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 100;
				border-right: 1px solid #fff;
			}

				.sdw { 
					width: 459px;
					height: 12px;
					background: transparent url(http://www.ing.ro/ing/dms/landing/depozit-2/sdw/sdw.png) no-repeat;
					float: left;
				}

				.tab p { padding: 15px 25px; }

				.tab .tab-main {
					border-left: 1px solid #ECECEC;
					
					border-right: 1px solid #ECECEC;
					background: #fff;
				}

					.tab ul li {
						display: block;
						border-bottom: 1px solid #ECECEC;
						padding: 15px 25px;
						background: #fff;
					}
					.tab li.odd { background: #fff url(http://www.ing.ro/ing/dms/landing/depozit-2/li-bg/li-bg.png) right top repeat-y; }
					.tab li.hover { background: #f5f1e6 none; }

						.tab li div {
							background: url(http://www.ing.ro/ing/dms/landing/depozit-2/arrow/arrow.gif) 0 3px no-repeat;
							padding-left: 20px;
							display: block;
						}
					
					.tab li li {
						padding: 0;
					}

					.tab ol		{ margin: 0; padding: 0; }
					.tab ol li	{ border: 0; padding: 2px 0 2px 12px; background: url(http://www.ing.ro/ing/dms/landing/depozit-2/bullet/bullet.gif) 0 7px no-repeat; display: block; }

/* ------------------------------------------------------ */
		#main {
			width: 800px;
			position: relative;
			padding-bottom: 20px;
		}

			#main .left {
				width: 460px;
			}

				#banner {
					width: 460px;
					height: 345px;
					position: relative;
				}

				#home-bottom {
					width: 460px;
					height: 167px;
					background: url(http://www.ing.ro/ing/dms/landing/depozit-2/left-bg/left-bg.jpg) no-repeat;
					position: relative;
				}

					#home-bottom ul {
						font: 11px Tahoma;
						position: absolute;
						left: 0;
						bottom: 30px;
					}

						#home-bottom li {
							width: 100px;
							float: left;
							text-align: center;
							padding: 0 30px;
							text-indent: -1000em;
						}
						#home-bottom li.last {
							padding-left: 17px;
							padding-right: 0;
						}
						#home-bottom li.first {
							padding-right: 22px;
						}


			#right {
				position: absolute;
				top: -16px;
				right: 0;
				width: 340px;
			}	
				
					#right .box1 h2 {
						width: 340px;
						height: 45px;
						background: url(http://www.ing.ro/ing/dms/landing/depozit-2/box1/box1.png) left bottom no-repeat;
						margin-bottom: 1px;
						text-indent: -1000em;
						cursor: pointer;
					}
					#right .box1 h2.hover {
						background-position: left top;
					}

					#right .box1 .content {
						background: #DADAE9 url(http://www.ing.ro/ing/dms/landing/depozit-2/content/content.png) left bottom no-repeat;
						color: #151588;
						font: bold 11px Tahoma;
						margin-bottom: 1px;
						padding: 14px;
						height: 272px;
					}
					#right .box1 .content2 {
						background: #DADAE9 url(http://www.ing.ro/ing/dms/landing/depozit-2/content/content.png) left bottom no-repeat;
						color: #151588;
						font: bold 11px Tahoma;
						margin-bottom: 1px;
						padding: 14px;
						height: 117px;
					}	
			
				#right .box2 {
					color: #727D8B;
					background: #F48939 url(http://www.ing.ro/ing/dms/landing/depozit-2/right-bg/right-bg.png) no-repeat;
					min-height: 1px;
					_height: 1px;
					margin-bottom: 20px;
				}

					#right .box2 h2 {
						width: 340px;
						height: 45px;
						background: url(http://www.ing.ro/ing/dms/landing/depozit-2/box2/box2.png) left top no-repeat;
						text-indent: -1000em;	
					}
					#right .box2 h2.hover {
						background-position: left bottom;
						cursor: pointer;
					}

					#right .box2 h2#thank-you {
						background: url(http://www.ing.ro/ing/dms/landing/depozit-2/thank/thank.png) left top no-repeat;
					}

				#iti-multumim { padding-top: 20px; color: #565F69; line-height: 150%; margin-bottom: 10px; }

				h2#h23 {
					width: 217px;
					height: 17px;
					background: url(http://www.ing.ro/ing/dms/landing/depozit-2/h23/h23.png) no-repeat;
					text-indent: -1000em;
					margin-bottom: 10px;
				}
				
				#termeni { border-top: 1px solid #F6A161; color: #FDE7D7; font: 10px Tahoma; min-height: 1px; _height: 1px; }

				#right form, #right .box2 .content {
					background: url(http://www.ing.ro/ing/dms/landing/depozit-2/right-bg2/right-bg2.png) left bottom no-repeat;
					padding: 0 12px 20px 12px;
				}
				#right.bg2 .bg { padding-bottom: 30; }

				#right h3 {
					font-size: 13px;
				}

				em#completeaza { font: normal normal 11px Tahoma; color: #fff; display: block; border-top: 1px solid #F6A161; margin-top: 4px; }

				#main form {
					
				}

					#main form span {
						padding: 4px;
						display: block;
						float: left;
					}

						#main form button {
							width: 220px;
							height: 66px;
							text-indent: -1000em;
							background: url(http://www.ing.ro/ing/dms/landing/control/buton-aplica/buton-aplica.jpg) no-repeat;
							margin-left: auto;
							margin-right: auto;
						}

						a#descarca { margin-top: 35px; font: bold 11px Tahoma; color: #FEF3EC; float: left; text-decoration: underline; }
						a#descarca:hover { text-decoration: none; color: #FFF; }
/* ------------------------------------------------------ */
#container #main .left #avantaje {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 14px;
	padding-right: 12px;
	padding-bottom: 20px;
}
#container #main .left #avantaje div {
	font-weight: bold;
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-bottom: 4px;
	margin-top: 14px;
}