a, a:visited	  { color: #34a552; text-decoration: none; }
a:hover, a:active { color: #34a552; text-decoration: underline; }

body, p, td, div, input, select, textarea { font-family:  Tahoma, Arial; font-size:12px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal }
body { color:#555; background-color:#fff; padding:0; margin:0; background:#fff url(/i/head.png) repeat-x 0 0;}
input, select, textarea { color: #999 }
html { overflow-y: scroll; }

h1 { font-size:22px; font-weight:normal; margin:0 0 2px 0!important; padding:0 0 10px 0!important; color:#34a552; background:#fff url(/i/h1.png) no-repeat left bottom; }
h2, .h2 { font-size:16px; font-weight:normal; color:gray;  margin: 10px 20px 10px 0; padding:0 0 10px 0; background:#fff url(/i/dott.gif) repeat-x 0 25px;  }
h3 { font-size:13px }

p { text-align: justify }
ul, ol { padding:0; margin:5px 0 10px 20px }
img { border: 0px }
form { margin:0px; padding:0px }

#container { margin: 0 auto; width: 950px;/* border-left: #486fbe 1px solid; border-right: #486fbe 1px solid;*/ }

#head { height:180px; position: relative; color:#ccc }
#cont { float:left; width:570px; padding-left:10px; position:relative }
#side { float:right; width:336px; }
#copy { clear:both; padding: 20px 0px; clear:both; color:#999; }


#head .logo  { float:left; z-index:100px}
#head .banner { position:absolute; display:block; width:468px; height:60px; right:0; top:11px; }

#head a, #head u { color: #bbb }
#head a:hover { text-decoration:none; }
#head .links { position:absolute; display:block; left:3px; top:83px; overflow:hidden;}
#head .langs { position:absolute; display:block; left:225px; top:0px; width:248px; height:29px; padding-top:9px; text-align:center; background: url(/i/lang.png) 0 0 no-repeat }

#head .langs a:hover { text-decoration:underline; color:#34A552 }
#head .langs a.active { color:#34A552 }
#head .langs a img { border-bottom: #fff 1px dashed }
#head .langs a:hover img { border-bottom: #bbb 1px dashed }

#head u.title { position:absolute; font-size: 14px; display:block; left:190px; top:100px; }
#head .tags { position:absolute; font-size: 12px; display:block; left:184px; top:120px; line-height: 200% }

#head .search { position:absolute; display:block; right:0px; top:85px; border: #e7ecf7 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#head .search:hover { border-color: #a9b8d8!important }
#head .search input { width:293px; margin:2px; font-size:14px; border:none; background:none; }
#head .search img { margin-left:4px; }

#side .tags a { color: #bbb; }
#side .tags p { color: #bbb; padding: 0 0 7px 0; margin: 0 20px 0 0; border-bottom: #e7ecf7 1px dashed; }
#side .tags { margin-top:20px; padding:10px; line-height:250%; border:#e7ecf7 1px solid; -moz-border-radius:5px; -webkit-border-radius:5px; }
#side .tags:hover a , #side .tags:hover p  { color: #34A552; }
#side .tags:hover   { border: #34A552 1px solid; }
#side .tags:hover p { border-bottom: #34A552 1px dashed }

#cont .cover { background:#FFFFFF url(/i/ajax-loader.gif) no-repeat center center; }
#cont #taglist .colum { float:left; width: 440px; margin-right: 35px; line-height:150%; text-align:justify; /*height: 140px;*/ }
#cont #list .linfo { color:silver; margin-bottom:15px; font-size:11px }
#cont #list a.item { float:left; height: 80px; width: 102px; padding:0 6px 0 65px; margin:0 15px 15px 0; background-position:6px 6px; background-repeat:no-repeat;  border:#fff 1px solid; -moz-border-radius:5px; -webkit-border-radius:5px; }
#cont #list a.item b { color:#348649; display:block; font-size:22px; margin-bottom:3px; font-weight: normal; }
#cont #list a.item i { color:#aaa; font-style:normal;}
#cont #list a.item:hover { text-decoration: none; border-color:#9bcd8c; }
#cont #list a.item:hover b { color:#1f4529; }
#cont #list a.item:hover i { color:#444; }

#cont #extico { margin-top: 20px; font-size: 14px }
#cont #extico img { vertical-align:middle; margin-right:20px; }

#cont #extprog div { margin: 20px 0; line-height:160% }
#cont #extprog u { display:block; margin-left:60px; color:#34A552; font-size:16px; /* cursor:pointer; */ }
#cont #extprog span { display:block; margin-left:60px; }
#cont #extprog img { float:left }


#cont #home strong { font-weight:normal }
#cont #home { line-height: 150% }


#copy .copy-left  { width:65%; float:left;  line-height:15px; padding-left:10px  }
#copy .copy-right { width:30%; float:right; text-align:right }
#copy .copy-left a { color:#999 }
#copy .copy-left u { color:#34a552; font-weight:bold; text-decoration:none }
#copy .copy-left span { font-size:11px }


#loginform div { width: 205px; margin: 40px auto; text-align:center }
#loginform input { text-align:center; font-size: 20px; display: block; margin-bottom: 20px; width: 200px; font-weight: bold; color: #666 }
#loginform label { font-size: 12px; display: block; margin-bottom: 5px; color: #999 }
#loginform span  { height:40px; font-size: 12px; display: block; margin-bottom: 5px; color: red }


input.button { height:30px; width:auto!important; font-size:14px!important; margin: 20px auto; padding:0 20px; color:#000!important }

.tags a, .tags a:link, .tags a:active, .tags a:visited { padding:1px 5px; border: #fff 1px solid; text-decoration: none; white-space: nowrap; }
.tags a:hover, .tags .active { text-decoration:none; color: #fff!important; background: url("/i/head.png") repeat-x 0 0!important; border: 1px solid #34a552!important; -moz-border-radius:3px; -webkit-border-radius:3px; }

.bold  { font-weight: bold }
.black { color:black!important }
.gray  { color:gray!important }
.silver{ color:silver!important }
.red   { color: #f95919!important }
.clear { clear:both }
.center{ text-align: center }
.wait  { background:url(/i/ajax-loader.gif) no-repeat 50% 50%; }
.dotted{ background:url(/i/dotted.gif) repeat-x left bottom }

#pages { clear: both; padding:15px 0; overflow:hidden; height:30px; line-height:30px; font-size:12px; background:url(/i/dott.gif) repeat-x 0 0 }
#pages a:link, #pages a:active, #pages a:visited  { padding:2px 5px; background:#f1f1f1; border:1px solid #ddd;  -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none; margin:0 2px; color:#777; font-weight:100;}
#pages a:hover, #pages a.active { text-decoration: none; color: #fff!important; background: url("/i/head.png") repeat-x 0 0!important; border:1px solid #34a552!important; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#pages span { padding:2px 5px; background:#fafafa; border:1px solid #eee;  -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none; margin:0 2px;color:#ddd; font-weight:100; }

/* Mego Clear */
.with-clear:after{content:"."; display:block; visibility:hidden; clear:both; height:0; font-size:0; line-height:0}
.with-clear {display:inline-block}
.without-bg {background:none;background-color:#F6F6F6;}
/* Hide from IE Mac \*/
.with-clear {display:block}
/* End hide from IE Mac */