/***********************************************
********************  INFO  ********************
Descripción: Página de Shambala
Autor: nv diseño gráfico
Autor Web: http://www.nvdg.com.ar/
 
*******************  COLORES  ******************

Violeta: #BB2766
Violeta oscuro: #89627B
Amarillo: #FDD74E
Naranja: #FB953D
Naranja claro: #FEEAD8

***********************************************/

/******************  ATAJOS  ******************/

.fleft {
  float: left;
}

.fright {
  float: right;
}

.display {
  display: inline-block;
}

.clear {
  clear: both;
}

.margin-small {
  margin: 0 0 1rem 0;
  /*48px*/
}

.margin-big {
  margin: 0 0 2rem 0;
  /*120px*/
}


/*****************  BACKGROUND  ****************/

#back {
  background: url(../img/background-bkg.jpg) repeat; 
  background-repeat: repeat;  
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: -1;  
}

/***********************************************
*******************  HEADER  *******************
***********************************************/

#header-container { 
  margin: 0 auto;
  height: 100%;
  max-height: 14.5rem;
  position: fixed;
  top: 0; 
  width: 100%;
  z-index: 1000;  
  background: url(../img/banner-bkg.jpg) no-repeat scroll center top #89627B;
}

.smaller {
  max-height: 3rem !important;
}

.smaller #sh-logo img {
  height: 3rem;
  margin: 0 auto;
  display: block;
  padding: 0 !important;
}

#header-banner {
  
  height: 100%;
  max-height: 12rem;
  top: 0;
}

#sh-logo {
  margin: 0 auto;
  width: 483px;
}

#sh-logo img {
  padding: 1rem 0;
}

#headder-line {
  background: #FB953D;
  width: 100%;
  height: .5rem;
}

#headder-buttonbar {
  background: #BB2766;
  width: 100%;
  height: 2rem;
}

#header {
  margin: 0 auto;
  max-width: 40.4rem;
  padding: 0 1.61rem;
  width: 100%;
}

.separador img {
  vertical-align: text-bottom;
}

/***********************************************
*******************  BODY  *********************
***********************************************/

#container {
  background-color: #FFF;
  margin: 14.5rem auto 0px auto;
  max-width: 100%;
  height: 100%;
  padding: 2rem 0rem;
  width: 48rem;
}
.seccion {
  padding: 0 1rem;
}

.search-field {
  width: 20.5rem;
}

.search-option {
  padding: 0 1.7rem 0 .5rem;
  width: 20.5rem;
}

.search-clean-button{
  background: url(../img/search-clean-button.png) no-repeat right #FEEAD8;
  width: 30px;
}

.search-button {
  background: url(../img/search-button.jpg) no-repeat right #FEEAD8;
  width: 30px;
}

.pagina {
  text-align: center;
    margin-top: 1rem;
}


.pagina-button-cont {
  display: inline-block;
  vertical-align: middle;
}

.pagina-misc {
  display: inline-block;
  width: 100px
  vertical-align: middle;
}

.catalogo-container {
  width: 100%;
  padding: 1rem;
  /*display: inline-block;*/
  /*text-align: center;*/
  margin-top: 1rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.catalogo {
  background: url(../img/catalogo-bkg.jpg) repeat;
  border: 4px solid #FEEAD8;
  height: 17rem;
  width: 100%;
  /*display: inline-block;*/
  max-width: 10.5rem;
  /*margin: 0 1.3% 1rem 1.3%;*/
  margin-bottom: 1rem;
}

.catalogo-img {
  background: #fff; 
  height: 8rem;
  width: 100%;  
}

.catalogo-img img {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

/* catalogo pop up */

.catalogo-pop {
  background: url(../img/catalogo-bkg.jpg) repeat;
  border: 4px solid #FEEAD8;
  height: 17rem;
  max-width: 40rem;
  box-shadow: 0px 0px 10px #818181;
  width: 88%;
}

.catalogo-pop .catalogo-img {
  background: #FFF;
  height: 100%;
  width: 50%;
  display: inline-block;
  max-width: 100%;
  float: left;
}

.catalogo-pop .catalogo-img img {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
}

.catalogo-desc-pop {
  display: inline-block;
  width: 100%;
  max-width: 50%;
  padding: 1rem;
  vertical-align: top;
}

/* HOME */

.novedad-container {
  background: url(../img/catalogo-bkg.jpg) repeat;
  border: 4px solid #FEEAD8;
  height: 14rem;
  width: 100%;
  margin-bottom: 1rem;
}

.novedad-img,
.novedad-desc {
  width: 49%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
}

.novedad-img {
  background-color: #fff;
}

.novedad-img img {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.novedad-desc {
  padding: 1rem;
}

.catalogo-novedad {
  background: url(../img/catalogo-bkg.jpg) repeat;
  border: 4px solid #FEEAD8;
  height: 17rem;
  width: 32%;
  /* display: inline-block; */
  max-width: 100%;
  /* margin: 0 1.3% 1rem 1.3%; */
  margin-bottom: 1rem;
}

.img-nosotros {
  margin-bottom: 1rem;
  height: 100%;
  overflow: hidden;
  max-height: 18rem;
}

.img-nosotros img {
  width: 100%;
}

.texto {
  max-width: 22.5rem;
  width: 100%;
  margin: 0 auto;
}

.texto input,
.texto textarea {
  width: 100%;
  margin-bottom: 1rem;
}

.texto textarea {
  height: 8rem;
  resize: none;
}

.texto label h3{
  text-align: left;
}

.submit-container {
  display: inline-block;
  width: 100%;
  text-align: right;
}

.submit-button {
  display: inline-block;
  width: 50%
}

.submit-button input {
  color: #FFF;
  background-color: #FB953D;
  height: 3rem;
}

.mapa {
  margin: 1rem 0;
}

/***********************************************
*******************  FOOTER  *********************
***********************************************/

#footer {
  background: url(../img/footer-bkg.jpg) repeat;
  height: 8rem;
  width: 100%;
}

#footer-box {
  max-width:  48rem;
  margin: 0 auto;
  padding: 1rem 0.75rem;
  width: 100%;
}

.footer-content {
  width: 49%;
  display: inline-block;
}

.footer-content-img {
  text-align: right;
  vertical-align: top;
}

.nv p {
  width: 32%;
  display: inline-block;
}

.nv img {
  display: inline-block;
  vertical-align: middle;
}

.footer-content-img-cel {
  display: none;
}