/* This site was made by Liliana Velazquez  
 www.minumen.com
 Summer 2015
 */

  /* General style */

#big_image{
    background-color: transparent; 
    background-image: url('http://www.lilivelazquez.com/photos/BayBridge_jumbo_Texture_1C.jpg');
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover; 
    height: 100%;
}

header{
    padding-left: 5%;
    padding-right: 5%;
    margin: auto;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 2;
    height: 135px;
}

section{
    width: 100%;
}

a.white_link{
  color: #fff;
}

.space-left{
    padding-left: 12%;
  }

#first_page{
    margin-top: 135px;
    padding-top: 7%;
}

#promotions_color{
    width: 100%;
    background-color: #ebd914; 
    padding: 10px 0px 20px;
}

#promotions_color2{
    width: 100%;
    background-color: #ebd914; 
    padding: 10px 0px 20px;
}

#gallery_color{
    width: 100%;
    background-image: url('http://www.lilivelazquez.com/photos/bg_lines2.png');
    background-color: #333; 
    padding: 10% 0px 10%;

}

#otros_serv{
  background-color: #333;
  padding-top: 5%; 
  padding-bottom: 20%; 
  text-align: center;
}

.amarillo{
  padding-top: 20%;
  padding-bottom: 20%;
}

.amarillo2{
  padding-top: 10%;
  padding-bottom: 10%;
}

.space{
  padding-left: 5px;
  padding-top: 0px;
  font-size: 0.8em;
}
.space_2{
  padding-left: 5px;
  padding-top: 35px;
  font-size: 0.8em;
}

.title{
  color: #13a89e;
  padding-left: 5%;
  
}

.title_2{
   color: #13a89e;
  
}

.thick {
    font-weight: bold;
}

.oblique{
    font-style: oblique;
    font-weight: bold;
}

.white_fnt{
    color: #fff;
    line-height: 150%;
    font-weight: normal;
}

.white{
    text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
    padding-bottom: 20px;
}

.gray_fnt{
    color: #333;
}

.gray_title{
    color: #999999;
}

.info{
    text-align: center;
}

/*footer elements */
footer{
    padding-top: 5px;
    padding-right: 5px;
    background-color: #000000; 
    position: fixed;
    height: 60px;
    bottom: 0;
    width: 100%;
}

/*buttons and navigation */

#nav a{
    text-decoration: none;
}
a{
    text-decoration: none;
}
a.clear-btn{
    text-decoration: none;
}
.clear-btn {
    font-family: "Arial";
    text-align:center;
    display: inline-block;
    text-decoration: none;
    border: 1.5px solid #333;
    height: 30px;
    width: 100%;
    margin-top: 5px;
    line-height: 30px;
    color: #333;
    -webkit-border-radius: 10px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 10px;
    -moz-background-clip: padding;
    -o-border-radius: 10px;
    -o-background-clip: padding;
    border-radius: 10px;
    background-clip: padding-box;
    font-size: 1em;
    padding: .2em .2em;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background-color: rgba (255, 255, 255, .5);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
   /* zoom: 1; */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
}
.clear-btn:hover,
.clear-btn:focus {
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
    background-color: #ebd914;
    color: #ffffff;
    text-decoration: none;
}
.clear-btn:active {
    color: #999;
    outline: none;
}
/* Images links */
.img_btn{
    -webkit-transition: background 5s ease;
    -moz-transition: background 5s ease;
    -o-transition: background 5s ease;
    transition: background 5s ease;
}
.img_btn:hover,
.img_btn:focus{
    -webkit-filter: contrast(3);
    -moz-filter: contrast(3);
    -o-filter: contrast(3);
    filter: contrast(3);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    filter: sepia(1);
}
.img_btn:active{
    -webkit-filter: opacity(.2);
    -moz-filter: opacity(.2);
    -o-filter: opacity(.2);
    filter: opacity(.2);
}
/* Social Media buttons */
.icon_btn {
    -webkit-transition: background 5s ease;
    -moz-transition: background 5s ease;
    -o-transition: background 5s ease;
    transition: background 5s ease;
}
.icon_btn:hover,
.icon_btn:focus{
    -webkit-filter: contrast(3);
    -moz-filter: contrast(3);
    -o-filter: contrast(3);
    filter: contrast(3);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    filter: sepia(1);
}
.icon_btn:active{
    -webkit-filter: opacity(.2);
    -moz-filter: opacity(.2);
    -o-filter: opacity(.2);
    filter: opacity(.2);
}

a {
    color: #333;
}
a:hover{
    color: #fff;
}