@import url(http://fonts.googleapis.com/css?family=Seymour+One&subset=latin,cyrillic);
body {

  padding: 0px;
  margin: 0px;

}


#p_telo {
position: fixed;
top: 0px;
width: 100%;
height: 80px;
  background-color: rgba(0, 0, 0, 0.7);
margin:0px;
padding: 0px;
}

#p_vn_telo {
color: #fff;
max-width: 1400px;
min-width: 1050px;
height: 80px;
background-color: #000;
margin:0px auto;
}


#p_111, #p_222, #p_333, #p_444, #p_555 {
  position: relative;
  width: 20%;
  height: 80px;
float:left;
background-color: #e00;
 text-align: right;
     
}

#p_444{
  background: url(http://smarttimes.ru/pic/sww.jpg);
    
}


#p_222{
  background: url(http://smarttimes.ru/pic/appl.jpg);
    
}


#p_333{
  background: url(http://smarttimes.ru/pic/dolar.jpg);
      
}
#p_111{
  background: url(http://smarttimes.ru/pic/obiz.jpg);

}

#p_555{
  background: url(http://smarttimes.ru/pic/sch.jpg);

}

.p_p {
  opacity: 0.8;
  font:  16px  Seymour One;
  color: #fff;
  display:block; 
  position: absolute;
  right: 0px;
  height: 100%;
  width: 170px;
  line-height:1.2em;
  
  background: -webkit-linear-gradient(-1deg, rgba(0,0,0,0.0), rgba(0,0,0,0.9));
  background: -moz-linear-gradient(-270deg, rgba(0,0,0,0.0), rgba(0,0,0,0.9));
  background: -o-linear-gradient(-270deg, rgba(0,0,0,0.0), rgba(0,0,0,0.9));
  background: -ms-linear-gradient(-270deg, rgba(0,0,0,0.0), rgba(0,0,0,0.9));
  background: linear-gradient(-270deg, rgba(0,0,0,0.0), rgba(0,0,0,0.9));
 
 padding: 0px 10px 0px 0px; 
  
       -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;  
  transition:  all 300ms ease-out;  
}
.p_p:hover {
  opacity: 1;
    padding: 15px 10px 0px 0px; 
     -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;  
  transition:  all 300ms ease-out;  
  
}

a.baner,a.baner:focus,a.baner:hover,a.baner:active {
  text-decoration:none;
  cursor: pointer;
}

#p_verh {
display:block; 
height: 80px;
}