@charset "utf-8";
/*
Theme Name: Steelsfix
Theme URI: https://www.steelsfix/wp-content/themes/steelsfix/
Author: STEELSFIX
*/

body {
	font-family:  Arial,Verdana, Helvetica, sans-serif !important;
	font-size: 12px;
	text-decoration: none;
	margin:0 auto;
	background:#e3e8ef url(images/bodybg.jpg) repeat-x;
	text-align:center;
	padding:0;
}
h1 {font-size: 2.0em;	font-weight: bold;color:#333333; text-decoration: none;	padding: 15px 0 6px 0;	margin:0px; font-family:Impact, Tahoma, Arial}
h2 {font-size: 1.5em;font-weight: bold;color: #565656;text-decoration: none;padding: 0px 0 6px 0;	margin:0px; font-family:Impact, Tahoma, Arial}
a {	color: #333333;	text-decoration: none;}
a:hover {color: #fc921e;text-decoration: none;}
p{margin:0px; padding:2px;}
#content a img {border:2px solid #D6D4D4;}
#content a:hover img{border:2px solid #FF0000;}
#bottom a img {border:2px solid #D6D4D4;}
#bottom a:hover img{border:2px solid #fc921e;}

#header a {color: #fff;	}
#header a:hover {color:#fc921e;}

#footer a{color:#ccc; padding:0 0 5px 0}
#footer a:hover{color:#fc921e;}
.clear{clear:both; }

@media (min-width: 800px) {
#top{width:100%; height:12px; margin:0 auto;  text-align:center; padding:0px; background:#333}
#header{width:100%; height:90px; margin:0 auto;  text-align:center; padding:0px; background:#056cb0; font-size:14px;  }
#crumb{width:100%; height:22px; margin:0 auto;  text-align:center; padding:0px;border-left:#ccc 1px solid;  border-right:#ccc 1px solid; background:#e9e9e9; clear:both; border-bottom:#ccc 1px solid; margin-bottom:10px; text-align:left}
.crumblo {width:960px; margin-left:auto; height:19px; margin-right:auto; text-align:left; background:url(images/crumb.png) no-repeat; background-position:20px -1px; padding:2px 0 0 40px;}
.bannerlo{width:1000px; margin:0 auto; height:200px; text-align:left;background:#263241 url(images/banner.jpg); border-left:#ccc 1px solid;  border-right:#ccc 1px solid;}
.bannerframe{width:1000px; margin:o auto;background:#fff; border-left:#ccc 1px solid;  border-right:#ccc 1px solid;}
.headlo{width:1000px; margin-left:auto; height:90px; margin-right:auto; text-align:left;background:#0e70b1 url(images/logo.png) no-repeat; background-position:12px 18px 4px 18px;}
.navlo{width:1000px; margin-left:auto; height:35px; margin-right:auto; text-align:left; background:#054e7e; }
.conbox{width:1000px; margin-left:auto; height:35px; margin-right:auto; text-align:left; float:right;padding:45px 0 0 150px; background:url(images/email.png) no-repeat; background-position:0 100px;}
.combox{width:500px; float:right; margin-left:100px;padding-top:55px; padding-left:20px; background:url(images/email.png) no-repeat;background-position:0 55px; }
#nav{width:100%; height:35px; margin:0 auto;  text-align:center; padding:0px; background:#054e7e;}
#banner{width:1000px; height:200px; margin:0 auto;  text-align:center; padding:0px; background:#FFF; clear:both;}
#main{width:960px; margin:0 auto;  padding:0 20px 10px 20px; background:#fff; border-left:#ccc 1px solid;  border-right:#ccc 1px solid; border-top:#ccc 1px solid;  }
#sidebar{width:240px; float:right; text-align:left }
#content{width:960px; float:left; text-align:left; min-height:400px;}
#footer{clear:both;width:1000px; background:#054e7e; margin:0 auto; min-height:55px; border-left:#ccc 1px solid;  border-right:#ccc 1px solid; padding:20px 0 0 0; color:#fff;}

#sidebar .cate p{color:#013964;margin-bottom:1px; margin-top:1px; font-size:16px;font-weight:bold;padding:8px 9px 3px 0px;;}
#sidebar .cate{padding:8px 5px 5px 5px; width:230px;}

#bottom{clear:both;width:960px; background:#fff; margin:0 auto; padding:10px 20px 20px 20px; text-align:left;border-left:#ccc 1px solid;  border-right:#ccc 1px solid;   }
#bottom p{color:#000;margin-bottom:1px; margin-top:1px; font-size:16px;font-weight:bold;padding:8px 9px 3px 0;font-size: 1.2em;}

#pshow{padding:20px 0 0 0;}
#pshow ul{width:100%;margin:0 auto;clear:both;overflow:hidden; list-style-type:none; padding:0;}
#pshow ul li{float:left; display:inline; padding-bottom:7px;}
#pshow ul li a{width:120px;padding:3px 12px 2px 1px;display:block;overflow:hidden;}
#pshow ul li span{clear:left;display:block;text-align:center;line-height:16px;overflow:hidden; width:120px; height:35px;}
#pshow ul li img{width:120px;height:120px;display:block;overflow:hidden;}

#cshow{padding:20px 0 0 0;}
#cshow ul{width:100%;margin:0 auto;clear:both;overflow:hidden; list-style-type:none; padding:0;}
#cshow ul li{float:left; display:inline; padding-bottom:7px;}
#cshow ul li a{width:150px;padding:3px 8px 2px 1px;display:block;overflow:hidden;}
#cshow ul li span{clear:left;display:block;text-align:center;line-height:16px;overflow:hidden; width:150px; height:35px;}
#cshow ul li img{width:150px;height:109px;display:block;overflow:hidden;}



.listshow{padding:20px 0 0 0;}
.listshow ul{width:100%;margin:0 auto;clear:both;overflow:hidden; list-style-type:none; padding:0;}
.listshow ul li{float:left; display:inline; padding-bottom:7px;}
.listshow ul li a{width:230px;padding:3px 8px 0px 1px;display:block;overflow:hidden;}
.listshow ul li span{clear:left;display:block;text-align:center; background:#f2f2f2; line-height:16px;overflow:hidden; width:233px; height:35px;}
.listshow ul li img{width:230px;height:142px;display:block;overflow:hidden;}


.conbox{width:500px; margin-left:auto; height:35px; margin-right:auto; text-align:left; float:right;padding:45px 0 0 19px; background:url(images/email.png) no-repeat; background-position:0 46px;}

.box {float:left; width:690px; height:100px; overflow:hidden; text-align:left; margin-bottom:5px; border-bottom:#ccc dashed 1px; margin-right:8px; padding:5px 2px 5px 3px; display:inline}
.box img{float:left; margin:0 6px 3px 2px; }


.navo {width:99%; float:left; text-align:left; padding:0 0 5px 0; min-height:700px;}
.navo ul{margin:1px 0 0 15px; padding:0; }
.navo ul li{width:200px; float:left; padding:1px 0 1px 0;}

.rel {width:99%; float:left; text-align:left; padding:20px 0 5px 0}
.rel span {font-size:1.2em; font-weight:bold;color: #565656;}
.rel ul{margin:10px 0 0 15px; padding:0; }
.rel ul li{width:310px; float:left; padding:3px 0 2px 0;}
.wp-tag-cloud{margin:10px 0 0 15px; padding:0; }
.wp-tag-cloud li{margin:3px 50px 2px 0;float:left; padding:3px 0 2px 0px;}
.conlist {border:1px dash #ccc; background:#CCC;}

/* sidebar menu \*/
#sidebar ul{ margin: 0; padding: 0;list-style: none; width: 240px; /* Width of Menu Items */ }
#sidebar ul li {position:relative;border-bottom:1px dashed #ccc;padding:0 0 0 5px;}
#sidebar li ul {position:absolute;left: 129px; top: 0;  display: none;}/* Set 1px less than menu width */ 
#sidebar ul li a {display:block;text-decoration: none; color: #666;	font-weight:bold; background:url(images/dot1.png) no-repeat #fff;; /* IE6 Bug */
	background-position:-0px 8px; padding:6px 5px 6px 18px;}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
#sidebar ul li a:hover { color: #fc921e; background: url(images/dot2.png) no-repeat #f9f9f9;background-position:-0px 8px; } /* Hover Styles */
#sidebar li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
#sidebar li:hover ul, li.over ul { display: block; } /* The magic */

/* navbar menu \*/
.menu-headmenu-container{width:650px; color:#000; height:26px; padding:10px 0 0 20px; float:left;}
.menu-headmenu-container ul{margin:0; list-style-type:none;color: #ffffff; padding:1px 10px 0 10px;}
.menu-headmenu-container li {float:left; color:#FFFFFF; font-weight:bold;}
.menu-headmenu-container a {text-align:left;font-size:13px; color:#FFF; padding: 0 32px 2px 10px; background:url(images/tri.png) no-repeat; background-position:0 4px; }
.menu-headmenu-container a:link{color:#FFF; text-decoration:none;}
.menu-headmenu-container a:visited{color:#FFF;text-decoration:none;}
.menu-headmenu-container a:hover{color:#fc921e; text-decoration:none; background:url(images/tri.png) no-repeat; background-position:0 4px;}

/* Search */
#search{float:right;width:260px; height:35px;padding:4px 0 0 0;}
#searchform {right: 0;height:32px; background:url(images/searchbg.jpg) no-repeat;font-size:12px;font-family:Verdana, Geneva, sans-serif;background-position:0px 0px; }
#searchform #searchbox {width:185px; background:none;padding:2px 0 0 5px;;margin: 0;float: left;border:none;height:25px; color:#666}
#searchform #s:focus {outline: none;border-color: #e50000;}
#searchform #searchsubmit {border:none; background:none; width:30px; height:25px;margin:0;font:Verdana, Geneva, sans-serif .9em;text-transform: uppercase;color: #fff;}
#searchform #searchsubmit:hover {cursor:pointer;}
}

@media (max-width: 800px) {
img { max-width: 100%;-ms-interpolation-mode: bicubic; display:block; }

#top{width:99%; height:12px; margin:0 auto;  text-align:center; padding:0px; background:#333}
#header{width:99%; height:90px; margin:0 auto;  text-align:center; padding:0px; background:#263241; font-size:14px;  }
#banner{display:none;}
.bannerlo{width:99%; margin:0 auto; text-align:left;background:#fff url(images/banner.jpg); }
.headlo{width:99%; margin-left:auto; height:80px; margin-right:auto; text-align:right; background:#263241 url(images/logo.png) no-repeat; background-position:10px 18px;}
#nav{width:99%; margin:0 auto;  text-align:center; padding:0px; background:#000;}
.navlo{width:99%; margin-left:auto; margin-right:auto; text-align:left;height:35px;}
#crumb{width:100%; height:22px; margin:0 auto;  text-align:center; padding:0px; background:#e9e9e9; clear:both; border-bottom:#ccc 1px solid; margin-bottom:10px; text-align:left}
.crumblo {margin-left:auto; height:19px; margin-right:auto; text-align:left; background:url(images/crumb.png) no-repeat; background-position:7px -1px;padding:2px 0 0 28px;}
#main{width:99%; margin:0 auto;  background:#fff; border-top:#ccc 1px solid;  }
#sidebar{width:99%; text-align:left; padding-bottom:10px; background:#FFF; }
#sidebar .cate{background:#Fff}
#content{width:100%; text-align:left; min-height:500px; }
#footer{clear:both;width:99%; background:#013964; margin:0 auto; min-height:30px; color:#CCC ; padding:20px 0 10px 0 ;}

#bottom{clear:both;width:99%; background:#fff; margin:0 auto; padding:10px o 20px o; text-align:left;}
#bottom p{color:#00599c;margin-bottom:1px; margin-top:1px; font-weight:bold;font-size: 1.2em;}

/* navbar menu \*/
.menu-headmenu-container{width:100%; color:#000; height:26px; padding:10px 0 0 5px;}
.menu-headmenu-container ul{margin:0; list-style-type:none;color: #ffffff; padding:0 10px 0 10px;}
.menu-headmenu-container li {float:left; color:#FFFFFF; font-weight:bold;}
.menu-headmenu-container a {text-align:center;font-size:13px; color:#FFF; padding: 0 20px 2px 10px; background:url(images/tri.png) no-repeat; background-position:center left; }
.menu-headmenu-container a:link{color:#FFF; text-decoration:none;}
.menu-headmenu-container a:visited{color:#FFF;text-decoration:none;}
.menu-headmenu-container a:hover{color:#FF0; text-decoration:none; background:url(images/tri.png) no-repeat; background-position:center left;}

/* sidebar menu \*/
#sidebar ul{ background:#FFF; margin: 0; padding: 10px 0 0 0; list-style:none; width: 100%; /* Width of Menu Items */ }
#sidebar ul li {border-bottom:1px dashed #ccc;padding:0 0 0 5px; float:left;}
#sidebar li ul {position:absolute;left: 129px; top: 0;  display: none;}/* Set 1px less than menu width */ 
#sidebar ul li a {display:block;text-decoration: none; background: url(images/dot1.png) no-repeat #f9f9f9; color: #666;	font-weight:bold; ; /* IE6 Bug */ 
	background-position:-0px 8px; padding:6px 5px 6px 18px;}
/* End */
#sidebar ul li a:hover { color: #E2144A; background: url(images/dot2.png) no-repeat #f9f9f9;background-position:-0px 8px; } /* Hover Styles */
#sidebar li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
#sidebar li:hover ul, li.over ul { display: block; } /* The magic */
#sidebar .cate p{color:#013964;margin-bottom:1px; margin-top:1px; font-size:1.2em;font-weight:bold;padding:8px 9px 3px 0px;;}

#pshow{padding:5px 0 0 0;}
#pshow ul{width:100%;margin:0 auto;clear:both;overflow:hidden; list-style-type:none; padding:0; overflow:hidden;}
#pshow ul li{float:left; display:inline; padding-bottom:7px;}
#pshow ul li a{width:99%;padding:3px 4px 2px 1px;display:block;overflow:hidden;}
#pshow ul li span{clear:left;display:block;text-align:center;line-height:16px;overflow:hidden; width:120px; height:35px;}
#pshow ul li img{width:120px;display:block;overflow:hidden; height:120px;}

.listshow{padding:20px 0 0 0;}
.listshow ul{width:100%;margin:0 auto;clear:both;overflow:hidden; list-style-type:none; padding:0;}
.listshow ul li{float:left; display:inline; padding-bottom:7px;}
.listshow ul li a{width:230px;padding:3px 8px 0px 1px;display:block;overflow:hidden;}
.listshow ul li span{clear:left;display:block;text-align:center; background:#f2f2f2; line-height:16px;overflow:hidden; width:233px; height:35px;}
.listshow ul li img{width:230px;height:142px;display:block;overflow:hidden;}



#cshow{padding:5px 0 0 0;}
#cshow ul{width:100%;margin:0 auto;clear:both;overflow:hidden; list-style-type:none; padding:0;}
#cshow ul li{float:left; display:inline; padding-bottom:7px;}
#cshow ul li a{width:150px;padding:3px 8px 2px 1px;display:block;overflow:hidden;}
#cshow ul li span{clear:left;display:block;text-align:center;line-height:16px;overflow:hidden; width:150px; height:35px;}
#cshow ul li img{width:150px;height:109px;display:block;overflow:hidden;}

.box {float:left; width:690px; height:100px; overflow:hidden; text-align:left; margin-bottom:5px; border-bottom:#ccc dashed 1px; margin-right:8px; padding:5px 2px 5px 3px; display:inline}
.box img{float:left; margin:0 6px 3px 2px; }

.conbox{width:98%; text-align:right; font-size:13px; font-weight:bold; color:#CCC; padding:15px 0 0 0; }
.headlo{width:100%; margin-left:auto; height:90px; margin-right:auto; text-align:left;background:#263241 url(images/logo.png) no-repeat; background-position:10px 18px;}
.rel span {font-size:1.2em; font-weight:bold;color: #013964;}
.rel {width:98%; text-align:left; padding-top:10px;}
.rel ul{ padding:0; list-style-type:circle;}
.rel ul li{padding:5px 5px 10px 5px; margin-left:20px;}

/* Search */
#search{display:none;}
#searchform {right:0;height:32px; background:url(images/searchbg.jpg) no-repeat;font-size:12px;font-family:Verdana, Geneva, sans-serif;background-position:0px 0px; float:left; }
#searchform #searchbox {width:185px; background:none;padding:2px 0 0 5px;;margin: 0;float: left;border:none;height:25px; color:#666}
#searchform #s:focus {outline: none;border-color: #e50000;}
#searchform #searchsubmit {border:none; background:none; width:30px; height:25px;margin:0;font:Verdana, Geneva, sans-serif .9em;text-transform: uppercase;color: #fff;}
#searchform #searchsubmit:hover {cursor:pointer;}	
}
