body{
    font-family: 'Source Serif Pro', serif;
    font-size: 12px;
    letter-spacing : 0.02em;
    color : #000000;
    line-height: 1.7;
    font-weight:300;
  }
  .clear {
    display: block;
    float: none;
    clear: both;
    height: 30px;
    width: 100%;
}
  figure{margin: 0;}
  figcaption{font-size: 13px;}
  address{
    font-style: normal;
  }
  a{
    color:currentColor;
    text-decoration: none;
  }
  p {line-height:1;margin:0 8% 0 8%;}
  .container{
    width: 900px;
    margin: 30px auto;
    overflow: hidden;
  }
  footer{font-weight: 300;}
  .barra{
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    background:#555555;
    width:100%;
  }
  .bar-name { font-weight:bold !important; letter-spacing:2px;font-size:11px;margin-bottom:5px;}
  .bar-concept { text-transform:uppercase;font-weight:bold !important;font-style: italic;letter-spacing:2px;font-size:9px;margin-bottom:5px;}
  .ib {
    float:left;
    vertical-align: top;
    margin:0;
    padding:0 0 0 2%;
    width:20%;
    border:none;
  }
  .ib a:hover {text-decoration: underline;}
.logo {
      border-right:1px solid #555555;
      text-align:center;
      padding:0 2% 0 0;
}
.ib.blank-logo {
    width: 180px;
    height: 1px;
}
  .last{
    margin-right: 0;
    vertical-align: top;
  }
  .movil{
    display: none;
  }
  .slider{
    height: auto;
    background-image:url('images/grup-la-confiteria-1.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  .nw{white-space: nowrap;}
  .slide{
    width: 100%;
  }
  .slider figure{position: relative;}
  .slider figcaption{position: absolute;}
  .cycle-next,.cycle-prev{
    position: absolute;
    top: 50%;
    z-index: 100000;
    cursor: pointer;
    margin-top:-12px;
  }
  .cycle-next{right: 10px;display:none;}
  .cycle-prev{left: 10px;display:none;}
  .slide figure img {display:block;width:100%;height:auto;}
  
  @media only screen and (max-width: 899px){
	  .ib.blank-logo {display:none;}
    .container{
      width: 100%;
      margin-top: 161px;
      width:80%;
      margin-right:auto;
      margin-left:auto;
    }
    .movil{
      display: block;
    }
    .escritorio{
      display: none;
    }
    .slider {padding-top: 23px;}
    .cycle-slide {margin-top: 23px;display: inline-block;}
    /*.slide {
        width: 80%;
        margin-left: auto !important;
        margin-right: auto !important;
        left: 10% !important;
        right:10% !important;
    }*/
    .slider figure img, .slider figure figcaption{
      position: static;
      margin: 0 auto;
      max-width: 100%;
      width: auto;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
    }
    .slider figure figcaption{
      max-width: 80%;
      margin: 30px auto 0;
    }

    .s2{max-width: 70%; margin: 0 auto;}
    footer{
      padding: 0;
    }
    .barra{
      margin-top: 0;
    }
    .ib.logo {
      border-bottom:1px solid #555555;
      text-align:center;
      padding:20px 0 20px 0;
      width:80%;
      clear:both;
      float:none;
      border-right:none;
      height:161px;
      position: absolute;
      left:10%;
      right:10%;
      top:0;
}
  .cycle-next,.cycle-prev{
    /*margin-top:161px;*/
  }
    .ib{
      margin: 0;
      width:25%;
      padding:0;
    }
	.ib.blank-logo {display:none;}
	  .clear {height: 5px;}
  }
  @media only screen and (max-width: 720px){
    .ib.logo {width:80%;} 
    .ib{width:50%;margin-bottom:30px;}

}
  @media only screen and (max-width: 480px){
    .ib{width:80%;}
    p {font-size: 13px;line-height: 16px;}
}