@charset "utf-8";
body { margin:0; padding:0; width:100%; background: #fff url(images/main_bg.gif) top repeat-x;}
html { padding:0; margin:0;}
.fonnumber {font-size:32px; color:yellow;}
.fonnumber a{font-size:32px; color:yellow;}
.copyrightinfo {font-size:12px;}

/* main */
.main {width:100%; padding:0; margin:0 auto;}
.resize { width:990px; margin:0 auto;}

/********** header **********/
.header { }
.block_header {margin:0 auto; padding:0; width:964px; background:url(images/header.jpg) top no-repeat;}
/*logo*/
.logo { float:left; padding:0; margin:0; width:244px;}
.logo img {width:320px; margin:auto;}
/* search */
.search { padding:0; margin:40px 0 0 0; float:right; width:300px; height:64px;}
.search span { display:block; float:left;}
.search form { display:block; float:left; padding:5px 0;}
.search form .keywords { float:left; background: url(images/search_bg.gif) left top no-repeat; border:0; height:12px; width:194px; padding:4px 5px; margin:0 5px; font:normal 11px Arial, Helvetica, sans-serif; color:#a1a1a1;}
.search form .button { float:left; margin:0; padding:0;}
/* menu */	
.menu { padding:0; margin:0; width:650px; float:right; height:100px; background:url(images/menu_bg.gif) top no-repeat;}
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { text-align:center; width:69px; float:left; margin:15px 0 0 0; padding:5px 1px; border-left:1px solid #fff;}
.menu ul li a {  margin:0; padding:13px 2px; color:#fff; font:normal 13px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover { color:#df7e00; font:bold 13px Arial, Helvetica, sans-serif; text-decoration:none; padding:0; margin:0;}
.menu ul li a.active {color:#df7e00; font:bold 13px Arial, Helvetica, sans-serif; text-decoration:none;  padding:0; margin:0;}
/********** slider **********/
.slider { width:964px; height:200px; margin:0 auto; padding:0; background:url(images/slider_bg.jpg) top no-repeat;}
.slider2 { width:964px; height:91px; margin:0 auto; padding:0; background:url(images/simple_2.gif) top no-repeat;}
.slider2 h2 { padding:27px 0 0 35px; margin:0; font:normal 28px Arial, Helvetica, sans-serif; color:#8d8d8d;}
/*simple text*/
.slider div.slice1 { margin:0 auto;  padding:8px;}
.slider div.slice1 div.slice2 { margin:0 auto; padding:1px; }
.slider div div div { margin:0; padding:0;  border:0;}
.slider div div div p.img { float:right; padding:9px 25px 0 10px; margin:0;}
.slider div div div h2 { width:440px; float:left; border-bottom:1px solid #8d8d8d; font:normal 25px Arial, Helvetica, sans-serif; color:#990000; margin:0 0 20px 0;  padding:5px 10px 10px 2px; line-height:1.2em;}
.slider div div div h2 span {  font:normal 23px Arial, Helvetica, sans-serif; color:#bbbbbb;}
.slider div div div p { font:normal 11px Arial, Helvetica, sans-serif; color:#8b8b8b; margin:0;  line-height:1.8em; padding:10px 10px 0 2px;}
.slider div div div p span {font:bold 15px Arial, Helvetica, sans-serif; color:#8b8b8b; line-height:1.8em;}
/********** block index **********/
/********** body **********/
.body { background: url(images/body_bg.gif) top repeat-y; padding:0; width:962px; margin:10px auto 10px auto; color:white;}
.body_top { background:url(images/snow_light.gif) repeat; margin:0; padding:0; }
.body_bottom { margin:0; padding:10px 0; width:962px; min-height:600px;}
.body h2 { color:#fff; font:normal 18px  Arial, Helvetica, sans-serif; border-bottom:1px dashed #828282; margin:5px 0; padding:10px 5px;}
.body h3 { font: bold 14px Arial, Helvetica, sans-serif; color:#df7e00; margin:5px 0; padding:10px 5px;}
.body h4 { font: bold 22px Arial, Helvetica, sans-serif; color:#df7e00; margin:5px 0; padding:2px 5px;}
.body h5 { font: normal 22px Arial, Helvetica, sans-serif; color:#cecece; padding:10px 5px; margin:5px 0;}
.body img { float:left; margin:2px 10px; padding:0;}
.body img.port { float:left; margin:15px 40px 2px 10px; padding:0;}
.body p { font:normal 14px  Arial, Helvetica, sans-serif; color:#fff; line-height:1.8em; padding:5px; margin:0;}
.body p.next { font:normal 13px  Arial, Helvetica, sans-serif; color:#fff; line-height:1.8em; padding:5px; margin:0;}
.body p.greey { font:normal 12px  Arial, Helvetica, sans-serif; color:#cecece; line-height:1.8em; padding:5px; margin:0;}
.body p.greey2 { font:normal 11px  Arial, Helvetica, sans-serif; color:#cecece; line-height:1.8em; padding:5px; margin:0;}
.body a { text-decoration:underline; color:#df7e00; line-height:1.8em;}
.body em { font: italic 13px Arial, Helvetica, sans-serif; color:#aeaeae;}
/*left*/
.left { width:530px; float:left; margin:0; padding:10px 30px 10px 40px;}
.left .buttonss { width:110px; float:right;}
.left .buttonss a { font: bold 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline; padding:5px 5px; margin:0;}
.left .buttonss a:hover { color:#df7e00; text-decoration:none;}
/*right*/
.right { width:306px; float:right; margin:0; padding:10px 30px 10px 25px;}
.right p.data { background:#272727; width:85px; margin:10px 2px; padding:5px 2px; font:bold 14px Arial, Helvetica, sans-serif; color:#df7e00; text-align:center;}
.right ul.recent { margin:10px 5px; padding:0; list-style:none;}
.right li.recent { padding:15px 0 15px 45px; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#fff; background:url(images/recent_ul_li.gif) left no-repeat;  border-bottom:1px dashed #828282;}
.right ul { list-style:none; margin:5px 15px; padding:0;}
.right li { background:url(images/right_ul_li.gif) left no-repeat; padding:8px 20px; margin:0;}
.right li a { font: normal 13px Arial, Helvetica, sans-serif; color:#cecece; text-decoration:none;}
.right li a:hover { color:#df7e00; text-decoration:underline;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#2e2e2e;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:80px; display:block; padding:5px 0; font:normal 11px  Georgia, "Times New Roman", Times, serif; color:#fff; text-transform:capitalize;}
#contactform label span {  font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:400px; border:1px solid #979797; margin:5px 0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:400px; border:1px solid #979797; margin:10px 0; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 80px; border:0; color:#FFF;}
p.response { text-align:center; color:#fff; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** footer **********/
.footer {  margin:0 auto; padding:0; background: #e0e0e0 url(images/main_bg.gif) top repeat-x; height:auto; color:white; font-size:10px;}
.footer_resize { width:962px; margin:0 auto; padding:10px 0 0 0;}
.footer ul { margin:0; padding:10px 10px; list-style:none; float:left;}
.footer ul li { margin:0; padding:0 10px; float:left;}
.footer p { margin:0; padding:10px 20px; float:right; color:#CCCCCC; font:normal 12px  Arial, Helvetica, sans-serif; line-height:1.8em;}
.footer a { color:#df7c4c; font:normal 12px  Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;}
.footer a:hover { text-decoration:underline;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px dashed #828282; padding:0; margin:8px 0; background:none;}
li2.bg2, .bg2 { clear:both; border-top:1px solid #828282; padding:0; margin:20px 0; background:none;}


@media screen and (max-width: 700px) {
 
 


/* main */
.main {width:100%; }
.resize { width:100%; margin:0 auto;}
.style1 {display:none;}

/********** header **********/
.header { }
.block_header {margin:0 auto; padding:0; width:100%; }
/*logo*/
.logo { float:none; padding:0; margin:0; width:100%; text-align:center;}
.logo img {width:100px; margin:auto;}
/* search */
.search { padding:0; margin:2%; float:right; width:100%; height:auto;}

.search form .keywords { float:none; height:auto; width:194px; padding:4px 5px; margin:0 5px; }
.search form .button { float:none; margin:0; padding:0;}
/* menu */	
.menu { width:100%; float:none; height:auto; }


/********** slider **********/
.slider { display:none; }
.slider2 { display:none; }

/*simple text*/

/********** block index **********/
/********** body **********/
body {  width:100%; }
.body {  width:100%; margin:0px;}
.body_bottom { width:100%; min-height:auto;}

.body h2 { padding:1%; margin:1%;}
.body h3 { padding:1%; margin:1%;}
.body h4 { padding:1%; margin:1%;}
.body h5 {  padding:1%; margin:1%;}
/*left*/
.left { width:96%; float:none; margin:0; padding:2%;}
.left .buttonss { width:110px; float:none;}
.left .buttonss a { font: bold 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline; padding:5px 5px; margin:0;}
.left .buttonss a:hover { color:#df7e00; text-decoration:none;}
/*right*/
.right { width:96%; float:none; margin:0; padding:2%;}
.right p.data { background:#272727; width:85px; margin:10px 2px; padding:5px 2px; font:bold 14px Arial, Helvetica, sans-serif; color:#df7e00; text-align:center;}
.right ul.recent { margin:10px 5px; padding:0; list-style:none;}
.right li.recent { padding:15px 0 15px 45px; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color:#fff; background:url(images/recent_ul_li.gif) left no-repeat;  border-bottom:1px dashed #828282;}
.right ul { list-style:none; margin:5px 15px; padding:0;}
.right li { background:url(images/right_ul_li.gif) left no-repeat; padding:8px 20px; margin:0;}
.right li a { font: normal 13px Arial, Helvetica, sans-serif; color:#cecece; text-decoration:none;}
.right li a:hover { color:#df7e00; text-decoration:underline;}
/********** contact form **********/


/********** footer **********/

.footer_resize { width:96%; margin:0 auto; padding:2%;}
.footer ul {  float:none;}
.footer ul li {  float:none;}
.footer p {  float:none;}
.footer a { line-height:1.8em;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px dashed #828282; padding:0; margin:8px 0; background:none;}
li2.bg2, .bg2 { clear:both; border-top:1px solid #828282; padding:0; margin:20px 0; background:none;}
 
 
 
 
}