html {
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    min-width: 100%;
}

body {


  
    font-size: 18px;

    margin: 0;
    padding: 0;
}

body {

/* background: #457ad8 url("images/bg-ocean.jpg") no-repeat scroll 0 0;


background-size: cover;*/
}

body a{


  color: #353537;
}

body a:hover{


  color: #D8232A;
}



.wrp{
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}


.head{
  display: block;
  position: relative;
}


  .head .logo{
    display: block;
    float: left;
  }

  .head .logo img{
  width: 150px;
  }


 .head .up2{
  float: right;
  padding: 0 10px 0 0;
 }

.head ul.menu{
  display: block;
  margin:0;
  padding: 0;
  list-style: none;

}

.head ul.menu li{
  display: block;
  float: left;
  margin:0 0 0 10px;
  padding: 0;

}

.head .call{
  display: block;
  float: right;
}

.head .call a{
text-decoration: none;
font-size: 21px;
}


.wrptabl{
  display: block;
  padding: 5px;
}


.tabl{
  display: table;
  width: 100%;

}


.tabl img{
display: block;
width: 100%;

   outline: 5px solid #fff; 
    outline-offset: -5px;

}

.y50{
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  text-align: center;
  background-color: #666;
}

.y33{
  display: table-cell;
  width: 33.33%;
  vertical-align: middle;
  text-align: center;
  min-height: 300px;
  background-color: #888;
}

.y66{
  display: table-cell;
  width: 66.66%;
  vertical-align: middle;
  text-align: center;
  min-height: 300px;
  background-color: #aaa;

}

.foot1{
  display: block;
  text-align: center;
  background-color: #dfc3b7;
  padding: 100px 0;
  border-bottom:1px solid #000;
  margin:5px 5px 0 5px;
}

.foot2{
  display: block;
  text-align: center;
  background-color: #dfc3b7;
  padding: 100px 0;
  margin:0 5px;

}