@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	border:0;
	outline:none;
}

body{
	background-color:#6D6F6D;	
}
		
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
	width: 100%;
  }

  .no-gutter>[class*='col-'] {
	padding-right: 0;
	padding-left: 0;
  }
  
#wrapper0{
	width: 90%;
	margin:auto;	
	background-color:#6D6F6D;	
	
}
#wrapper{
	margin:0px;
	background-color:#352038;
	border-style: solid;	
	border-top:solid #352038 20px;
	border-left:solid #352038 60px;
	border-right:solid #352038 60px;

	border-color:#352038;
}

.float {
	position:fixed;
	width:90px;
	height:45px;
	top:19px;
	right:25%;
	background-color:#8dc444;
	padding-top: 4px;
	color:#FFF;
	font-size: 20px;
	border-radius:10px;
	text-align:center;	
	box-shadow: 2px 2px 3px #999;
	z-index: 99999;

}
.floatNav {
	position:fixed;
	height:40px;
	top:18px;
	right:10%;
	background-color:#8dc444;
	color:#FFF;
	border-radius:10px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index: 99999;

}
#gallery_pasteles{
	margin:auto;
	position:relative;
	top:-60px;
}
#gallery_pasteles img{
	margin:25px;
}

#gallery_panques{
	margin:auto;
	position:relative;
	top:-60px;
}
#gallery_panques img{
	margin:25px;
}
#gallery_chocolates {
	margin:auto;
	position:relative;
	top:-60px;
}
#gallery_chocolates img{
	margin:25px;
}

.my-float{
	margin-top:22px;
}

.bg-navbar {
    background: #352038;
}
.navbar-light .navbar-nav .nav-link {
    color: #85734e;
}
.navbar {
    padding: 0rem 0rem;
	font-size: 0.9rem;
	font-weight: bold;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #85734e;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color:white;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}



#ramasLeft {	
	max-width: 132px;
	display: block;
  }

#ramasRight {	
	max-width: 132px;
	display: block;
  }

  #gelatinas2 {	
	max-width: 220px;
	display: block;
  }

  #mail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	text-decoration:none;
}

#mail:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#756248;
	text-decoration:none;
}
img.marcoPastel {
	border-color: #86754d;	
	border-style: solid;
	border-width: 4px;
}
.containerImagen {
	position: relative;
	
	color: white;
  }
 
  /* Bottom right text */
  .bottom-right {
	position: absolute;
	bottom: 1px;
	right: 20px;
  }
  
.boton {
	width: 50%;
	margin:auto;
}

.botonLeft {		
	margin:0px;
}

  @media screen and (max-width: 1150px) {
	.floatNav {			
		position:relative;
		top:-5px;
		left:1%;
	}
	.botonLeft {		
		width: 50%;
		margin:auto;
	}
	.boton {
		width: 50%;
		margin:auto;
	}
}
 
@media screen and (max-width: 500px) {
	    .boton {
			margin:0px;
		}
		.botonCenter {
			width: 50%;
			margin:auto;
		}
		#bolsa, #charola,#corte_panque,#corte_rosca,#corte_gela {			
			margin-left:30%;
		}
		.float{			
			top:18px;
			right:10%;
		}				
		.floatNav {			
			position:relative;
			top:-5px;
			left:1%;
		}
		#gallery_pasteles ,#gallery_chocolates,#gallery_panques{
			top: -10px;
		}
		#wrapper0{
			width:100%;
			margin:0px;
			background-color:#6D6F6D;				
		}
		#gela_sabor ,#gela_yogu ,#rosca_main{
			max-width: 290px;
		}
		#chocolates_main {
			max-width: 290px;
		}
		#wrapper{
			margin:0px;
			background-color:#352038;
			border-style: solid;
			border-top:solid #352038 20px;
			border-left:solid #352038 20px;
			border-right:solid #352038 20px;

			border-color:#352038;
		}
   }
   
 .fa-whatsapp {
	 background-color: green;
 }
@media screen and (max-width: 750px) {
	#gelatinas2 {	
		max-width: 70%;	
		margin:auto;
	  }
	  
		#bolsa, #charola,#corte_panque,#corte_rosca,#corte_gela {			
			margin-left:30%;
		}
	  #texto_gelatinas {
		margin-left: -50px;
	  }
		#gallery_pasteles ,#gallery_chocolates ,#gallery_panques{
			top: -20px;
		}
		
		#chocolates_main {
			max-width: 290px;
		}
		#gela_sabor, #gela_yogu,#rosca_main{
			max-width: 290px;
		}
	
   }
   
   

@media screen and (max-width: 1280px) {
     #ramasLeft {	
		display:none;
	  }
	
	  #ramasRight {	
		display:none;
	  }
	}
	

#alf_main{
	background-image:url(../imagenes/textura_fondo35.jpg);
	background-repeat: round;
}
#menu_top0 li{
	list-style:none;
	display:inline;
}

#menu_top0 li a{
	color: #85734e;
	font-size: 0.8vw;
}


#menu_top li{
	list-style:none;
	display:inline;
}
#center {	
	max-width: 50%;	
	margin:auto;
}
h1 {
	color: white;
}
#menu_top li a{
	color: #85734e;
	font-size: 0.8vw;
}

#header{
	height:400px;
}

#div1{
	height:334px;
	width:883px;
	background-image:url(../imagenes/bloque1_2.png);
	position:relative;
	left:215px;
	top:15px;
}


#div2{
	width:220px;
	height:220px;
	position:relative;
	top:15px;
	left:215px;
}

#div3{
	width:240px;
	height:220px;
	position:relative;
	top:-205px;
	left:435px;
}

#div4{
	width:238px;
	height:440px;
	position:relative;
	top:-425px;
	left:675px;
}

#div5{
	width:185px;
	height:220px;
	position:relative;
	top:-865px;
	left:913px;
}

#div6{
	width:220px;
	height:220px;
	position:relative;
	top:-865px;
	left:215px;
}

#div7{
	width:140px;
	height:220px;
	position:relative;
	top:-1060px;
	left:960px;
	z-index:10;
}

#menu_inicio li{
	list-style:none;
	display:block;
	max-width:220px;
	display:block;
	color: #85734e;
	text-align: right;
	font-size: 1vw;
}

#menu_inicio li a{
	max-width:220px;
	display:block;
	color: #85734e;
	text-align: right;
	font-size: 1vw;
}

#tradicion{
	background-position:0 0;
}

#tradicion:hover{
	background-position:-140px 0;
}

#alfajores{
	background-position:0 -27.5px;
}

#alfajores:hover{
	background-position:-140px -27.5px;
}

#gelatinas{
	background-position:0 -55px;
}

#gelatinas:hover{
	background-position:-140px -55px;
}

#pasteles{
	background-position:0 -82.5px;
}

#pasteles:hover{
	background-position:-140px -82.5px;
}

#panques{
	background-position:0 -110px;
}

#panques:hover{
	background-position:-140px -110px;
}

#galletas{
	background-position:0 -137.5px;
}

#galletas:hover{
	background-position:-140px -137.5px;
}

#especiales{
	background-position:0 -165px;
}

#especiales:hover{
	background-position:-140px -165px;
}

#chocolates{
	background-position:0 -192.5px;
}

#chocolates:hover{
	background-position:-140px -192.5px;
}

#div_slogan{
	position:relative;
	left:215px;
	top:-1060px;
	width:600px;
}


#div_copy{
	position:relative;
	left:215px;
	top:-960px;
	width:80px;
}

#contacto{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#FFF;
	height:25px;
	font-size: 1vw;
}

#contacto:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#756248;
	height:25px;
}

#div_contacto{
	color:#FFF;
	text-align: right;
}

#div_desarrollo{
	color:#FFF;
	text-align: right;
	font-size: 0.7vw;
}

#div_copyright{
	color:#FFF;
	text-align: left;
	font-size: 0.7vw;
}
#div_twitter{

	text-align: right;
}

#div_face{
	text-align: right;
}

#div_instagram{
	text-align: right;
}
#div_idea{
	position:relative;
	left:1015px;
	top:-1140px;
	width:60px;
	height:30px;
}