@charset "utf-8";
header,section,footer,aside,nav,article, {display:block;}
html {background:#666;}
body {width:990px; margin:0 auto; background:#fff; font-family:arial; color:#444; margin-top:10px;}
h1,h2,h3,h4,h5,h6 {font-weight:bold; color:#666;}
h1 {font-size:32px; display:inline;} 
h2 {font-size:22px; display:inline;}
h3 {font-size:18px; display:inline;}
h4 {font-size:14px; display:inline;} 
h5 {font-size:12px; display:inline;}  
.ldrbd {align:center; padding-top:10px;}
header {height:94px;}
.logo {float:left; max-width:450px; margin:4px 0px 0px 10px; height:90px;}
.search {background:#f63; padding:6px; float:right; margin:34px 10px 0px 0px;}
.bsearch {background:#f63; padding:6px; margin:14px 0px 0px 0px; width:360px;}
nav {height:30px; margin:4px 10px 10px 10px; background:#ddd; font-weight:bold; font-size:16px; border:1px solid #999;}
nav a {float:left; padding:6px; margin:0px 6px 0px 7px; text-decoration:none;}
nav a:visited {color:#03c;}
nav a:hover {background:#03c; color:#fff;}
.mobilemenu select {display:none;}
aside {float:left; width:174px; background:#ddd; padding:0px 0px 10px 0px; margin:0px 10px 10px 10px;}
.navtitle {color:#fff; font-weight:bold; font-size:15px; background-color:#666; width:164px; align:center; padding:4px 0px 4px 8px;}
aside ul {margin:0; padding:0; list-style:none; line-height:0.8em}
aside li {margin:0;  padding-top:2px; padding-bottom:2px;}
aside ul li a {color:#000; display:block; padding-left:8px; text-decoration:none; font-size:12px;} 
aside ul li a:hover {color:#fff; background:#03c; text-decoration:none; font-size:12px;}
article {float:right; width:780px; padding:0px 0px 20px 0px; margin-right:10px; font-size:15px; line-height:1.5em;}
article a {font-weight:bold; color:#03c;}
p.bread {color:#666; font-size:13px; margin-top:0;}
.title,.404 {padding:0px; width:90%; align:center; margin:0px;}
.adr {float:right; padding:0px 0px 0px 15px; width:380px;}
.topimg {width:100%;}
.topimg img {width:100%;}
.right {float:right; padding:0px 0px 0px 15px; width:380px;}
.left {float:left; padding:0px 15px 0px 0px; width:380px;}
.lside {padding:0px 15px 0px 0px; width:380px;}
.imgleft {float:left; padding:0px 10px 0px 0px; font-size:12px; line-height:1.2em;}
.caption {background:#eee; padding:7px; margin:-7px 0px 20px 0px; font-size:13px; line-height:1.4em;}
.related {background:#dff; padding:8px 8px 8px 8px; margin:36px 0px 36px 0px; width:364px; border:1px solid #03c;}
.callout {background:#dfd; padding:8px 8px 8px 8px; margin:36px 0px 36px 0px; width:364px; border:1px solid #090;}
.colorgem {margin:0px 0px 25px 0px; font-size:14px; line-height:1.3em;}
.colorgem strong {font-size:24px;}
.twocolr {width:380px; float:right;}
.twocoll {width:380px; float:left;}
section {margin:0px 0px 40px 0px;}
.box {padding: 2px 2px; width: 100%; max-width: 380px; font-size: 18px; font-weight: bold; color: #FFF; text-align: center;}
.hmlft {width: 58%; max-width: 570px; float: left; margin-left: 1%;}
.hmhd {color: #fff; font-weight: bold; font-size: 18px; background: #666; line-height: 1.2em; padding: 6px; width: 96%; max-width: 560px; text-align:center; margin-bottom: 6px; margin-top: 3px;}
.hmrt {width: 40%; max-width: 382px; float: right; margin-right: 1%;}
.newshead {color: #fff; font-weight: bold; font-size: 18px; background: #666; line-height: 1.2em; padding: 6px; width: 371px; text-align:center; margin: 3px 1% 5px 0px;}
.news_item {padding-bottom: 14px; margin-left: 4px; line-height: 1em;}
a.news_title {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #03c; font-size: 14px; text-decoration: none;}
.newsdtsrc {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #080; font-size: 12px;}
.cat4 {width: 24%; max-width: 185px; display: inline-block; vertical-align: top; font-size: 12px; line-height: 1.4em; text-align: left; margin: 0px 0px 18px 0px; padding: 0px;}
.cat4 a,.cat3 a,.style13 a {text-decoration: none; color:#03c; font-weight: bold;}
.style13 {font-size: 13px}
.cat3 {width: 33%; max-width: 185px; display: inline-block; vertical-align: top; font-size: 12px; line-height: 1.4em; text-align: left; margin: 0px 0px 18px 0px; padding: 0px;}
.catbox {width: 100%; max-width: 180px; font-size: 14px; font-weight: bold; color: #FFF; text-align: center; background: #666; height: 20px; padding-top: 4px;}
table.ref {width:380; color:#555; font-size:12px; padding:1px 1px 1px 1px; background-color:#CCC; line-height:1.2em}
footer {clear:both; background:#ccc; font-size:12px; text-align:center; padding:2px;}
table.cat180c {width:180px; color:#555; font-size:12px;  line-height:1.4em; border-collapse:collapse}
table.cat180c td {vertical-align:top; padding:0px 0px 10px 0px}
table.rech {width:380px; text-align:center; background:#666; color:#fff; font-size:16px; font-weight:bold; padding:-1px 0px 0px 0px; margin:0px; float:left;}
table.recc {width:380px; text-align:left; text-decoration:none; padding:1px 3px 0px 1px; font-weight:bold; background:#FFF; border:1px solid #666; margin-top:10px;}
.full {padding:0px; width:98%; margin:0px 0px 0px 12px;}
#mobad,#mobadgem {display:none;}

/* MEDIA - RESPONSIVE */
@media only screen and (max-width : 568px) { 
body {max-width:400px; width:100%; !important; margin-top: -9px;}
#deskmenu,#aside,.ldrbd,.search,.bsearch,.bleft,.morefromblocks,.notmobile,.adl,.adr,.hmrt {display:none;}
h1 {line-height: 1em;}
header {margin:10px; padding-top:10px; padding-bottom:-10px; height:auto;}
.logo {width:100%; margin:auto; padding-right:0px; height:inherit;}
.logo img {width:100%; margin:-2px 0px -12px 0px; margin-bottom:3px;}
.mobilemenu {margin:-30px 4% -8px 4%;}
.mobilemenu select {clear:both; display:inline-block; width:100%; overflow:hidden; background:#f63; color:#fff; border:2px solid #ccc; height:30px; font-weight:bold; padding-left:8px; border-radius:8px;}
p.bread {color:#666; font-size:13px; margin:10px 0% 10px 3%;}
article {margin:auto; clear:both; margin:0% 0% 0% 0%; padding:0%; font-size:14px; line-height:1.5em; width:100%}
.title,.404 {clear:both; width:90%; line-height: 1.8em;}
section {padding:0px; clear:both; margin:0% 4% 0 4%;}
.topimg {width:92%; padding:0% 0% 0% 3%;}
.topimg img {width:100%;}
.right {clear:both; width:100%}
.right img {clear:both; width:100%;}
.lside {clear:both; width:100%}
.lside img {clear:both; width:100%}
.smimg {width:initial;}
.caption {clear:both; background:#eee; padding:0% 2% 0% -2%; font-size:13px; line-height:1.4em; width:96%;}
.related,.callout {padding:6px 6px 6px 6px; margin:36px 0px 36px 0px; width:97%;}
.cat4,.cat3 {clear:both; width: 47%; vertical-align: top; font-size: 13px; margin:0px 0px 18px 5px;}
.cat4 img,.cat3 img {width:100%; max-width: 180px;}
.hmlft {width: 98%; text-align: center;}
.newshead,.news_item {width: 93%; margin: 0px 2% 10px 2%;}
table.ref {width:100%;  color:#777; font-size:12px; padding:1px 1px 1px 1px; margin-bottom:10px; background:#eeeeee; line-height:1.2em}
footer {padding:2px; clear:both; font-size:11px;}
table.rech {width:300px; text-align:center; background:#666; color:#fff; font-size:16px; font-weight:bold; padding:-1px 0px 0px 0px; margin:6px 0% 0px 3%;}
table.recc {width:300px; text-align:left; text-decoration:none; padding:1px 3px 0px 1px; font-weight:bold; background:#FFF; border:1px solid #666; margin:0px 0% 16px 3%;}
table.recc img {width:90px; height:65;}
#mobad {display:inline-block; width:300px; margin:6px 0% 0px 3%;}
.colorgem {padding:0px; clear:both; margin:0% 4% 0% 2%; font-size:14px; line-height:1.3em;}
.colorgem strong {font-size:18px;}
.twocolr {padding:0px 0px 0px 0px; float:none; width:100%;}
.twocoll {padding:0px 0px 0px 0px; float:none; width:100%;}
#mobadgem, {display:inline-block; width:300px; margin: 0% 0% 0% 0%;}}