@charset "utf-8";
/* CSS Document */

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* Reset End */

/* Text */
body { font-size: 12px; font-family: Arial, sans-serif; } p { font-size: 1em; /* 12px */ line-height: 1.5em; /* 18px */ margin: 0 0 1.5em 0; }
/* 30px - The quick brown fox jumps over the lazy dog */
.class-for-30px { font-size: 2.5em; /* 30px */ line-height: 1.2em; /* 36px */ margin-top: 0.6em; margin-bottom: 0em; }
/* 28px - The quick brown fox jumps over the lazy dog */
.class-for-28px { font-size: 2.3333em; /* 28px */ line-height: 1.2857em; /* 36px */ margin-top: 0.6429em; margin-bottom: 0em; }
/* 26px - The quick brown fox jumps over the lazy dog */
.class-for-26px { font-size: 2.1667em; /* 26px */ line-height: 1.3846em; /* 36px */ margin-top: 0.6923em; margin-bottom: 0em; }
/* 24px - The quick brown fox jumps over the lazy dog */
h1 { font-size: 2em; /* 24px */ line-height: 1.5em; /* 36px */ margin-top: 0.75em; margin-bottom: 0em; }
/* 22px - The quick brown fox jumps over the lazy dog */
h2 { font-size: 1.8333em; /* 22px */ line-height: 1.6364em; /* 36px */ margin-top: 0.8182em; margin-bottom: 0em; }
/* 20px - The quick brown fox jumps over the lazy dog */
h3 { font-size: 1.6667em; /* 20px */ line-height: 1.8em; /* 36px */ margin-top: 0.9em; margin-bottom: 0em; }
/* 18px - The quick brown fox jumps over the lazy dog */
h4 { font-size: 1.5em; /* 18px */ line-height: 1em; /* 18px */ margin-top: 1em; margin-bottom: 0em; }
/* 16px - The quick brown fox jumps over the lazy dog */
h5 { font-size: 1.3333em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 1.125em; margin-bottom: 0em; }
/* 14px - The quick brown fox jumps over the lazy dog */
h6 { font-size: 1.1667em; /* 14px */ line-height: 1.2857em; /* 18px */ margin-top: 1.2857em; margin-bottom: 0em; }

hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}

ol{list-style:decimal}
ul{list-style:disc; margin-top:-15px}
li{margin-left:20px; font-size: 1em; /* 12px */ line-height: 1.5em;}
/* Text End*/

/*Body*/
body { background:#264d8e url(images/bg_body.jpg) top center no-repeat; margin:0; padding:0}
.wrapper { width:960px; margin:0 auto}

/*Header*/
#header {height:100px}
.logo { width:285px; height:70px; border:none; margin:20px 0 0 10px; float:left}
/*Header End*/

/*baner*/
#baner { width:100%; height:300px; border-top:6px solid #ff7400}
/*baner End*/

/*Top Menu*/
#top_menu { background:#ff7400; height:46px;}
#top_menu ul { margin:0; padding:12px 0 0 0; float:left}
#top_menu li { display:inline-block}
#top_menu li a { color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight: lighter; text-decoration:none}
#top_menu li a:hover { color:#dfdfdf; text-decoration:underline}
/*Top Menu End*/

/*Search*/
.search { float:right; width:250px; height:45px;}
.search form {
width:220px;
float: right;
padding: 8px 10px 0 0;
margin: 0;
}
form {vertical-align: baseline;}
.sear {margin: 0 5px 0 0;
color: #999;
font: normal 12px Arial, Helvetica, sans-serif;
width: 180px;
border: 1px solid #E1E7EB;
padding: 5px 2px;
height: 16px;
background: #F5F8FA;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.but {padding: 0;
margin: 5px 5px 0 0;
height: 20px;
width: 19px;
float: right;}
/*Search End*/

/*Content*/
#content { background:#FFF; padding:20px 10px;}
.left { width:220px; float:left}
.left ul { margin:7px 0 0 0; padding:0; list-style:none}
.left ul li { margin-left:10px}
.left ul li span { color:#ff7400}
.left p, .left h5 { margin-left:10px; margin-top:10px}
.left a { font-size:12px; color:#787879; font-weight:normal; font-family: Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.8em}
.left a:hover {color:#ff7400; text-decoration:underline}
.main { margin-left:250px; font-family:Arial, Helvetica, sans-serif}
.main a {font-family:Arial, Helvetica, sans-serif;color:#4da0f4;}
.predl { height:30px; background:url(images/bg_predl.png) top left repeat-x scroll; margin-bottom:10px}
.vvod { background:#f8f8f8; border:1px solid #f0f0f0; padding:10px}
.vvod img { border:4px solid #fff;background:#FFF;-webkit-box-shadow: 0px 0px 10px #dfdfdf;-moz-box-shadow: 0px 0px 10px #dfdfdf;box-shadow: 0px 0px 10px #dfdfdf; float:left; margin:0 5px 10px 5px}
.box { width:220px; height:300px; margin-right:10px; float:left; text-align:left}
.link_b { height:55px;}
.link_b a { text-decoration:none}
.link_b a:hover { text-decoration: underline}
.box a { font-size:14px; font-family:Arial, Helvetica, sans-serif;color:#4da0f4; line-height:1.3em;}
.img_b {border:4px solid #fff;background:#FFF;-webkit-box-shadow: 0px 0px 10px #dfdfdf;-moz-box-shadow: 0px 0px 10px #dfdfdf;box-shadow: 0px 0px 10px #dfdfdf; float:left; margin:0;  }
.img_b  div {width:200px; height:180px; display: table-cell; vertical-align: middle; text-align:center;}
.img_b div img {max-width:200px; max-height:180px; vertical-align: middle;}
.img_b img {max-width: 100%;}
.img_b:hover {border:4px solid #ff7400;}
a.cat {font-size:14px; font-family:Arial, Helvetica, sans-serif;color:#4da0f4;}
.rat { width:115px; float:left; padding:5px 0 0 0;text-decoration:none;}
.rat img {text-decoration:none; border:none; margin:0; padding:0}
.podr {width:95px; float:left; padding:5px 0 0 0}
.navi { margin-bottom:7px; color:#ff7400}
.navi a {font-size:14px; font-family:Arial, Helvetica, sans-serif; color: #787879; text-decoration:none}
.navi a:hover {color: #ff7400; text-decoration:underline}
.box_gl { width:220px; height:270px; margin-right:10px; float:left; text-align:left}
.box_gl a { font-size:14px; font-family:Arial, Helvetica, sans-serif;color:#4da0f4; line-height:1.3em;}
.link_gl { height:40px;}
.link_gl a { text-decoration:none}
.link_gl a:hover { text-decoration: underline}
.main table, .main td { border:1px solid #dfdfdf; padding:5px; margin:5px 0}


/*Footer*/
#footer { height:100px}
.foot_menu { text-align:center}
.foot_menu ul { margin:0; padding:10px 0 0 0;}
.foot_menu li { display:inline-block; margin:0 5px 0 5px}
.foot_menu li a { color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight: lighter; text-decoration:none}
.foot_menu li a:hover { color:#ff7400; text-decoration:underline}
.copyright { color:#cccccc; font-size:12px; margin-top:10px; text-align:center}
.copyright a {color:#cccccc; font-size:12px;}

/*Clear*/
.clr { clear:both; margin:0; padding:0}