@charset "utf-8";

/*------------- [ LAYOUT ] -------------*/

body { background: #FFFFFF url(../images/banner-left.png) no-repeat center 170px; color: #7C7C7E; font-family: Arial, Helvetica, Sans-Serif; }
	#header { background: #EAEAEA; }
		#header div.container { width: 980px; margin: 0px auto 0px auto; }
			#header div.container div.menu { width: 741px; height: 170px; float: left; background: url(../images/header-left.png) no-repeat right; }
				#header div.container div.menu img { float: left; margin: 16px 0px 0px 38px; }

				#header div.container div.menu ul { float: left; margin: 33px 0px 0px 35px; }
					#header div.container div.menu ul li { float: left; display: inline; margin: 0px 0px 0px 20px; font-size: 14px; font-family: 'Trebuchet MS'; }
					#header div.container div.menu ul li.unitec { padding: 0px 0px 0px 18px; background: url(../images/header-menu-1.png) no-repeat left 1px; }
					#header div.container div.menu ul li.faq { padding: 0px 0px 0px 20px; background: url(../images/header-menu-2.png) no-repeat left 2px; }
					#header div.container div.menu ul li.contacto { padding: 0px 0px 0px 22px; background: url(../images/header-menu-3.png) no-repeat left 2px; }
						#header div.container div.menu ul li a { color: #666666; }
						#header div.container div.menu ul li a:hover { text-decoration: underline; }

			#header div.container img.image { float: left; }

	#banner { width: 960px; height: 169px; margin: 0px auto 0px auto; background: url(../images/banner-right.jpg) no-repeat right; }

	#menu { background: #F4F4F4 url(../images/menu-border.png) no-repeat top center; }
		#menu div.container { width: 980px; height: 93px; margin: 0px auto 0px auto; background: #F4F4F4 url(../images/menu-bg.jpg) no-repeat top right; }
			#menu div.container .tip { display: block; margin: 0px 0px 0px 48px; *margin-left: 50px; }
			#menu div.container .link { float: left; margin: 20px 0px 0px 0px; }

	#content { border-bottom: 1px solid #EAEAEA; padding: 15px 0px 22px 0px; background: #F4F4F4; }
		#content div.container { width: 980px; min-height: 300px; height: auto !important; height: 300px; position: relative; margin: 0px auto 0px auto; background: url(../images/content-bg.png) repeat-y; }
			#content div.container div.regular-border-topleft { width: 11px; height: 10px; position: absolute; top: 0px; left: 0px; background: url(../images/regular-border-topleft.png) no-repeat; }
			#content div.container div.regular-border-topright { width: 10px; height: 10px; position: absolute; top: 0px; left: 724px; background: url(../images/highlighted-border-topright.png) no-repeat; }
			#content div.container div.regular-border-bottomleft { width: 11px; height: 10px; position: absolute; bottom: 0px; left: 0px; background: url(../images/regular-border-bottomleft.png) no-repeat bottom; }
			#content div.container div.regular-border-bottomright { width: 10px; height: 10px; position: absolute; bottom: 0px; left: 724px; background: url(../images/highlighted-border-bottomright.png) no-repeat bottom; }
			#content div.container div.regular-border-bottom { width: 152px; height: 3px; position: absolute; bottom: 0px; left: 11px; background: #FFFFFF; font-size: 0px; }

			#content div.container div.menu-border-topright { width: 8px; height: 7px; position: absolute; top: 3px; left: 155px; background: url(../images/regular-border-topright.png) no-repeat; }
			#content div.container div.menu-border-bottomright { width: 8px; height: 7px; position: absolute; bottom: 3px; left: 155px; background: url(../images/regular-border-bottomright.png) no-repeat bottom; }

			#content div.container div.highlighted-border-topleft { width: 10px; height: 10px; position: absolute; top: 0px; left: 748px; background: url(../images/highlighted-border-topleft.png) no-repeat; }
			#content div.container div.highlighted-border-topright { width: 10px; height: 10px; position: absolute; top: 0px; right: 0px; background: url(../images/highlighted-border-topright.png) no-repeat; }
			#content div.container div.highlighted-border-bottomleft { width: 10px; height: 10px; position: absolute; bottom: 0px; left: 748px; background: url(../images/highlighted-border-bottomleft.png) no-repeat bottom; }
			#content div.container div.highlighted-border-bottomright { width: 10px; height: 10px; position: absolute; bottom: 0px; right: 0px; background: url(../images/highlighted-border-bottomright.png) no-repeat bottom; }

			#content div.regular { width: 734px; float: left; }
				#content div.regular div.menu { width: 160px; float: left; display: inline; margin: 0px 0px 0px 3px; border-top: 3px solid #FFFFFF; }
					#content div.regular div.menu ul { margin: 20px 0px 20px 0px; border-top: 2px solid #FFFFFF; }
						#content div.regular div.menu li { border-bottom: 2px solid #FFFFFF; font-size: 14px; line-height: 14px; }
							#content div.regular div.menu li a { display: block; border-left: 3px solid #0074AE; padding: 8px 0px 8px 14px; color: #006393; }
							#content div.regular div.menu li a:hover { background: #FFFFFF; }

				#content div.regular div.content { width: 521px; float: left; display: inline; margin: -8px 25px 0px 25px; padding: 0px 0px 15px 0px; }

			#content div.highlighted { width: 212px; float: left; display: inline; margin: 0px 10px 0px 24px; padding: 10px 0px 10px 0px; }
				#content div.highlighted h1 { margin: 30px 0px 10px 0px; border-top: 2px solid #D0D7D9; padding: 4px 0px 6px 0px; background: #F4F4F4; color: #DA251D; font-size: 17px; font-family: 'Trebuchet MS'; font-weight: bold; text-align: center; }
				#content div.highlighted h1.first { margin-top: 0px; }

				#content div.highlighted p { margin: 10px 0px 10px 0px; color: #999999; font-size: 12px; }

				#content div.highlighted ul { margin: 0px 0px 0px 24px; }
					#content div.highlighted ul li { margin: 4px 0px 4px 0px; font-size: 12px; line-height: 1.3; list-style: square; }

				#content div.highlighted a { color: #0066CC; }
				#content div.highlighted a:hover { text-decoration: underline; }

				#content div.highlighted form span { display: block; margin: 10px 0px 0px 0px; color: #999999; font-size: 14px; }
				#content div.highlighted form input { width: 152px; border: none; padding: 3px 22px 3px 2px; background: url(../images/highlighted-input-bg.png) no-repeat; font-size: 12px; color: #999999; }
				#content div.highlighted form button { width: 73px; height: 24px; float: right; margin: 10px 0px 0px 0px; border: none; background: url(../images/highlighted-button.png); color: #FFFFFF; font-size: 12px; font-family: Arial; font-weight: bold; cursor: pointer; }

				#content div.highlighted div.userdetails img { float: left; margin: 0px 4px 0px 0px; border: 2px solid #949FAB; padding: 1px 1px 1px 1px; }
				#content div.highlighted div.userdetails span { display: block; color: #7C7C7E; font-size: 12px; }
				#content div.highlighted div.userdetails span.name { padding: 4px 0px 0px 0px; }

				#content div.highlighted .validation-warning, #content div.highlighted .validation-success { margin: 0px 0px 10px 0px; font-size: 12px; }
				#content div.highlighted .validation-warning { color: #FF3300; }
				#content div.highlighted .validation-success { color: #2FB900; }

				#content div.highlighted span.recover { float: right; clear: both; margin: 20px 0px 10px 0px; padding: 0px 0px 0px 20px; background: url(../images/icons/key-next.png) no-repeat left center; font-size: 12px; line-height: 16px; }

				#content div.highlighted .calendar { margin: 0px 0px 0px 1px; }
					#content div.highlighted .calendar table { width: 211px; }
						#content div.highlighted .calendar table td { font-size: 11px; }

	#footer { width: 980px; margin: 0px auto 0px auto; }
		#footer img.tip { float: left; position: relative; margin: -8px 0px 0px 0px; }
		#footer img.logo { float: left; margin: 20px 0px 0px 14px; }
		#footer img.webink { float: right; margin: 28px 2px 0px 0px; }

		#footer div { float: left; margin: 20px 0px 0px 6px; }
			#footer div p { font-size: 12px; line-height: 13px; color: #999999; font-family: 'Trebuchet MS'; }