#tabs   {
   width: 50%;
   margin: 0 auto;
   }
#tabs td   {
   padding: 10px;
   text-align: center;
   }
#tabs img   {display: block;margin: 0 auto -15px;   }
   
#tabs a   {
   display: block;
   width: 150px;
   padding: 0px 10px 20px;
   border-bottom: 0 none;
   text-align: center;
   text-decoration: none;
   color: #fff;
   border: 3px dashed rgba(0,0,0,0);
   }
#tabs a:hover,#tabs a.current{border: 3px dashed #d4bb55;color: #d4bb55;border-radius: 5px;}   
.tab-section   {
   position: relative;
   z-index: 99;
   display: block;
   width: 100%;
   }
#tabs li a.current,#tabs li a:hover   {
   background: #D94D3D;
   color: #fff;
   border-bottom: none;
   position: relative;
   z-index: 100;
   }
#tabs li a.current span#treug{
   height: 10px;
    width: 30px;
    display: block;
    background: url("/images/treug.png") center top no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top:37px;
    z-index: 100;
 }   



@media only screen and (min-width: 1020px) and (max-width: 1150px){
  #tabs td{
      padding: 4px;
  }
  #tabs a{
      width: 145px;
  }
}