/*
 * RESET
 */
	html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*
 * SPRITE
 */	
	.sprite {
		background-color: transparent;
		background-image: url(../images/sprite-min.png);
		background-repeat: no-repeat;
	} 
	.sprite-x {
		background-repeat: repeat-x;
	}
	.sprite-y {
		background-repeat: repeat-y;
	}
	
/*
 * COMMONS
 */
	html {
		/*background: #ccc url(../images/doc-body-bg.jpg) repeat-x 0 0;*/
	}
	html, body {
		font-family: Arial,Helvetica,sans-serif;
		font-size: 12px;
		color: #444;
	}
	strong {
		font-weight: bold;
	}
	.clear{ clear: both; width: 100%; height: 0px; overflow: hidden; }
	a,
	a:link,
	a:active,
	a:visited {
		color: #0067B1;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}	
	input {
		color: #444;
	}
	button {
		cursor: hand;
		cursor: pointer;
	}
	.width-33 { width: 32.9%; }
	.width-50 { width: 50%; }
	.width-100 { width: 100%; }
	
/*
 * DOCUMENT
 */	
 	.doc {
 		width: 100%;
 	}
	.doc .doc-header,
	.doc .doc-body,
	.doc .doc-footer {}

/*
 * DOCUMENT > HEADER
 */	
 	.doc .doc-header {
 		padding-top: 10px;
 		height: 98px;
 	}
	.doc .doc-header .doc-header-content {
		width: 800px;
		margin: 0 auto;
	}
/*
 * DOCUMENT > HEADER > AUTH
 */	
 	.doc .doc-header .auth {
 		float: right;
		width: 400px;
		margin-top: 8px;
 	}
	.doc .doc-header .auth table {
		border-collapse: collapse;
		float: right;
	}
	.doc .doc-header .auth td {
		vertical-align: top;
		padding-left: 0px;
	}
	.doc .doc-header .auth .user {}
	.doc .doc-header .auth .pass {}
	.doc .doc-header .auth .send {
		padding-top: 2px;
	}
	.doc .doc-header .auth .send button {
		border: 0px;
		background-position: 0 -109px;
		width: 61px;
		height: 28px;
	}
	.doc .doc-header .auth .input {
		margin-right:5px;
		background-position: 0 -137px;
		height: 29px;
		width: 147px;
		padding-left: 6px;
	}
	.doc .doc-header .auth .input div {
		position: relative;
	}
 	.doc .doc-header .auth .input div input {
		font-size:17px;
		margin:4px 0;
		padding:0;
		width:135px;
		background-color: transparent;
		border: 0px solid #ff0000;
		color: #909090;
		position: absolute;
 	}
	.doc .doc-header .auth .input div input.typing {
		color: #4444;
 	}
/*
 * DOCUMENT > HEADER > LOGO
 */	
 	.doc .doc-header .logo {
 		float: left;
		width: 243px;
		height: 39px;
		background-position: 0 -15px;
 	}	

/*
 * DOCUMENT > HEADER > NAV-TOP
 */	
	.doc .doc-header .nav-top {
		background-position: 0 -229px;
		float: left;
		height: 26px;
		text-align: center;
		padding: 0;
		margin: 5px 0 0 0;
		width: 100%;
		overflow: hidden;
	}
	.doc .doc-header .nav-top ul {
		height: 26px;
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	.doc .doc-header .nav-top ul li {
		float: left;
		text-align: left;
		height: 26px;
		width: 112px;
		text-align: center;
		padding: 0;
		margin: 0;
		border-right: 2px solid #fff;
	}
	.doc .doc-header .nav-top ul li.last {
		border-right: 0px;
	}
	.doc .doc-header .nav-top ul li a,
	.doc .doc-header .nav-top ul li a:link,
	.doc .doc-header .nav-top ul li a:active,
	.doc .doc-header .nav-top ul li a:visited {
		color: #fff;
		text-decoration: none;
		line-height: 26px;
		height: 26px;
		display: block;
		text-transform: uppercase;
		color: #fff;
		font-weight: bold;
	}
	.doc .doc-header .nav-top ul li a:hover {
		text-decoration: underline;
	}
	.doc .doc-header .nav-top ul li.selected {}
	.doc .doc-header .nav-top ul li.selected a,
	.doc .doc-header .nav-top ul li.selected a:link,
	.doc .doc-header .nav-top ul li.selected a:active,
	.doc .doc-header .nav-top ul li.selected a:visited {
		text-decoration: none;
		background: transparent url(../images/bg_link_menu_selected.jpg) repeat-x 0 0;
		color: #1465ab;
		line-height: 26px;
		font-weight: bold;
	}
	.doc .doc-header .nav-top ul li.selected a:hover {
		text-decoration: underline;
	}	

/*
 * DOCUMENT > HEADER > NAV-BOTTOM
 */	
	.doc .doc-header .nav-bottom {
		background-position: 0 -257px;
		float: left;
		height: 24px;
		text-align: center;
		padding: 0;
		margin: 2px 0 2px 0;
		width: 100%;
		overflow: hidden;
	}
	.doc .doc-header .nav-bottom ul {
		height: 24px;
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	.doc .doc-header .nav-bottom ul li {
		float: left;
		text-align: left;
		height: 24px;
		width: 112px;
		text-align: center;
		padding: 0;
		margin: 0;
		border-left: 2px solid #fff;
	}
	.doc .doc-header .nav-bottom ul li.first {
		border-left: 0px;
	}	
	.doc .doc-header .nav-bottom ul li ul {
		width: 100px;
	}	
	.doc .doc-header .nav-bottom ul li ul li {
		width: 32px;
	}		
	.doc .doc-header .nav-bottom ul li a,
	.doc .doc-header .nav-bottom ul li a:link,
	.doc .doc-header .nav-bottom ul li a:active,
	.doc .doc-header .nav-bottom ul li a:visited {
		color: #fff;
		text-decoration: none;
		line-height: 24px;
		height: 24px;
		display: block;
	}
	.doc .doc-header .nav-bottom ul li a:hover {
		text-decoration: underline;
	}
	.doc .doc-header .nav-bottom ul li.selected {}
	.doc .doc-header .nav-bottom ul li.selected a,
	.doc .doc-header .nav-bottom ul li.selected a:link,
	.doc .doc-header .nav-bottom ul li.selected a:active,
	.doc .doc-header .nav-bottom ul li.selected a:visited {
		text-decoration: none;
		background: transparent url(../images/bg_link_menu_selected.jpg) repeat-x 0 0;
		color: #1465ab;
		line-height: 24px;
		font-weight: bold;
	}
	.doc .doc-header .nav-bottom ul li.selected a:hover {
		text-decoration: underline;
	}	
		
/*
 * DOCUMENT > BODY
 */	
 	.doc .doc-body {}
	.doc .doc-body .doc-body-content {
		width: 800px;
		margin: 0 auto;
	}
		
/*
 * DOCUMENT > FOOTER
 */	
 	.doc .doc-footer {
 		height: 47px;
		width: 800px;
		margin: 0 auto;
 	}
	.doc .doc-footer .doc-footer-content {
		width: 800px;
		margin: 0 auto;
		height: 47px;
		background-position: 0 -344px;
	}		

/*
 * DOCUMENT > BOX NEWS HOME
 */	
	.box-news-home {
		height: 220px;
		height: 300px;
		background: #fff url(../images/news-bg.jpg) no-repeat 0 0;
		overflow: hidden;
	}	
	.box-news-home h1 {
		color: #ea5c44;
		font-size: 21px;
		margin: 40px 0 0 20px;
		text-transform: uppercase;
	}
	.box-news-home ul {
		width: 230px;
		margin: 0px 0 0 16px;
	}
	.box-news-home ul li {
		background-position: 0 29px;
		border-bottom: 1px dashed #ea5c44;
	}
	.box-news-home ul li.last {
		background-image: none;
		border-bottom: 0px;
	}
	.box-news-home ul li span{
		padding: 10px 0px 6px 30px;
		display:block;
		background: transparent url(../images/list-bullet.gif) no-repeat 5px 8px;
		line-height: 15px;
		padding-left: 28px;
		text-decoration: none;
		
		color: #313B90;
		font-weight: bold;
		text-transform: uppercase;
	}
	.box-news-home ul li span span{
		padding: 0;
		display:inline;
		background:none;
		font-weight:normal;
		text-transform:none;
	}
	.box-news-home ul li a,
	.box-news-home ul li a:link,
	.box-news-home ul li a:active,
	.box-news-home ul li a:visited {
		
		text-decoration: none;
		white-space:nowrap;
		color: #313B90;
		font-weight: bold;
		text-transform: uppercase;
		
	}
	.box-news-home ul li a:hover {
		text-decoration: underline;
	}	

/*
 * DOCUMENT > AREA HOMEPAGE
 */	
	.area-homepage {
		background-color: #4861c0;
	}	
	
	.area-homepage .box-homepage {
		float: left;
		width: 200px;
		background-color: #4861C0;
	}
	.area-homepage .box-homepage .box-homepage-header {
		background-position: 0 -2860px;
		height: 34px;
		padding: 7px 2px 2px 2px;
	}
	.area-homepage .box-homepage .box-homepage-body {
		background-color: #d3e9ff;
		margin: 1px;
		padding: 2px;
		padding-bottom: 5px;
		text-align: center;
	}
	.area-homepage .box-homepage .box-homepage-footer {
		height:30px;
		padding: 2px 0px 0 0px;
		margin: 2px;
	}	
	
	.area-homepage .box-homepage .box-homepage-header ul {
		border: 1px solid #fff;
		height: 30px;
		text-align: center;
		overflow: hidden;
	}
	.area-homepage .box-homepage .box-homepage-header ul li {
		float: left;
		height: 30px;
		line-height: 30px;
		display: block;
		border-left: 1px solid #fff;
		text-align: center;
	}
	.area-homepage .box-homepage .box-homepage-header ul li.first {
		border-left: none;
	}	
	.area-homepage .box-homepage .box-homepage-header ul li a,
	.area-homepage .box-homepage .box-homepage-header ul li a:link,
	.area-homepage .box-homepage .box-homepage-header ul li a:active,
	.area-homepage .box-homepage .box-homepage-header ul li a:visited {
		color: #fff;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
		font-weight: bold;
		display: block;
		padding: 0 2px;
		text-align: center;
	}
	.area-homepage .box-homepage .box-homepage-header ul li a:hover {
		color: #4861C0;
		background-color: #fff;
		text-decoration: none;
	}
	
	.area-homepage .box-homepage .box-homepage-body h1 {
		font-size: 13px;
		color: #303b91;
	}
	.area-homepage .box-homepage .box-homepage-body h1 span {
		font-size: 21px;
		color: #303b91;
		text-transform: uppercase;
	}
	.area-homepage .box-homepage .box-homepage-body .preview {
		position: relative;
		height: 228px;
		width: 181px;
		margin: 0 auto;
		text-align: center;
	}
	.area-homepage .box-homepage .box-homepage-body .preview img {
		padding: 0px;
		margin: 0px;
		border: 0px;
	}
	.area-homepage .box-homepage .box-homepage-body .preview a,
	.area-homepage .box-homepage .box-homepage-body .preview a:link,
	.area-homepage .box-homepage .box-homepage-body .preview a:active,
	.area-homepage .box-homepage .box-homepage-body .preview a:visited {
		position: absolute;
		top: 0;
		right: 0;
		padding: 0px;
		width: 181px;
		height: 228px;
		border: none;
		display: block;
		overflow: hidden;
	}
	.area-homepage .box-homepage .box-homepage-body .preview a:hover {
		text-decoration: none;
		border: none;
		background-color: #fff;
		opacity: 0.6;
		filter: alpha(opacity=60);		
	}	
	.area-homepage .box-homepage .box-homepage-body .preview a.small,
	.area-homepage .box-homepage .box-homepage-body .preview a.small:link,
	.area-homepage .box-homepage .box-homepage-body .preview a.small:active,
	.area-homepage .box-homepage .box-homepage-body .preview a.small:visited {
		border: 1px solid #303b91;
		width: 53px;
		height: 66px;
	}
	.area-homepage .box-homepage .box-homepage-body .preview a.small:hover {
		border: 1px solid #303b91;
	}
		
	
	.area-homepage .box-homepage .box-homepage-footer ul {
		height: 30px;
		padding: 0px;
		margin: 0px;
	}
	.area-homepage .box-homepage .box-homepage-footer ul li {
		line-height: 25px;
		height: 25px;
		float: left;
		background-position: left -69px;
		padding: 0 0 0 6px;
		margin: 0 0 0 2px;
	}
	.area-homepage .box-homepage .box-homepage-footer ul li.width-100 {
		width: 190px;
	}
	.area-homepage .box-homepage .box-homepage-footer ul li.width-50 {
		width: 91px;
	}
	.area-homepage .box-homepage .box-homepage-footer ul li.first {
		margin-left: 0px;
	}
	.area-homepage .box-homepage .box-homepage-footer ul li a,
	.area-homepage .box-homepage .box-homepage-footer ul li a:link,
	.area-homepage .box-homepage .box-homepage-footer ul li a:active,
	.area-homepage .box-homepage .box-homepage-footer ul li a:visited {
		color: #cc6600;
		font-size: 15px;
		font-weight: bold;
		line-height: 19px !important;
		height: 19px;
		background-position: right -69px;
		padding: 3px 6px 3px 0;
		margin: 0px;
		display: block;
		text-align: center;
	}
	.area-homepage .box-homepage .box-homepage-footer ul li a:hover {}