/* ******************************
***********Reset css*********** */

/**/
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.1276595744681%;
  *margin-left: 2.0744680851064%;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .span10 {
  width: 82.978723404255%;
  *width: 82.925531914894%;
}
.row-fluid .span9 {
  width: 74.468085106383%;
  *width: 74.414893617021%;
}
.row-fluid .span8 {
  width: 65.957446808511%;
  *width: 65.904255319149%;
}
.row-fluid .span7 {
  width: 57.446808510638%;
  *width: 57.393617021277%;
}
.row-fluid .span6 {
  width: 48.936170212766%;
  *width: 48.882978723404%;
}
.row-fluid .span5 {
  width: 40.425531914894%;
  *width: 40.372340425532%;
}
.row-fluid .span4 {
  width: 31.914893617021%;
  *width: 31.86170212766%;
}
.row-fluid .span3 {
  width: 23.404255319149%;
  *width: 23.351063829787%;
}
.row-fluid .span2 {
  width: 14.893617021277%;
  *width: 14.840425531915%;
}
.row-fluid .span1 {
  width: 6.3829787234043%;
  *width: 6.3297872340426%;
}

/* //////////////////////////// */

body {
	color: #666;
	font-family: "Segoe UI",Arial,sans-serif;
	font-stretch: condensed;
	font-size: 14px;line-height: 22px;
	background:url("../images/404/bg_404.png") no-repeat 0 0 / 100% 140%;
	margin: 0;
}
a {color: #153242;text-decoration: none;}
a:hover{color: #ff6825;}
img{border: none;}
h1 {font-size: 200%;}
h2 {font-size: 180%;}
h3 {font-size: 160%;}
h4 {font-size: 140%; font-weight: normal}
h5 {font-size: 120%;}
h6 {font-size: 100%;}

.wrap-inner {
	width: 1200px;
	margin: 0 auto;
}
.header {
	padding: 0 0 10px 10px;
}
.contener {
    display: block;
    width: 100%;
}
.block-left {
	background: url(../images/404/rightShadow.png) repeat-y right top;text-align: center;
	padding-top: 115px;min-height: 670px !important;
}
.logo {display: block; margin-bottom: 30px;}
.logo .mess-code{font-size: 30px;line-height: 35px;}
.logo > a{display: inline-block;background: #fff;padding: 23px 70px;}
.logo p{margin: 5px 0;font-size: 18px;}
.block-404{text-align: center;}

h3.mess-code {
    color: #fff;
    font-size: 20pt;
    text-align: center;
    margin: 0;
}

.contener > p {
    color: #fff;
    font-size: 16pt;
    text-align: center;
}
.title{text-align: center; padding-bottom: 30px;}

.block-main {
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding-left: 30px;
}
.second-block {overflow: hidden;}
.second-block .acticle{display: inline-block;margin-top: 1em;}
.copyright{margin: 2em 0;padding-top: 2em;border-top: 1px dashed #ccc;color: #999;}
.copyright a{color: #555;}
.copyright a:hover{color: #ff6825;}

.btn,button{
	border: 2px solid #fff;
	padding: 10px 35px 11px 60px;
	display: inline-block;
	line-height: 30px;
	color: #eee;font-size: 18px;font-weight: bold;
	background: url("../images/404/icon_home.png") no-repeat 10px center #3377bb; /* Old browsers */
}
.btn:hover,button:hover{
	background: url("../images/404/icon_home.png") no-repeat 10px center #ff6825;color: white;
}


/* Tablet portrait (768x1024) && Small tablet landscape (800x600) */
@media (min-width: 767px) and (max-width: 979px) {
	div.wrap-inner{width:100%;}
	
	body{min-height: 1024px;}
	 .logo{ margin-bottom: 250px;}
	
}

/* Small tablet portrait (600x800) & Mobile landscape (480x320) */
 @media (min-width: 980px) and (max-width: 1024px) {
  body{max-width: 1024px;height: 1024px;}
  .wrap-inner{width: auto;}
 
 }
@media (max-width: 767px){
	div.wrap-inner{width:auto;padding: 0 20px;}
	.row-fluid [class*="span"]{width: 100%;margin: 0;}
	.block-left{min-height: inherit !important;padding: 30px 0;background: transparent;}
	.block-main{padding: 0;}
	.logo{margin-top: 30px;text-align: center;}
	.block-404 img {width: 50%;}
}
@media (max-width: 320px){
      .logo > a {padding: 23px 36px;}
      img{width: 100%;}
	  body{min-height: 568px;}
}