body
{
    color: #656565;
}

.lf-body {
/*    earlier deg value 102*/
    background: -webkit-linear-gradient(102deg, #e1f7fd, #ffffff, #fdfce9, #ffffff, #d1f3fd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(102deg, #e1f7fd, #ffffff, #fdfce9, #ffffff, #d1f3fd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(102deg, #e1f7fd, #ffffff, #fdfce9, #ffffff, #d1f3fd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(102deg, #e1f7fd, #ffffff, #fdfce9, #ffffff, #d1f3fd); /* Blue #1 Standard syntax */    
    
    background-repeat: no-repeat;
    background-color:#fdfce9;

} 


/* main sign */
/*===============================================================================*/
#lf-sign
{
    margin-bottom: 10px;
/*    border-bottom: 4px solid #888888;*/
}


/* class changes */
/*===============================================================================*/
.navbar
{
    margin-bottom: 10px; /* add some space after navbar but do not use default computed value (20px) */
}

/*===============================================================================*/
/* Collections - reponsive list of collections below sign */

.lf-collections .col-md-4 /* responsive columns with square blocks */
{
    text-align: center; /* text align inside each square block */
    margin-bottom: 25px; /* space after each square block */    
}

.img-trsp {
/*    opacity: 0.4;*/
/*    opacity: 1.0;*/
    /* For IE8 and earlier */
/*    filter: alpha(opacity=40);*/
  -webkit-transition: all 0.45s ease;
     -moz-transition: all 0.45s ease;
       -o-transition: all 0.45s ease;
      -ms-transition: all 0.45s ease;
          transition: all 0.45s ease;
}

.img-trsp:hover {
/*    opacity: 0.8;*/
    /* For IE8 and earlier */
/*    filter: alpha(opacity=100);*/
  -webkit-transform: rotate(-6deg);
     -moz-transform: rotate(-6deg);
       -o-transform: rotate(-6deg);
      -ms-transform: rotate(-6deg);
          transform: rotate(-6deg);
}

/* For future usage - glassing index tiles */
#crossing-the-glass{
    position:relative;
    height:280px;
    width:280px;
    margin:0 auto;
}

#crossing-the-glass img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

#crossing-the-glass img.top:hover {
  opacity:0;
}

/* usage example
<div id="crossing-the-glass">
<img class="bottom img-rounded img-responsive center-block" src="gallery/2014/LFLaNaturaleza/DuEp/01_280x280.jpg"  alt="Las Flores - Flower&Gift Shop Gallery - please give us a feedback if image didn't show up..." />
<img class="top img-rounded img-responsive center-block" src="gallery/2014/LFLaNaturaleza/DuEp/01_280x280_glass.jpg" alt="Las Flores - Flower&Gift Shop Gallery - please give us a feedback if image didn't show up..." />
</div>
*/



/*===============================================================================*/
/* Buttons - default behaviour */

.btn-lf-default
{
    margin-bottom: 5px;
}

.btn-lf-default:hover
{
    background: #fefdeb;
    color: #656565;
}

/*===============================================================================*/
/* Gallery - default behaviour */
#galspace {
    max-height: 520px;
    text-align: right;
    vertical-align:middle;
    margin-bottom: 5px;
}

.galspace_container {
    text-align: center;
    vertical-align: middle;
}

/*do not use lf-images-item anywere else - it's for js to give next/prev functionality!*/
.lf-images-item {    
    margin-bottom: 5px;
}

/*===============================================================================*/
/* miscellaneous */
h1.lf-h1
{
    padding-bottom: 12px;
}

h2.lf-h2
{
    padding-bottom: 32px;
}


/*===============================================================================*/