@charset "utf-8";
:link,:visited { text-decoration:none }
ul,ol {list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt{margin:0; padding:0;}
a img,:link img,:visited img {border:none;}
address {font-style:normal;}

html, body {margin:0;padding: 0;} 
body {text-align:center;height:100%;width:100%;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;background:#FFF url(../media/general.jpg) bottom left no-repeat fixed;}

#wrapper {width:901px;text-align:left; margin:0px auto 0px auto;  }
	#lng {float:left;width:891px;height:24px; padding:15px 0px 2px 15px; background:url(../media/headerbk.png) bottom left no-repeat; }
		#lng li {float:left;}
		#lng li a {float:left; background:transparent url(../media/off.png) top left no-repeat; padding:6px 5px 7px 5px; width:62px; height:8px;text-align:center; font-size:10px; color:#fff;}
		#lng li a:hover,#lng li .sl {float:left; background:transparent url(../media/on.png) top left no-repeat; color:#333;}
	#container {float:left;width:881px;background:transparent url(../media/mainbk.png) top left repeat-y; padding:0px 10px 0px 10px;}
	#logo {float:left;width:120px; height:49px; padding:10px 0px 0px 20px;}
	#search {float:right; width:230px; color:#595959; padding:20px 0px 0px 0px;}
		
	#srchtxt {background:#595959; color:#fff; font-size:10px; border:none; padding:2px; margin:0px 5px 0px 5px;}
		#search a { background:#2ba6bd; color:#fff; padding:2px 5px 2px 5px;}
	#banner { float:left; width:881px; height:214px; border:none; border-top: 1px solid #707070;border-bottom: 2px solid #707070; padding:1px 0px 1px 0px;}
		#banner div { border:none;}
		#banner #menu {position:absolute; display:block;width:145px; height:199px; margin-left:15px; padding:15px 0px 0px 0px; z-index:2; background:#fff;}
			#menu li {float:left; clear:both;width:145px; height:30px;background:url(../media/mainmnbk.png) bottom right no-repeat;}
			#menu a {float:left; clear:both; width:119px; height:22px; color:#595959; text-align:right; padding:8px 26px 0px 0px;}
			#menu a:hover,#menu .sl { background:#ececec url(../media/slmnbk.gif) center right no-repeat;}
		#banner #flash {position:absolute; display:block;width:881px; height:214px; z-index:1}
	#main {float:left; width:881px;border-top: 2px solid #707070;border-bottom: 2px solid #707070;margin:5px 0px 5px 0px; padding:2px 0px 2px 0px; background:url(../media/maincontentbk.png) top left repeat-y;}
		#main div { border:0;}
		#main #lftcol {float:left; width:150px; height:auto; padding:0px 10px 0px 0px;}
			#main #lftcol #submain li {padding-left:5px; line-height:18px;}
			#main #lftcol a {color:#707070;}
			#main #lftcol .sl {color:#1f99cd;}
			#main #lftcol a:hover { color:#1f99cd;}
			
			#main #lftcol #submain li { padding:5px 0px 5px 5px;background:url(../media/secmnbk.png) bottom right no-repeat; font-size:12px;}
			#main #lftcol #submain li li {background:url();padding:0px 0px 0px 5px; font-size:11px;}
				
		#main #content {float:left; width:681px; height:auto; padding:10px 20px 10px 20px;}	
		#main #content h1 { font-size:17px; color:#1f99cd;}
		#main #content h2 { font-size:11px; color:#1f99cd;}
		#main #content p {padding:5px 0px 5px 0px;}
		#main #content a { color:#000;}
		#main #content a:hover  {color:#1f99cd;}
		#main #content ul { padding:0px 0px 0px 10px;}
		#main #content .full { float:left; width:680px; height:auto; margin:10px 0px 10px 0px;}
		#main #content .line { background:url(../media/content_ln.png) top left repeat-y;}
		#main #content .half { float:left;width:320px; padding:10px;}
			#main #content .half #login {float:left; width:298px; height:88px;  background:url(../media/loginbk.png) top left no-repeat; border:1px solid #cfd9dc; padding:10px;}
			#main #content .half #login input { background-color:#FFFFFF; border:none;}
			#main #content .half #login label { color:#4f4f4f}
			#main #content .half #login #loginbtn { display:block; width:84px; height:22px;}
			
#main #content #pasi { background:#ededed; float:left; width:676px; padding:0; margin:0px;}
#pasi li {float:left; width:216px; height:127px; margin:7px 0px 7px 7px;}
#pasi li a {float:left; width:196px; height:87px; text-align:center; padding:40px 10px 0px 10px;}
#pas1 { background:url(../media/pasul1.png) top left no-repeat;}
	#pasi #pas1 a:hover { color:#ffbe00;}
#pas2 { background:url(../media/pasul2.png) top left no-repeat;}
	#pasi #pas2 a:hover { color:#7dc416;}
#pas3 { background:url(../media/pasul3.png) top left no-repeat;}
	#pasi #pas3 a:hover { color:#229dcf;}
	
#pas1_en { background:url(../media/pasul1_en.png) top left no-repeat;}
	#pasi #pas1_en a:hover { color:#ffbe00;}
#pas2_en { background:url(../media/pasul2_en.png) top left no-repeat;}
	#pasi #pas2_en a:hover { color:#7dc416;}
#pas3_en { background:url(../media/pasul3_en.png) top left no-repeat;}
	#pasi #pas3_en a:hover { color:#229dcf;}
	
	#footer {float:left;width:881px; padding:10px 0px 10px 0px;}
		#lcol {float:left; width:700px; padding:10px 0px 0px 0px;}
			#lcol li {float:left; }
			#lcol a {color:#333;padding:5px; border-left:1px solid #d4d4d4;}
			#lcol a:hover, #lcol .sl {color:#333; background:#dedede;}
		#rcol {float:left; width:700px;}
			#rcol ul li {float:left; padding:0px 5px 0px 5px;}
			#rcol ul li a {color:#000;}
			#rcol ul li a:hover {color:#1f99cd;}
		#artextension {float:left; width:181px;}
#srchres li {float:left; width:661px; padding:5px 10px 5px 10px; border-bottom:1px solid #ececec;}
#footer_sh {float:left;width:901px; height:12px;background:url(../media/footer.png) bottom left repeat-x;}
#comm {float:left;width:895px; height:auto; padding:5px 0px 5px 5px;}

#form dl {float:left; width:98%;margin-top: 10px;}
#form form .title {float:left;color:#88b31d;padding:10px 10px 0px 10px; border-bottom:1px solid #ccc; width:95%; font-weight:bold; text-align:right;}
#form dt {float: left;width: 45%;text-align: left;border: none;border-right: 1px solid #CCC;padding-top: 3px;}
#form dd { color: #666;margin: 0 0 0 45%;padding: 0 0 0 5px;border: none;border-left: 1px solid #CCC;vertical-align: top;}
#form dd span {display:none; }
#form dd + dd { padding-top: 5px;}
#form dt span { padding: 0 5px 0 0;}
#form dd label {white-space: nowrap;margin: 0 10px 0 0;color: #5072bf;}
#form label {cursor: pointer;padding: 0 5px 0 0;}
#form dt label {text-align: left;color: #5072bf;}
#form dt label span {color:#fa0847;}
#form input, #form textarea {font-size:11px;cursor: text;vertical-align: middle;padding: 2px;color: #111;border: 1px solid #AFAEAA;background: #E3DFD8; width:190px;}
#form textarea {padding: 2px; font-family:Arial, Helvetica, sans-serif;}
#form input:hover, #form textarea:hover {border: 1px solid #AFAEAA;background: #E9E9E2;}
#form select {font-size:11px;padding: 2px;color: #111;border: 1px solid #AFAEAA;background: #FFF; width:auto;}
#form .error dd input, #form .error dd textarea {background:#fa0847; color:#fff; border:1px solid #710c26;}
#form .error dd span {display:block;color:#fa0847;}
#form .button {width:auto; background:#88b31d; color:#FFF; font-weight:bold; cursor:pointer; border:1px solid #4f6615;}
#form .button:hover { color:#2d2f30;}
#form input.radio{width: auto !important;background: transparent;border: none;cursor: default;}
#form dl:hover dt, #form dl:hover dd {border-color: #666;}
#form dl:hover dt label {color: #000;}
#form dl dd label:hover {color: #BC2A4D;}
#form input:focus, #form textarea:focus {border: 1px solid #5072bf;background: #E9E9E2;color:#5072bf;}
#form .submit { padding:10px 0px 0px 45%;}
#form .nok {clear:both;color:#fa0847; width:100%; text-align:center;}
#form .ok {clear:both;color:#2879b1;width:100%; text-align:center;}