@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');

*{/*font-family: 'Itim', cursive;*/
/*font-family: 'Mali', cursive;*/
font-family: 'Nunito', sans-serif;}

.txt_mano{font-family: 'Alex Brush', cursive;}



.txt_300{font-weight: 300}

.txt_600{font-weight: 600}


.txt_bco{color: white}

.txt_vrd{color: #C46565}

.txt_c333{color: #666}



.fdo_rosa{background-color: #ef4a5e;}

.txt_firma{font-family: 'Mrs Saint Delafield', cursive;}



.txt_basico{ font-size: 1.3rem; font-weight: 200}

.txt_font{font-size: .7rem}

.txt_footer{font-size: 1rem}

.txt_menu{ font-size:1.3rem}

.txt_pago{ font-size: 1rem }

.txt_icon_pago{font-size: 2rem}

.txt_categ{ font-size: 1.5rem }

.txt_menu{ font-size: 2rem }

.txt_titulo{ font-size: 2.6rem }

.txt_titulo2{ font-size: 2.3rem }

a.contacto:link{color:#C46565; text-decoration:none;  }
a.contacto:visited{color:#C46565; text-decoration:none;  }
a.contacto:active{color:#00837E; text-decoration:none;}
a.contacto:hover{ color:#00837E; text-decoration:none;}

a.prod:link{text-decoration:none;   border-color: #fff; background-color: #fff}
a.prod:visited{text-decoration:none;   border-color: #fff; background-color: #fff  }
a.prod:active{text-decoration:none;   border-color: #fff; background-color: #fff}
a.prod:hover{ text-decoration:none;   border-color: #fff; background-color: #fff}

.borde{ border: 1px solid red; }

.borde_circ1{
  border: 2px dotted pink
  border-radius: 50%
}

.logo_espaciado{margin-top: 250px}


.intro {
  background-color: #000;
	/*background: url(../imagenes/slide_inicio/7.jpg) no-repeat center center scroll;	*/
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)), url(../imagenes/slide_inicio/777.jpg);
	/*background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/intro-bg.jpg);*/
	background-size: cover;
	background-position: top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	width: 100%;
	height: 100vh;

	display: table;
	padding: 0px 0;
	text-align: center;
	color: white;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;   
}

.img_logo_intro{ width: 350px }



.dolceb {
  background-color: #fff;
  /*background: url(../imagenes/slide_inicio/7.jpg) no-repeat center center scroll; */
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../imagenes/slide_inicio/7.jpg); background-repeat: repeat;
  /*background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/intro-bg.jpg);
  background-size: cover;
  background-position: top;
  background-attachment: fixed;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;

  display: table;
  padding: 100px 0;
  text-align: center;
  color: white;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;   */
}

.fdo_pie{background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, .2)), url(../imagenes/diseno/fdo_pie.jpg); background-repeat: repeat;}

/*.fdo_bckgr{ background-color: rgba(0, 0, 0, 0.4) }*/


/*.kk2{display: none}*/

/* :::::::::::::  BOTON PARA BAJAR EN EL HOME ::::::::::::::::::::::::: */

.btn-circle {
  width: 70px;
  height: 70px;
  margin-top: 15px;
  padding: 7px 16px;
  border: 2px solid #C46565;;
  border-radius: 100% !important;
  font-size: 40px;
  color: #C46565;
  background: transparent;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.btn-circle:hover,
.btn-circle:focus {
  outline: none;
  color: #fff;
  border: 2px solid #C46565;
  background: rgba(255, 255, 255, 0.1);
}
.btn-circle i.animated {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transformbtn-circle: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}


.txt_subtitulo{ font-size: 1.5rem; color: white; font-weight: 300 }

/* :::::::::::::  BOTON PARA BAJAR EN EL HOME ::::::::::::::::::::::::: */


.img_contacto{width: 400px}

.iconos_whatsapp{font-size: 1.9rem; color: #25d366; position: relative; top: 5px}

.iconos_facebook{font-size: 1.9rem; color: #3b5998; position: relative; top: 5px}

.iconos_instagram{font-size: 1.9rem; color: #00837E ; position: relative; top: 5px}

.borde_pago{border: 1px dashed #C46565; border-radius: 5px }





/* ------ este esfecto es para hacer transisión color a bn ------

.img_creaciones { 
  filter: grayscale(0); 
  -webkit-filter: grayscale(0);
  transition:filter 0.4s;
  -webkit-transition:-webkit-filter .5s; 
}

.img_creaciones:hover { 
  filter: grayscale(100%); 
  -webkit-filter: grayscale(100%); 
}

---- */


/* de 990 en adelante*/
@media (min-width: 990px){

	.img_logo{ width: 110px}
}

@media (max-width: 989px){
	.img_logo{ width: 50px}

  /*k2{display: block;}
  .kk1{display: none}*/

}

@media (max-width: 768px) {

	.txt_basico{ font-size: 1rem}

  .txt_categ{ font-size: 1.1rem }

  .txt_menu{ font-size: 1.8rem }

  .txt_titulo{ font-size: 1.9rem }

  .txt_titulo2{ font-size: 2.1rem }

  .intro {
	  /*background: url(../imagenes/slide_inicio/5.jpg) no-repeat center center scroll;  
	  background-image: url(../imagenes/slide_inicio/5b.jpg);*/
	  background-size: cover;
	  background-position: top;
	  background-repeat: no-repeat;
	  /*width: 100%;*/
	  height: 100vh;
	  
	  display: table;
	  /*padding: 100px 0;*/
	  text-align: center;
	  color: white;
	  -webkit-background-size: cover;
	  -o-background-size: cover;
	  -moz-background-size: cover;   
	}

	.img_logo_intro{ width: 200px }

	.img_contacto{width: 250px}

	.mapa_google {width: 170px; height: 130px}


	.txt_subtitulo{font-size: .9rem}

	/*.btn_inicio{position: relative; top: 30px}*/

  .iconos_whatsapp{font-size: 1.4rem; color: #25d366; position: relative; top: 8px}

  /*k2{display: block;}
  .kk1{display: none}*/

  .logo_espaciado{margin-top: 70px}

  .txt_menu{ font-size:1.2rem}

  .txt_footer{font-size: .8rem}

  .txt_pago{ font-size: .7rem }

  .txt_icon_pago{font-size: 1.5rem}

  .borde_pago{border: 0px solid #ccc; }

 

}	


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


.contenedor1:hover .imagen1 {
  -webkit-transform:scale(.98);
  transform:scale(.98);
  transition:all .75s ease-in-out;
  filter: opacity(.7);

}
.contenedor1 {
  overflow:hidden;   
}

.imagen1 {
  transition:all 1s ease-in-out;
}

.kk1{display: block;}
.kk2{display: none}









/*.button-hover {
    font-family: arial black;
    font-size: 100px;
    color: #000;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    opacity: 1;
}

.button-hover:hover {
    opacity: 0.5;
}*/