/* Legion Electric - classic fixed-width layout */
body{margin:0;padding:0;background:#dfe4ea;font:12px/1.6 Tahoma,Verdana,Arial,sans-serif;color:#222}
a{color:#0b4f8a}a:hover{color:#c0392b}
img{border:0}
#wrap{width:960px;margin:0 auto;background:#fff;border-left:1px solid #b9c2cc;border-right:1px solid #b9c2cc}

#header{height:84px;background:#0d2b4e url(images/header-bg.png) repeat-x;border-bottom:3px solid #e8a317;color:#fff;position:relative}
#header .logo{position:absolute;left:14px;top:10px;width:64px;height:64px;background:#fff;padding:0}
#header .name{position:absolute;left:92px;top:14px}
#header .name b{display:block;font:bold 22px/1.2 Arial,sans-serif;letter-spacing:.5px}
#header .name span{font-size:12px;color:#c9d6e4}
#header .hotline{position:absolute;right:16px;top:18px;text-align:right;font-size:12px;color:#c9d6e4}
#header .hotline b{display:block;font-size:18px;color:#ffcc4d}
#header .hotline a{color:#c9d6e4;text-decoration:none}

#nav{background:#1f4e7f;border-bottom:1px solid #0d2b4e;height:30px}
#nav a{float:left;padding:0 18px;line-height:30px;color:#fff;font-weight:bold;text-decoration:none;border-right:1px solid #173c63}
#nav a:hover,#nav a.on{background:#e8a317;color:#0d2b4e}

#side{float:left;width:200px;padding:12px 0 12px 12px}
#main{float:right;width:720px;padding:12px 14px 16px 0}
.clear{clear:both}

.box{border:1px solid #c5ced8;margin-bottom:12px;background:#f7f9fb}
.box h3{margin:0;padding:4px 8px;background:#1f4e7f;color:#fff;font-size:12px;text-transform:uppercase}
.box ul{margin:0;padding:6px 8px 6px 22px}
.box li{padding:1px 0}
.box p{margin:0;padding:6px 8px}
.box .logos{padding:6px;text-align:center}
.box .logos img{display:block;margin:4px auto 8px;max-width:170px;max-height:50px}

h1{font:bold 17px Arial,sans-serif;color:#0d2b4e;margin:0 0 8px;padding-bottom:4px;border-bottom:2px solid #e8a317}
h2{font:bold 14px Arial,sans-serif;color:#fff;background:#1f4e7f;margin:16px 0 8px;padding:4px 8px}
h3{font-size:12px;color:#0d2b4e;margin:10px 0 4px}
p{margin:0 0 8px;text-align:justify}
ul.list{margin:0 0 8px;padding-left:20px}

table.grid{width:100%;border-collapse:collapse;margin-bottom:8px}
table.grid td{border:1px solid #d3dae2;padding:6px 8px;vertical-align:top;background:#fbfcfd}
table.grid td b{color:#0d2b4e}
table.info td{padding:3px 8px 3px 0;vertical-align:top}
table.info td.k{width:110px;font-weight:bold;color:#0d2b4e}

.thumbs{overflow:hidden;margin-bottom:6px}
.thumbs a{float:left;width:164px;margin:0 8px 8px 0;text-align:center;font-size:11px;text-decoration:none;color:#333}
.thumbs a img{display:block;width:160px;height:120px;border:2px solid #d3dae2}
.thumbs a:hover img{border-color:#e8a317}
.thumbs.small a{width:128px}.thumbs.small a img{width:124px;height:93px}

.sol{overflow:hidden;margin-bottom:6px}
.sol .pic{float:left;margin:2px 12px 6px 0}
.sol .pic img{width:160px;height:120px;border:2px solid #d3dae2;display:block}
.sol video{float:left;margin:2px 12px 6px 0;width:320px;height:180px;background:#000}
.logo-wall{overflow:hidden;margin-bottom:6px}
.logo-wall img{float:left;width:132px;height:55px;margin:0 6px 6px 0;border:1px solid #d3dae2}
.more{text-align:right;margin:-4px 0 8px}
.map{width:100%;height:320px;border:1px solid #c5ced8}

#footer{background:#0d2b4e;color:#c9d6e4;font-size:11px;padding:10px 14px;border-top:3px solid #e8a317}
#footer b{color:#fff}
#footer .r{float:right;text-align:right}

@media (max-width:980px){
 #wrap{width:auto;border:0}#side,#main{float:none;width:auto;padding:10px}
 #header{height:auto;padding:10px 10px 10px 88px;min-height:64px}#header .logo{left:10px}
 #header .name,#header .hotline{position:static;text-align:left}#header .hotline b{display:inline}
 #nav{height:auto;overflow:hidden}#nav a{padding:0 10px}
 .sol video{float:none;width:100%;height:auto}#footer .r{float:none;text-align:left}
}