/*sunrays.css*/
@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Istok+Web);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,500,600,700&subset=latin,latin-ext);
@import "jquery/jquery-ui.min.css";
@import "bootstrap/bootstrap.min.css";
@import "fontawesome/font-awesome.min.css";

body, figure { 
  margin: 0; 
  background: #ffffff;
  font-family: Istok Web, sans-serif;
  font-weight: 100;
}

.page-content-wrap{
  min-height: 82vh;
}
.container{
  padding-top: 10px;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  text-align: center;
  width: 100%;
}

#menu{
  width: 100%;
}
#menu .row .imagen-menu{
  float: none;
  z-index: 100;
}
#menu .row .imagen-menu img{
  padding-bottom: 10px;
  width: 100%;
}

/*======================= CSS topbar =========================================*/
.topbar{
  background-image:url(http://sunrays.es/images/logo/Dollarphotoclub_71504677.jpg);
  margin-bottom: 1%;

}
#logo{
  max-height: 60px;
}
.cabecera{
  height: 85px;
  padding-top: 1%;
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 1%;

}
.cabecera a img{
  display: inline;
}
.icons{
  display: inline;
  float: right;
}
.icons a{
  padding: 3px;
  font-size: 20px;
  color:  #fffcfc;
}
.options{
  display: inline;
  margin-top: -40px;
}
.options a{

  padding: 15px;
  font-size: 30px;
  color:  #fffcfc;

}
.hamburg{
  margin-top: -50px;
  padding-right: 0 !important;
}
.hamburg a{
  float: right;
  padding: 3px;
  font-size: 30px;
  color:  #fffcfc;
}
.ophamburg{
  display: none;
  transition: display 0.5s linear;
}
.ophamburg a{
  float:right;
  font-size:20px;

}

/*=================== Fin css topbar =========================================*/


/*========= CSS NAVBAR ======================================*/
#menudesplegable{
  display: inline;
}
/*================ fin CSS NAVBAR ========================*/


/*=================CSS de los productos================= */

.product-item{
  padding: 40px;
  margin-bottom: 2%;
}
.product-item img{
  width: 100%;
}
.product-item a{
  text-decoration: none;
  font-family: Istok Web, sans-serif;
  font-size: 15px;
  color:  black;
}

.primera{
  margin-left: 12.5%;
}
/*===========fin css de los productos====================*/

/* =========== css de contacto ==============*/
.form-group{
  text-align: left;
}
.btn-primary{
  background-color: #333;
}
div .row.title{
  text-align: left;
  font-size:30px;
  font-weight: bold;
  border-bottom: 2px solid #333;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 1%;
  }
/* ==========fin css de contacto ============*/






/*===== css del footbar =================*/
.footer {
  bottom: 0;
  width: 100%;
  text-align: center;
  padding-top: 20px;
  height: 60px;
  background-color: #f5f5f5;
}
/*============fin css footbar==================*/


@media(max-width: 800px){
  .cabecera{
    height: 70px;
  }
  .primera{
    margin-left: 0%;
  }
  #logo{
    
    height: auto;
  }
  .icons a{
    font-size: 20px;
  }
  figure.slider{
    height: auto;
  }
  figure.slider figure figcaption{
    top:auto;
  }
  .product-item{
    height: auto;

  }
  .container{
    padding-bottom: 0px;
  }

}


/* CSS ficha producto*/
.ficha{
  margin-top: 10%;
  font-size: 20px;
  text-align: left;
  padding-left: 5%;
}
.ficha div{
  padding-bottom: 2%;

}
div.row.modelo{
  font-size:30px;
  font-weight: bold;
  border-bottom: 2px solid #333;
  padding-bottom: 0px;
  margin-bottom: 8%;
}
div.row.reference{
  font-size: 15px;
  color: #808080;
}
/* fin CSS ficha producto*/