/*







	  INDEX



  19        Fuentes



  24		Margenes



  40		Estilos Globales 



  78		Header



 142		Menú



 373		Nosotros



 478		Mkt Digital



 584		Diseño Web



 686		Dominios



 790		Apps



 899		Contacto



1026 		Formulario



1196 		Footer



1350		Portafolio



*/















@font-face {



  font-family: 'Open Sans';



  src: url('../fonts/OpenSans-Light.eot');



  src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),



    url('../fonts/OpenSans-Light.woff2') format('woff2'),



    url('../fonts/OpenSans-Light.woff') format('woff'),



    url('../fonts/OpenSans-Light.ttf') format('truetype');



  font-weight: 300;



  font-style: normal;



}







@font-face {



  font-family: 'Lora';



  src: url('../fonts/Lora-Regular.eot');



  src: url('../fonts/Lora-Regular.eot?#iefix') format('embedded-opentype'),



    url('../fonts/Lora-Regular.woff2') format('woff2'),



    url('../fonts/Lora-Regular.woff') format('woff'),



    url('../fonts/Lora-Regular.ttf') format('truetype');



  font-weight: normal;



  font-style: normal;



}







@font-face {



  font-family: 'Open Sans';



  src: url('../fonts/OpenSans-Bold.eot');



  src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),



    url('../fonts/OpenSans-Bold.woff2') format('woff2'),



    url('../fonts/OpenSans-Bold.woff') format('woff'),



    url('../fonts/OpenSans-Bold.ttf') format('truetype');



  font-weight: bold;



  font-style: normal;



}







@font-face {



  font-family: 'Six Caps';



  src: url('../fonts/SixCaps.eot');



  src: url('../fonts/SixCaps.eot?#iefix') format('embedded-opentype'),



    url('../fonts/SixCaps.woff2') format('woff2'),



    url('../fonts/SixCaps.woff') format('woff'),



    url('../fonts/SixCaps.ttf') format('truetype');



  font-weight: normal;



  font-style: normal;



}







@font-face {



  font-family: 'Open Sans';



  src: url('../fonts/OpenSans.eot');



  src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),



    url('../fonts/OpenSans.woff2') format('woff2'),



    url('../fonts/OpenSans.woff') format('woff'),



    url('../fonts/OpenSans.ttf') format('truetype');



  font-weight: normal;



  font-style: normal;



}







/*************general*****************/



body{background-color: white;



font-family: "Open Sans", arial, sans-serif;



color: #171717;



}







.header .logo .hecho_mexico{

position: absolute;

top:35%;

right: 10%;

}



.header .logo .hecho_mexico img{

  margin: 0 5px;

  opacity: 0.8;

}



.header .logo .hecho_mexico img:hover{

  margin: 0 5px;

  opacity: 1;

}











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



/* header */



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







.header {



  z-index: 30;



  display: block;



  position: fixed;



  width: 100%;



    background-color: rgba(0,0,0,0.85);







}







@media(max-width: 769px){



  .header{



      z-index: 30;



  display: block;



  position: fixed;



  width: 100%;



  background-color: rgb(0,0,0,0.85);



  }



}







.header .bxlogo {



  display: block;



  text-align: left;



  padding: 20px 0;



}







@media(min-width: 770px){



.header .bxlogo img {



  display: inline-block;



  width: 300px;



}



}



.header .bxlogo h1 {



  text-indent: -9999px;



  width: 0;



  height: 0;



  padding: 0;



  margin: 0;



}







@media (min-width: 770px) {



  .header .bxlogo {



    text-align: left;



    padding: 20px 0;



  }



  .header .bxlogo img {



    width: 287px;



    -webkit-transition-duration: 0.3s;



    -moz-transition-duration: 0.3s;



    -ms-transition-duration: 0.3s;



    -o-transition-duration: 0.3s;



    transition-duration: 0.3s;



  }



  .header .menuprincipal {



  	padding: 0% 0;



    -webkit-transition-duration: 0.3s;



    -moz-transition-duration: 0.3s;



    -ms-transition-duration: 0.3s;



    -o-transition-duration: 0.3s;



    transition-duration: 0.3s;



  }



  .header.fix .bxlogo img {



    width: 200px;



  }



  .header.fix .menuprincipal {



    margin-top: 32px;



  }



}











@media (min-width: 770px) {



  .header {



    width: 100%;



  }



}







@media (max-width: 770px) {







.bxlogo{



	height: auto;



	width: 200px;



}







.bxlogo .minilogo{







height: 100px;



}







}







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



/* menu principal*/



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



/**/



.btcolapse {



  z-index: 20;



  display: block;



}







.bxcolapse {



  z-index: 20;



  width: 100%;



}















/**/



.btcolapse {



  position: absolute;



  top: 50%;



  right: 0;



  width: 40px;



  height: 35px;



  margin-right: 15px;



  margin-top: -5px;



  transform: translate(0, -50%);



  -o-transform: translate(0, -50%);



  -ms-transform: translate(0, -50%);



  -moz-transform: translate(0, -50%);



  -webkit-transform: translate(0, -50%);



}







.btcolapse:before {



  content: "MENÚ";



  display: block;



  position: absolute;



  bottom: 0;



  margin-bottom: -15px;



  font-family: "Open Sans", arial, sans-serif;



  font-size: 12px;



  letter-spacing: 1.5px;



  color: rgba(255, 255, 255, 1);











}







.btcolapse span {



  display: block;



  position: absolute;



  top: 50%;



  left: 50%;



  width: 100%;



  height: 2px;



  border-radius: 0px;



  background-color: transparent;



  transform: translate(-50%, -50%);



  -o-transform: translate(-50%, -50%);



  -ms-transform: translate(-50%, -50%);



  -moz-transform: translate(-50%, -50%);



  -webkit-transform: translate(-50%, -50%);



  -webkit-transition-duration: 0.2s;



  -moz-transition-duration: 0.2s;



  -ms-transition-duration: 0.2s;



  -o-transition-duration: 0.2s;



  transition-duration: 0.2s;



}







.btcolapse span:before {



  content: "";



  display: block;



  position: absolute;



  top: 50%;



  left: 50%;



  width: 100%;



  height: 2px;



  border-radius: 0px;



  background-color: white;



  -webkit-transform: translate(-50%, -50%) rotate(45deg);



  -moz-transform: translate(-50%, -50%) rotate(45deg);



  -ms-transform: translate(-50%, -50%) rotate(45deg);



  -o-transform: translate(-50%, -50%) rotate(45deg);



  transform: translate(-50%, -50%) rotate(45deg);



  -webkit-transition-duration: 0.2s;



  -moz-transition-duration: 0.2s;



  -ms-transition-duration: 0.2s;



  -o-transition-duration: 0.2s;



  transition-duration: 0.2s;



}







.btcolapse span:after {



  content: "";



  display: block;



  position: absolute;



  top: 50%;



  left: 50%;



  width: 100%;



  height: 2px;



  border-radius: 0px;



  background-color: white;



  -webkit-transform: translate(-50%, -50%) rotate(-45deg);



  -moz-transform: translate(-50%, -50%) rotate(-45deg);



  -ms-transform: translate(-50%, -50%) rotate(-45deg);



  -o-transform: translate(-50%, -50%) rotate(-45deg);



  transform: translate(-50%, -50%) rotate(-45deg);



  -webkit-transition-duration: 0.2s;



  -moz-transition-duration: 0.2s;



  -ms-transition-duration: 0.2s;



  -o-transition-duration: 0.2s;



  transition-duration: 0.2s;



}







.btcolapse.collapsed span {



  background-color: white;



}







.btcolapse.collapsed span:before {



  margin-top: -11px;



  -webkit-transform: translate(-50%, -50%) rotate(0deg);



  -moz-transform: translate(-50%, -50%) rotate(0deg);



  -ms-transform: translate(-50%, -50%) rotate(0deg);



  -o-transform: translate(-50%, -50%) rotate(0deg);



  transform: translate(-50%, -50%) rotate(0deg);



}







.btcolapse.collapsed span:after {



  margin-top: 11px;



  -webkit-transform: translate(-50%, -50%) rotate(0deg);



  -moz-transform: translate(-50%, -50%) rotate(0deg);



  -ms-transform: translate(-50%, -50%) rotate(0deg);



  -o-transform: translate(-50%, -50%) rotate(0deg);



  transform: translate(-50%, -50%) rotate(0deg);



}







.btcolapse.op2 {



  margin-top: 0;



}







.btcolapse.op2:before {



  display: none;



}







.btcolapse.op2 span:before {



  background-color: white;



}







.btcolapse.op2 span:after {



  background-color: white;



}







.btcolapse.op2.collapsed span {



  background-color: white;



}







/**/



.menuprincipal {



  position: fixed;



  right: 0;



  font-size: 24px;



  width: 100%;



}







.menuprincipal ul {



  margin-bottom: 0;



  width: 100%;



  display: block;



  background-color: rgba(0, 0, 0, 0.75);



}







.menuprincipal ul li {



  display: block;



}







.menuprincipal ul li a {



  display: block;



  position: relative;



  font-family: "Open Sans", arial, sans-serif;



  font-weight: normal;



  text-align: center;



  color: white;



  font-size: 18px;



  text-transform: uppercase;



  padding: 12px 15px;



}







.menuprincipal ul li a:hover, .menuprincipal ul li a:focus {



  text-decoration: none;



  color: white;



  background-color: #0267ad;



}







.menuprincipal ul li + li {



  border-top: 1px solid rgba(255, 255, 255, 0.3);



}







.menuprincipal ul li.active a {



	font-size: bold;



  	background-color: #0e2a37;



}















.social{



  padding: 3% 0;



}















/************************************Seccion Nosotros*************************************************/











.nosotros{



  background-color: white;;



  height: auto;



  padding: 8% 0;



  text-align: center;



  font-family: "Open Sans", arial, sans-serif;



  color: #171717;



  margin: 0;







}







.nosotros .titulo h2{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 70px;



  letter-spacing: 15px;



  color: #0267ad;



}











.nosotros .linea hr{







margin: 20% 0;



text-align: center;



padding: 0;



border:1px solid #000;







}







.nosotros .texto1{



  font-weight: 300;



  font-size: 50px;



  color: #0267ad;



  text-align: center;



}











.nosotros .mexicana h3{



  font-family: "Lora", arial, sans-serif;



  font-size: 70px;



  color: #0267ad;



  padding: 0;



  margin: 0;



}











.nosotros .informacion p{



  padding: 5% 0;



  font-size: 20px;



  font-weight: normal;



  line-height: 28px;



}











.nosotros .boton_vermas{



  width: 50%;



  background-color: #000;



  text-transform: uppercase;



  text-decoration: none;



  color: white;



  font-size: 24px;



  padding: 5px 10%;



  margin: 5%;



}







.nosotros .boton_vermas:hover{



  background-color: #0267ad;



}









  .nosotros .bximg{

    display: block;

    position: relative;

    text-align: center;

    margin-bottom: 4em;

  }



  .nosotros .bximg:before{

    content: "";

      display: block;

      position: absolute;

      bottom: 0;

      left: 50%;

      width: 100%;

      height: auto;

      margin-bottom: -1.5rem;

      -webkit-filter: blur(5px);

      -moz-filter: blur(5px);

      -ms-filter: blur(5px);

      -o-filter: blur(5px);

      filter: blur(5px);

      transform: translate(-50%, 0);

      -o-transform: translate(-50%, 0);

      -ms-transform: translate(-50%, 0);

      -moz-transform: translate(-50%, 0);

      -webkit-transform: translate(-50%, 0);

  }



  .nosotros .bximg a{

    position: relative;

    display: inline-block;

  }



  .nosotros .bximg a:before{

    z-index: 10;

    content: "";

      display: block;

      position: absolute;

      top: 50%;

      left: 50%;

      width: 70px;

      height: 70px;

      background-image: url(../images/icons/play.png);

      background-repeat: no-repeat;

      background-size: cover;

      transform: translate(-50%, -50%);

      -o-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

      -moz-transform: translate(-50%, -50%);

      -webkit-transform: translate(-50%, -50%);

  }



  .nosotros .bximg a:after{

    content: "";

      display: block;

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      background-color: rgba(0,0,0,.5);

      -webkit-transition-duration: .2s;

       -o-transition-duration: .2s;

       transition-duration: .2s; 

  }



  .nosotros .bximg a:hover:after{

    background-color: rgba(0,0,0,.7);

  }



  .nosotros .bximg img{

    display: block;

    position: relative;

    width: 100%;

    height: auto;

    margin-left: auto;

    margin-right: auto;

  }



  #small-dialog .video{

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100%;

    height: auto;

      transform: translate(-50%, -50%);

      -o-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

      -moz-transform: translate(-50%, -50%);

      -webkit-transform: translate(-50%, -50%);

  }



  /* Styles for dialog window */

  #small-dialog {

    position: relative;

    width: 100%;

    max-width: 850px;

    margin: 40px auto;

  }



  /**

   * Fade-move animation for second dialog

   */



  /* at start */

  .my-mfp-slide-bottom .zoom-anim-dialog {

    opacity: 0;

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;



    -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

    -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

    -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

    -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

    transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );



  }



  /* animate in */

  .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {

    opacity: 1;

    -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

    -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

    -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

    -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

    transform: translateY(0) perspective( 600px ) rotateX( 0 ); 

  }



  /* animate out */

  .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {

    opacity: 0;



    -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

    -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

    -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

    -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

    transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 

  }



  /* Dark overlay, start state */

  .my-mfp-slide-bottom.mfp-bg {

    opacity: 0;



    -webkit-transition: opacity 0.3s ease-out; 

    -moz-transition: opacity 0.3s ease-out; 

    -o-transition: opacity 0.3s ease-out; 

    transition: opacity 0.3s ease-out;

  }

  /* animate in */

  .my-mfp-slide-bottom.mfp-ready.mfp-bg {

    opacity: 0.8;

  }

  /* animate out */

  .my-mfp-slide-bottom.mfp-removing.mfp-bg {

    opacity: 0;

  }













































@media (max-width: 769px){











.nosotros{



  background-color: white;;



  height: auto;



  padding: 20% 0;



  text-align: center;



  font-family: "Open Sans", arial, sans-serif;



  color: #171717;



  margin: 0;







}







.nosotros .titulo h2{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 48px;



  letter-spacing: 10px;



  color: #0e2a37;



}











.nosotros .linea hr{







margin: 20% 0;



text-align: center;



padding: 0;



border:1px solid #84643c;







}







.nosotros .texto1{



  font-weight: 300;



  font-size: 28px;



  color: #0e2a37;



  padding:0;



  text-align: center;



}











.nosotros .mexicana h3{



  font-family: "Lora", arial, sans-serif;



  font-size: 40px;



  color: #0e2a37;



  padding: 0;



  margin: 0;



}











.nosotros .informacion p{



  padding: 15% 0;



  font-size: 18px;



  font-weight: normal;



  line-height: 28px;



}



.nosotros .boton_vermas{



  width: 70%;



  font-size: 18px;



  padding: 5px 20%;



  margin: 5%;



}







}







@media (min-width: 700px) and (max-width: 1000px) and (orientation: portrait){







.nosotros{



  background-color: white;;



  height: auto;



  padding: 8% 0;



  text-align: center;



  font-family: "Open Sans", arial, sans-serif;



  color: #171717;



  margin: 0;







}







.nosotros .titulo h2{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 50px;



  letter-spacing: 10px;



  color: #0e2a37;



}











.nosotros .linea hr{







margin: 20% 0;



text-align: center;



padding: 0;



border:1px solid #84643c;







}







.nosotros .texto1{



  font-weight: 300;



  font-size: 34px;



  color: #0e2a37;



  text-align: center;



}











.nosotros .mexicana h3{



  font-family: "Lora", arial, sans-serif;



  font-size: 50px;



  color: #0e2a37;



  padding: 0;



  margin: 0;



}











.nosotros .informacion p{



  padding: 5% 0;



  font-size: 20px;



  font-weight: normal;



  line-height: 28px;



  text-align: center;



}







}











/*******************************SECCION catálogo***************************************/



.catalogo{



  height: auto;



  padding-bottom: 0%;



  padding-left: 0;



  padding-right: 0;



  background-color: white;



  text-align: center;



  font-size: 18px;



}



.catalogo h2{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 70px;



  letter-spacing: 15px;



  color: #0267ad;



  padding: 0;



  margin-bottom: 10%;







}







.catalogo .secciones{



  padding: 0;



}



.catalogo .sec1{



  padding:0;



}



.catalogo .sec1 img{



width: 100%;



height: auto;



}







/*Estilos Base*/



.contenedor-img {







float: left;



overflow: hidden;



position: relative;



text-align: center;



cursor: default;



background: #fff;



padding:0;



}



.contenedor-img .mascara,.contenedor-img .contenido {



width: 100%;



height: 100%;



position: absolute;



overflow: hidden;



top: 0;



left: 0;



padding-top: 20%;



}



.contenedor-img img {



display: block;



position: relative;







}



.contenedor-img h4 {



font-family: "Lora", times, serif;



color: #fff;



text-align: center;



position: relative;



font-size: 45px;



padding: 10px;



margin: 20px 0 0 0



}



.contenedor-img p {



font-size: 20px;



position: relative;



color: #fff;



padding: 10px 20px 10px;



text-align: center



}



.contenedor-img a.link {



font-size: 24px;



display: inline-block;



text-decoration: none;



padding: 7px 14px;



background: #000;



color: #fff;



text-transform: uppercase;



box-shadow: 0 0 1px #000



}



.contenedor-img a.link:hover {



box-shadow: 0 0 5px #b9a369



}







/*efecto*/



.cata_efecto img {



transition: all 0.2s linear;



}



.cata_efecto .mascara {



opacity: 0;



background-color: rgba(0,0,0, 0.75);







}



.cata_efecto h2 {



transform: translateX(-200px);/*Desplazamos a la izquierda*/



opacity: 0;







}



.cata_efecto p {



transform: translateX(200px);/*Desplazamos a la derecha*/



opacity: 0;



transition: all 0.4s linear;



}



.cata_efecto a.link{



width: 60%;



opacity: 0;



transition: all 0.4s ease-in-out;



transform: translateY(100px)/*Desplazamos para abajo*/



}







.cata_efecto:hover .mascara {



opacity: 1;



}



.cata_efecto:hover h2,



.cata_efecto:hover p,



.cata_efecto:hover a.link {



opacity: 1;



transform: translateX(0px);/*Regresamos a las posiciones originales*/



}



.cata_efecto:hover p {



transition-delay: 0.1s;



}



.cata_efecto:hover a.link {



transition-delay: 0.2s; /*Aplicamos un pequeño retardo para que se muestre al final*/



transform: translateY(0px);



}











































@media (max-width: 769px){











.catalogo{



  height: auto;



  padding-bottom: 0%;



  padding-left: 0;



  padding-right: 0;



  background-color: white;



  text-align: center;



  font-size: 18px;



}



.catalogo h3{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 48px;



  letter-spacing: 15px;



  color: #0e2a37;



  margin: 0;



  margin-bottom: 2%;







}







.catalogo h5{



  text-transform: uppercase;



  margin-bottom: 20%;







}











/*Estilos Base*/



.contenedor-img {







float: left;



position: relative;



text-align: center;



cursor: default;



background: #fff;



}



.contenedor-img .mascara,.contenedor-img .contenido {



width: 100%;



height: 100%;



position: absolute;



top: 0;



left: 0;



padding-top: 15%;



}



.contenedor-img img {



display: block;



position: relative;







}



.contenedor-img h4 {



font-family: "Lora", times, serif;



color: #fff;



text-align: center;



position: relative;



font-size: 40px;



padding: 10px;



margin: 20px 0 0 0



}



.contenedor-img p {



font-size: 18px;



position: relative;



color: #fff;



padding: 10px 20px 10px;



text-align: center



}



.contenedor-img a.link {



font-size: 20px;



display: inline-block;



text-decoration: none;



padding: 7px 14px;



background: #b9a369;



color: #fff;



text-transform: uppercase;



box-shadow: 0 0 1px #b9a369



}







/*Quitar efecto*/





.cata_efecto img {

transition: all 0.2s linear;

}

.cata_efecto .mascara {

opacity: 1;

background-color: rgba(14,42,55, 0.75);



}

.cata_efecto h2 {

transform: translateX(0px);/*Desplazamos a la izquierda*/

opacity: 1;



}

.cata_efecto p {

transform:translateX(0px);/*Desplazamos a la derecha*/

opacity: 1;

transition:0;

}

.cata_efecto a.link{

width: 60%;

opacity: 1;

transition:0;

transform:translateY(0px)/*Desplazamos para abajo*/

}



.cata_efecto:hover .mascara {

opacity: 1;

}

.cata_efecto:hover h2,

.cata_efecto:hover p,

.cata_efecto:hover a.link {

opacity: 1;

transform: translateY(0px);/*Regresamos a las posiciones originales*/

}

.cata_efecto:hover p {

transition-delay: 0;

}

.cata_efecto:hover a.link {

transition-delay: 0; /*Aplicamos un pequeño retardo para que se muestre al final*/

transform: translateY(0px);

}













}







@media (min-width: 700px) and (max-width: 1000px) and (orientation:portrait){











.catalogo{



  height: auto;



  padding-bottom: 0%;



  padding-left: 0;



  padding-right: 0;



  background-color: white;



  text-align: center;



  font-size: 18px;



}







.catalogo h3{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 50px;



  letter-spacing: 15px;



  color: #0e2a37;



  padding: 0;



  margin-bottom: 10%;







}











/*Estilos Base*/



.contenedor-img {







float: left;



position: relative;



text-align: center;



cursor: default;



background: #fff;



}



.contenedor-img .mascara,.contenedor-img .contenido {



width: 100%;



height: 100%;



position: absolute;



top: 0;



left: 0;



padding-top: 5%;



}



.contenedor-img img {



display: block;



position: relative;







}



.contenedor-img h4 {



font-family: "Lora", times, serif;



color: #fff;



text-align: center;



position: relative;



font-size: 30px;



padding: 10px;



margin: 20px 0 0 0



}



.contenedor-img p {



font-size: 16px;



position: relative;



color: #fff;



padding: 10px 20px 10px;



text-align: center



}



.contenedor-img a.link {



font-size: 18px;



display: inline-block;



text-decoration: none;



padding: 7px 20px;



background: #b9a369;



color: #fff;



text-transform: uppercase;



box-shadow: 0 0 1px #b9a369



}















}



















/*********************************Descanso************************************/











.descanso{



  background-image: url("../images/descanso.png");



  background-size: cover;



  background-repeat: no-repeat;



  background-attachment: fixed;



  background-position: center;



  height: 700px;



  padding: 15% 0%;



  text-align: center;



  font-family: "Lora", arial, sans-serif;



  font-size: 50px;



  color: white;



  margin: 0;



}











.descanso p{



  text-transform: uppercase;



}











@media (max-width: 769px){







.descanso{



  background-image: url("../images/descanso.png");



  background-size: cover;



  background-repeat: no-repeat;



  background-attachment: fixed;



  background-position: center;



  height: 450px;



  padding: 30% 0%;



  text-align: center;



  font-family: "Lora", arial, sans-serif;



  font-size: 30px;



  color: white;



  margin: 0;



}











.descanso p{



  text-transform: uppercase;



}







 



}







@media (min-width: 700px) and (max-width: 1000px) and (orientation:portrait){











.descanso{



  background-image: url("../images/descanso.png");



  background-size: cover;



  background-repeat: no-repeat;



  background-attachment: fixed;



  background-position: center;



  height: 600px;



  padding: 11% 0%;



  text-align: center;



  font-family: "Lora", arial, sans-serif;



  font-size: 50px;



  color: white;



  margin: 0;



}











.descanso p{



  text-align: center;



  text-transform: uppercase;



}







}











/****************************Seccion Galeria**************************/











.galeria{



  height: auto;



  padding: 0;



  padding-top:8%;



  text-align: center;







}







.galeria h3 {



  font-family: "Six Caps", arial, sans-serif;



  font-size: 70px;



  letter-spacing: 15px;



  color: #0267ad;



  margin: 0%;



  margin-bottom: 10%;







}







.galeria #text_or{



  color: #ee682a;



  font-weight: normal;



}







.zoom-gallery img{



  height: 100%;



  width: 100%;



  object-fit: cover;



  object-position: 50% 70%;



  vertical-align: middle;



  margin: 0 auto;



  padding: 0%;}















.zoom-gallery a{



  padding: 0;



  object-fit: cover;



}























/****Efecto blanco y negro***/



.zoom-gallery img {



filter: grayscale(100%);



-webkit-filter: grayscale(100%);



transition:filter 0.4s;



-webkit-transition:-webkit-filter 1s;



}











.zoom-gallery img:hover {



filter: grayscale(0);



-webkit-filter: grayscale(0);







}







/***********Boton**********/







    .zoom-gallery .bx_img p{



      display: block;



      opacity: 0;



      position: absolute;



      top: 50%;



      left: 50%;



      font-family: 'Open Sans';



      font-size: 24px;



      text-align: center;



      text-transform: uppercase;



      color: #fff;



      width: 70%;



      padding: 10px 0px;



      background-color: #0267ad;



      transform: translate(-50%, -50%) rotateX(90deg);



      -o-transform: translate(-50%, -50%) rotateX(90deg);



      -ms-transform: translate(-50%, -50%) rotateX(90deg);



      -moz-transform: translate(-50%, -50%) rotateX(90deg);



      -webkit-transform: translate(-50%, -50%) rotateX(90deg);







      transition-duration:.4s;



      -o-transition-duration:.4s;



      -ms-transition-duration:.4s;



      -moz-transition-duration:.4s;



      -webkit-transition-duration:.4s;



    }







     .zoom-gallery .bx_img:hover p{



      opacity: 1;



      transform: translate(-50%, -50%) rotateX(0deg);



      -o-transform: translate(-50%, -50%) rotateX(0deg);



      -ms-transform: translate(-50%, -50%) rotateX(0deg);



      -moz-transform: translate(-50%, -50%) rotateX(0deg);



      -webkit-transform: translate(-50%, -50%) rotateX(0deg);







      transition-duration:.4s;



      -o-transition-duration:.4s;



      -ms-transition-duration:.4s;



      -moz-transition-duration:.4s;



      -webkit-transition-duration:.4s;



    }











.galeria .boton_vermas2{



  width: 100%;



  height: auto;



  background-color: #000;



  text-transform: uppercase;



  text-decoration: none;



  color: white;



  font-size: 24px;



  padding: 10px 0%;



}







.galeria .boton_vermas2 a{



  text-decoration: none;



  color: white;



}







.galeria .boton_vermas2:hover{



  background-color: #0267ad;



}















@media (max-width: 769px){







.galeria{



  height: auto;



  padding: 20% 0;



  padding-bottom: 0;



  text-align: center;



}















.galeria h3 {



  text-align: center;



  font-size: 48px;



  margin: 0;



  text-transform: uppercase;



  padding-bottom: 20%;







}







/***********Boton**********/







    .zoom-gallery .bx_img p{



      display: block;



      opacity: 0;



      position: absolute;



      top: 50%;



      left: 50%;



      font-family: 'Open Sans';



      font-size: 18px;



      text-align: center;



      text-transform: uppercase;



      color: #fff;



      width: 70%;



      padding: 10px 0px;



      background-color: #0e2a37;



      transform: translate(-50%, -50%) rotateX(90deg);



      -o-transform: translate(-50%, -50%) rotateX(90deg);



      -ms-transform: translate(-50%, -50%) rotateX(90deg);



      -moz-transform: translate(-50%, -50%) rotateX(90deg);



      -webkit-transform: translate(-50%, -50%) rotateX(90deg);







      transition-duration:.4s;



      -o-transition-duration:.4s;



      -ms-transition-duration:.4s;



      -moz-transition-duration:.4s;



      -webkit-transition-duration:.4s;



    }







     .zoom-gallery .bx_img:hover p{



      opacity: 1;



      transform: translate(-50%, -50%) rotateX(0deg);



      -o-transform: translate(-50%, -50%) rotateX(0deg);



      -ms-transform: translate(-50%, -50%) rotateX(0deg);



      -moz-transform: translate(-50%, -50%) rotateX(0deg);



      -webkit-transform: translate(-50%, -50%) rotateX(0deg);







      transition-duration:.4s;



      -o-transition-duration:.4s;



      -ms-transition-duration:.4s;



      -moz-transition-duration:.4s;



      -webkit-transition-duration:.4s;



    }











.galeria .boton_vermas2{



  width: 100%;



  height: auto;



  background-color: #0e2a37;



  text-transform: uppercase;



  text-decoration: none;



  color: white;



  font-size: 18px;



  padding: 10px 0%;



}







.galeria .boton_vermas2 a{



  text-decoration: none;



  color: white;



}







.galeria .boton_vermas2:hover{



  background-color: #4a3319;



}



 







}











@media (min-width: 700px) and (max-width: 1000px) and (orientation: portrait){ 











.galeria{



  height: auto;



  padding: 8% 0;



  padding-bottom: 0;



  text-align: center;







}







.galeria h3 {



  font-family: "Six Caps", arial, sans-serif;



  font-size: 50px;



  letter-spacing: 15px;



  color: #0e2a37;



  margin-bottom: 10%;



  padding: 0;



}



















}











/**************************Mapa**************************/











.map{



  height: auto;



  padding: 0;



  padding-top: 8%;



  text-align: center;



  font-family: "Open Sans"



}











.map h4{







  font-family: "Six Caps", arial, sans-serif;



  font-size: 70px;



  letter-spacing: 15px;



  color: #0267ad;



  text-align: center;



  margin-bottom: 10%;







}











.map .imagen{



  background-image: url("../images/fondos/fondo_sucursal.png");



  background-size: cover;



  background-repeat: no-repeat;



  width: cover;



  height: 800px;



  padding: 10% 0;







}







.map .imagen h5{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 60px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: white;



  text-align: center;







}







.map .imagen p{



  font-size: 20px;



  color: white;



  margin-bottom: 10%;



}











.map .mapa{



  height: 800px;



}



















@media (max-width: 769px){











.map{



  height: auto;



  padding: 0;



  padding-top: 20%;



  text-align: center;



  font-family: "Open Sans"



}











.map h4{







  font-family: "Six Caps", arial, sans-serif;



  font-size: 48px;



  letter-spacing: 15px;



  color: #0e2a37;



  text-align: center;



  margin: 0%;



  margin-bottom: 20%;







}











.map .imagen{



  background-image: url("../images/fondos/fondo_sucursal.png");



  background-size: cover;



  background-repeat: no-repeat;



  width: cover;



  height: 600px;



  padding: 30% 0;







}







.map .imagen h5{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 42px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: white;



  text-align: center;







}







.map .imagen p{



  font-size: 16px;



  color: white;



  margin-bottom: 3%;



}











.map .mapa{



  height: 600px;



}







}







@media (min-width: 700px) and (max-width: 1000px) and (orientation:portrait){











.map{



  height: auto;



  padding: 0;



  padding-top: 8%;



  text-align: center;



  font-family: "Open Sans"



}











.map h4{







  font-family: "Six Caps", arial, sans-serif;



  font-size: 50px;



  letter-spacing: 15px;



  color: #0e2a37;



  text-align: center;



  padding: 0;



  margin:0;



  margin-bottom: 10%;







}











.map .imagen{



  background-image: url("../images/fondos/fondo_sucursal.png");



  background-size: cover;



  background-repeat: no-repeat;



  width: cover;



  height: 600px;



  padding: 20% 0;







}







.map .imagen h5{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 48px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: white;



  text-align: center;







}







.map .imagen p{



  font-size: 20px;



  color: white;



  margin-bottom: 10%;



}











.map .mapa{



  height: 600px;



}







}







/******************seccion mapa*********************************/







#mapa{



  padding: 0;



}



@media (min-width: 768px){



#map{



  height: 800px;



}



}







@media (min-width: 701px) and (max-width: 1000px) and (orientation:portrait){



#map{



  height: 600px;



}



}







@media (max-width: 768px) {



#map{



  height: 600px;



}



}







/****************************contacto***********************************/







.contacto{



  height: auto;



  padding: 0;



  padding-bottom: 0%;



  text-align: center;



  font-family: "Open Sans"



}







.contacto .contact{



  background-color: #0267ad;



  height: 910px;



  padding: 5% 0;







}







.contacto .contact h5{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 60px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: white;



  text-align: center;



  margin-bottom: 10%;







}







.contacto .datos{



  background-image: url("../images/fondos/fondo_madera.png");



  background-size: cover;



  background-repeat: no-repeat;



  width: cover;



  height: 910px;



  padding: 5% 0;







}







.contacto .datos h5{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 60px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: white;



  text-align: center;







}







.contacto .datos p{



  font-size: 20px;



  color: white;



  margin-bottom: 10%;



}











@media (max-width: 769px){







.contacto{



  height: auto;



  padding: 0;



  padding-bottom: 0%;



  text-align: center;



  font-family: "Open Sans"



}







.contacto .contact{



  background-color: #0e2a37;



  height: 600px;



  padding: 5% 0;







}







.contacto .contact h5{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 40px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: white;



  text-align: center;



  margin-bottom: 10%;







}







.contacto .datos{



  background-image: url("../images/fondos/fondo_madera.png");



  background-size: cover;



  background-repeat: no-repeat;



  width: cover;



  height: 720px;



  padding: 20% 10%;







}







.contacto .datos h5{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 40px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: white;



  text-align: center;







}







.contacto .datos p{



  font-size: 16px;



  color: white;



  margin-bottom: 20%;



}















}











@media (min-width: 700px) and (max-width: 1000px) and (orientation:portrait){











.contacto{



  height: auto;



  padding: 0;



  padding-bottom: 0%;



  text-align: center;



  font-family: "Open Sans"



}







.contacto .contact{



  background-color: #0e2a37;



  height: 600px;



  padding: 5% 0;







}







.contacto .contact h5{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 50px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: white;



  text-align: center;



  margin-bottom: 10%;







}







.contacto .datos{



  background-image: url("../images/fondos/fondo_madera.png");



  background-size: cover;



  background-repeat: no-repeat;



  width: cover;



  height: 600px;



  padding: 5% 0;







}







.contacto .datos h5{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 50px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: white;



  text-align: center;







}







.contacto .datos p{



  font-size: 20px;



  color: white;



  margin-bottom: 5%;



}



















}











/*Seccion Formulario*/







/*Color del texto previo a escribir*/



::-webkit-input-placeholder { /** Chrome/Opera/Safari **/



  color: white;



}



::-moz-placeholder { /**Firefox 19+ **/



  color: white;



}



:-ms-input-placeholder { /** IE 10+ **/



  color: white;



}



:-moz-placeholder { /** Firefox 18- **/



  color: white;



}











/*PC*/







#formulariocontacto{



  margin-left: 25%;



  width: 50%;



  font-family: "Lora";



}















#formulariocontacto input ,#formulariocontacto textarea{    



    width: 100%;



    padding: 6px;



    height: 42px;



    display: block;



    font-size: 1.8rem;



    border:0px;



    border-bottom: 1px solid white;



    background-color: transparent;



    margin-bottom: 20px;



    color: white;



}







#formulariocontacto button{    



  width:100%;



  height: 50px;



  font-family: "Open Sans"



  text-transform:uppercase;



  letter-spacing: 2px;



  font-size: 1.5em;



  border: 1px solid white ;



  background: rgba(0,0,0,0);



  color: white;



}











#formulariocontacto button:hover{



  background-color: white;



  color: #0e2a37;



}







.bxgroup #mensaje{



  width: 100%;



  height: 150px;



}











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



/*MOVIL*/







@media (max-width: 769px){











#formulariocontacto{



  margin-left: 5%;



  width: 90%;



  font-family: "Lora";



}















#formulariocontacto input ,#formulariocontacto textarea{    



    width: 100%;



    padding: 6px;



    height: 42px;



    display: block;



    font-size: 1.8rem;



    border:0px;



    border-bottom: 1px solid white;



    background-color: transparent;



    margin-bottom: 20px;



    color: white;



}







#formulariocontacto button{    



  width:100%;



  height: 50px;



  font-family: "Open Sans"



  text-transform:uppercase;



  letter-spacing: 2px;



  font-size: 1.5em;



  border: 1px solid white ;



  background: rgba(0,0,0,0);



  color: white;



}











#formulariocontacto button:hover{



  background-color: white;



  color: #0e2a37;



}







.bxgroup #mensaje{



  width: 100%;



  height: 150px;



}







}















/********************footer*****************/







.pie {



  min-width: 100%;



  background-color: #000;



  color: white;



  height: 45px; 



  text-align: center;



  font-size: 14px;







}







.pie p{



  margin: 0;



  padding: 12px 0;



}







.pie img{



  padding-top: 0.1%;



}















@media (max-width: 769px){















  .pie {



  min-width: 100%;



  background-color: #4a3319;



  height: 45px; 



  text-align: center;



  font-size: 12px;







}







.pie p{



  text-align: center;



  margin: 0;



  padding: 1.2% 0;



}







.pie img{



  padding-top: 0.1%;



}







}



















@media (min-width: 769px) and (max-width: 1000px) and (orientation:portrait){







.pie {



  min-width: 100%;



  background-color: #4a3319;



  height: 45px; 



  text-align: center;



  font-size: 14px;







}







.pie p{



  text-align: center;



  margin: 0;



  padding: 1.5% 0;



}







.pie img{



  padding-top: 0.1%;



}















}











/*********************************Pagina NOSOTROS************************************/











.nosotros_us{



  height: auto;



  font-family: "Open Sans", arial, sans-serif;



  width: 100%;



  background-image: url("../images/fondos/nosotros.jpg");



  background-repeat: no-repeat;



  background-size: cover;



  padding: 10% 0;



  color: white;



  text-align: center;







}







.nosotros_us h4{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 80px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: white;



  text-align: center;



  margin-bottom: 5%;



}











.nosotros_us h3{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 40px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: white;



  text-align: center;



  margin-bottom: 3%;



}







.nosotros_us p{



  font-size: 20px;



  color: white;



  text-align: center;



  font-weight: 300;



}







.nosotros_us li a{



  text-decoration: none;



  font-family: "Lora";



  color: white;



  text-transform: uppercase;



  background-color: rgba(2,103,173,0.85);



  font-size: 24px;



  border: 0px;



}







.nosotros_us .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{



  text-align: center;



  background-color: rgba(0,0,0,0.85);



  color: white;



  border: 0;



  



}







.nosotros_us .nav-tabs > li > a:hover{



  background-color: #0e2a37;



  color: white;



  border: 0;



  font-size: bold;



}











.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus{



  border:0;



}















.nosotros_us .nav-tabs > li > a{



  border-radius: 0;



}



.nav-tabs.nav-justified > li > a{



  border-bottom: 0;



  border:0;



}











/*contenido */







.nosotros_us .contenido{



  height: 575px;



  background-color: rgba(0,0,0,0.85);



  color: black;



  padding: 5%;



  margin-top: 0%;



}











@media (max-width: 769px){











.nosotros_us{



  height: auto;



  font-family: "Open Sans", arial, sans-serif;



  width: 100%;



  background-image: url("../images/fondos/nosotros.jpg");



  background-repeat: no-repeat;



  background-size: cover;



  padding: 30% 0;



  color: white;



  text-align: center;







}











/*contenido */







.nosotros_us .contenido{



  height: 575px;



  background-color: rgba(14,42,55,0.85);



  color: black;



  padding: 5%;



  margin-top: 0%;



}











.nosotros_us h4{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 70px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: white;



  text-align: center;



  margin-bottom: 20%;



}











.nosotros_us h3{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 40px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: white;



  text-align: center;



  margin-bottom: 3%;



}







.nosotros_us p{



  font-size: 16px;



  color: white;



  text-align: center;



  font-weight: 300;



}







.nosotros_us li a{



  text-decoration: none;



  font-family: "Lora";



  color: white;



  text-transform: uppercase;



  background-color: rgba(74,51,25,0.85);



  font-size: 20px;



  border: 0px;



}







.nosotros_us .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{



  text-align: center;



  background-color: rgba(14,42,55,0.85);



  color: white;



  border: 0;



  margin: 0;



  



}







.nosotros .nav-tabs.nav-justified > li > a{



  margin:0;



}







.nosotros_us .nav-tabs > li > a{



  border-radius: 0;



}



.nav-tabs.nav-justified > li > a{



  border-bottom: 0;



  border:0;



  margin: 0;



}







.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus{



  border:0;



}







}







@media (min-width: 700px) and (max-width: 1000px) and (orientation:portrait){















.nosotros_us{



  height: auto;



  padding: 25% 0;











}  







.nosotros_us h4{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 70px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: white;



  text-align: center;



  margin-bottom: 10%;



}







.nosotros_us p{



  font-size: 18px;



  color: white;



  text-align: center;



  font-weight: 300;



}







.nosotros_us li a{



  text-decoration: none;



  font-family: "Lora";



  color: white;



  text-transform: uppercase;



  background-color: rgba(74,51,25,0.85);



  font-size: 20px;



  border: 0px;



}











}



















/**************************PAGINA Productos***********************************/











.catalogo2{



  height: auto;



  padding: 10% 0;



  padding-bottom: 0;



}











.catalogo2 h2{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 80px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: #0267ad;



  text-align: center;



  margin-bottom: 5%;



}











.catalogo2 .secciones{



  padding: 0;



}



.catalogo2 .sec1{



  padding:0;



}



.catalogo2 .sec1 img{



width: 100%;



height: auto;



}







@media (max-width: 769px){











.catalogo2{



  height: auto;



  padding: 30% 0;



  padding-bottom: 0;



  text-align: center;



}











.catalogo2 h2{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 70px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: #0e2a37;



  text-align: center;



  margin-bottom: 5%;



}











.catalogo2 h5{



  text-transform: uppercase;



  margin-bottom: 10%;



}











.catalogo2 .secciones{



  padding: 0;



}



.catalogo2 .sec1{



  padding:0;



}



.catalogo2 .sec1 img{



width: 100%;



height: auto;



}







}







@media (min-width: 700px) and (max-width: 1000px) and (orientation:portrait){







.catalogo2{



  height: auto;



  padding: 15% 0;



  padding-bottom: 0;



  text-align: center;



}



.catalogo2 h3{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 50px;



  letter-spacing: 15px;



  color: #0e2a37;



  padding: 0;



  margin-bottom: 10%;







}















/*Estilos Base*/



.contenedor-img .mascara,.contenedor-img .contenido {



width: 100%;



height: 100%;



position: absolute;



top: 0;



left: 0;



padding-top: 2%;



}















.contenedor-img h4 {



font-family: "Lora", times, serif;



color: #fff;



text-align: center;



position: relative;



font-size: 30px;



padding: 10px;



margin: 20px 0 0 0



}



.contenedor-img p {



font-size: 15px;



position: relative;



color: #fff;



padding: 10px 20px 10px;



text-align: center



}



















}



























/**************************PAGINA Promociones***********************************/











.promociones{



  height: auto;



  padding: 10% 0px;



  padding-bottom: 0;



}











.promociones h2{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 80px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: #0267ad;



  text-align: center;



  margin-bottom: 5%;



}







.contenedor-img h4 {



font-family: "Lora", times, serif;



color: #fff;



text-align: center;



position: relative;



font-size: 30px;



padding: 10px;



margin: 20px 0 0 0



}







.contenedor-img p {



font-size: 20px;



position: relative;



color: #fff;



padding: 10px 20px 10px;



text-align: center



}







.contenedor-img .mascara,.contenedor-img .contenido {



width: 100%;



height: 100%;



position: absolute;



top: 0;



left: 0;



padding-top: 25%;



}











.promociones .secciones{



  padding: 0;



}



.promociones .sec1{



  padding:0;



}



.promociones .sec1 img{



width: 100%;



height: auto;



}







#ver_promo p , #ver_producto p{ text-align:center; }



#ver_promo img{ margin:0 auto 40px auto; width:70%; }





@media (max-width: 769px){





.contenedor-img .mascara{ padding-top:10%; }





.promociones{



  height: auto;



  padding: 30% 0;



  padding-bottom: 0;



  text-align: center;



}











.promociones h2{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 60px;



  letter-spacing: 15px;



  text-transform: uppercase;



  color: #0e2a37;



  text-align: center;



  margin-bottom: 5%;



}











.promociones h5{



  text-transform: uppercase;



  margin-bottom: 10%;



}











.promociones .secciones{



  padding: 0;



}



.promociones .sec1{



  padding:0;



}



.promociones .sec1 img{



width: 100%;



height: auto;



}







}







@media (min-width: 700px) and (max-width: 1000px) and (orientation:portrait){







.promociones{



  height: auto;



  padding: 15% 0;



  padding-bottom: 0;



  text-align: center;



}



.promociones h3{



  font-family: "Six Caps", arial, sans-serif;



  font-size: 50px;



  letter-spacing: 15px;



  color: #0e2a37;



  padding: 0;



  margin-bottom: 10%;







}











/*Estilos Base*/



.contenedor-img .mascara,.contenedor-img .contenido {



width: 100%;



height: 100%;



position: absolute;



top: 0;



left: 0;



padding-top: 2%;



}











.contenedor-img h4 {



font-family: "Lora", times, serif;



color: #fff;



text-align: center;



position: relative;



font-size: 20px;



padding: 10px;



margin: 20px 0 0 0



}



.contenedor-img p {



font-size: 15px;



position: relative;



color: #fff;



padding: 10px 20px 10px;



text-align: center



}







}











/******************************Pagina Galeria**************************************/



















.galeria2{



  height: auto;



  padding: 0;



  padding-top: 10%;



  text-align: center;







}







.galeria2 h3 {



  font-family: "Six Caps", arial, sans-serif;



  font-size: 70px;



  letter-spacing: 15px;



  color: #0267ad;



  margin: 0%;



  margin-bottom: 5%;







}







.galeria2 #text_or{



  color: #ee682a;



  font-weight: normal;



}















@media (max-width: 769px){







.galeria2{



  height: auto;



  padding: 35% 0;



  padding-bottom: 0;



  text-align: center;



}















.galeria2 h3 {



  text-align: center;



  font-size: 70px;



  margin: 0;



  text-transform: uppercase;



  padding-bottom: 20%;



}



}















@media (min-width: 700px) and (max-width: 1000px) and (orientation: portrait){ 











.galeria2{



  height: auto;



  padding: 20% 0;



  padding-bottom: 0;



  text-align: center;







}







.galeria2 h3 {



  font-family: "Six Caps", arial, sans-serif;



  font-size: 70px;



  letter-spacing: 15px;



  color: #0e2a37;



  margin-bottom: 10%;



  padding: 0;



}







}











	.thumbnail_gall {

		position: relative;

		width: 100%;

		height: 252px;

		overflow: hidden;

	}

	

	.thumbnail_productos{

		position: relative;

		width: 100%;

		height: 530px;

		overflow: hidden;

	}

	

	

	.thumbnail_productos img { height:530px !important; }

	

	.thumbnail_productos img {

		position: absolute;

		left: 50%;

		top: 50%;

		width: auto;

		-webkit-transform: translate(-50%,-50%);

		-ms-transform: translate(-50%,-50%);

		transform: translate(-50%,-50%);

	}

	

	

	@media(max-width: 768px){

		

		.thumbnail_gall { height: 180px; }

		

		.thumbnail_productos img { height:360px !important;  }

		

		.thumbnail_productos{

			position: relative;

			width: 100%;

			height: 360px;

			overflow: hidden;

		}

		

	}

	

	

	.page{ padding:30px 0px; text-align:center; }

	

	.mfp-title{ position:fixed; font-size:20px; }

	

	#myCarousel{ margin-bottom:45px; }

	

	.item  img{ margin:0 auto; }

	

  .carousel-control.right , .carousel-control.left{ background-image:none; }
  

  .botones-contacto a{
    display: inline-block !important;
  }